/**#splash { z-index: 199; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #fff; background-image: url("../img/common/bg_loading.png"); background-position: center center; background-repeat: no-repeat; }
.loading {position: fixed; width: 100%; bottom: 0px; display: none; z-index: 200;}**/

@-webkit-keyframes progress-bar-stripes {from {  background-position: 40px 0;} to {  background-position: 0 0;} }
@-moz-keyframes progress-bar-stripes {from {  background-position: 40px 0;} to {  background-position: 0 0;} }
@-ms-keyframes progress-bar-stripes {from {  background-position: 40px 0;} to {  background-position: 0 0;} }
@-o-keyframes progress-bar-stripes {from {  background-position: 0 0;} to {  background-position: 40px 0;} }
@keyframes progress-bar-stripes {from {  background-position: 40px 0;} to {  background-position: 0 0;} }
.progress {overflow: hidden;height: 27px;}
.progress .bar {width: 0%;height: 100%;color: #ffffff;float: left;font-size: 12px;text-align: center;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #0e90d2;background-image: -moz-linear-gradient(top, #149bdf, #0480be);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image: -webkit-linear-gradient(top, #149bdf, #0480be);background-image: -o-linear-gradient(top, #149bdf, #0480be);background-image: linear-gradient(to bottom, #149bdf, #0480be);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: width 2.5s ease;-moz-transition: width 2.5s ease;-o-transition: width 2.5s ease;transition: width 2.5s ease;}
.progress-striped .bar {background-color: #4e808e;background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size: 40px 40px;-moz-background-size: 40px 40px;-o-background-size: 40px 40px;background-size: 40px 40px;}
.progress.active .bar {-webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite;-ms-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;}

#header { position: fixed; width: 100%; top: 0px; left: 0px; z-index: 101; min-width: 1120px; text-align: center;margin: 0 auto;border-bottom: 1px solid #ccc;}
#header nav > div { width: 20%; box-sizing: border-box; padding: 0 30px; }
#header nav {background-color: #fff; overflow: auto;line-height: 148px;}
#header nav .mobile-nav-toggle { display: none; }
#header nav .ci { float: left; font-size: 20px; text-align: left;height: 60px; vertical-align: middle;}
#header nav .ci img {  }
#header nav .eshop { text-align: right; cursor: pointer;line-height: 4px;}
#header nav .eshop img { vertical-align: middle; }


#header nav #main-nav {width: 60%; float: left;font-size: 18px;margin-left: auto; margin-right: auto; box-sizing: border-box;}
#header nav #main-nav .top_ci {line-height: 26px;}
#header nav #main-nav > li { display: inline-block; padding: 0px 18px;vertical-align: middle;}
#header nav #main-nav > li > a { font-weight: bold; }
#header nav #main-nav > li.active > a { color: #37aead; }

#header .sub-nav { display: none; width: 100%; position: absolute; top: 85px; left: 0px; background-color: rgba(0,0,0,0.3); line-height: 40px; }
#header .sub-nav li { display: inline-block; color: #fff; padding: 0px 20px; }
#header .sub-nav li span,
#header .sub-nav li a { color: #fff; cursor: pointer; text-transform: uppercase; font-weight: bold; }
#header .sub-nav li span:hover,
#header .sub-nav li a:hover { color: #000 }
#header .sub-nav li.active span,
#header .sub-nav li.current span,
#header .sub-nav li.active a,
#header .sub-nav li.current a { color: rgba(0,0,0,1); border-bottom: 1px solid #000; }

body { text-align: center; }
html.mask .mask { position: fixed; left: 0; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 99; }
html.mask #header { z-index: 88; }
html.mask, html.mask body { overflow: hidden !important; }
.section > h2 { font-size: 20px;  margin: 30px; }
.section .content-wrapper > h2 { margin: 30px; font-size: 35px; text-transform: capitalize; } 

.flexslider { border: none; margin: 0px; }
.flex-viewport { max-height: 1000px; }
.flex-direction-nav a:before{ content: '' }
.flex-direction-nav a.flex-next:before { content: '' }

.flex-control-paging { top: 250px; }
.flex-control-paging li { margin: 0 15px; }
.flex-control-paging li a { width: 18px; height: 18px; }
.flex-direction-nav .flex-prev { width: 36px; height: 72px; background-color: transparent; border: none; background: url("../img/common/btn_prev_slide.png") no-repeat; left: 30px !important; }
.flex-direction-nav .flex-next { width: 36px; height: 72px; background-color: transparent; border: none; background: url("../img/common/btn_next_slide.png") no-repeat; right: 30px !important; }

.section .content-wrapper { width: 1120px; margin-left: auto; margin-right: auto; padding-top: 110px; }
.inner-content-wrapper { width: 1120px; margin-left: auto; margin-right: auto; }
.btn-more-view { display: block; border: 1px solid #ccc; background-color: #f6f6f6; padding: 10px; margin-top: 20px; margin-bottom: 50px; font-weight: bold; cursor: pointer; background: url("../img/common/btn_more_view.png") no-repeat; background-position: 55% 50%; }
.rating-star { display: inline-block; background-image: url("../img/common/blt_rating_star.png"); width: 80px; height: 14px; }
.rating-star.blt-rating-1 { background-position: 0 14 }
.rating-star.blt-rating-2 { background-position: 0px -14px }
.rating-star.blt-rating-3 { background-position: 0px -28px }
.rating-star.blt-rating-4 { background-position: 0px -42px }
.rating-star.blt-rating-5 { background-position: 0px -56px }

/* home */
#section-home { font-family:'Lato', sans-serif;}
/**#section-home #intro1 { background-color: #000; }
#section-home #intro2 { background-color: #888; }

#section-home .slide { height: 980px;}**/
#section-home .container {box-sizing: border-box; height: 100%;min-height: 1081px; padding-top: 220px;padding-bottom: 200px;}
/**#section-home .slide { height: 100%; position: relative; }
#section-home .slide img { width: auto; }**/
#section-home a.btn-more { position: absolute; display: block; bottom: 0px; left: 0; right: 0; cursor: pointer; z-index: 3; margin-bottom: 70px; 
	-webkit-animation: bounce .7s linear infinite alternate; -moz-animation: bounce .7s linear infinite alternate; -o-animation: bounce .7s linear infinite alternate; -ms-animation: bounce .7s linear infinite alternate; animation: bounce .7s linear infinite alternate }
@-webkit-keyframes bounce { from {bottom:8%;opacity:0.2} to {bottom:7%} }
@-moz-keyframes bounce { from {bottom:8%;opacity:0.2} to {bottom:7%} }
@-o-keyframes bounce { from {bottom:8%;opacity:0.2} to {bottom:7%} }
@keyframes bounce { from {bottom:8%;opacity:0.2} to {bottom:7%} }

#section-home .flex-control-paging { top: auto; bottom: 50px; width: 300px; left: 50%; margin-left: -150px; }
#section-home .flex-control-paging li { margin: 0 15px; }
#section-home .flex-control-paging li a { width: 18px; height: 18px; background-color: rgba(255,255,255,0.3); }
#section-home .flex-control-paging li a.flex-active { background-color: rgba(255,255,255,1); }

#section-home .about {top: 15%; text-align: left; color: #6b6b6b; z-index: 3;box-sizing: border-box;}
#section-home .about .main-ci { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
#section-home .about span.highlight {color: #37aead;font-weight: 100;}
#section-home .about h1 {font-size: 98px;/* padding: 5px 20px; */ display: inline-block; text-align: left;font-weight: 400;font-family:'Lato', sans-serif;line-height: 92px;}
#section-home .about .desc {padding: 48px 10px;font-size: 30px;line-height: 1;color: #888;font-weight: 100;}

#section-home .slide { position:relative; overflow:hidden; width:100%; height:100%; margin:0 auto; }
#section-home #intro1 { background:url('../img/about/bg_about_pc1.png') no-repeat scroll 50% 50%;background-size:100% 100%;}
#section-home #intro2 { background:url('../img/about/bg_about_pc2.png') no-repeat scroll 50% 0;background-size:100% 50%;background-color:#604337}
/*???? ?????? ???????????? ????? ???
#section-home .bg { width: 100%; height: 100%; margin: 0 auto; }
#section-home .bg .bg-video { position: absolute; left: 50%; min-width:1600px; background: #000; }
#jp_video_0, #jp_video_1, #jp_video_3, #jp_video_4 { position: absolute; top: 0; left: 0; }
#section-home .toggle-mute { position: absolute; right: 80px; bottom: 50px; width: 37px; height: 36px; background: url("../img/about/btn_mute.png") no-repeat center center; cursor: pointer; z-index: 1000}
#section-home .jp-state-muted .toggle-mute { background-image: url("../img/about/btn_muted.png"); }
*/

#section-home .about .intro-box1 {overflow: hidden; float: left;color: #555;font-weight: normal;}
#section-home .about .intro-box2 {overflow: hidden; float: left;color: #555;font-weight: normal;}
#section-home .about .brand-img { float: left;font-size: 0;margin-bottom: 1px; margin-right:49px;}
#section-home .about .company-intro { float: left;}

#section-home .about .company-intro h3 { font-size: 20px; font-weight: 400; line-height: 1.2; margin-bottom: 10px;}
#section-home .about .company-intro p { font-size: 14px; font-weight: 400; line-height: 1.5; color:#888;}
#section-home .about .company-intro .highlight2 { font-size: 14px; font-weight: 400; line-height: 1.5; color:#333232;}


/* banner */
#banners { position: absolute; top: 70px; right: 0; width: 350px; z-index: 4; }
#banners .banner-content { line-height: 0; }
#banners .wrapper-close { background-color: #fff; padding: 7px 10px; text-align: left; color: #555; display: relative; }
#banners .wrapper-close .close-text { cursor: pointer; }
#banners .wrapper-close .close-text:hover { color: #e18063; }
#banners .wrapper-close .btn-close { display: inline-block; position: absolute; width: 18px; height: 17px; background: url("../img/common/btn_close_4.png") no-repeat; background-size: 18px 17px; right: 10px; cursor: pointer; }

/* brand */
#section-about-our-story {background: url("../image/brand_bg.png"); padding-top:220px; min-height:1000px; position:relative;}
#section-about-our-story .container {padding-top: 127px; padding-bottom: 20px; position: relative; height: 100%; box-sizing: border-box;}
#section-about-our-story h2 { font-size: 50px; position: absolute; top: 140px; left: 0; right: 0; font-weight:400; color:#fff;margin-top: 78px;}

#section-about-our-story .container .inner-content-wrapper .brnad_introduce {overflow: hidden; margin-bottom:60px;}
#section-about-our-story .container .inner-content-wrapper .brnad_introduce li { float: left;padding: 0px 72px; width: 228px;}
#section-about-our-story .container .inner-content-wrapper .brnad_introduce li .brand-img {margin-bottom: 31px;}
#section-about-our-story .container .inner-content-wrapper .brnad_introduce li .brand-name {font-size: 18px; color: #fff; line-height:20px; margin-bottom:20px;}
#section-about-our-story .container .inner-content-wrapper .brnad_introduce li .brand-name .brand-slogan {font-size:12px;}
#section-about-our-story .container .inner-content-wrapper .brnad_introduce li .brand-explain {color:#999; line-height:20px; margin-bottom:10px;}


/* history */
#section-community-event {padding-top:220px; position:relative; padding-bottom: 60px;}
#section-community-event h2 { font-size: 50px; position: absolute; top: 140px; left: 0; right: 0; font-weight:400; color:#000;margin-top: 78px;}
#section-community-event .container {padding-top:127px; position:relative; height:100%; box-sizing:border-box;}

#section-community-event .container .membership-table li.open .history-year {background: url(../image/btn_close.png) right;background-repeat: no-repeat;background-position-x: 1079px;background-position-y: 28px;}
#section-community-event .container .membership-table .history-year {font-size:35px; font-family:'Lato', sans-serif; color:#555; border-bottom:1px solid #ccc;padding-bottom: 15px;text-align: left;background: url(../image/btn_open.png) right;background-repeat: no-repeat;background-position-x: 1079px;background-position-y: 28px;}

#section-community-event .container .membership-table li .history-detail { font-size: 12px; display: none;  border-bottom: 1px solid #dcdcdc; font-family:'Lato', sans-serif; }
#section-community-event .container .membership-table li .history-detail .block-row { padding: 5px 0px;margin-bottom: 18px;}
#section-community-event .container .membership-table li .history-detail .detail-date { font-size: 20px; font-weight:200; color:#555;padding-right:118px; float: left;vertical-align: top;}
#section-community-event .container .membership-table li .history-detail .detail-desc {float: left; text-align:left;font-size: 14px;color: #555;}
#section-community-event .container .membership-table li .history-detail .detail-desc a {color: #555;}
#section-community-event .container .membership-table li .history-detail .detail-desc a:hover {color: #37aead;}
#section-community-event .container .membership-table li .history-detail .detail-desc .off { font-size: 11px; color: #888; }
#section-community-event .container .membership-table li .history-detail .detail-desc .highlight { color: #e5005a; }
#section-community-event .container .membership-table li.open .history-detail {padding: 38px 0px 38px 205px; display: block;}


/*notice*/

li.no-item { text-align: center; width: 100% !important; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; font-size: 15px; margin:20px 0px; padding: 10px; }

#section-community-notice { background-color: #f6f6f6; }
#section-community-notice .content-wrapper { padding-top: 140px; padding-bottom: 100px; }
#section-community-notice .content-wrapper h2 {font-family:"Lato", sans-serif;font-weight: 400;font-size: 50px;}
.search-box { text-align: right; }
.search-box select { display: inline-block; border: 1px solid #ccc; padding: 8px; vertical-align: middle; margin-right: 5px; }
.search-box div { border: 1px solid #ccc; background-color: #fff; width: auto; display: inline-block; padding-right: 10px; text-align: left; }
.search-box div .search-q { border: none; font-size: 12px; padding: 10px; width: 150px; }
.search-box div input { vertical-align: middle; }

.pagination { text-align: center; }
.pagination li { display: inline-block; padding: 5px; border: 2px solid transparent; width: 15px; line-height: 15px; cursor: pointer; margin: 3px; }
.pagination li:hover { border: 2px solid #aaa; }
.pagination li.current { border: 2px solid #000; }
.pagination li.prev { background: url("../image/btn_prev.png") no-repeat; background-position: center center; }
.pagination li.next { background: url("../image/btn_next.png") no-repeat; background-position: center center; }
.pagination li.no-link { opacity: 0.3 }


#section-community-notice #notice-items { -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 10px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; margin-top: 20px; }
#section-community-notice #notice-items li { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #ccc; padding: 15px; background-color: #fff; margin-bottom: 20px; text-align: left; }
#section-community-notice #notice-items li img  { width: 100%; margin: 15px 0px; }
#section-community-notice #notice-items li .title  { font-size: 20px; font-weight: bold; font-weight: bold; margin-bottom: 10px; }
#section-community-notice #notice-items li .date  { font-size: 13px; color: #888; margin-bottom: 15px; }
#section-community-notice #notice-items li .detail  { font-size: 13px; color: #333; margin-bottom: 20px; }
#section-community-notice #notice-items li .read-more  { background-color: #000; color: #fff; padding: 7px; display: inline-block; font-size: 11px; cursor: pointer; }
#section-community-notice #notice-items li .read-more:hover  { background-color: #555; }
#section-community-notice .btn-more-view { background-color: #fff; }

#section-community-notice .info-wrapper { display: none; position: fixed; top: 50%; margin-top: -350px; background-color: #fff; border: 1px solid #ccc; width: 1120px; z-index: 110; text-align: left; }
#section-community-notice .info-wrapper .btn-close { position: absolute; right: 0px; top: -40px; cursor: pointer; z-index: 110; }
#section-community-notice .info-wrapper .notice-detail { height: 700px; box-sizing: border-box; overflow: hidden; }
#section-community-notice .info-wrapper .notice-detail .article-detail { width: 820px; background-color: #fff; float: left; padding: 40px; box-sizing: border-box; }
#section-community-notice .info-wrapper .notice-detail .article-list { width: 300px; background-color: #f6f6f6; height: 100%; float: left; padding: 40px 20px 20px 20px; box-sizing: border-box; }
#section-community-notice .info-wrapper .notice-detail .article-detail .title { font-size: 25px; font-weight: bold; color: #333; margin-bottom: 20px; }
#section-community-notice .info-wrapper .notice-detail .article-detail .date { font-size: 13px; color: #888; margin-bottom: 10px; }
#section-community-notice .info-wrapper .notice-detail .article-detail .detail { color: #333; height: 520px; overflow-y: auto;  overflow-x: hidden;}
#section-community-notice .info-wrapper .notice-detail .article-detail .detail img { display: block; width: 100%; margin: 10px 0px; }

#section-community-notice .info-wrapper .notice-detail .article-list h3 { text-decoration: underline; margin-bottom: 10px; }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles { max-height: 560px; overflow-y: auto;  overflow-x: hidden; margin-bottom: 10px; }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles li { border-bottom: 1px solid #ccc; padding: 10px 0px; cursor: pointer; }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles li:last-child { border-bottom: none; }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles li .title { font-weight: bold; font-size: 15px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 25px; }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles li:hover .title { text-decoration: underline }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles li .date { font-size: 13px; color: #888; line-height: 25px; }
#section-community-notice .info-wrapper .notice-detail .article-list ul.articles li .detail { line-height: 20px; max-height: 40px; overflow: hidden; }


/* contact us */
#section-press { padding-top:220px; position:relative; }
#section-press h2 { font-size: 50px; position: absolute; top: 140px; left: 0; right: 0; font-weight:400; color:#000;margin-top: 78px;}
#section-press .container {padding-top:127px; position:relative; height:100%; box-sizing:border-box;}

#section-press .contact-info ul {margin: 0px 0px 60px; color: #555; font-size: 12px;}
#section-press .contact-info ul li { padding: 2px 0px; }
#section-press .contact-info .nar { width: 150px; }

#section-press .sub-text { text-align: center; color: #020202; font-size: 17px; margin-bottom: 20px; }
#section-press .contact-info {padding: 40px 0px; overflow: auto; color: #555;width: 1120px;margin: 0 auto;}
#section-press .contact-info .ci-essenlue { float: left; width: 250px; border-right: 1px solid #ccc; margin-right: 50px; padding: 20px 0px; }
#section-press .contact-info .first { float: left; width: 530px;text-align: left;}
#section-press .contact-info .second { float: left; width: 270px;text-align: left;}
#section-press .contact-info li { clear: left; line-height: 1.8; margin-bottom: 10px; }
#section-press .contact-info .title { float: left; font-weight: 700; color: #000; font-family: 'Lato', sans-serif; font-size: 14px;}
#section-press .contact-info .desc { display: block; position: relative; text-align: left;}
#section-press .contact-info .first .title { width: 150px; }
#section-press .contact-info .first .desc { margin-left: 150px; }
#section-press .contact-info .first li { margin-bottom: 20px; }
#section-press .contact-info .second .title { width: 110px; }
#section-press .contact-info .second .desc { margin-left: 110px; }


#footer { padding-top: 27px;color: #555; text-align: left;background-color: #f6f6f6;}
#footer .content-wrapper { width: 1120px; margin-left: auto; margin-right: auto; }
#footer .p1 { padding-bottom: 10px; }
#footer .txt-cs-center { font-size: 18px; font-weight: bold;  vertical-align: middle; padding-right: 10px; }
#footer .txt-phone-number { font-size: 29px; font-weight: bold; color: #000; vertical-align: middle; padding-right: 10px; }
#footer .txt-business-hours { font-size: 13px; font-weight: bold; color: #555; vertical-align: middle; padding-right: 10px; }
#footer .txt-business-hours i { font-style: normal; font-weight: normal; font-size: 12px; }
#footer #copyright { color: #555; position: relative; padding-bottom: 20px; font-size:11px; }
#footer #copyright a { font-weight: bold; padding-left: 5px; }
#footer #copyright .copyright { line-height: 30px; }
#footer #copyright ul li { display: inline-block; line-height: 1.8; }
#footer #copyright .escrow {}
#footer #copyright .family-site-social { float: right; width: 185px; text-align: right; padding-top: 10px; }
#footer #copyright .family-site-social .select-box { padding: 5px 10px; border: 1px solid #555; }
#footer .family-site-social { position: absolute; right: 0; top: 0; }
#footer .family-site-social .sns-buttons { padding-top: 20px; /* display: none !important; */ }
#footer .go-top { 
	width: 50px; height: 50px; background-color: #000; border-radius: 50%; 
	display: none; position: fixed; left: 50%; bottom: 0px; margin-left: 510px; bottom: 30px;  
	text-align: center; color: #fff; 
	background-image: url("../image/blt_go_top.png"); background-repeat: no-repeat; background-position: center 10px;
	cursor: pointer; z-index: 9; 
}
#footer .go-top p { margin-top: 23px; font-size: 13px; }