/*! CJ Express

/* Font
   -------------------------------------------------------------------------- */

@font-face {
    font-family:'db_helvethaica_x_cond';
    src:url('../fonts/db_helvethaica_x_cond_v3.2-webfont.eot');
    src:url('../fonts/db_helvethaica_x_cond_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_cond_v3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_cond_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_cond_v3.2-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'db_helvethaica_x_med';
    src:url('../fonts/db_helvethaica_x_med_v3.2-webfont.eot');
    src:url('../fonts/db_helvethaica_x_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_med_v3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_med_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_med_v3.2-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

/* Helper classes
   -------------------------------------------------------------------------- */

.clearfix:before,.clearfix:after{display:table;content:''}
.clearfix:after{clear:both}

.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-bold{font-weight:bold}
.show-grid{margin-bottom:12px}

.fl-l{float:left}
.fl-r{float:right}

/* Color
   -------------------------------------------------------------------------- */

.clr-blue{color:#455fa2}
.clr-yellow{color:#ffe600}
.clr-grey{color:#868686}
.clr-red{color:#ee1c24}
.clr-black{color:#000000}
.clr-white{color:#fff !important}

.bgclr-green{background:#7dba41}
.bgclr-grey{background:#f5f5f5}
.bgclr-orange{background:#FFC934}
.bgclr-yellow{background:#ffe600}
.bgclr-white{background:#fff !important}
.bgclr-cream{background:#fff7dc}
.bgclr-bluesky{background:#E2FAF3}

.error{color:#ee1c24}

/* Responsive utilities 
   -------------------------------------------------------------------------- */

.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}

@media (max-width:767px){.visible-xs{display:block !important} }
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important} }
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important} }
@media (min-width:1200px){.visible-lg{display:block !important} }
@media (max-width:767px){.hidden-xs{display:none !important} }
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important} }
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important} }
@media (min-width:1200px){.hidden-lg{display:none !important} }

/* Grid
   -------------------------------------------------------------------------- */

.row{/*margin-right:-8px;margin-left:-8px;*/ }
.row:before,.row:after{display:table;content:''}
.row:after{clear:both}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:10px;padding-left:10px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}

@media (min-width:768px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
}

@media (min-width:992px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
}

@media (min-width:1200px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}
	.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
}

/* Button
   -------------------------------------------------------------------------- */

.btn{color:#000;border:none;cursor:pointer;border-radius:6px;padding:0 14px;z-index:1}
.btn-sm{font-size:24px;padding:5px 10px}
.btn-md{font-size:26px;padding:5px 20px}
.btn-lg{font-size:34px;padding:20px 24px}
.btn-xl{font-size:50px;padding:20px 24px}
.btn-xxl{font-size:80px;padding:20px 24px}

.btn-green{background:#81b843}
.btn-green:hover{background:#6f9f39}
.btn-orange{background:#FEDB21}
.btn-orange:hover{background:#e3b11a;color:#000}
.btn-yellow{background:#e0a900}
.btn-yellow:hover{background:#d99800}
.btn-grey{background:#b5b5b5}
.btn-grey:hover{background:#c2c7c5}

.btn-block{display:block;width:100%}

.btn-back{display:block;margin-bottom:8px}
.btn-back span{font-size:20px;color:#00d2bc;cursor:pointer}
.btn-back:hover span{color:#00c8ae}
.btn-back:hover svg{fill:#00c8ae}
.btn-back .icon-svg{padding:2px 0}
.btn-back svg{fill:#00d2bc} 

.btn-view{font-family:'Arvo';margin-top:25px;display:block}

.btn-item-del{border:0;background:transparent}

/* Form
   -------------------------------------------------------------------------- */

select,input[type='text'],input[type='email'],textarea{color:#868686;border:1px solid #e2e2e2;width:100%;font-family:db_helvethaica_x_cond;font-weight:normal}
select option{font-size:14px;font-family:system-ui}

select{padding:5px}
input[type='text'],input[type='email']{padding:7px} 

input[type='checkbox'],input[type='radio']{margin:5px 10px 0 0}
label{padding-left:10px;cursor:pointer;line-height:2.5;margin-right:10px}
textarea{width:100%;padding:8px;resize:none}
::-webkit-input-placeholder{color:#868686}
:-moz-placeholder{color:#868686;opacity:1}
::-moz-placeholder{color:#868686;opacity:1}
:-ms-input-placeholder{color:#868686}

.form-box{background:#f3f7f6;border-radius:3px;overflow:hidden;padding:0 60px 10px;font-size:23px;margin:0 0 30px}
.form-box h3{font-size:26px;color:#455fa2;margin:30px 0;text-align:center;line-height:1}
.form-box h3 span{display:block;color:#000;font-weight:normal;font-size:24px;font-family:db_helvethaica_x_cond}
/*.form-box .col-xs-3{width:30%}
.form-box .col-xs-3:nth-child(even){width:20%}
.form-box .col-xs-9{width:70%}*/
.form-box .form-row{padding:0}
.form-box .form-row .btn{width:340px;display:block;margin:0 auto 30px}
.form-box .form-row .btn span{font-size:40px;line-height:1}
.form-box .form-label{text-align:right;line-height:1.7;padding:0}
.form-box .form-input{padding:0 0 0 20px;line-height:1.7}
.form-box .form-input input[type="checkbox"],.form-box .form-input input[type="radio"]{margin:5px 10px 20px 0}
.form-box hr{width:100%;color:#f5f5f5;border-top:1px solid #f5f5f5;float:left;margin:0 0 20px}
.form-box .form-input span{margin:10px 0 20px;display:block;line-height:1}
.form-box .form-browse:first-child{margin-top:30px}
.form-box .form-browse input[type="file"]{font-size:14px}

.form-row{margin-bottom:20px}

/* Style
   -------------------------------------------------------------------------- */

*,*::before,*::after{box-sizing:border-box}
body{background-color:#f5f5f5;text-rendering:optimizeLegibility;-webkit-text-rendering:optimizeLegibility;font-size:26px;font-family:db_helvethaica_x_cond;line-height:1.42857}
a,a:hover{text-decoration:none;outline:0;color:#ffffff}
p{line-height:1}
button{outline:0;border:none;background:transparent;padding:0}
button i,button img{margin-right:10px}
ul{list-style:none;margin:0;padding:0}
i{display:inline-block;background-size:contain;background-repeat:no-repeat}
h1,h2,h3{letter-spacing:0;word-spacing:0}
h3{font-size:34px;font-family:db_helvethaica_x_med;font-weight:normal}

.wrapper{max-width:1000px;margin:0 auto;position:relative}
.section{margin:40px 0 100px}

.circle-label{border-radius:100px;background-color:#FFD423;color:#016838;text-align:center}
.slide-banner li {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	height:470px;
	width:1000px;
}


.aside.social-aside{position:fixed;right:0;z-index:1}
.main-content-overlay{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;z-index:20}
.main-content-overlay{z-index:20}
.main-content-overlay.in{top:0}

.section .image-product{width:100%;height:200px;position:relative}
.section .image-product img{max-height:100%;max-width:100% height:initial;width:initial;display:block;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}

/* Header
   -------------------------------------------------------------------------- */

header{width:100%;height:70px;position:relative;z-index:1}
.logo{width:113px;height:80px;background-size:74px auto;background-image:url(../img/logo.svg);position:absolute;margin:auto;left:0;top:14px;border:3px solid #fff}
nav{margin-left:150px}
nav ul li a{float:left;color:#fff;padding:16px}
nav ul li a img{margin-left:5px}
nav ul li{float:left}
nav ul li:hover{background-color:#69a52f}
nav ul li.nav-member,nav ul li.nav-product{position:relative}
nav ul li ul {display:none;position:absolute;left:0;top:70px}
nav ul li.active,nav ul li.open{background-color:#69a52f}
nav ul li.open ul{display:block}
nav ul li.open ul li{clear:both;border:1px solid #99d064;border-top:none;min-width:260px;background-color:#00A150}
nav ul li.open ul li:first-child{border-top:1px solid #99d064}
nav ul li.open ul li:hover{background-color:#69a52f}
nav ul li.open ul li a{width:100%;padding:6px 20px}
header button.btn{margin:12px 0 12px 1px;float:left;background:#FFC934;color:#015A2D}
header button.btn {border-radius:0 0 .4rem .4rem;padding-left:12px!important;padding-right:12px!important;margin-bottom:5px!important}

.navbar-toggle{float:right;border:0;padding:16px}
.navbar-toggle .icon-bar,.filter-toggle .icon-bar{border-radius:1px;display:block;height:3px;width:24px;background-color:#ffffff;transition:.2s all ease-in-out}
.navbar-toggle .icon-bar + .icon-bar,.filter-toggle .icon-bar + .icon-bar{margin-top:4px}
.h-navbar.in .navbar-toggle{position:relative;width:50px;height:50px}
.h-navbar.in .navbar-toggle .icon-bar{transform:rotate(45deg);transform-origin:center;position:absolute;top:50%;left:20%;margin:0}
.h-navbar.in .navbar-toggle .icon-bar:nth-last-child(3){transform:rotate(-45deg)}
.h-navbar.in .navbar-toggle .icon-bar:nth-child(2){display:none}

.nav-main a{font-family:db_helvethaica_x_med}

.navbar-collapse{overflow-x:hidden;overflow-y:auto}
.navbar-collapse ul li{clear:both;width:100%}
.navbar-collapse>ul>li{border-bottom:1px solid #2b2b2b}
.navbar-collapse ul li a{width:75%;padding:8px 20px}
.navbar-collapse ul li a img{float:right;margin:16px 0}
.navbar-collapse button{width:100%;text-align:left;padding:16px 20px;border-radius:0px}

.nav-member ul{width:100%}
.nav-member ul li{width:100%}

.nav-product ul{width:100%}
.nav-product ul li{width:100%}


/* Footer
   -------------------------------------------------------------------------- */

footer .col-xs-3{width:19%;padding:0 10px}
.footer-top{width:100%;height:40px}
.footer-top i.logo-footer{width:130px;height:120px;background-image:url(../img/logo-footer.png);position:absolute;bottom:-56px;left:0}
.footer-top span{line-height:1.6;font-family:db_helvethaica_x_med}
.footer-middle{width:100%;overflow:hidden}
.footer-middle ul{padding-top:40px}
.footer-middle ul li{color:#fff}
.footer-middle .col-xs-4 ul>li:not(:first-child),.footer-middle .col-xs-5 ul>li:not(:first-child){font-size:23px}
.footer-middle ul li a:hover{color:#ffe800}
.footer-middle ul li:first-child{font-family:db_helvethaica_x_med}
.footer-middle i{width:36px;height:36px;margin-right:4px;background-size:contain;background-repeat:no-repeat}
.footer-middle a:last-child>i{margin-right:0}
i.fb-footer{background-image:url(../img/fb-footer.png)}
i.tw-footer{background-image:url(../img/tw-footer.png)}
i.tk-footer{background-image:url(../img/ic-tiktok.png)}
i.ln-footer{background-image:url(../img/ic-line.png)}
.tel-footer{font-size:40px;color:#ffe600;line-height:1;display:block;clear:both}
.footer-bottom{width:100%;text-align:center;font-size:20px;color:#fff;padding:30px 0}

/* Aside
   -------------------------------------------------------------------------- */

.aside{position:absolute;right:0;top:42%}
.aside a{clear:both;position:relative;display:block;width:36px;height:36px;margin-bottom:5px}
.aside i{width:36px;height:36px}
.social-aside i{border-radius:5rem;-webkit-border-radius:5rem}
.social-aside a>span{display:block;opacity:0;visibility:hidden;font-size:16px;line-height:20px;white-space:nowrap;position:absolute;top:50%;right:100%;margin-right:5px;transform:translateY(-50%);background-color:#2d88ff;color:#fff;padding:0 5px;border-radius:.3rem}
.social-aside a+a>span{background-color:#6FA4C1}
.social-aside a:nth-child(3)>span{background-color:#000}
.social-aside a:nth-child(4)>span{background-color:#01B902}
.social-aside a:hover>span{opacity:1;visibility:visible!important}
i.fb-aside{background-image:url(../img/fb-aside.png)}
i.tw-aside{background-image:url(../img/tw-aside.png?v2.1)}
i.tk-aside{background-image:url(../img/ic-tiktok.png)}
i.ln-aside{background-image:url(../img/ic-line.png)}

/* Tag
   -------------------------------------------------------------------------- */

.tag-head{overflow:hidden}
.tag-head h2{float:left;padding:10px 30px;margin:0 0 10px;line-height:1;background-color:#FFC934;position:relative;font-family:db_helvethaica_x_med;font-size:65px;font-weight:normal}
.tag-head h2:before{content:'';position:absolute;line-height:0;bottom:-10px;left:0;width:0;height:0;border-top:10px solid #c49300;border-left:10px solid transparent}
.tag-head .fl-r{line-height:1.8;padding:10px 0;color:#868686}
.tag-head .fl-r>*{float:left}
.tag-head .fl-r span{line-height:2.5}
.tag-head .fl-r a{padding:6px 0 0 10px;display:inline-block}
.tag-head .fl-r a img{margin:8px 0 0}

/* Tabs
   -------------------------------------------------------------------------- */

.tabs ul li{float:left;margin-right:1px}
.tabs ul li a{padding:5px 20px;display:block;font-family:db_helvethaica_x_med}
.tabs-menu{margin:30px 0 40px;overflow:hidden}
.tabs-content{overflow:hidden}
.tabs-content p{margin:0;line-height:1.2;clear:both;float:left}
.tabs-content ul{margin:0;line-height:1.2;clear:both;float:left}
ul#news-list>li:nth-child(3n+1) {clear:both}

/* Banner
   -------------------------------------------------------------------------- */

.slide-banner li img{width:100%}	
.section-banner{width:100%;height:470px;position:relative}
.section-banner h1,.section-banner p.text-head{color:#455fa2;margin:0 0 10px;/*font-weight:bold;*/ line-height:0.9;font-family:db_helvethaica_x_med;font-size:80px}
.section-banner p{font-size:34px;margin-top:0;line-height:1}
.section-banner .circle-label{width:60px;height:60px;padding:6px;color:#fff;position:absolute;line-height:0.7;font-size:22px;font-weight:bold;font-style:italic}
.section-banner .circle-label-left{left:0;top:-10px}
.section-banner .circle-label-right{right:74px;top:-10px}
.section-banner .circle-label span{font-size:30px;line-height:0.6;display:block}
.section-banner .col-xs-3{padding:20px}
.section-banner .col-xs-3:first-child{margin-top:30px}
.section-banner .col-xs-3:last-child .circle-label-right{right:36px}
.section-banner .col-xs-3 .text-right{line-height:0.8;font-size:20px;color:#455fa2;margin:10px 6px 0 10px}
.section-banner .col-xs-3 .text-left{line-height:0.8;font-size:20px;color:#455fa2;margin:10px 6px 0}
.section-banner .col-xs-3 img.fl-l{margin:10px 0 0}
.img-cover{background-size:cover;background-repeat:no-repeat;padding:0 40px}
.banner-1{background-image:url(../img/banner-1.jpg);width:100%;height:470px}
.banner-1 h1,.banner-1 p.text-head{padding-top:130px}
.banner-2{background-image:url(../img/banner-2.jpg);width:100%;height:470px}
.banner-2 h1,.banner-2 p.text-head{width:100%;text-align:center;padding-top:60px;margin:0}
.banner-2 p{font-size:26px;color:#455fa2}

/* Light Box
   -------------------------------------------------------------------------- */

.mfp-zoom-out-cur{overflow:hidden}
.mfp-container{width:60%;right:0;margin:auto}
.mfp-content{width:100%;background:#fff}
.mfp-content figure{background:#fff;padding:4% 0}
.mfp-content .mfp-title{background:#f2f2f2;padding:10px;text-align:center;color:#9b9b9b;overflow:hidden}
.mfp-content .mfp-title-center{width:243px;margin:0 auto}
.mfp-content .mfp-title-center span,.mfp-content .mfp-title-center a{display:inline-block;float:left}
.mfp-content .mfp-title-center span{padding:10px}
.mfp-content .mfp-title-center a{margin-right:10px}
.mfp-content .mfp-title-center a:last-child{margin-right:0}
.mfp-bottom-bar{margin:0}
.mfp-image-holder .mfp-figure .mfp-close,.mfp-iframe-holder .mfp-figure .mfp-close{color:#9b9b9b;right:20px;padding:0;margin:0;font-size:40px;width:44px}
.mfp-arrow{top:50%;margin:0}
.mfp-counter{display:none}
button.mfp-arrow.mfp-arrow-right{background:url(../img/lightbox-next.png) no-repeat;width:14px;height:26px;right:30px}
button.mfp-arrow.mfp-arrow-left{background:url(../img/lightbox-prev.png) no-repeat;width:14px;height:26px;left:30px}
.mfp-content .mfp-figure::after{background:#fff;box-shadow:none}
.mfp-bottom-bar p,.mfp-desciption .mfp-title .mfp-title-center,.mfp-bottom-bar .mfp-title>img{display:none}
.mfp-image{position:relative}
.mfp-image-box{height:310px;width:80%;float:right;position:relative;margin-right:20px}
.mfp-image,.mfp-desciption{width:50%;float:left}
.mfp-content .mfp-desciption .mfp-title{background:#fff;max-height:380px;overflow-x:hidden;overflow-y:auto}
.mfp-content .mfp-desciption p{font-family:db_helvethaica_x_med;color:#000;line-height:1;text-align:left;margin-top:0%;font-size:25px;max-width:94%}
.mfp-content .mfp-desciption .txt-description{color:#000;text-align:left;line-height:1;border-top:1px solid #9b9b9b;display:inline-block;padding-top:10px;margin-top:20px}
.mfp-image .mfp-image-box .mfp-img{position:absolute;max-width:100%;max-height:100%;margin:auto;top:0;left:0;right:0;bottom:0}
.mfp-member-premium .mfp-content .mfp-desciption p{margin-top:28%}
.txt-description{/*position:absolute;*/ left:20px;width:380px;bottom:0}
.mfp-image-holder .mfp-content{padding:2px}

/* Home
   -------------------------------------------------------------------------- */

.section.section-home{margin:0}
.section-home .slide-banner li img{display:none}
.slide-banner li{cursor:pointer}
/*Slide Fullscreen*/
.section-banner{
	background:#EDEDED;
	background:-moz-linear-gradient(top,  #f5f5f5 0%, #EDEDED 25%, #EDEDED 100%);
	background:-webkit-linear-gradient(top,  #f5f5f5 0%,#EDEDED 25%,#EDEDED 100%);
	background:linear-gradient(to bottom,  #f5f5f5 0%,#EDEDED 25%,#EDEDED 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#EDEDED',GradientType=0 );
	}
.section-banner.full{}
.section-banner.full>.wrapper{width:auto;max-width:100%}
.section-banner.full,.section-banner.full .bx-wrapper, .section-banner.full .bx-viewport{height:auto!important}
.full .bx-wrapper .bx-controls-direction a.bx-prev{left:30px}
.full .bx-wrapper .bx-controls-direction a.bx-next{right:30px}
.section-banner.full li{height:auto;position:relative;max-height:100vh;background-repeat:no-repeat;background-size:contain}
.section-banner.full li:before{content:"";display:block;padding:47% 0 0}
/* Price
   -------------------------------------------------------------------------- */

.section-price{width:100%;/*height:1100px;*/ }
.section-price .bx-controls .bx-pager{bottom:-30px}
.price-head{overflow:hidden}
.price-head h2{float:left;padding:10px 30px;line-height:1;background-color:#FFC934;position:relative;font-family:db_helvethaica_x_med;font-size:65px;font-weight:normal}
.price-head h2:before{content:'';position:absolute;line-height:0;bottom:-10px;left:0;width:0;height:0;border-top:10px solid #c49300;border-left:10px solid transparent}
.price-head span{margin:78px 20px;display:inline-block}
.price-head .btn {margin:78px 0;float:right}
.price-list img{margin:0 auto;max-width:100%;display:block}
.price-list li{float:left;background-color:#fff}
.price-list li a{padding:20px;display:block}
.price-list li p{margin-top:20px;margin-bottom:0;line-height:1;color:#000;font-family:db_helvethaica_x_med;font-size:24px;word-wrap:break-word}
.price-list .col-xs-3{width:calc(25% - 2px);/*230px*/ height:418px;margin:0 1px;border-top:2px solid #84be4b;padding:0}
.price-sale{color:#ee1c24;font-size:60px;line-height:0.8}
.price-cut{color:#868686;text-decoration:line-through;display:inline-block;clear:both}
.price-normal{font-size:60px}
.price-red{color:#ee1c24}
/*Q Edit Price*/
[id="campaign-list"] .wrap-price{display:flex;flex-flow:column nowrap;justify-content:space-between}
[id="campaign-list"] .wrap-price>p{margin-top:8px}
[id="campaign-list"] p .title{display:block;line-height:25px;min-height:50px}
[id="campaign-list"] .price-sale{font-size:48px}
[id="campaign-list"] .unit{color:#999;font-size:18px}
[id="campaign-list"] .price-cut{white-space:nowrap;display:block;margin-top:-5px}

/* Card
   -------------------------------------------------------------------------- */

.section-card{width:100%;height:460px;position:relative}
.section-card .bx-pager-item>a{display:inline-block}
.section-card .bx-pager-item>a.bx-pager-link.active:last-child:first-child{display:none}
.section-card h1,.section-card p.text-head{display:inline-block;padding-top:50px;color:#fff;margin:0 0 10px;/*font-weight:bold;*/ line-height:0.9;font-family:db_helvethaica_x_med;font-size:80px}
.section-card p{font-size:34px;margin-top:0;line-height:1;width:47%;color:#fff}
.section-card .circle-label{display:none;width:86px;height:86px;padding:22px 6px 22px  0;margin-left:30px;color:#000;line-height:0.7;font-weight:bold;font-style:italic;
	-webkit-transform:rotate(-12deg);
	-moz-transform:rotate(-12deg);
	-ms-transform:rotate(-12deg);
	-0-transform:rotate(-12deg);
	transform:rotate(-12deg);
}
.section-card .bx-wrapper img{display:inline-block}
.section-card .circle-label span{font-size:40px;line-height:0.6;display:block;line-height:1}
.card-1{background-image:url(../img/bg-web-banner.jpg?20230714);width:100%;height:460px;background-position:50% 100%;background-size:cover}
.card-2{background-image:url(../img/cj-app-01.png);width:100%;height:460px;background-position:center}
.card-3{background-image:url(../img/card-3.jpg);width:100%;height:460px;background-position:center}
.section-member .section-card{height:auto}
.section-member .card-1{height:656px}
/* Service
   -------------------------------------------------------------------------- */

.section-service{width:100%;/*height:830px;*/ padding-bottom:5vw}
.section-service:after{content:'';display:block;clear:both}
.section-service .col-xs-4{height:500.5px;margin-top:40px;float:left;background-position:50% 50%;background-size:contain}
.section-service .text-center{overflow:hidden;clear:both;margin-bottom:80px}
.section-service h3{clear:both;text-align:center;margin:50px 0 30px}
.section-service .box-subscribe{display:flex;flex-wrap:row nowrap;align-items:stretch;width:570px;max-width:95%;margin:0 auto}
.section-service input[type="text"]{margin-right:0;width:40%}
.section-service .box-subscribe>input[type="text"]{flex:1 1 0;width:auto;border-right:0;border-radius:.5rem 0 0 .5rem;outline:none}
.section-service .box-subscribe>.ladda-button{flex-basis:145px;max-width:145px;padding-left:5px;padding-right:5px;white-space:nowrap;border-radius:.5rem;margin-left:-.5rem}
.section-service .circle-label{display:none;margin:310px auto 0;padding:50px 0;width:150px;height:150px;font-family:db_helvethaica_x_med;font-size:34px;line-height:26px}
.service-branch {background:url(../img/service-1-text.jpg) no-repeat}
.service-customer {background:url(../img/service-2-text.jpg) no-repeat}
.service-join {background:url(../img/service-3-text.jpg) no-repeat}

/* About
   -------------------------------------------------------------------------- */
.section.section-about,.section.section-news{background:#EDEDED;margin:0;padding-top:40px;padding-bottom:40px;position:relative;top:-33px}
.section.section-about+.footer,.section.section-news+.footer{position:relative;top:-33px}
.section-about .tabs-content{width:1000px;height:520px;padding:40px 30px}
.section-about .tabs ul li a{background-color:#b5b5b5}
.section-about .tabs ul li a:hover{background-color:#a5a5a5}
.section-about .tabs ul li a.active{background-color:#FFC934;color:#000}
.section-about [class*="tabs-"]{background-size:cover!important}
.section-about .tabs-1{background:#f3f7f6 url(../img/about-tab-1.jpg) no-repeat 0 bottom}
.section-about .tabs-2{background:#f3f7f6 url(../img/about-tab-2.jpg) no-repeat}
.section-about .tabs-3{background:#f3f7f6 url(../img/about-tab-3.jpg) no-repeat}
.section-about .tabs-4{background:#f3f7f6 url(../img/about-tab-4.jpg) no-repeat 0 bottom}
.section-about .tabs-3 p:last-child{margin-top:30px}

/* Branch
   -------------------------------------------------------------------------- */

.section.section-branch{margin:0}
.section-head{padding:30px 0 25px;overflow:hidden;background:#fff}
.section-head .wrapper>div{padding:0}
.section-head h1,.section-head p.text-head{font-size:42px;color:#000;margin:25px 0 0;line-height:0.5}
.section-branch .section-head .col-xs-2{width:16%}
/* .section-branch .section-head .col-xs-4{width:30%} */
.section-branch .section-head .col-xs-5{width:44%}
.section-branch .section-head .col-xs-6{width:46%;margin-bottom:0}
.branch-checkbox{line-height:0.9}
.section-branch .branch-checkbox .col-xs-6{width:50%}
.section-branch .branch-dropdown select:first-child{margin-right:15px}
.section-branch .branchcard-dropdown select:first-child{margin-right:15px}
.section-branch .branchcard-dropdown select:nth-child(2){margin-right:15px}
.section-branch .btn{width:100px}
.map-branch{width:100%;height:448px}

/* Contact
   -------------------------------------------------------------------------- */

.section.section-contact{margin:0 0 100px;color:#000}	
.section-contact h1,.section-contact p.text-head{font-size:42px}
.map-contact{/*background:url(../img/contact-map.jpg) no-repeat;background-size:cover;background-position:center center;*/ width:100%;height:500px}
.contact-form{width:620px;margin:0 auto}
.contact-form select{margin-bottom:20px}
.contact-form input[type="text"]{width:300px;margin:0 20px 20px 0;float:left}
.contact-form input[type="text"].contact-form-name,.contact-form input[type="text"].contact-form-email{margin:0 0 20px 0}
.contact-form textarea{height:150px}
.contact-form .btn{margin:0 auto;display:block}

.map-contact .wrapper{position:relative}
.section-contact .tabs{position:absolute;right:10px;top:110px;width:400px;/* height:280px;*/ background:rgba(125,186,65,0.9)}
.section-contact .tabs-content{clear:both;padding:30px}
.section-contact .tabs ul.tabs-menu{margin:0;padding:0}
.section-contact .tabs ul.tabs-menu li a{background:rgba(125,186,65,1);/*padding:10px 38px 10px 37px;*/ color:#fff}
.section-contact .tabs ul.tabs-menu li a:hover{background:rgba(125,186,65,0.5)}
.section-contact .tabs ul.tabs-menu li a.active{background-color:transparent;color:#fff}
.section-contact .tabs p{color:#fff}
.section-contact .tabs span{font-family:db_helvethaica_x_med}
.section-contact .section-head .col-xs-2{width:100%}

.section-map,.map-container{width:100%;height:500px;overflow:hidden}
.section-map .tabs ul li{width:50%;margin:0}
.section-contact .tabs ul.tabs-menu li a{padding:10px;text-align:center}

/* Product
   -------------------------------------------------------------------------- */

.section.section-product{margin-top:0px;/* overflow:hidden;*/ }
.section.section-product>.wrapper{overflow:hidden;clear:both}
/* .section-product h2{margin-top:80px} */
.section-product .price-head{overflow:visible;min-height:auto;/*220px*/ }
.price-head+.wrapper{clear:both}
.section-product .price-head span{margin:40px 20px 0;position:relative}
.section-product-detail .bgclr-white .col-md-6:first-child{text-align:right}
.section-product-detail .bgclr-white .col-md-6 img{margin-right:20px}

.section-product .product-filter{position:absolute;top:0;right:0;width:520px}
.section-product button.product-filter-btn{margin:40px 0 0}
.product-filter-list{background:#FFC934;position:absolute;right:0;top:calc(100% + 10px);z-index:1;padding:20px;display:none}
.product-filter-list.in{display:block}
.product-filter-list li{font-size:24px;white-space:nowrap}
.product-filter-list.in label{display:inline-block;line-height:normal;padding-left:0}

.product-ctn{overflow:hidden;min-height:60vh}
.product-ctn.hide{display:none}

#campaign-list>.section-price:last-child{margin-bottom:40px}

/* Promotion
   -------------------------------------------------------------------------- */

.section.section-promotion{margin-top:0px;overflow:hidden}
/* .section-promotion h2{margin-top:80px} */
.section-promotion .price-head span{margin:40px 20px 0}
.section-promotion .tabs-menu{margin-top:0px}
.section-promotion .tabs ul.tabs-menu li a{background-color:#b5b5b5}
.section-promotion .tabs ul.tabs-menu li a:hover{background-color:#a5a5a5}
.section-promotion .tabs ul.tabs-menu li a.active{background-color:#FFC934;color:#000}
.section-promotion .tabs ul.tabs-list li a{background-color:transparent;padding:0}
.section-promotion .tabs-list .col-xs-3{width:230px;padding:0;margin:0 10px}
.section-promotion .tabs-list .col-xs-3 img{display:block;margin:auto;max-height:100%;max-width:100%;position:absolute;top:0;left:0;right:0;bottom:0}
#promotion-list{width:100%}
.image-promotion{height:340px;margin-bottom:10px;background:#fff;position:relative}
.promotion-details{text-align:center}

/* Career
   -------------------------------------------------------------------------- */

.section.section-career{margin:0px;overflow:hidden}
.section.section-career.career-detail{margin:0 0 100px}
.section.section-career.career-form{margin:0 0 100px}
.section-career .section-banner{background:url(../img/career-banner.jpg?20230718) no-repeat center center;background-size:cover;width:100%;height:460px}
.section-career .section-banner h1,.section-career .section-banner p.text-head{padding-top:150px}
.section-career .section-content{overflow:hidden;margin-bottom:30px}
.section-career .section-banner p.text-head,.section-career .section-banner p{color:#fff}
.section-career .text-center{overflow:hidden}
.section-career.career-form .text-center .btn{margin:0 auto}
.section-content h1,.section-content p.text-head{font-size:42px;color:#00A253;margin:60px 0 40px;line-height:1}
.section-content h1 span,.section-content p.text-head span{font-size:26px;font-family:db_helvethaica_x_cond;display:block;color:#000;font-weight:normal}
.career-list li{margin:0 10px 10px 0;background:#9DD55C;width:48%;min-height:80px}
.career-list li:hover{background:#69a52f}
.career-list li:nth-child(even){/*margin-right:0px;*/ }
.career-list li a{font-size:30px;padding:10px;display:table-cell;height:79px;line-height:1;vertical-align:middle}

.career-main .text-center{background:#d5e1de;padding:40px 0 100px}
.career-detail .section-content p{margin:0 0 40px;line-height:1;word-wrap:break-word}
.career-detail .section-content p.text-head{margin:40px 0}
.career-detail .section-content ul{margin:0 0 40px;line-height:1}
.career-detail .section-content h3{font-family:db_helvethaica_x_med;margin:0;font-weight:normal;font-size:26px}
.career-detail .section-content .text-center button:first-child{margin-right:10px}

/* News
   -------------------------------------------------------------------------- */

.section-news .tabs .tabs-menu {padding:0 10px}
.section-news .tabs .tabs-menu li a{background-color:#b5b5b5}
.section-news .tabs .tabs-menu li a:hover{background-color:#a5a5a5}
.section-news .tabs .tabs-menu li a.active{background-color:#FFC934;color:#000}
.section-news .tabs-content ul li{margin:0 0 40px}
.section-news .tabs-content ul li a{color:#000;padding:0}
.section-news .tabs-content ul li a p{color:#000;font-family:db_helvethaica_x_cond;font-weight:normal;line-height:1}
.section-news .tabs-content ul li a span{font-size:22px;color:#455fa2;display:block}

.page-detail .tabs ul li.fl-r{float:right}
.page-detail .tabs ul li.fl-r *{background:transparent;float:left;line-height:1.8;padding:0;color:#868686}
.page-detail .tabs ul li.fl-r a{padding:6px}
.page-detail .tabs ul li.fl-r a:hover{background:transparent}
.page-detail .section-content .wrapper{background:#f3f7f6;padding:20px 30px;margin:40px auto 0}
.page-detail .section-content h2{font-weight:normal;font-family:db_helvethaica_x_med;font-size:34px;line-height:1}
.page-detail .section-content h2 span{font-weight:normal;font-family:db_helvethaica_x_cond;font-size:22px;color:#455fa2;display:block}
.page-detail .section-content img{max-width:100%;max-height:100%;width:auto;height:auto;transition:.2s all ease-in-out}
.page-detail .section-content .active img{opacity:.5}
.page-detail .text-center{padding:40px 0 0}
.page-detail .text-center button{width:160px}

.news-list img{width:100%}

.news-details-content a{color:#455fa2}

/* Member
   -------------------------------------------------------------------------- */

.section.section-member{margin:0;overflow:hidden;background:#fff}
.section.section-member .text-center{padding:40px 0 100px;overflow:hidden}
/* // .section-member .card-1{background-image:url(../img/card-1.jpg);width:100%;height:460px;background-position:center} */
.section-member .card-1 h1 .section-member .card-1 p.text-head{padding-top:80px}

.section.section-member-register{margin:0 0 100px;overflow:hidden}
/* // .section-member-register .card-1{background-image:url(../img/bg-web-banner.jpg?20220311);width:100%;height:460px;background-position:center} */
.section-member-register .card-1 h1,.section-member-register .card-1 p.text-head{padding-top:130px}
.register-form{width:620px;margin:0 auto}
.register-form input[type="text"],.register-form select{float:left;margin:0 20px 20px 0;width:300px}
.section-member-register .register-form>*:nth-child(even){margin:0 0 20px 0}
.register-form .text-center{clear:both}

.section.section-member-premium{margin-top:0px;overflow:hidden}
.section-member-premium .price-head h2,.section-member-premium .price-head span{margin-bottom:30px}
.section-member-premium .price-head p{margin:30px 0 60px;padding:0 0 0 10px;color:#455fa2}

.section.section-member-checkpoint{margin:0 0 40px;overflow:hidden}
.member-checkpoint{display:flex;flex-flow:row wrap;align-items:center;background:url(../img/member-checkpoint.jpg?20230718) no-repeat;background-size:cover;background-position:center center;width:100%;min-height:600px}
.member-checkpoint>.wrapper{flex-basis:1000px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
.member-checkpoint-card{/*background:url(../img/cj-sabai-card.png) no-repeat;background-position:center center;*/width:425px;height:270px}
.member-checkpoint-card>img{display:block;max-width:100%;max-width:0 auto}
.member-checkpoint-box{background:#fff;padding:10px 30px 30px;width:500px;min-height:270px;border-radius:1rem}
.member-checkpoint-box h2{font-weight:normal;font-family:db_helvethaica_x_med;font-size:34px;line-height:1;color:#000}
.member-checkpoint-box input[type="text"]{width:274px;float:left;border-radius:.5rem;border:1px solid #DADADA}
.member-checkpoint-box button{width:156px;margin-left:10px;float:left;background-color:#FFC934}
#msg-result .clr-blue{display:block;margin-top:20px;padding:10px;border:4px dotted #0A70B8;border-radius:1rem;text-align:center}

.member-condition .col-xs-6 .fl-r{width:500px;height:700px;padding:0 25px 0 0}
.member-condition .col-xs-6 .fl-l{width:500px;height:700px;padding:0 0 0 25px}
.member-condition{overflow:hidden}
.member-condition h2,.member-condition p.text-head{margin-bottom:10px;line-height:1}
.member-condition .bgclr-green p.text-head{color:#fff}
.member-condition ul{list-style:disc;padding-left:22px}
.member-condition ul li{line-height:1;margin-bottom:10px;list-style-type:circle}
.member-condition ul li:last-child{margin-bottom:0}
.member-condition .bgclr-green{color:#fff}
.member-condition .bgclr-bluesky h2{color:#455fa2}
.member-condition .btn{margin-top:30px}

.member-howto{overflow:hidden;padding:10px 0 40px}
.member-howto h2{color:#455fa2;margin-bottom:0px;font-size:42px}
.member-howto h3{margin:20px 0 0;clear:both;line-height:1}
.member-howto p{margin:0}
.member-howto .wrapper>a>img{float:none;display:block;margin:0 auto}
.member-howto .how-to-regis{padding:0 20px}
.member-howto .how-to-regis a:hover{color:#ffe800}
.member-howto .col-xs-6 .fl-r{width:500px;padding:0 25px 0 0}
.member-howto .col-xs-6 .fl-l{width:500px;padding:0 0 0 25px}

/* BxSlider 
   -------------------------------------------------------------------------- */
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{filter:brightness(.35);-webkit-filter:brightness(.35)}
.bx-wrapper .bx-prev{left:-30px}
.bx-wrapper .bx-next{right:-30px}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{filter:brightness(0.75)}
.news-detail-slide-img li{height:470px;background:#eee;position:relative}
.news-detail-slide-img li img{margin:auto;position:absolute;left:0;right:0;bottom:0;top:0}
.news-detail-slide-thumb{text-align:center;margin-top:10px}
.news-detail-slide-thumb a{display:inline-block;margin:0 3px;width:90px;height:60px;position:relative;background:#fff}
.news-detail-slide-thumb a img{margin:auto;position:absolute;left:0;right:0;bottom:0;top:0;width:100%}

/* Pagination
   -------------------------------------------------------------------------- */

.section-news .tabs-content ul.pagination{width:132px}
.section-news .tabs-content ul.pagination li{margin:0 1px 0 0}
.tabs-content ul.pagination{float:none;margin:0 auto}
.tabs-content ul.pagination li{}
.tabs-content ul.pagination li a{display:block;background:#b5b5b5;padding:6px 16px;color:#fff}
.tabs-content ul.pagination li a.selected{background:#7dba41}

/* Date Picker
   -------------------------------------------------------------------------- */

.ui-datepicker{z-index:0 !important;width:14em}
.ui-widget{font-size:0.7em}
.ui-widget-header{background:#7dba41;border:none}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{color:#7dba41}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:#FFC934}
.ui-icon-circle-triangle-w,.ui-icon-circle-triangle-e{position:relative}
.ui-icon-circle-triangle-w:after{position:absolute;top:4px;left:0;content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:10px solid #fff}
.ui-icon-circle-triangle-e:after{position:absolute;top:4px;left:0;content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:10px solid #fff}

/* Dialog
   -------------------------------------------------------------------------- */

.dialog,.dialog-overlay{width:100%;height:100%;top:0;left:0}
.dialog{position:fixed;display:flex;align-items:center;justify-content:center;pointer-events:none}
.dialog-overlay{position:absolute;z-index:1;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 0.3s}
.dialog-open .dialog-overlay{opacity:1;pointer-events:auto}
.dialog-content{width:50%;max-width:560px;min-width:290px;background:#fff;padding:24px;text-align:center;position:relative;z-index:5;opacity:0}
.dialog-open .dialog-content{pointer-events:auto;border-radius:3px}
.dialog h2{margin:0;font-weight:400;font-size:2em;padding:0 0 2em;margin:0}
.dialog-text{margin-bottom:20px;display:block}

.dialog.dialog-open .dialog-content,.dialog.dialog-close .dialog-content {
	animation-duration:0.3s;
	animation-fill-mode:forwards;
}

.dialog.dialog-open .dialog-content{animation-name:anim-open}
.dialog.dialog-close .dialog-content{animation-name:anim-close}

/* Modal
   -------------------------------------------------------------------------- */

.modal,.modal-overlay{width:100%;height:100%;top:0;left:0}
.modal{position:fixed;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}
.modal-overlay{position:absolute;z-index:2;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 0.3s}
.modal-open .modal-overlay{opacity:1;pointer-events:auto}
.modal-content{width:100%;max-width:1000px;background:#fff;text-align:center;position:relative;z-index:5;opacity:0;margin:0 auto;/*12% auto 0*/ }
.modal-open .modal-content{pointer-events:auto}
.modal h2{margin:0;font-weight:400;font-size:2em;padding:0 0 2em;margin:0}
.modal-text{margin-bottom:20px;display:block}

.modal.modal-open .modal-content{opacity:1}

.modal .slide-banner li{height:initial}

.btn-modal-close{font-family:Arial;font-size:40px;padding:6px 20px 0 0;color:#9b9b9b;position:absolute;top:0;right:0;z-index:1}

/* MFP Dialog
   -------------------------------------------------------------------------- */

.mfp-bottom-bar{display:none}


/* Animation
   -------------------------------------------------------------------------- */

@keyframes anim-open {
	0%{opacity:0;transform:scale3d(1.1,1.1,1)}
	100%{opacity:1;transform:scale3d(1,1,1)}
}

@keyframes anim-close {
	0%{opacity:1}
	100%{opacity:0;transform:scale3d(0.9,0.9,1)}
}

/* Loader
   -------------------------------------------------------------------------- */

.loader:before,.loader:after,.loader{border-radius:50%;width:2.5em;height:2.5em;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation:load7 1.8s infinite ease-in-out;
	animation:load7 1.8s infinite ease-in-out;
}
.loader{font-size:10px;margin:80px auto;position:relative;text-indent:-9999em;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation-delay:-0.16s;
	animation-delay:-0.16s;
}
.loader:before{left:-3.5em;
	-webkit-animation-delay:-0.32s;
	animation-delay:-0.32s;
}
.loader:after{left:3.5em}
.loader:before,.loader:after{content:'';position:absolute;top:0}

@-webkit-keyframes load7 {
	0%,80%,100%{box-shadow:0 2.5em 0 -1.3em #7dba41}
	40%{box-shadow:0 2.5em 0 0 #7dba41}
}
@keyframes load7 {
	0%,80%,100%{box-shadow:0 2.5em 0 -1.3em #7dba41}
	40%{box-shadow:0 2.5em 0 0 #7dba41}
}


/* Phase 2 ****************************************************************************/
.nav-main-news{/*display:none;*/ }

.bgclr-green{background-color:#00A150}

.logo{background-image:url('../img/logo.svg?20230727');width:80px;top:10px}
/*header{height:50px}*/
nav{margin-left:100px}
nav.nav-main>ul{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:0}
nav.nav-main>ul>li{margin-right:1px}
nav ul li a{padding:0 15px}
nav ul li.active,nav ul li.open,nav ul li:hover{background-color:#dff0ed}
nav.nav-main>ul>li.active,nav.nav-main>ul>li.open{border-radius:.5rem .5rem 0 0}
nav.nav-main>ul>li:not(.active):hover{border-radius:.5rem}
nav.nav-main>ul>li.active{box-shadow:0 16px 0 #dff0ed}
nav ul li:hover>a,nav ul li.active>a,nav ul li.open>a{color:#00A150}
nav ul li ul{top:37px}
nav ul li.open ul li{background-color:#00A150}
nav ul li.open ul li:hover{background-color:#dff0ed}
nav ul li.open ul li:hover a{color:#00A150}
nav ul li.open ul li a{font-size:20px}

nav ul li .nav-arr-down{background-image:url('../img/nav-arr-down.png');width:12px;height:8px;display:inline-block;margin-left:10px}
nav ul li.active .nav-arr-down,nav ul li.open .nav-arr-down,nav ul li:hover .nav-arr-down{background-image:url('../img/nav-arr-down-green.png')}

header button.btn{margin:0px 1px;padding:0 5px}
.nav-main{padding:17px 0 16px}
.main-content{clear:both}

.price-head h2{font-size:36px}
.price-head span{margin:42px 20px}
.price-head .btn{margin:42px 0;font-family:'db_helvethaica_x_med';font-size:20px;line-height:20px;padding:4px 20px}
.price-head .btn.btn-orange:last-child{background-color:#212121;color:#fff}
.price-head .btn.btn-orange:last-child img{filter:brightness(0) invert(1)}
.price-head .btn img{float:left;margin:2px 4px 2px 0}

.price-list .col-xs-3{border-top:2px solid #00A150}

/* .section-product h2{margin-top:96px} */
.section-product .price-head{min-height:auto /*190px*/ }
.section-promotion .price-head span{margin:40px 20px 0}

.section-member-premium .price-head h2{margin-top:0/*60px*/}
.section-member-premium .price-head p{margin:10px 0 30px;text-shadow:1px 1px 3px rgba(0,0,0,.45)}

.tag-head h2{font-size:36px}

.price-cut{color:#ff0000}
.price-cut span{color:#868686}

.mfp-head{font-size:36px}
.mfp-content .mfp-desciption .txt-description{font-family:'db_helvethaica_x_cond'}

.mfp-member-premium .mfp-content .mfp-desciption p{margin-top:16%;font-size:36px}
.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,255,255,0.35);box-shadow:0 0 0 2px #FFC934 inset;border-radius:5rem}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#00A150;box-shadow:none}

/* Responsive
   -------------------------------------------------------------------------- */

/* Desktop */

@media (min-width:1025px) {
	.nav-main{display:block}
	.navbar-collapse,.navbar-toggle{display:none}
	.nav-main-button{display:block}
	.nav-button{display:none}
	.mfp-container{width:60% !important}
	.section-member-premium .price-head p{clear:both}
	.section-member-premium .price-head span{margin-top:12px}
}
@media(min-width:768px){
	.section-branch .section-head .wrapper>div.branchcard-dropdown{display:flex}
	.section-about #tabs-4 p{display:flex;width:100%;justify-content:space-between;align-items:center}
}
@media (min-width:736px){
	.mfp-gallery .mfp-image-holder .mfp-figure{display:flex;flex-flow:row wrap;align-items:center}
	.mfp-content .mfp-desciption .mfp-title{padding-right:30px}
	.mfp-figure .txt-description{width:100%}
}
@media(min-width:641px){
	.news-list img{height:150px;object-fit:cover;object-position:50% 0}
	.section-news .tabs-content ul li a p{min-height:99px}
}

/* Mobile & Tablet */
@media (max-width:1024px){
	body{-webkit-overflow-scrolling:touch}
	.h-navbar{height:50px}
	.logo{top:0;left:10px;width:66px;height:66px;background-size:cover}

	nav ul li ul{top:49px}
	nav ul li:hover{background-color:transparent}
	nav ul li:hover>a{color:#fff}
	nav ul li.active{background-color:#dff0ed}
	nav ul li.open{background-color:transparent}
	nav ul li.open>a{color:#00A150}
	nav ul li.active>a,nav ul li.open>a{color:#00A150}
	nav ul li.open ul{background-color:#00A150}
	nav ul li.open ul li{border-left:none;border-right:none}
	nav ul li.open ul li:hover{background-color:transparent}
	nav ul li.open ul li:hover a{color:#fff}
	nav ul li.open:hover .nav-arr-down{background-image:url('../img/nav-arr-down-green.png')}

	.section{margin:30px 0 100px}
	.section.section-member-premium{margin-top:30px}
	.section-promotion h2{margin-top:30px}
	.section-promotion .price-head span{margin:40px 20px 0;max-width:330px}

	.tabs>.wrapper{max-width:100%}
	.section-about .tabs-content[class*="tabs-"]{background-size:contain!important;min-height: 600px;background-position: 50% 100%;background-color: #fff;}

	.social-aside,.bx-controls-direction{display:none}

	.form-box{padding:0 10px}
	.form-box .col-xs-2{width:19%}

	.register-form,.contact-form{width:100%}
	.register-form input[type="text"],.register-form select,.contact-form input[type="text"]{width:48%}

	.tabs-menu{padding:0 10px}

	.nav-main{display:none}
	.navbar-collapse,.navbar-toggle{display:block} 
	.nav-main-button{display:block}
	.nav-button{display:none}
	.h-navbar{position:fixed;top:0;z-index:1}

	.main-content{margin-top:50px;overflow:hidden;width:100%}
	.main-content.in{position:fixed}

	.bx-controls .bx-pager{display:flex;justify-content:center;align-items:center}
	.bx-wrapper .bx-pager.bx-default-pager a{box-shadow:0 0 2px rgba(0,0,0,0.5) }
	.bx-wrapper .bx-pager.bx-default-pager a:not(.active){background-color:#FFC934!important;width:10px;height:10px}

	.section.section-home{margin-bottom:100px}
	.section.section-home .section-price .price-head .btn{margin-bottom:20px}
	.section-promotion .tabs-list .col-xs-3{width:30%}
	.section-promotion .tabs-list .col-xs-3 img{/*width:100%;*/ }
	.section-about .tabs-content{width:100%}

	.section-content{padding:0 10px}

	.section-contact .col-xs-2 h1,.section-contact .col-xs-2 p.text-head{padding:0 0 0 10px}
	.section-contact .tabs ul.tabs-menu li a{padding:10px 30px}

	.section-branch .section-head .col-xs-2{width:100%;margin-bottom:20px;padding-left:10px}
	.section-branch .section-head .col-xs-4{width:42%}

	.section-price .price-head .btn{margin-bottom:20px}

	.member-condition{padding:0}
	.member-condition .col-xs-6 .fl-r,.member-condition .col-xs-6 .fl-l,.member-howto .col-xs-6 .fl-r,.member-howto .col-xs-6 .fl-l{width:100%}
	.member-condition{background: #00A150;}
	.member-condition .col-xs-6 .fl-r{padding:0 10px 20px 0;height:auto; }
	.member-condition .col-xs-6 .fl-l{padding:0 0 20px 10px;height:auto;min-height: 700px;}
	.section-member .col-xs-6 img{width:100%}	
	.member-checkpoint{padding:10vw 0 15vw;background-size:cover}
	.member-checkpoint>.wrapper{max-width:100%}
	.member-checkpoint-card{width:425px;max-width:90%;background-size:contain;margin:0 auto 20px}
	.member-checkpoint-box{width:425px;max-width:90%;margin:0 auto;text-align:center}
	.member-checkpoint-box input[type="text"]{width:100%}
	.member-checkpoint-box button{margin:20px auto 0;float:none}
	.section-member-premium .price-head p{clear:both;padding:0 10px}

	.section-career .section-banner{padding:0 10px}
	.career-list li{width:100%}

	.price-list .col-xs-3{margin:0 1px}
	.price-list img{}
	
	/*.bx-wrapper .bx-prev{left:50px}
	.bx-wrapper .bx-next{right:50px}*/

	.mfp-container{width:100% !important}
	.mfp-content .mfp-desciption p{margin-top:4%}
	.mfp-content .mfp-desciption .txt-description{width:98%}
	.mfp-member-premium .mfp-content .mfp-desciption p{margin-top:28%}

	/*.modal-content{margin-top:12%}*/

	.nav-member{position:static;height:50px;overflow:hidden;
		transition:height 0.3s ease 0s;
		-webkit-transition:height 0.3s ease 0s;
		-moz-transition:height 0.3s ease 0s;
		-ms-transition:height 0.3s ease 0s;
		-o-transition:height 0.3s ease 0s;
	}
	.nav-member.open{height:134px}

	.nav-product{position:static;height:50px;overflow:hidden;
		transition:height 0.3s ease 0s;
		-webkit-transition:height 0.3s ease 0s;
		-moz-transition:height 0.3s ease 0s;
		-ms-transition:height 0.3s ease 0s;
		-o-transition:height 0.3s ease 0s;
	}

	.nav-product.open{/*height:272px;*/}
	.nav-product-0.open{height:52px}
	.nav-product-1.open{height:93px}
	.nav-product-2.open{height:134px}
	.nav-product-3.open{height:175px}
	.nav-product-4.open{height:216px}
	.nav-product-5.open{height:257px}
	.nav-product-6.open{height:298px}
	.nav-product-7.open{height:339px}
	.nav-product-8.open{height:380px}
	.nav-product-9.open{height:421px}
	.nav-product-10.open{height:462px}
	.nav-product-11.open{height:503px}
	.nav-product-12.open{height:544px}
	.nav-product-13.open{height:585px}
	.nav-product-14.open{height:626px}
	.nav-product-15.open{height:667px}
	.nav-product-16.open{height:708px}
	.nav-product-17.open{height:749px}
	.nav-product-18.open{height:790px}
	.nav-product-19.open{height:831px}
	.nav-product-20.open{height:872px}


	.navbar-collapse{margin:0;height:100%;position:fixed;top:0;z-index:20;width:100%;background-color:#333333;
		transform:translateX(100%);
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		-o-transform:translateX(100%);
		transition:transform 0.3s ease 0s;
		-webkit-transition:-webkit-transform 0.3s ease 0s;
		-moz-transition:transform 0.3s ease 0s;
		-ms-transition:transform 0.3s ease 0s;
		-o-transition:transform 0.3s ease 0s;
	}
	.navbar-collapse.in{width:100%;overflow-y:auto;
		transform:translateX(60%);
		-webkit-transform:translateX(60%);
		-moz-transform:translateX(60%);
		-ms-transform:translateX(60%);
		-o-transform:translateX(60%);
	}

	.h-navbar,.main-content{
		transform:translateX(0);
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transition:transform 0.3s ease 0s;
		-webkit-transition:-webkit-transform 0.3s ease 0s;
		-moz-transition:transform 0.3s ease 0s;
		-ms-transition:transform 0.3s ease 0s;
		-o-transition:transform 0.3s ease 0s;
	}
	.h-navbar.in,.main-content.in {
		transform:translateX(-40%);
		-webkit-transform:translateX(-40%);
		-moz-transform:translateX(-40%);
		-ms-transform:translateX(-40%);
		-o-transform:translateX(-40%);
	}

}

/* Tablet */
@media (min-width:737px) and (max-width:1024px) {
	.navbar-collapse ul li a{width:40%}
	.price-list .col-xs-3{width:calc(33.33% - 2px);/*23.5%*/ margin:0 1px}
	.section-contact .tabs{width:98%;top:280px}
	.section-contact .tabs-content{padding:20px}
	.section-contact .tabs p{width:99%}
	.section-home .slide-banner li{background-size:contain;background-repeat:no-repeat}
	.section-home .slide-banner li img{display:none}
	.section-home .section-banner{height:initial}
	.section-banner .bx-wrapper,.section-banner .bx-viewport{height:auto !important}

	.member-howto .wrapper>a>img{max-width:100%}
	footer .col-xs-3{width:25%}
}

@media (max-width:768px) {
	.section-home .slide-banner li{height:356px}
	.main-content .section-member-premium .tabs-4{background:40% 100% url(../img/bg-web-banner.jpg?20230714) no-repeat #fff!important; background-size: cover!important;}
}

/* Mobile */
@media (max-width:736px) {
	body{font-size:24px}
	.section.section-home{margin-bottom:30px}

	.logo{top:0}
	.nav-main-button{display:none}
	.nav-button{display:block}
	.navbar-collapse>ul>.nav-button>button{height:auto !important;	}

	.section-home .slide-banner li img{display:block}

	.price-list .col-xs-3{width:calc(50% - 2px);/*48%*/ margin:0 1px}
	.price-list img{margin:0 auto;display:block;width:initial}

	.section-home .section-banner{height:initial}
	.section-home .slide-banner li{background-size:contain;background-repeat:no-repeat;height:216px}
	.section-banner .bx-wrapper,.section-banner .bx-viewport{height:auto !important}

	.section-promotion .price-head h2{margin-bottom:10px}
	.section-promotion .price-head span{margin:0 0 20px 10px;clear:both;float:left}
	.section-promotion .tabs-list .col-xs-3{width:43%}
	ul#news-list>li:nth-child(3n+1) {clear:none}
	ul#news-list>li:nth-child(2n+1) {clear:both}
	.section-news .news-list .col-xs-4{width:50%}
	.section-branch .section-head .col-xs-5{margin-left:10px;width:80%}

	.member-howto .wrapper>a>img{width:100%}

	.section-card p{width:67%}

	.section-branch .section-head .col-xs-2{width:100%;margin-bottom:20px}
	.section-branch .section-head .col-xs-4{width:100%;margin-bottom:20px}

	.register-form input[type="text"],.register-form select{width:100%}

	.form-box .form-label{text-align:left}
	.form-box .form-input{padding:0}
	.form-box .col-xs-2{width:48%}
	.form-box .col-xs-3,.form-box .col-xs-9,.form-box .col-xs-12{width:98%}
	.form-box .form-row .btn{padding:0;width:100%}

	.section-contact .tabs{width:94%;top:270px}
	.section-contact .tabs-content{padding:10px}
	.section-contact .tabs p{width:98%}

	.section-product .price-head{min-height:auto /*260px*/}
	.section-product .price-head #duration-txt{margin-bottom:20px}
	.section-product .product-filter{position:relative;float:left;clear:both;width:100%;margin:0 0 30px 10px}
	.section-product .btn.product-filter-btn{margin:0;float:left}
	.section-product .section-product-list{clear:both}
	.product-filter-list{left:0;top:46px;width:94%}

	.nav-member.open{height:134px}
	.nav-product.open{/*height:260px;*/ }
	.nav-product-0.open{height:52px}
	.nav-product-1.open{height:93px}
	.nav-product-2.open{height:134px}
	.nav-product-3.open{height:175px}
	.nav-product-4.open{height:216px}
	.nav-product-5.open{height:257px}
	.nav-product-6.open{height:298px}
	.nav-product-7.open{height:339px}
	.nav-product-8.open{height:380px}
	.nav-product-9.open{height:421px}
	.nav-product-10.open{height:462px}
	.nav-product-11.open{height:503px}
	.nav-product-12.open{height:544px}
	.nav-product-13.open{height:585px}
	.nav-product-14.open{height:626px}
	.nav-product-15.open{height:667px}
	.nav-product-16.open{height:708px}
	.nav-product-17.open{height:749px}
	.nav-product-18.open{height:790px}
	.nav-product-19.open{height:831px}
	.nav-product-20.open{height:872px}

	@media (max-width:640px) {
		.form-box{padding:0 10px}
		.mfp-gallery .mfp-image-holder .mfp-figure{display:flex;flex-flow:column wrap;justify-content:center;align-items:center}
		.mfp-figure .mfp-image,.mfp-figure .mfp-desciption{width:80%}
		.mfp-figure .mfp-image-box {height:180px;width:80%;float:none;margin:0 auto}
		.mfp-content .mfp-desciption .mfp-title{max-height:none}
		.mfp-content .mfp-desciption p{margin-top:0!important}

		.register-form input[type="text"],.register-form select,.contact-form input[type="text"]{width:100%}

		.section-about .tabs-content{height:auto;} 
		.section-about .tabs-content[class*="tabs-"]{background-position: 50% 100%;background-color: #fff;min-height: 750px;padding-bottom: 30vh;}
		.section-about #tabs-4{padding-bottom:30vh!important}

		.section-service .col-xs-4{margin:0;padding:0;background-size:contain;height:auto;position:relative}
		.section-service .col-xs-4:before{content:"";display:block;padding-top:150%}
		.section-card h1,.section-card p.text-head {font-size:40px;padding-top:0px}
		.section-card .circle-label{margin:0px 0px 0px 13px}
		.section-card p{font-size:26px;width:70%}
		.section-card button{margin-bottom:10px;padding:10px}
		.section-card .card-1{background-position:52% center}
		.section-card .card-2{background-position:58% center}
		.section-card .card-1 .wrapper{text-aign:center;padding:15px;border-radius:1rem;background:rgba(0,0,0,.35)}
		.section-promotion .tabs-list .col-xs-3{width:96%}

		.section-news .tabs .tabs-menu li a{padding:10px}

		.section-contact div.col-xs-2{width:100%}
		.section-contact .tabs ul.tabs-menu{padding:0}
		.section-contact .tabs ul.tabs-menu li a{padding:10px}

		.section-banner h1,.section-banner p.text-head{font-size:52px}

		.section-branch .section-head .col-xs-5{width:100%}
		.section-branch .section-head .col-xs-5 .col-xs-6{margin:0 0 10px;width:94%}
		.section-branch .section-head .col-xs-1{margin:0 0 0 10px}

		.section-branch .section-head[style*="height"]{height:auto!important;padding-bottom:0}
		.section-branch .section-head .wrapper{display:flex;flex-flow:row wrap;padding:0 10px}
		.section-branch .section-head .wrapper>div{width:100%;max-width:100%}

		.img-cover{padding:60px 10px}

		.price-head h2,.tag-head h2{font-size:32px}
		.price-head span{margin:0 0 20px 10px;clear:both;float:left}
		.price-head .btn{margin:0 10px 0 0}
		.price-list .col-xs-3{width:100%;height:auto;margin:0}
		.price-list li p{text-align:left}
		.section-member-premium .price-list li p{text-align:center}
		/*Q Edit*/
		.mscroll-x.parent-container-tabs.price-list{display:flex;overflow:auto;justify-content:flex-start}
		.mscroll-x.parent-container-tabs.price-list>li{width:70vw;min-width:70vw;border-right:2px solid #f5f5f5}
		#campaign-list .price-head{position:relative}
		#campaign-list .price-head h2,.product-ctn #campaign-title{float:none;margin-bottom:5px}
		#campaign-list .price-head span,.product-ctn .price-head h2+span{margin-left:30px}
		#campaign-list .price-head .btn,.product-ctn .product-filter{margin:0;position:absolute;top:12px;right:10px;width:auto}
		.product-ctn .product-filter button{background:#212121;color:#fff}
		.product-filter-list.in{left:auto;width:95vw}
		.section-product .product-ctn .price-head{min-height:100px}
		/* end Q Edit*/
		.section-product .price-head span{margin:0 0 20px 10px}

		.section-member .card-1 h1,.section-member .card-1 p.text-head{padding-top:0;font-size:52px}
		.member-condition .col-xs-6 .fl-l{height:auto;padding:0}
		.member-condition .col-xs-6,.member-howto .col-xs-6{width:100%}
		.member-howto .col-xs-6 .fl-l{padding:0}
		.member-howto .col-xs-6 .fl-l h2{display:none}
		/* .member-checkpoint-card{display:none} */
		.member-checkpoint-box{margin:auto;padding:10px 30px 40px}

		.news-detail .tag-head .fl-r{float:left;padding-left:10px}
		.section-news .news-list .col-xs-4{width:100%}

		.section-career .section-banner{background-position:-210px center;height:270px}
		.section-career .section-banner h1,.section-career .section-banner p.text-head{padding-top:66px}
		.career-list li a{font-size:26px}

		.footer-top i.logo-footer{display:none}
		.footer-top span{font-size:21px;line-height:1.8;float:left;padding:0 10px}
		.footer-middle ul{padding:10px 0}
		.footer-middle .wrapper{display:flex;flex-flow:row wrap;justify-content:space-between}
		.footer-middle .col-xs-4,.footer-middle .col-xs-5,.footer-middle .col-xs-3{width:auto}
		.footer-middle .col-xs-3{width:100%;flex-basis:100%;text-align:center;border-top:1px solid #8dd249;border-bottom:1px solid #8dd249}
		.footer-middle .col-xs-4{padding-right:0;max-width:40%}
		.footer-middle .col-xs-4 ul>li:not(:first-child),.footer-middle .col-xs-5 ul>li:not(:first-child){display:list-item;list-style:disc outside;margin-left:18px;line-height:120%;font-size:21px}
		.footer-bottom{padding:10px 5px}

		.mfp-content .mfp-desciption p{margin-top:30%}
		.mfp-content .mfp-desciption p .price-cut{display:block}
		button.mfp-arrow.mfp-arrow-right{right:14px !important}
		button.mfp-arrow.mfp-arrow-left{left:14px !important}
		.mfp-image-holder .mfp-figure .mfp-close,.mfp-iframe-holder .mfp-figure .mfp-close{right:8px}
		/*Q Edit*/
		[class*="section-"] .tabs-menu{display:flex;flex-flow:row nowrap;overflow:auto;white-space:nowrap}
		.section-about #tabs-4 p{display:flex;flex-flow:column wrap;align-items:flex-start;margin-bottom:15px}
		.section-about #tabs-4 .btn-orange{display:inline-block;white-space:nowrap}
		/*animate move*/
		@-webkit-keyframes move{
		0%{-webkit-transform:translateX(-10px);
		transform:translateX(-10px)}
		50%{-webkit-transform:translateX(10px);
		transform:translateX(10px)}
		100%{-webkit-transform:translateX(-10px);
		transform:translateX(-10px)}
		}
		@keyframes move{
		0%{-webkit-transform:translateX(-10px);
		transform:translateX(-10px)}
		50%{-webkit-transform:translateX(10px);
		transform:translateX(10px)}
		100%{-webkit-transform:translateX(-10px);
		transform:translateX(-10px)}
		}
		.section-price .wrapper{position:relative}
		.mscroll-x:after{content:"";display:block;width:48px;height:48px;background:url(../img/icon-drag.png) 50% 50% no-repeat #FFC934;background-size:85% auto;border-radius:100%;-webkit-border-radius:100%;position:absolute;left:75%;top:50%;margin:-20px 0 0 -24px;opacity:.85}
		.mscroll-x:after{animation:move 1s infinite;-webkit-animation:move 1s infinite}
		.mscroll-x.off:after,
		.mscroll-x:focus:after,.mscroll-x:active:after,.mscroll-x:hover:after{display:none!important}
	}

	/*.section-price{padding:0 10px}*/

	.navbar-collapse{margin:0;height:100%;position:fixed;top:0;z-index:20;width:100%;background-color:#333333;
		transform:translateX(100%);
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-ms-transform:translateX(100%);
		-o-transform:translateX(100%);
		transition:transform 0.3s ease 0s;
		-webkit-transition:-webkit-transform 0.3s ease 0s;
		-moz-transition:transform 0.3s ease 0s;
		-ms-transition:transform 0.3s ease 0s;
		-o-transition:transform 0.3s ease 0s;
	}
	.navbar-collapse.in{width:100%;
		transform:translateX(25%);
		-webkit-transform:translateX(25%);
		-moz-transform:translateX(25%);
		-ms-transform:translateX(25%);
		-o-transform:translateX(25%);
	}

	.h-navbar,.main-content{
		transform:translateX(0);
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transition:transform 0.3s ease 0s;
		-webkit-transition:-webkit-transform 0.3s ease 0s;
		-moz-transition:transform 0.3s ease 0s;
		-ms-transition:transform 0.3s ease 0s;
		-o-transition:transform 0.3s ease 0s;
	}
	.h-navbar.in,.main-content.in {
		transform:translateX(-75%);
		-webkit-transform:translateX(-75%);
		-moz-transform:translateX(-75%);
		-ms-transform:translateX(-75%);
		-o-transform:translateX(-75%);
	}

}

/* Sumsung */
@media (max-width:640px) {
	.section-price .price-head .btn{margin-top:0}
	.section-home .slide-banner li{height:302px}
}

/* iPhone 6Plus(Landscape) */
@media (max-width:736px) {
	.section-home .slide-banner li{height:346px}
}

/* iPhone 6(Landscape) */
@media (max-width:667px) {
	.section-home .slide-banner li{height:314px}
}

/* iPhone 5(Landscape) */
@media (max-width:568px) {
	.section-home .slide-banner li{height:267px}
}

/* iPhone 4(Landscape) */
@media (max-width:480px) {
	.section-home .slide-banner li{height:226px}
}

/* iPhone 6Plus(Portrait) */
@media (max-width:414px) {
	.section-home .slide-banner li{height:196px}
}

/* iPhone 6(Portrait) */
@media (max-width:375px) {
	.section-home .slide-banner li{height:182px}
}

/* iPhone 4,5(Portrait) */
@media (max-width:320px) {
	.section-home .slide-banner li{height:152px}
}


/* For IE *************************************************************************/
.ie .modal{display:block}

/*web cookies*/
[id="webCookies"] *,[id="webCookies"] *:before,[id="webCookies"] *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
[id="webCookies"]{display:none;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;box-shadow:rgb(0,0,0,0.2) 0px 2px 8px 0px;border-radius:0}
[id="webCookies"]>.inner{position:relative;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;width:1000px;max-width:100%;padding:10px 5px;margin:0 auto}
[id="webCookies"] a{display:inline-block;text-decoration:underline;color:#00A150}
[id="webCookies"]>.inner .title{display:flex;align-items:center}
[id="webCookies"]>.inner .head{font-size:24px;font-weight:700;color:#020202;margin-right:10px}
[id="webCookies"]>.inner p{margin:0;font-size:18px;color:#020202}
[id="webCookies"] .ctrl-btn{display:flex;justify-content:flex-end}
[id="webCookies"] .ctrl-btn a{text-align:center;line-height:40px;font-size:21px;text-decoration:none;max-width:120px;height:40px;padding:0 15px;background:#203F9A;color:#fff;border-radius:3px}
@media (max-width:819px){
	[id="webCookies"]>.inner,[id="webCookies"]>.inner .title{display:block}
	[id="webCookies"]>.inner p{font-size:18px}
	[id="webCookies"] .ctrl-btn{margin-top:10px;justify-content:center}
}