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

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

@font-face {
  font-family: 'dba';
  src: url('https://www.terminal21.co.th/asok/includes/fonts/db-helvethaica-x-li.eot');
  src: url('https://www.terminal21.co.th/asok/includes/fonts/db-helvethaica-x-li.eot') format('embedded-opentype'),
       url('https://www.terminal21.co.th/asok/includes/fonts/db-helvethaica-x-li.woff') format('woff'),
       url('https://www.terminal21.co.th/asok/includes/fonts/db-helvethaica-x-li.ttf') format('truetype'),
       url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/top-line-rainbow.png') repeat-x top left;
position: relative; min-height: 100%; padding:5px 10px;
}
#main-wrapper:before{
content: ""; background: url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/tag-label-left.png');
}
.title-tag.hr{text-align: left;}
.title-tag.hr span:before{
right:-22px; background:  url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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: 150px; 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 > a{margin: 0; color: #000!important; height: 50px;  padding-left: 6px; padding-right: 6px;}
.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}

.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('https://www.terminal21.co.th/asok/includes/images/lan-th-0.png')}
.btn-lan >a:nth-child(3){background-image: url('https://www.terminal21.co.th/asok/includes/images/lan-en-0.png')}
.btn-lan >a:nth-child(5){background-image: url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/lan-th-1.png')}
.btn-lan >a:nth-child(3):hover,
.btn-lan >a:nth-child(3).active{background-image: url('https://www.terminal21.co.th/asok/includes/images/lan-en-1.png')}
.btn-lan >a:nth-child(5):hover,
.btn-lan >a:nth-child(5).active{background-image: url('https://www.terminal21.co.th/asok/includes/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: 16.66%;}
.navbar-nav > li:nth-child(2){width: 16.66%;}
.navbar-nav > li:nth-child(3){width: 15.5%;}
.navbar-nav > li:nth-child(4){width: 20%;}
.navbar-nav > li:nth-child(5){width: 15%;}
.navbar-nav > li:nth-child(6){width: 16%;}
.navbar-nav > li:nth-child(7){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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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: 37px;}
.footer .wrp-logo a:nth-child(4) img{height: 16px;}

@media (max-width: 1200px){
.footer .wrp-logo a img{
  height: 30px;
}
.footer .wrp-logo a:nth-child(4) 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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/bg-title-page-ct.png');*/
min-width: 240px;
padding-right: 20px;
background-position: top right;
background-image:  url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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: 20px;}
.content-fck h4{ margin: 0 0 10px 0;  font-size: 36px; text-transform: uppercase; padding: 5px 20px; background: #f6f7f8}
.content-fck ul{margin-left: 20px}
.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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/bg-price-tag.png')!important}
.brand-grids li:hover:nth-child(5n+1) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-yel.png')}
.brand-grids li:hover:nth-child(5n+2) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-gre.png')}
.brand-grids li:hover:nth-child(5n+3) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-blu.png')}
.brand-grids li:hover:nth-child(5n+4) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-red.png')}
.brand-grids li:hover:nth-child(5n+5) .loc{background: url('https://www.terminal21.co.th/asok/includes/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;
position: relative;
}
.shop-floor-map img{
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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/tag-bg.png') no-repeat top right/ 39% auto;
}
.promo-list .detail .date{
background: url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/tag-bg.png') no-repeat top right/ 25% auto;

}
.promotion-page .head-detail .date{
background: url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/icon-bts.png')}
.htg.i-mrt{ background-image: url('https://www.terminal21.co.th/asok/includes/images/icon-mrt.png')}
.htg.i-bus{ background-image: url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-yel.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+2) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-gre.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+3) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-blu.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+4) .loc{background: url('https://www.terminal21.co.th/asok/includes/images/bg-price-tag-red.png')}
.wrp-customer-detail .brand-grids li:hover:nth-child(5n+5) .loc{background: url('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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('https://www.terminal21.co.th/asok/includes/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; }