@font-face {
    font-family: 'regencie';
    src: url('../fonts/regencie.eot');
    src: url('../fonts/regencie.eot?#iefix') format('embedded-opentype'),
         url('../fonts/regencie.woff2') format('woff2'),
         url('../fonts/regencie.woff') format('woff'),
         url('../fonts/regencie.ttf') format('truetype'),
         url('../fonts/regencie.svg#regencielight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quark';
    src: url('../fonts/quarklight.eot');
    src: url('../fonts/quarklight.woff') format('woff'),
         url('../fonts/quarklight.ttf') format('truetype'),
         url('../fonts/quarklight.svg#quarklight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto.eot');
    src: url('../fonts/roboto.eot') format('embedded-opentype'),
         url('../fonts/roboto.woff2') format('woff2'),
         url('../fonts/roboto.woff') format('woff'),
         url('../fonts/roboto.ttf') format('truetype'),
         url('../fonts/roboto.svg#DBAdmanXRegular') format('svg');
}

@font-face {
    font-family: 'dba';
    src: url('../fonts/db-helvethaica-x-li.eot');
    src: url('../fonts/db-helvethaica-x-li.eot') format('embedded-opentype'),
         url('../fonts/db-helvethaica-x-li.woff') format('woff'),
         url('../fonts/db-helvethaica-x-li.ttf') format('truetype'),
         url('../fonts/db-helvethaica-x-li.svg#DBAdmanXRegular') format('svg');
}


body,html{
	height: 100%; 
/*-webkit-filter: grayscale(95%);
  -moz-filter: grayscale(95%);
  -ms-filter: grayscale(95%);
  -o-filter: grayscale(95%);
  filter: grayscale(95%);
  filter: gray;*/
}

.mfp-bg.mfp-ready {
	background: #000000 !important;
    opacity: 0.9 !important;
}
img.mfp-img {
-webkit-filter: grayscale(95%)  !important;
-moz-filter: grayscale(95%) !important;
-ms-filter: grayscale(95%) !important;
-o-filter: grayscale(95%) !important;
filter: grayscale(95%) !important;
filter: gray !important; 
}
#main-wrapper{
	background: url('../images/top-line-rainbow.png') repeat-x top left;
	position: relative; min-height: 100%; padding:5px 10px; 
}
#main-wrapper:before{
	content: ""; background: url('../images/lasso-border.png') right;
	position: absolute; top:0; left: 0; width: 10px; height: 100%;
	display: block; z-index: -1;
}
#main-wrapper:after{
	content: ""; background: url('../images/lasso-border.png') left;
	position: absolute; top:0; right: 0; width: 10px; height: 100%;
	display: block; z-index: -1;
}
@media (max-width: 992px){#main-wrapper{padding: 5px 15px; }}
.container{}
a{color: #000; text-decoration: none!important; outline: none!important}
/*a:hover{color:#fff;}*/
.txt-r{text-align: right;}
.txt-c{text-align: center;}
.ft-right{float: right;}
.ft-left{float: left;}
.clear-all{clear: both;}
.txt-c img{display: inline-block;}
.link-more{
	display: block; width: 143px; height: 40px; background: url('../images/btn-more.png');
	text-align: center; line-height: 38px; color: #fff;
	padding-left: 40px; z-index: 10;
}
.pr{position: relative;}
.sp56{height: 56px;}
.mt35{margin-top: 35px;}
.mt70{margin-top: 70px;}
.mt100{margin-top: 100px;}
.ml-20{margin-left: 20px}
.pl130{padding-left: 130px!important}
.a-p-20{padding: 20px;}
/* .md-hv70{ padding-left:70px; padding-right: 70px } */
.sm-topsub40{margin-top: -40px;}
.vcenter {display: inline-block;vertical-align: middle;float: none;}
#logo{margin:0 20px ; max-height: 73px;}
.comingsoon{height: 500px; text-align: center; line-height: 500px; color: #fff; font-size: 40px;text-align: center; font-family: 'regencie'}
@media (max-width: 1200px){ 
	.md-hv70{padding-left:40px; padding-right: 40px}
}
@media (max-width: 992px){ 
	#logo{margin-bottom: 10px!important}
	.md-hv70{padding-left:10px; padding-right: 10px;}
	.sm-topsub50{margin-top: 0px;}
	.xs-mv-20{margin-top: 20px; margin-bottom: 20px;}
	#logo{margin:0 auto; display: block;}
	.comingsoon{height: 200px; line-height: 200px; font-size: 20px}
}
.title-tag{height: 40px; margin: 8px 0;position: relative; z-index: 10}
.title-tag span{
	display: inline-block;height: 42px;position: relative; padding: 0 20px; 
	background: url('../images/tag-label-center.png'); line-height: 42px;
	color: #fff;
}
.title-tag span:before{content: ""; width: 22px; height: 42px;position: absolute; top:0;}
.title-tag.hl{text-align: right;} 
.title-tag.hl span:before{
	left:-22px; background:  url('../images/tag-label-left.png'); 
}
.title-tag.hr{text-align: left;} 
.title-tag.hr span:before{
	right:-22px; background:  url('../images/tag-label-right.png'); 
}
.top-sec{ margin-top: 30px;margin-bottom: 30px}
.social-box .input-group{width: 260px; margin-top: 5px; position: relative;}
.social-box .input-group input{border-radius: 3px 0 0 3px!important; border-right: transparent 1px solid}
.social-box .input-group label{position: absolute; top:-17px; right: 3px; font-weight: normal; font-size: 12px; color: #6a6b6b}
.social-box .input-group button{border:1px solid #5b5b5b; background: #f3f4f4; border-left: transparent 1px solid}
.social-box .input-group:after{ 
	width: 1px; height: 24px; content: ""; 
	position: absolute; top:5px; right:126px;
	z-index: 200; background: #5b5b5b;
}
.social-box{text-align: right; margin-top: 15px;}
.social-box>*{ margin-left: 5px;}
.social-box .inb-right{display: inline-block;}
.social-box>a{ vertical-align: top; display: inline-block;}
.btn-back{
	background: url('../images/pre-link-back.png') no-repeat left center; padding-left: 30px;
	color: #455560; text-transform: uppercase; font-family: 'dba'; font-size: 20px; 
	font-size: 16px; margin-bottom: 10px; display: inline-block;
}
@media (max-width: 992px){ 
	.top-sec img{margin: auto}
	.social-box{text-align: center; margin-top: 20px}
	.top-sec{margin-bottom: 10px;}
	
}
@media (max-width: 430px){
	.social-box .inb-right{ display: block; clear: both; margin-bottom: 10px; }
	.social-box .input-group {margin: auto}
} 

.navbar{border: 0; background:url('../images/bg-nav.jpg') repeat-x; background-size:auto  100%; border-radius: 0; margin-bottom: 5px;}
.navbar .container-fluid{padding: 0}
.navbar .navbar-collapse{padding: 0;}
.navbar-nav{text-align: center; float: none;  height: 50px; }
.navbar-nav > li{float: left; padding: 0; margin: 0; min-width: 127px; transition: all 0.3s ease;}
.navbar-nav > li:nth-child(1){background:#ef519e; min-width:0!important; /*width: 80px!important;*/  }
.navbar-nav > li:nth-child(2){background:#fff200}
.navbar-nav > li:nth-child(3){background:#bdd73c}
.navbar-nav > li:nth-child(4){background:#25aae1}
.navbar-nav > li:nth-child(5){background:#d91b5c}
.navbar-nav > li:nth-child(6){background:#ef519e}
.navbar-nav > li:nth-child(7){background:#fff200}
.navbar-nav > li > a{margin: 0; color: #000!important; height: 50px;  padding-left: 5px; padding-right: 5px;}
.navbar-nav > li.second-size{min-width:auto; min-width: none!important;  }
.navbar-nav > li.second-size a{color: #9c9c9b!important; font-size: 10px;}
.navbar-nav > li.second-size a img{margin-left: 10px;}
.navbar-nav > li.wrapper-lan{ min-width: 0;}
.navbar-nav > li:nth-child(1) img{ margin-top: -5px; margin-right: 5px;}

.navbar-nav > li:nth-child(1):hover,
.navbar-nav > li.active:nth-child(1){background: #ef519e;}
.navbar-nav > li:nth-child(2):hover{background:#faf363}
.navbar-nav > li:nth-child(3):hover{background:#d4eb5e}
.navbar-nav > li:nth-child(4):hover{background:#4abeef}
.navbar-nav > li:nth-child(5):hover{background:#e8407b}
.navbar-nav > li:nth-child(6):hover{background:#f675b4}
.navbar-nav > li:nth-child(7):hover{background:#faf363}

.btn-lan{margin: auto; /*width: 83px;*/ width: 130px;}
.btn-lan >*{float: left;margin: 9px 0 0 0; }
.btn-lan >a{width: 37px; height: 33px; background-size: 100% auto; background-repeat: no-repeat;}
.btn-lan >a:nth-child(1){background-image: url('../images/lan-th-0.png')}
.btn-lan >a:nth-child(3){background-image: url('../images/lan-en-0.png')}
.btn-lan >a:nth-child(5){background-image: url('../images/lan-cn-0.png')}
.btn-lan span{width: 9px;  height: 20px; color: transparent; position: relative; margin-top: 16px}
.btn-lan span:before{content: ""; width: 5px; height: 5px; position: absolute; top:4px; left: 2px; background: #000; border-radius: 3px;}
.btn-lan span:after{content: ""; width: 5px; height: 5px; position: absolute; bottom:4px; left: 2px; background: #000; border-radius: 3px;}
.btn-lan >a:nth-child(1):hover,
.btn-lan >a:nth-child(1).active{background-image: url('../images/lan-th-1.png')}
.btn-lan >a:nth-child(3):hover,
.btn-lan >a:nth-child(3).active{background-image: url('../images/lan-en-1.png')}
.btn-lan >a:nth-child(5):hover,
.btn-lan >a:nth-child(5).active{background-image: url('../images/lan-cn-1.png')}
/*
.wrapper-lan .btn-lan a{
	height: 35px; width: 41px; line-height: 35px;display:inline-block;position: relative; 
	font-size: 18px; color: rgba(0,0,0,0.4); 
}
.btn-lan a:before{height: 35px; width: 20px; position: absolute; border-radius: 2px; top:0; left: 0;}
.btn-lan a:after{height: 35px; width: 20px; position: absolute; border-radius: 2px; top:0; right: 0;}
.btn-lan a:hover,
.btn-lan a.active{color: #000;}
.btn-lan a:nth-child(1):before{content: "T"; background: #fff200}
.btn-lan a:nth-child(1):after{content: "H"; background: #fff200}
.btn-lan a:nth-child(3):before{content: "E"; background: #25aae1}
.btn-lan a:nth-child(3):after{content: "N"; background: #25aae1}
*/
@media (min-width: 768px) and (max-width: 1200px){ 
	.navbar  #bs-navbar-collapse-1{ padding: 0!important;}
	.navbar .container-fluid{ padding: 0!important;}
	.navbar-nav > li{height: 50px}
	.navbar-nav > li a{padding-left: 8px; padding-right:8px }
	.navbar-nav > li:not(.wapper-lan){min-width: 100px;  float: left;}
	.navbar-nav > li.wapper-lan{margin-right: 0;}
	.navbar-nav > li:nth-child(1){ /*width: 50px!important ;*/min-width: auto;}

	
	/*.navbar{background: transparent;}*/

	.navbar-nav > li:nth-child(1){width: 11.66%;}
	.navbar-nav > li:nth-child(2){width: 14.66%;}
	.navbar-nav > li:nth-child(3){width: 14.5%;}
	.navbar-nav > li:nth-child(4){width: 15%;}
	.navbar-nav > li:nth-child(5){width: 15%;}
	.navbar-nav > li:nth-child(6){width: 15%;}
	.navbar-nav > li:nth-child(7){width: 13%;}
  .navbar-nav > li:nth-child(8){clear: left;}
	.navbar-nav > li.second-size{float: left;}
	.navbar-nav > li.wrapper-lan{float: right}

}
@media (max-width: 767px){

	.navbar-header{ margin: 0!important}
	.navbar-nav{margin: 5px 0 0 0;}
	.navbar-nav > li{width: 100%}
	.navbar-nav > li:nth-child(1){ width: 100%!important}
	.navbar  #bs-navbar-collapse-1{  border: 0; position: absolute; padding: 0; margin: 0; left: 0; z-index: 200; box-shadow: 0 4px 4px #848283}
	.nav.navbar-nav{height: auto; padding: 10px 5px;  background:url('../images/bg-nav.jpg'); background-size: 100% 100% }
}

.footer{color: #455560}
.footer a{color: #455560}
.footer a:hover{color: #000}
.footer .inner{padding-top: 85px; background:  url('../images/footer.png') repeat-x ;font-size: 12px;}
.footer .inner a{margin-right: 10px; }
.footer .row>div:nth-child(2) {text-align: right;}
.footer .row>div:nth-child(2) p{ min-height: 25px; line-height: 25px; border-bottom: 1px #bfc3c6 solid; }
.footer .row>div:nth-child(2) a{width: 19%; display: inline-block; margin: 0;}
.footer .wrp-logo{padding-top: 10px;}
.footer .wrp-logo a img{height: 25px;}
.footer .wrp-logo a:nth-child(5) img{height: 16px;}

@media (max-width: 1200px){ 
	.footer .wrp-logo a img{
		height: 30px;
	}
	.footer .wrp-logo a:nth-child(5) img{
		height: 12px;
	}
}
@media (max-width: 992px){ 

	.footer .row>div:nth-child(1) {text-align: center;}	
	.footer .row>div:nth-child(1) img {display: inline-block;}	
	.footer .row>div:nth-child(2) p{text-align: center;}
	.footer .row>div:nth-child(2) a{
		display: block;  text-align: center; padding: 3px; width: auto;
		margin-bottom: 1px;
		width: 33%; float: left;
	}
	.footer .wrp-logo{padding-bottom: 10px;}
	.footer .wrp-logo a{
		margin-left: 15px;
		margin-right: 15px;
	}
	.footer .wrp-logo a img{
		height: 37px;
		margin: 5px;
	}
	.footer .wrp-logo a:nth-child(4) img{
		height: 17px;
	}
}
@media (max-width: 768px){ 
	.footer .row>div:nth-child(2) a{display:  block; padding: 5px 0; width:100%; margin: auto; position: relative; border-bottom: 1px solid #f0efef}
	.footer .row>div:nth-child(2) a:before{content: "|"; position: absolute; left: 0; color: #f0efef }
	.footer .row>div:nth-child(2) a:after{content: "|";  position: absolute; right: 0; color: #f0efef}
}
@media (max-width: 380px){
	.footer .wrp-logo a{display: block;}
}
/*Home*/
.bxslider{display: none;}
.bx-wrapper .bxslider{display: block;}
.promo-slider{display: none;}
.bx-wrapper .promo-slider{display: block;}
.carusal-banner{position: relative; overflow: hidden;}
.home-content{ }



.promotion-sec{margin-bottom: 33px;}
.promotion-sec img.img-responsive{width: 100%}
.promotion-sec>div{padding: 0}
.promotion-sec>div:nth-child(1){
	position: relative; margin-top:-7%;
	background-size: 100% auto;
}

.promotion-sec .wrapper-promo-text{
	position: absolute; top:30%; left: 35%;
	right: 5px; bottom: 30px; overflow: hidden;
}

.promotion-sec ul.promo-text{padding: 0; margin: 0; }
.promotion-sec ul.promo-text li{}
.promotion-sec .xxs-display{display: none; text-align: center;}
.promotion-sec .link-more{
	position: absolute; bottom: -14px; right:-3px;
}
.promotion-sec .wrapper-promo-text .text>b{
	border-bottom:  1px solid #000;
	font-size: 20px; font-weight: normal;
	display: block;line-height: 23px;
	padding-bottom: 10px;
}
.promotion-sec .wrapper-promo-text .text>p{
	padding: 5px; 
	font-family: 'dba'; font-size: 16px; line-height: 18px
}

.promotion-sec .wrapper-promo-text .xxs-display{display: none; text-align: center;}
.promotion-sec .wrapper-promo-text .xxs-display span{color: #fff;margin-bottom: 5px; display: block;}
.promotion-sec .wrapper-promo-text .xxs-display .btn{
	width: 100%;
	white-space:inherit;
      animation: blink 0.5s steps(5, start) infinite;
      -webkit-animation: blink 0.5s steps(5, start) infinite;
}
@keyframes blink {
	to {color: rgba(255,255,255,0.5)}
}
@-webkit-keyframes blink {
    to {color: rgba(255,255,255,0.5)}
}
.promotion-sec .wrapper-promo-text .xxs-display .btn:hover{
      animation:none;
      -webkit-animation:none;
  }
.promotion-sec .wrapper-promo-text .xxs-display .modal-content{padding: 5px 10px;text-align: left;}
.promotion-sec .wrapper-promo-text .xxs-display b{padding: 10px 0; display: block;  font-size: 16px;}
.promotion-sec .wrapper-promo-text .xxs-display p{text-align: left;}

@media (max-width: 550px){
	.promotion-sec .promo.link-more{ display: none;}
	.promotion-sec .wrapper-promo-text{bottom: 5px;}
	.promotion-sec .wrapper-promo-text .promo-text{ display: none;}
	.promotion-sec .wrapper-promo-text .xxs-display{display: block;}
	.promotion-sec .wrapper-promo-text .xxs-display a{color: #286090}
	.promotion-sec .wrapper-promo-text .xxs-display a:after{content: " >>"; font-size: 11px}
}

.news-sec{width: 657px}
.news-sec .title-tag.hr{margin-left: 5px;}
.tab-cate{
	padding: 0; height: 36px;
 	max-width: 684px;  margin: -15px 0 0 0;
 	z-index: 10; z-index: 20;
 	position: relative;
}
.tab-cate li{
	position: relative; list-style: none; float: left; 
	width: 20%; text-align: center;padding: 0; margin:0;
	line-height: 42px; font-size: 12px; cursor: pointer;
	overflow-y:none; height: 42px;
}
.tab-cate li:before{
	z-index: -5;
	border-radius: 2px;
	content: "";
	height: 40px;
}
.tab-cate li:nth-child(1){}
.tab-cate li:nth-child(1):before{
	 background: #fff200;
	position: absolute; width: 100%; top:4px; left: 4px;
	-ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}
.tab-cate li:nth-child(2){z-index: 4}
.tab-cate li:nth-child(2):before{
	 background: #bdd73c;
	position: absolute; width: 105%; top:7px; left: -5px;
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg); /* Standard syntax */
}
.tab-cate li:nth-child(3){z-index: 3}
.tab-cate li:nth-child(3):before{
	 background: #25aae1;
	position: absolute; width: 100%;top:8px; left: -2px;
	-ms-transform: rotate(4deg); /* IE 9 */
    -webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
    transform: rotate(4deg); /* Standard syntax */
}
.tab-cate li:nth-child(4){z-index: 2}
.tab-cate li:nth-child(4):before{
	 background: #d91b5c;
	position: absolute; width: 100%;top:3px; left: -5px;
	-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg); /* Standard syntax */
}
.tab-cate li:nth-child(5){z-index: 1}
.tab-cate li:nth-child(5):before{
	 background: #ef519e;
	position: absolute; width: 100%;top:6px; left: -8px;
	-ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg); /* Standard syntax */
}
.tab-cate li.active{z-index: 10;}


.wrapper-group .content{
	position: relative; z-index: 20;
	border-radius: 2px;
	display: none;
	padding: 20px 5px 0 5px;
	margin-bottom: 30px;
	position: relative;
}
.wrapper-group .content.active{display: block;}
.wrapper-group .content img{width: 100%}
.wrapper-group .content:before{position: absolute; top:5px; left: 5px; display: none; color: #fff; text-shadow:0 0 5px #000; font-size: 19px}
.wrapper-group .content:nth-child(1){background: #fff200;}
.wrapper-group .content:nth-child(2){background: #bdd73c;}
.wrapper-group .content:nth-child(3){background: #25aae1;}
.wrapper-group .content:nth-child(4){background: #d91b5c;}
.wrapper-group .content:nth-child(5){background: #ef519e;}
.wrapper-group .content:nth-child(1):before{content: "EVENT & ACTIVITIES"}
.wrapper-group .content:nth-child(2):before{content: "PROMOTION"}
.wrapper-group .content:nth-child(3):before{content: "E-MAGAZINE"}
.wrapper-group .content:nth-child(4):before{content: "film"}
.wrapper-group .content:nth-child(5):before{content: "SOCIAL"}
.wrapper-group .content div>a.thumb{
	display: block; position: relative; overflow: hidden;
}
.wrapper-group .content div>a.thumb:before{
	content:""; position: absolute; width: 100%; height: 100%; top:0; left: 0;
	background: rgba(0,0,0,0.7); opacity: 0;filter: alpha(opacity=0);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.wrapper-group .content div>a.thumb:after{
	content:""; position: absolute; width: 100%; height: 100%; left: 0;
	background: url('../images/icon-circle.png') no-repeat center center;  bottom: -100%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.wrapper-group .content div>a.thumb:hover:before{
    opacity:1;filter: alpha(opacity=1);
}
.wrapper-group .content div>a.thumb:hover:after{bottom: 0%;}
.wrapper-group .content div.item{position: relative; padding-bottom: 30px; }
.wrapper-group .content div.item .title{
	font-family: 'dba';
	font-size: 18px; line-height: 21px; 
	font-weight: normal; text-transform: uppercase;
	margin: 12px 0 0 0; height: 60px;
}
.wrapper-group .content div.item .date{ 
	background: url('../images/bg-price-tag.png') no-repeat left center;
	height: 30px; line-height: 30px; font-size: 11px; padding-left: 10px;
	margin-top:12px; 
}
.wrapper-group .content div.item p{
	margin: 15px 0 0 0; font-size: 12px;
	padding: 0; /*min-height: 198px;*/
	font-family: 'dba'; font-size: 19px; line-height: 20px
}
.wrapper-group .content div.item .link-more{position: absolute;  bottom: -15px; right: 0;}

.wrapper-group .content.movie div.item p{
	min-height: 0;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.wrapper-group .content.social{}
.wrapper-group .content.social .ig-link{text-align:left; display:inline-block; line-height: 14px; padding:0 0 0 40px; background:url('../images/icon-ig2.png') no-repeat center left; color:#000}
.wrapper-group .content.social ul{list-style: none; margin: 0; padding: 0;}
.wrapper-group .content.social li.item{margin-bottom: 20px}
.wrapper-group .content.social li img.img-responsive{width: 100%}
.wrapper-group .__InkLogo{display: none!important}
.wrapper-group .__inkLoading{display: none!important}
.other-link a{margin: 5px 0; display: block;}
.wrapper-group .content.emag .item {}
.wrapper-group .content.emag .item .cp{overflow: hidden; display: inline-block; position: relative;}
.wrapper-group .content.emag .item .label{
	width: 130px; height: 36px; line-height: 30px;
	position: absolute; top:15px; right: -30px;
	color: #000; background: #bfd83e;
	z-index: 10;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg); /* Standard syntax */
    text-transform: uppercase; font-size: 12px;
    text-align: center;
}
.wrp-social-widget{
	margin: 0 -15px; 
	text-align: center;
}

@media (max-width: 1200px){ 
	.news-sec{width: auto;}
	.home-content{padding: 0 40px;}


	.wrapper-group .content div.item .date{ background-size: 100% auto }
	/*masonry*/
	.wrapper-group .row{ margin: 0 -10px}
	.wrapper-group .content div.item {padding: 0 10px!important}
}
@media (max-width: 992px){
	.home-content{padding: 0 10px;}
	.wrapper-group .content div.item {margin-bottom: 5px;}
	.wrapper-group .content div.item .title{min-height: 0;}

	.wrapper-group .content div.item .link-more{
		position: static; float: right; background-image: url('../images/btn-more2.png');
		padding: 5px 20px; margin: 5px 0 0 0; border-radius:4px; width: 121px; height: 33px;
		line-height: 20px;
	}

	/*masonry*/
	.wrapper-group .row{ margin: 0 -15px}
	.wrapper-group .content div.item {padding: 0 15px!important}
	.wrp-social-widget .txt-r{text-align: left; margin-top: 25px;}
}
@media (max-width: 768px){
	.wrapper-group .content:before{display:block;}
	.wrapper-group .content div.item .date{ background-size:auto;}
	/*masonry*/
	.tab-cate{display: none;}
	.wrapper-group .content{ display: block!important; margin-bottom: 0; padding-top: 50px}
	.wrapper-group .content div.item p{ min-height: auto;}
	.wrapper-group .row{ margin: 0 -5px}
	.wrapper-group .content div.item {padding: 0 5px!important}
	.facebook-fanpage{text-align: center;}
	.facebook-fanpage>img{display: inline-block;}
	.other-link{text-align: center;}
	.other-link img{display: inline-block;}
}

.banner-page{margin-top: 20px; }
.banner-page>img{ width: 100%;}
.breadcrumbs{height: 38px; background: url('../images/bg-breadcrumbs.png'); margin: 5px 0 15px 0; }
.breadcrumbs a{color: #fff;font-family: 'quark'; font-size: 11px; line-height: 43px; padding: 0 30px 0 20px}

.title-page{font-family: 'regencie'; font-size: 31px; line-height: 80px;  z-index: 100; position: relative;}
.title-page span,
.title-page h1{
	position: relative; display: inline-block; height: 87px;line-height: 87px; 
	font-size: 34px;
	/*background: url('../images/bg-title-page-ct.png');*/
	min-width: 240px;
	padding-right: 20px;
	background-position: top right;
	background-image:  url('../images/bg-title-page-at.png');
	margin:  0 0 0 40px;
}
.title-page span:before,
.title-page h1:before{
	content: ""; position: absolute; top:0; left: -40px; z-index: 10;
	height: 87px; width: 40px; background: url('../images/bg-title-page-bf.png') no-repeat;
	
}

.description-text{position: relative; font-family: 'roboto'; font-size: 22px; line-height: 22px; color: #455560; margin: 20px 0; font-weight: normal;}
.description-text:before{
	position: absolute; width: 12px; height: 2px; top: -10px; left: 0;
	background: #647078; content: ""; 
}
.left-submenu{margin: 0 0 20px 0; padding: 0; }
.left-submenu li{
	margin: 1px 0; padding: 5px 0 5px 40px; min-height: 25px; 
	 border-bottom: 1px solid #e6e6e7; list-style: none; position: relative;
}
.left-submenu li a{color: #c3c4c5; font-family: "dba"; font-size: 18px; line-height: 18px;}
.left-submenu li.active a,
.left-submenu li:hover a{color: #455560}
.left-submenu li:before{
	content: ""; width: 25px; height: 25px; left: 0; top:50%; 
	display: block; position: absolute; 

	-ms-transform: translate(0,-50%); 
    -webkit-transform: translate(0,-50%); 
	transform: translate(0, -50%);
}
.left-submenu li:nth-child(5n+1):before{background: #fff200}
.left-submenu li:nth-child(5n+2):before{background: #bdd73c}
.left-submenu li:nth-child(5n+3):before{background: #25aae1}
.left-submenu li:nth-child(5n+4):before{background: #d91b5c}
.left-submenu li:nth-child(5n+5):before{background: #ef519e}
.left-submenu.at li a{color: #455560}

.content-fck{font-family: 'dba'; font-size: 19px; color: #455560; margin: 20px 0; line-height: 1.3;}
.content-fck h4{ margin: 0 0 10px 0;  font-size: 36px; text-transform: uppercase; padding: 5px 20px; background: #f6f7f8}
.content-fck ul{margin-left: 0; padding-left: 0} 
.content-fck ul ul{margin-left: 20px; padding-left: 40px} 
.content-fck ul ul ul{margin-left: 20px; padding-left: 0} 
.content-fck u{margin-left: 20px}
.bottom-banner> div{margin: 10px 0; text-align: center;}
.bottom-banner> div>img{display: inline-block;}
.cc-yellow li{padding-left: 30px; text-indent: -30px;}
.cc-yellow li:before{content: "• ";color: #fff200;}
.cc-green li{padding-left: 30px; text-indent: -30px;}
.cc-green li:before{content: "• ";color: #bdd73c;}
/*Career*/
.red-tab{background: #f6f7f8; border-left:4px solid #d91b5c; padding: 30px; background: #f6f7f8; color: #6e6e6e;}
.red-tab h4{font-weight: normal; margin-top: 0; margin-bottom: 20px;}
.sc-btn{padding: 10px 40px; background:#485863; color:#fff!important;  margin: auto; display: inline-block; border: 0;}
.sc-btn:hover{color:#ccc; }
@media (max-width: 992px){
	.title-page span,
	.title-page h1{font-size: 22px}
	.app-btn{margin: 10px auto;}
	.red-tab>div:nth-child(2){margin: 20px 0; }
	.red-tab>div:nth-child(2) .txt-r{text-align: center!important}
}

#film-page{font-family: 'dba';}
#film-page .table-time{ background: #f5f5f5; position: relative; min-height: 300px}
#film-page .table-time .item>div{padding: 15px 30px;}
#film-page .table-time .item{border-bottom: 2px solid #fff;}
#film-page .table-time .item:after{clear: both; content: ""; display: block;}
#film-page .table-time .item p{ font-size: 20px; margin: 0;}
#film-page .table-time .item>div:nth-child(1) img{margin: auto; box-shadow: 0 0 3px #000;}
#film-page .table-time .item>div:nth-child(1):after{
	content: ""; width: 2px; background: #fff; position: absolute; 
	height: 40%; right: 0; bottom: -20%;
}
#film-page .table-time .item:last-child>div:nth-child(1):after{ display: none;}
#film-page .table-time .item>div:nth-child(2) a{font-family: 'roboto'; background: url('../images/bg-time.png'); width: 64px; height: 34px; text-align: center; color: #fff; line-height: 34px; display: inline-block; margin: 10px 15px 0 0;}

#film-page .table-time .loading{ height: 300px;background: rgba(69,85,96,0.6);}
#film-page .table-time .loading:after{
	font-family: "regencie";
	content: "Loading .."; position: absolute; 
	width: 100%; color: #fff; font-size: 30px;
	text-align: center; top:50%; left: 0;
	-ms-transform: translate(0,-50%); 
    -webkit-transform: translate(0,-50%); 
	transform: translate(0, -50%);
}



.link-floor a{
	display: inline-block; width: 46px; padding: 55px 0 5px 0;position: relative;
	text-align: center; font-family: 'roboto'; font-size: 19px; color: #b8bec3; font-weight: bold;
}
.link-floor a>img{position: absolute; top:0; left: 50%;}
.link-floor a.active,
.link-floor a:hover{ color: #000;}
.link-floor a>span{
	content: ""; position: absolute; top:0; left: 0; width: 46px; height: 46px; border-radius: 50%;
	text-align: center; vertical-align: middle; float: none; display: inline-block;
}
.link-floor a>span>img{ 
	position: relative; top:50%; 
	-ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
	max-height: 46x; max-width:40px;
}
.link-floor>a:nth-child(5n+1)>span{background: #fff200}
.link-floor>a:nth-child(5n+2)>span{background: #bdd73c}
.link-floor>a:nth-child(5n+3)>span{background: #25aae1}
.link-floor>a:nth-child(5n+4)>span{background: #d91b5c}
.link-floor>a:nth-child(5n+5)>span{background: #ef519e}
@media (max-width: 992px){
	.link-floor{text-align: center; display: block; margin-top: 10px;}
}


.blue-tab{border-left:4px solid #455560;}
.title-floor{ color: #596b78; font-family: 'roboto'; font-size: 19px; margin-top: 20px}
.title-floor span{display: block;font-weight:900!important;	}
.title-floor span:nth-child(1){position: relative; /*padding-left:35px;*/}
.title-floor span:nth-child(2){font-size: 15px;}
.title-floor b{
	position: absolute; font-size: 54px; bottom: 0; left: 0; 
	height: 45px; line-height: 45px; 
	transform:scale(1.1,1);
}
@media (max-width: 992px){
	.title-floor{text-align: center;padding: 0}
	.title-floor b{clear: right; position: relative; display: block;}
	.title-floor span{display:inline;!important}
	.title-floor span.pl130{padding: 0!important}
}


.brand-grids{margin: 40px -24px 0 0; padding: 0; list-style: none;}
.brand-grids:after{content: ""; clear: both; display: block; }
.brand-grids li{margin: 0 10px 25px 0; padding: 0; float:left; width: 140px;}
.brand-grids a{display: block; border: 2px solid #ccc; height: 120px; text-align: center;}
.brand-grids .no-img a{
	/*background: url('../images/shop-default.jpg') center center no-repeat; border-color: #455560!important;*/
	background-size:  100% auto; 
	position: relative;
}
.brand-grids .no-img a .name-label{
	position: absolute;
	text-align: center;
	width: 100%;
	top:50%; left: 0;
	-ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
}
.brand-grids li img{
	position: relative; top:50%;
	-ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
	max-width: 80%;
	max-height: 80%;
}
.brand-grids li p{
	font-family: 'dba'; font-size: 20px; margin: 5px 0 0 0;
	overflow:hidden;white-space:nowrap;  text-overflow:ellipsis; display: block;
}
.brand-grids li .loc{ 
	background: url('../images/bg-price-tag.png') no-repeat left center;
	height: 30px; line-height: 30px; font-size: 11px; padding-left: 10px;
	color: #2b2b2a;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.brand-grids li:nth-child(5n+1)>a{border-color: #fff200}
.brand-grids li:nth-child(5n+2)>a{border-color: #bdd73c}
.brand-grids li:nth-child(5n+3)>a{border-color: #25aae1}
.brand-grids li:nth-child(5n+4)>a{border-color: #d91b5c}
.brand-grids li:nth-child(5n+5)>a{border-color: #ef519e}


.brand-grids li.no-img .loc{background: url('../images/bg-price-tag.png')!important}
.brand-grids li:hover:nth-child(5n+1) .loc{background: url('../images/bg-price-tag-yel.png')}
.brand-grids li:hover:nth-child(5n+2) .loc{background: url('../images/bg-price-tag-gre.png')}
.brand-grids li:hover:nth-child(5n+3) .loc{background: url('../images/bg-price-tag-blu.png')}
.brand-grids li:hover:nth-child(5n+4) .loc{background: url('../images/bg-price-tag-red.png')}
.brand-grids li:hover:nth-child(5n+5) .loc{background: url('../images/bg-price-tag-pin.png')}


.sq-logo{display: block; border: 2px solid #ccc; height: 118px;width: 138px; text-align: center; margin: auto}
.sq-logo img{
	position: relative; top:50%; 
	-ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
	max-height: 80%;
    max-width: 80%;
}


/*Shop Detail*/
.wrapper-button-tab{height: 38px;}
.wrapper-button-tab a{
	display: inline-block; width: 50%; text-align: center; font-family: 'roboto'; font-weight: bold;
	background: #596b78; line-height: 38px; color: #fff;
}
.wrapper-button-tab a:hover,
.wrapper-button-tab a.active{background: #fff200; line-height: 38px; color: #596b78;}

.wrapper-content-tab .content-tab{display: none;}
.wrapper-content-tab .content-tab.active{display: block;}
.wrapper-content-tab .content-tab .bx-viewport img{margin: auto; max-height: 380px}
@media (max-width: 380px){
	.wrapper-content-tab .content-tab .bx-viewport img{max-height: 250px;}
}

.child-close-center>*{padding: 0}
.child-close-center>div:first-child{padding-left: 15px!important}
.child-close-center>div:last-child{padding-right: 15px!important}

.shop-floor-map{
	border: 3px solid #4a585c; 
	border-radius:2px; 
	text-align: center;
	height: 380px; 
	display: block;
	overflow: auto;
	/* padding: 20px; Add 2022 */ 
	position: relative;
}
.shop-floor-map img{ 
	width: 100%; /* Add 2022 */
	max-height: 100%;  max-width: 100%; margin: auto;  
	position: relative; top:50%;
	-ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
	}



.shop-detail-txt{
	padding: 20px; font-family: 'dba'; font-size: 26px; color: #fff;
	background: url('../images/fuji-bg.jpg')center center;
	background-size: 100% auto  ; 
	height: 380px; overflow: auto; font-size: 19px; line-height: 25px;
}
@media (max-width: 992px){
	.child-close-center>*{padding-left: 15px; padding-right: 15px;}
	.shop-floor-map{ height: 340px}
	.shop-detail-txt{ height: 340px;}
}

/*Event*/
.calendar-sec{position: relative; }
.calendar-sec .wrapper-group{position: relative;margin-top: 60px;}
.calendar-sec .wrapper-group:before{
	position: absolute; background: url('../images/ear-calendar.png');
	width:55px; height:74px; top:-42px; left:48px; content: ""; z-index: 100;
}
.calendar-sec .wrapper-group:after{
	position: absolute; background: url('../images/ear-calendar.png');
	width:55px; height:74px; top:-42px; right:48px; content: ""; z-index: 100;
}

.calendar-sec .wrapper-group .content{border-radius: 30px 30px 0 0; padding: 60px 5px 0 5px; display: block;}
.calendar-sec .wrapper-group .content{background: #25aae1;}
.calendar-sec .wrapper-group .content:before{content: ""}
.calendar-sec .wrapper-group .content div.item p{min-height: auto}
.calendar-sec .wrapper-filter-btn{margin: 10px;padding:  0  0 0 50px;}
.calendar-sec .wrapper-filter-btn a{
	width: 34px; height: 34px;
	border-radius: 50%; border:#217fa6 1px solid; font-weight: bold;
	font-family: 'quark'; line-height: 34px; text-align: center;
	background: #fff; font-size: 10px; float: left; 
	margin: 0 4px 4px 0; cursor: pointer;
}
.calendar-sec .wrapper-filter-btn a:first-child{ 
	position: absolute; left: 10px;
	line-height:12px; padding-top:6px; 
	color: #fff!important; background: #333!important; border-color: #333;
}
.calendar-sec .wrapper-filter-btn a:hover,
.calendar-sec .wrapper-filter-btn a.active{ background: #fff200; color: #000;}
.calendar-sec .news-head{position: relative; padding-bottom: 40px;font-family: 'quark';}
.calendar-sec .news-head .title{margin: 0 5px; font-size: 21px; color: #fff; font-weight: bold;}
.calendar-sec .news-head span{position: absolute; bottom:  10px; font-size: 11px; font-weight: bold;}
.calendar-sec .news-head span.num-left{left: 5px}
.calendar-sec .news-head span.num-right{right: 5px;}


.detail .title{ font-size: 25px; line-height: 20px; font-family: 'dba'; padding: 10px 0; display: block;}
.detail .date{ 
	background: url('../images/bg-price-tag.png') no-repeat left center;
	height: 30px; line-height: 30px; font-size: 11px; padding-left: 10px;
	color: #2b2b2a; 
}
.detail .text{font-family: 'dba'; font-size: 19px; line-height: 18px; margin: 10px 0}

.event-list{margin: 20px 0; }
.event-list .item{margin: 0 0 20px 0;}
.event-page{margin-bottom: 30px;}
.event-page .event-one{
	position: relative; margin-top: 20px;
	background: #25aae1;min-height: 100px;
	padding:20px 8px 10px 8px;
	border-radius: 8px 8px 0 0;
}
.event-page .event-one:before{
	position: absolute; background: url('../images/ear-calendar.png') no-repeat center center; background-size: auto 100% ;
	width:25px; height:30px; top:-14px; left:20px; content: ""; z-index: 100;
}
.event-page .event-one:after{
	position: absolute; background: url('../images/ear-calendar.png') no-repeat center center;background-size: auto 100% ;
	width:25px; height:30px; top:-14px; right:20px; content: ""; z-index: 100;
}
.recent-list{margin: 20px 0 0 0;}
.recent-list .item{margin-bottom: 20px;}
.recent-list .item img.img-responsive{ width: 100%;}

.promo-list{margin-top: 15px;}
.promo-list .item{background: #bdd73c; margin-bottom: 20px;}
.promo-list .item:after{content: ""; clear: both; display: block;}
.promo-list .item>*{float:left; }
.promo-list .thumb{width: 40%;}
.promo-list .detail{width: 60%; font-family: 'dba';}
.promo-list .detail .title{ 
	height: 76px; padding: 10px  39% 0 10px ;  
	background: url('../images/tag-bg.png') no-repeat top right/ 39% auto;
}
.promo-list .detail .date{ 
	background: url('../images/bg-price-tag.png') no-repeat left center;
	height: 30px; line-height: 30px; font-size: 11px; padding-left: 10px;
	margin:-10px 0 0 5px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.promo-list .detail .txt{padding: 10px; font-size: 19px; line-height: 19px; max-height: 67px; overflow: hidden;}
@media (max-width: 500px){
	.promo-list .item>*{float:none; }
	.promo-list .thumb{width: 100%;}
	.promo-list .detail{width: 100%; padding-top: 10px; }
	.promo-list .detail .txt{max-height:none;}
}
.promotion-page .wrapper-group .content{display: block; padding: 8px}
.promotion-page .wrapper-group .content{background: #25aae1;}
.promotion-page .wrapper-group .content div.item p{min-height: auto}

.promotion-page .head-detail{ background: #bdd73c;padding: 0 0 10px 10px ; }
.promotion-page .head-detail .title{
	min-height: 85px;  padding: 10px 25% 0 10px;  font-size: 19px;
	background:  url('../images/tag-bg.png') no-repeat top right/ 25% auto;
	
}
.promotion-page .head-detail .date{ 
	background: url('../images/bg-price-tag.png') no-repeat left center;
	height: 30px; line-height: 30px; font-size: 11px; padding-left: 10px;
	margin:0 0 0 5px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fck{ font-family: 'dba'; font-size: 19px; line-height: 20px}
.fck p{font-weight: bold; margin: 15px 0 0 0; font-size: 22px}

.htg{ padding-left: 40px; background: no-repeat; font-family: 'dba'; font-size: 19px;line-height: 16px; min-height: 60px}
.htg span{font-size: 30px;line-height: 20px}
.htg.i-bts{ background-image: url('../images/icon-bts.png')}
.htg.i-mrt{ background-image: url('../images/icon-mrt.png')}
.htg.i-bus{ background-image: url('../images/icon-bus-station.png')}

.banner-page {height: 250px; overflow: hidden;}
.banner-page .slides{list-style: none; padding: 0; margin: 0}
.banner-page .slides li{width: 100%; top:0; left: 0}
.banner-page .slides li img{width: 100%;  }
@media (max-width: 1200px){ 
	.banner-page {height:auto}
}
.floor_plan{position: relative;}
.point{
	position: absolute;
	width: 1px; height: 1px;
}
.nav_loc{
	position: relative;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 4px 4px -4px #000;
	margin: 35px 0 -5px 0;
	z-index: 10;
	display: none;
}

@media (max-width: 750px){
	.nav_loc{display: block;}
}
.nav_loc .wrapper {
    position: relative;
    z-index: 1;
    height: 50px;
    width: 100%;
    overflow: hidden;
    -ms-touch-action: none;
}
.nav_loc .scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 2400px;
    height: 50px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.scroller ul {list-style: none; width: 100%; padding: 0; margin: 0;}
.scroller li {
    width: 120px;
    height: 50px;
    float: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #EEEFF1;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.nav_loc .scroller li:after{
	position: absolute; top:0; left: 0;
	width: 100%; height: 100%;
	content: "";
} 
.nav_loc .scroller li img{
	position: relative; top:50%;
	-ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
	transform: translate(0, -50%);
	max-width: 80%;
	max-height: 80%;
}
.nav_loc .scroller li .loc-num{
	line-height: 50px; 
}
.tip-det{ text-align: center;}
.tip-det:after{
	content: ""; position: absolute; width: 100%; height: 15px;
	background: #282828; bottom:-10px;
	left: 0;
}
.tip-det img{width: 100px; height: auto;}
.tip-det p{ margin: 5px 0 -10px 0;  position: relative; z-index: 10; text-align: left;}

.event-detail-nested{background: #fff; position: relative;}
.event-detail{padding: 0px;}
.swiper-container-horizontal > .swiper-pagination{
	bottom: none; top:20px;
}
.alert-text{ text-align: center;  color: #475963}
.txt-status{
	color: #455560;
    font-family: "dba";
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}
.txt-status a{font-weight: normal; font-size: 16px;  color: #105E7D; display: block;}

#contact-page{ margin-bottom: 40px;}
#contact-page .contact-form{font-family: 'dba'; color: #455560; font-size: 16px;}
#contact-page .form-control{font-size: 20px;}
#contact-page .g-recaptcha>div>div{float: right;}





.career-form{
	font-family: 'dba'; color: #455560; font-size: 16px;
	padding: 30px 60px;
}
.career-form .form-control{font-size: 20px;}
.career-form .form-group{margin: 0;}
.career-form .control-label{ padding: 0;}
.help-block{margin:  2px ; height: 15px; font-size: 15px;}
.help-block ul{margin: 0;}
.career-form .clear{clear: both; display: block; content: "";}
.career-form h2{color: #455560; font-size: 30px; font-weight: bold; border-bottom: 2px solid #455560;margin: 20px -15px; text-transform: uppercase;}
.career-form h3{clear: both; background:#D9D9D9; padding: 5px 15px; color: #455560; margin-top: 10px; }
.career-form .wrp-rd>div{ display: inline-block; margin: 0 0 0 10px;}
.career-form .sk-en>label{min-width: 207px; text-align: left;}
.career-form .no-label{margin: 27px 0 0 0;}
.career-form .mt-20{margin-top: 20px}
.career-form .wrp-btn{
	margin: 20px -15px ; text-align: center;
	padding: 20px 0;
	border-top: 2px solid #455560;
}
.career-form .sc-btn{ min-width: 200px; font-size: 18px;}
.career-form .upimg{
	margin: auto; text-align: center; 
	font-size: 50px; background: #ccc;
	padding: 30px 0px; width: 100px; height: 110px;
	position: relative;
}
.career-form .upimg.act .glyphicon{
	display: none;
}
.career-form .upimg .js-browse{
	position: absolute; overflow: hidden;
	display: inline-block;
	width: 100px; height: 110px;
	right: 0; top:0;
}
.career-form .upimg  input {
    cursor: pointer;opacity: 0;
    position: absolute;
    right:0px;top: 0px;
    z-index: 2;
    background: blue;
    width: 100%; height: 100%;
}
.career-form .upimg  .js-upload{
	position: absolute; 
	right:0px; left:0px; 
	height: 110px; top: 0; 
}
.career-form .upimg  .js-upload .progress {
    position: absolute;
    right: 0px; left: 0px;
    top: 0;height: 110px; 
    margin: 0;
    background: #dce6e8;
    border-radius: 0px;

}
.career-form .upimg  .js-upload .progress .js-progress {
    bottom: 0; top: 0;left: 0;
    position: absolute; width: 10%;
    border-radius: 0px;
    background-color: #455560;
}



.career-form .group{clear: both;position: relative;}
.career-form .group:after{clear: both; display: block; content: ""}
.career-form .group .i-btn{
	position: absolute; width: 20px; height: 20px;font-size: 30px; font-weight: bold; top:-38px;
	background: #455560;  color: #fff; text-align: center; border-radius: 20%;
	cursor: pointer;
}
.career-form .group .i-btn:hover{background: #566976;}
.career-form .group .add{ right: 25px;line-height: 16px;}
.career-form .group .sub{ right:0px; line-height: 17px;}
.career-form .group .st1.add{}
.career-form .group .st1.sub{}
.career-form .group .st2.add{right: 35px;}
.career-form .group .st2.sub{right:10px;}
.career-form .group .st3.add{top: 35px;}
.career-form .group .st3.sub{top: 35px}


@media (max-width: 1200px){
	.career-form .sk-en>label{min-width: 167px;}
}
@media (max-width: 992px){
	.career-form .sk-en>label{min-width: 123px;}
	.career-form .no-label{margin: 0px 0 10px 0;}
	.career-form{padding: 30px 0}
	.career-form .group .st3.add{top: 90px;}
	.career-form .group .st3.sub{top: 90px}
}
/*
.g-recaptcha{min-height: 80px}
.career-form{font-family: 'dba'; color: #455560; font-size: 16px; padding: 20px 0 ; }
.career-form:after{content: ""; display: block; clear: both;}
.career-form input[type="file"]{ font-size: 13px; margin-top: 10px;}
.career-form .g-recaptcha>div>div{float: right; }
.career-form .form-control{font-size: 20px;}
.career-form button{min-width:200px;}
@media (max-width: 992px){
	#contact-page  form{margin-bottom: 20px}
}*/

#shop-page .slides{ margin-top:20px; margin-bottom:20px;}
#popup-status {color:#455560;}
#popup-status .modal-header{border: 0!important}
#popup-status .popup-status{ 
	text-align: center; border-radius: 5px;  
}
#popup-status .popup-status h3{font-weight: normal; font-size: 19px; margin: 10px 0}
#popup-status .modal-footer button{ padding: 4px 50px}
/*Customer service*/
.wrp-customer-detail{
	background: url('../images/cts_head_bg.png') no-repeat top center;
	background-size: 100% auto; margin: 100px 0 50px 0;
}
.wrp-customer-detail:after{clear: both; display: block; content: ""}
.wrp-customer-detail .pvl-img{ margin: -50px 0 0 0}
.wrp-customer-detail .pvl-img2{ margin: -80px 0 0 0}
.wrp-customer-detail .pvl-txt{margin-top: 40px;}
.wrp-customer-detail .pvl-txt>p:nth-child(1){ font-size: 33px;}
.wrp-customer-detail .pvl-txt>p:nth-child(1) span{font-size: 19px; display: block; color: #455560;}
.wrp-customer-detail .pvl-txt>p:nth-child(2){font-size: 20px;}
.wrp-customer-detail .pvl-txt>p:nth-child(2) span{font-size: 12px; display: block; color: #455560;}

.wrp-customer-detail .wifi-img{margin: -50px 40px 0 160px ;}
.wrp-customer-detail .wifi-txt>p:nth-child(1){ font-size: 22px;}
.wrp-customer-detail .wifi-txt>p:nth-child(1) span{font-size: 13px; display: block; color: #455560;}
.wrp-customer-detail .wifi-txt>p:nth-child(2){font-size: 20px;}
.wrp-customer-detail .wifi-txt>p:nth-child(2) span{font-size: 12px; display: block; color: #455560;}
.wrp-customer-detail .ct2{padding: 10px 0  10px 0px; text-align: center;}
.wrp-customer-detail .ct2>*{display: inline-block;vertical-align: middle;float: none;}
.wrp-customer-detail .ct2 .txt{font-size: 12px; margin-left: 20px; text-align: left; width: 200px}
.wrp-customer-detail .ct2 .txt p{font-size: 20px; margin: 0; text-transform: uppercase;}
@media (max-width: 992px){
	.wrp-customer-detail .pvl-img{margin: -50px auto 0 auto;}
	.wrp-customer-detail .pvl-img2{ margin: -80px auto 0 auto;}
	.wrp-customer-detail .pvl-txt{margin: -50px 0 0 0; text-align: center;}
	.wrp-customer-detail .wifi-img{margin: -50px auto 0 auto;}
}
@media (max-width: 768px){
	.wrp-customer-detail .wifi-img{margin-top: 0;}
	.wrp-customer-detail .wifi-txt{text-align: center; margin-top: 20px;}
	.wrp-customer-detail .ct2 .txt{text-align: center;}
}
.wrp-customer-detail .wrp-floor{text-align: center;  }
.wrp-customer-detail .brand-grids{margin: 40px 0 0 0; padding: 0 55px;}
.wrp-customer-detail .brand-grids li {margin: 0 5px 25px 5px}
.wrp-customer-detail .brand-grids li .detail{ height: 60px; margin: 15px 0 0 0; overflow: hidden;}
@media (max-width:1200px){
	.wrp-customer-detail .brand-grids{padding: 0 120px;}
}
@media (max-width: 992px){
	.wrp-customer-detail .brand-grids{padding: 0 35px;}
}
@media (max-width: 768px){
	.wrp-customer-detail .brand-grids{padding: 0 0px;}
}
/*
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+1) .loc{background: url('../images/bg-price-tag-yel.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+2) .loc{background: url('../images/bg-price-tag-gre.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+3) .loc{background: url('../images/bg-price-tag-blu.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+4) .loc{background: url('../images/bg-price-tag-red.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+5) .loc{background: url('../images/bg-price-tag-pin.png')}
*/
.sha-dis{margin-top: 10px;}
.sha-dis td{padding: 3px;}
.wrp-emag-detail .detail{ margin-bottom: 20px}
.wrp-emag-detail .detail h3{font-weight: normal;font-size: 18px;}
.wrp-emag-detail .detail .sha-dis{margin: 10px 0 80px 0;}
.wrp-emag-detail .detail .date{ 
	background: url('../images/bg-price-tag.png') no-repeat left center;
	height: 30px; line-height: 30px; font-size: 12px; padding-left: 20px;
	color: #2b2b2a; 
}
.wrp-emag-detail .detail .download{
	display: block; padding-left: 30px;
	background: url('../images/icon-pdf.jpg') no-repeat center left;
	line-height: 13px; 
}
.wrp-emag-detail .detail .download span{ font-size: 11px;}
.wrp-emag-detail .slides{list-style: none; padding: 0;}
.wrp-emag-detail .slides li{padding: 0 2.5px!important; margin-bottom: 5px;}
.wrp-emag-detail .slides li img{width: 100%; cursor: pointer;}
.wrp-emag-detail .big{position: relative;}
.wrp-emag-detail .big:before{
	content: "";
	position: absolute; width: 100%; height: 100%; top:0; left: 0;
	background: rgba(255,255,255,0.9) url('../images/bx_loader.gif') no-repeat center center; opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.wrp-emag-detail .big.loading:before{opacity: 1; min-height: 200px}
.wrp-emag-detail .big img{width: 100%}
@media (max-width: 768px){
	.wrp-emag-detail .detail .sha-dis{margin-bottom:20px;}
	.wrp-emag-detail .slider{margin-bottom: 20px;}
}

.swiper-container{/*padding: 40px 30px;*/}
.modal.fade.modal-fullscreen .modal-content>.container{
	height: 100%;
	background: #fff;
}
.catalog-app{background: #fff!important}
.swiper-slide{ max-width: 1070px; margin: 0 ; padding: 40px; max-width: 100%; }
.swiper-pagination-clickable{height: 100px; }

.alert.alert-success {
	margin: 0 auto;
	padding: 16px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 9999;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,0.5);
	color: inherit;
}
.body {
	padding-top: 228px;
}
@media screen and (max-width: 1110px) {
	.body {
		padding-top: 238px;
	}
}
@media screen and (max-width: 993px) {
	.body {
		padding-top: 288px;
	}
}
header {
	position: fixed;
	z-index: 1024;
	/* z-index: 10000000; */
	top: 0;
	background: url('https://www.terminal21.co.th/asok/includes/images/top-line-rainbow.png') #fff repeat-x top left;
	width: inherit;
	padding-right: 15px;
}
.footer .row > div:nth-child(2) a:last-child { width: 21%; }
.footer .row > div:nth-child(2) a { text-align: center; }

.banner_sticky {
	z-index: 10001;
	display: block;
	color: #000;
	position: fixed;
	right: .5%;
	top: 38vh;
	width: 300px;
	opacity: 0;
	pointer-events: none;
	transition: all .5s ease-in-out
}

@media screen and (max-width:1150px) {
	.banner_sticky {
		width: 25%
	}
}

@media screen and (max-width:1025px) {
	.banner_sticky {
		width: 35%
	}
}

@media screen and (max-width:767px) {
	footer .subscribe .wpcf7 form {
		left: -25px;
		margin: auto
	}

	.banner_sticky {
		width: 70%;
		right: -10%;
		transform: scale(.7)
	}
}

.banner_sticky.active {
	opacity: 1;
	pointer-events: unset;
	transition: all .5s ease-in-out
}

.banner_sticky .close {
	position: relative;
	right: 5%;
	max-width: 30px;
	z-index: 1;
	opacity: 1
}

.banner_sticky .close img {
	height: auto;
	max-width: 100%;
}

.banner_sticky .sticky_content {
	width: 100%;
	height: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	position: relative
}

.banner_sticky .sticky_content .wrp-link {
	position: absolute;
	bottom: 40%;
	right: 18%;
	transform: scale(1);
	display: inline-block
}

@media screen and (min-width:1491px) {
	.banner_sticky .sticky_content .wrp-link {
		right: 20%
	}
}

@media screen and (max-width:1490px) {
	.banner_sticky .sticky_content .wrp-link {
		right: 18%
	}
}

@media screen and (max-width:1441px) {
	.banner_sticky .sticky_content .wrp-link {
		right: 18%
	}
}

@media screen and (max-width:1281px) {
	.banner_sticky .sticky_content .wrp-link {
		right: 20%
	}
}

@media screen and (max-width:1025px) {
	.banner_sticky .sticky_content .wrp-link {
		right: 18%;
		/* transform: scale(.75) */
	}
}

@media screen and (max-width:767px) {
	.banner_sticky .sticky_content .wrp-link {
		right: 19%;
		/* transform: scale(.8) */
	}
}

.banner_sticky .sticky_content .wrp-link .link-btn-text {
	text-align: center;
	margin-bottom: 10px
}

.banner_sticky .sticky_content .wrp-link .link-btn-text a {
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 85%;
	font-family: 'dba';
	font-size: 24px;
	color: #fff;
	text-align: center;
	background-color: #93c36f;
	border-radius: 10px;
	padding: 2px 6px;
	box-sizing: unset !important
}

.banner_sticky .sticky_content .wrp-link .link-btn-text a img {
	max-width: 30px;
	margin-right: 10px
}

.banner_sticky .sticky_content .wrp-link .link-btn {
	display: inline-block;
	text-align: center;
	padding: 0 10px;
}

.banner_sticky .sticky_content .wrp-link .link-btn a {
	display: inline-block;
}

.banner_sticky .sticky_content .wrp-link .link-btn img {
	max-width: 30px;
	border-radius: 50%;
}