/************************************************
+ Parallax layout css Document
+ Version : 1.0
+ Apply : 2018-07-02
+ Content: WEB'S REPUBLIC HTML SOURCE CSS FILE
************************************************/
#wrap {}
#source_wrap {}
#source_wrap .source_section {background-attachment:fixed;}
#source_wrap .source_section {}
#source_wrap .source_section .sectionInner {}
#source_wrap .source_section .sectionInner .top_title {}
/* ??? */
#section1 {background-position:0px 0px}
/* ???? */
.source_section {display:table; width:100%; text-align:center; padding:0}
.source_section .sectionInner {display:table-cell; vertical-align:middle}
.source_section .sectionInner .txtWrap {max-width:1400px; margin:0 auto}
#source_wrap .source_section .sectionInner .infoTxt h2 {display:inline-block; font-size:20px; font-weight:700; color:#fff; padding-bottom:20px}
#source_wrap .source_section .sectionInner .infoTxt h3 {display:inline-block; font-size:20px; font-weight:700; color:#fff; padding-bottom:20px}
#source_wrap .source_section .sectionInner .infoTxt h2:after {content:''; display:block; width:100%; height:1px; background:#fff; margin:20px auto 0; opacity:0.25}
#source_wrap .source_section .sectionInner .infoTxt h3:after {content:''; display:block; width:100%; height:1px; background:#fff; margin:20px auto 0; opacity:0.25}
#source_wrap .source_section .sectionInner .infoTxt p {font-size:14px; font-weight:500; color:#fff; width:50%; margin:0 auto; line-height:1.85; word-break:keep-all}
#source_wrap .source_section .sectionInner .infoTxt p span {background:#21bbb1; color:#fff; padding:3px 10px; display:inline-block; border-bottom-left-radius:10px; border-top-right-radius:10px; margin:0 5px}
#source_wrap .source_section .sectionInner .infoTxt > a {display:block; padding:0 20px}
#source_wrap .source_section .sectionInner .btn_area {padding-top:10px}
#source_wrap .source_section .sectionInner .btn_area a {display:inline-block; padding:8px 23px; margin:0 10px; font-size:14px; font-weight:700; color:#333; transition:all 0.3s ease; border-radius:6px}
.parallax {position:relative; background-size:cover; overflow:hidden; background-attachment:fixed}
.parallax-window {min-height:850px}

.source_section.parallax-body {min-height:850px}
.btn-white {background:#fff}
.btn-white:hover {background:#000; color:#fff !important}
.btn-gray {background:#d9d9d9}
.btn-gray:hover {background:#7b7b7b; color:#fff !important}
.btn-red {background:#f54e57; color:#fff !important}
.btn-red:hover {background:#da3f47}
.btn-blue {background:#578ec7; color:#fff !important}
.btn-blue:hover {background:#487cb1}
.btn-green {background:#3dc750; color:#000 !important}
.btn-green:hover {background:#81dc8d; color:#000 !important}
.btn-yellow {background:#ffd91f; color:#000 !important}
.btn-yellow:hover {background:#f9e064; color:#000 !important}
/* ?¥í???????? */
.instaInner {padding-bottom:50px}
/* ??????? ?????? */
#facebook_page {width:100%; overflow:hidden; min-height:1100px}
#facebook_page .pageWrap {width:100%; margin:0 auto; text-align:center}
#facebook_page:after {clear:both; content:''; display:block}
#facebook_page .left {float:left; width:50%}
#facebook_page .left > ul {}
#facebook_page .left > ul:after {clear:both; content:''; display:block}
#facebook_page .left > ul > li {display:block; text-align:center; overflow:hidden}
#facebook_page .left > ul > li:after {clear:both; content:''; display:block}
#facebook_page .left > ul > li .logo_img {float:left; width:50%; max-height:225px}
#facebook_page .left > ul > li .logo_img img {display:block; width:100%}
#facebook_page .left > ul > li .txt_box {float:left; background:#21abc1; display:table; width:50%; min-height:225px}
#facebook_page .left > ul > li .txt_box2 {background:#1d8798}
#facebook_page .left > ul > li p {display:table-cell; vertical-align:middle; font-size:13px; padding:0 20px; font-weight:500; color:#fff; word-break:keep-all}
#facebook_page .right {float:right; width:50%}
#facebook_page .page_block {clear:both; padding-top:20px}
#facebook_page .page_block > blockquote {padding:50px 80px; font-size:15px; font-weight:500; color:#000; background:#f9f9f9; line-height:1.85; word-break:keep-all; text-align:center}
#facebook_page .page_block > blockquote span {font-weight:700; color:#fb505a}
/* ???? ???? */
@media screen and (max-width:768px) {
#source_wrap .source_section .sectionInner .btn_area a {display:block; width:50%; margin:0 auto 10px}
}