@charset "utf-8";
@import url(reset.css);
@import url(fontface.css);*{outline:0;}
.navbar-brand {
    padding: 20px 15px;
}
.line-over
{
    max-width:100%; float:left; position:absolute; top:-12px;
    }
.owl-theme .owl-controls .owl-page span
{
    background:rgba(133,177,73,1)!important;
    }
body{background:#003167;}
p, div, ul, ol, li{position:relative;}
a{color:#fff;text-decoration:none;}
a:hover,a:focus{color:#fff;text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;height:0;line-height:0;font-size:0;}
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hide{position:absolute;left:-9998px;}
label, input, .block{display:block;}
.visibleDesktop{display:block;}
.visibleMobile{display:none;}
.center{text-align:center;}

#content-banner{float:left;background:#003167;width:100%;position:relative;}
.title-banner{color:#fff;font-size:50px;font-family: 'db_helvethaica_x63_medext';text-align:center;top:100px;}
.subtitle-banner{color:#fff;font-size:32px;font-family: 'DB_Komol_X_Demi';text-align:center;top:120px;}

.boxTitle{margin-bottom:50px;}

.title-en{font-size:28px;font-family:Akzidenz Grotesk Medium;text-align:center;color:#EE6521;}

.title{font-size:40px;font-family:db_helvethaica_x63_medext;text-align:center;color:#003167; line-height:30px;}

.subtitle{    font-size: 22px;
    font-family: db_komol_x_demi;
    text-align: center;
    color: #003167;
    line-height: 1.25;}

.subsubtitle{font-size:20px;font-family:Akzidenz Grotesk Regular;text-align:center;color:#fff; line-height:22px;}
.line-blue{width:100%;background:url(../img/skin/line_blue.png) repeat-x;height:21px;float:left;}
.line-red{width:100%;background:url(../img/skin/line.png) repeat-x;height:21px;float:left;}
.line-green{width:100%;background:url(../img/skin/line_green.png) repeat-x;height:21px;float:left;}
.btn_dark{/*background-color:#303030;*/font-size:20px;font-family:DB Helvethaica X Extended;color:#fff;display:inline-block;cursor:pointer; float:left;}
.btn_dark:hover{color:#fff;}
.btn-red{background-color:#EE6521; margin:10px; padding:10px 20px;font-size:25px;font-family:DB Helvethaica X Extended;color:#fff;display:inline-block;cursor:pointer;}
.btn-red:hover{color:#fff;text-decoration:none;}
.btn-icon i{margin-right:15px;position:relative;top:7px;}
.mobileHide{display:block;}
.mobileShow{display:none;}
.mobileHide-xs{display:block;}
.mobileShow-xs{display:none;}
.btnClickShow{display:none;width:100%;text-align:center;}

#header{    background: rgba(133, 171, 73,1);
    float: left;
    width: 100%;}
.container-banner{width: 100%;position: relative; float:left;border-bottom:1px solid #0c4b80;}

.logo{text-align:center;padding:25px 0 20px 0;}
.lineHead{width:100%;border-bottom:#9d9d9d 1px solid;height:1px;float:left;}
.boxNavigation{width:100%;display:table;}
.navbar-header{z-index:1;}
.navbar-nav{float:none;display:inline-block;margin-left:-165px;}
.navbar-nav a{color:#666;display:block;font-family:'DB Helvethaica X Extended';font-size:20px;text-transform:uppercase}
.nav>li>a:focus, .nav>li>a:hover{background:none;}
.navbar-nav>li>a{padding-top:35px;padding-bottom:30px;padding-left:10px;padding-right:10px;color:#0c4b80!important;}
.navbar-nav>li>a:hover{color:#ffffff!important;}
.navbar-inverse .navbar-nav>.active>a{background:none;}
.navbar-inverse{background:none;border:none;}
.navbar-fixed-top{background:rgba(133,177,73,1);box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.navbar{min-height:90px;margin-bottom:0px;}
.navbar-toggle{margin-top:26px;margin-bottom:26px;}
.navbar-collapse.collapse{text-align:center;}
.navbar-collapse{padding-right:0px;padding-left:0px;}
.navbar-right .active{color:#666 !important;}
.navbar-right a{font-family:'DB Helvethaica X Extended';font-size:19px;}
.lineGap{padding-top:35px;padding-bottom:30px;}
.navbar-inverse .navbar-nav.navbar-right>li>a{color:#0c4b80!important;}
.navbar-right .openShare{color:#666!important;}
.openShare{cursor:pointer;}
.boxShare{    background-color: #fff;
    position: absolute;
    top: 23px;
    right: 75px;
    width: 242px;
    padding: 10px 10px 10px 0;
    border-radius: 5px;
    display: none;}
.btnShare{float:right;width:auto;margin-left:10px;display:inline-block;position:relative;}
.btnShare a{font-size:18px;color:#fff;padding:2px 10px;border-radius:3px;cursor:pointer;}
.btnShare a i{font-size:15px;position:relative;top:1px;margin-right:10px;}
.shareFB a{background-color:#3e69c2;}
.shareTW a{background-color:#00e4ff;}
.list_carousel{width:100%;}
.list_carousel ul{margin:0;padding:0;list-style:none;display:block;}
.list_carousel li{font-size:40px;color:#999;text-align:center;width:100%;height:auto;padding:0;display:block;float:left;}
.list_carousel li img{max-width:100%;margin:0px;padding:0px;display:inline-block;position:relative;float:left}
.list_carousel.responsive{width:auto;margin-left:0;}
.clearfix{float:none;clear:both;}
.prev{float:left;margin-left:10px;}
.next{float:right;margin-right:10px;}
.pager{float:left;width:100%;text-align:center;position:absolute;bottom:40px;margin:0px;}
.pager a{margin:0 5px;text-decoration:none;width:10px;height:10px;border-radius:100%;text-indent:-999999px;background-color:rgba(255,255,255,.4);display:inline-block;transition:all .2s ease-in;}
.pager a:nth-of-type(1):hover,.pager a:nth-of-type(1).selected ,.pager a:nth-of-type(4):hover,.pager a:nth-of-type(4).selected,.pager a:nth-of-type(7):hover,.pager a:nth-of-type(7).selected{background-color:#ef3f3e;}
.pager a:nth-of-type(2):hover,.pager a:nth-of-type(2).selected ,.pager a:nth-of-type(5):hover,.pager a:nth-of-type(5).selected,.pager a:nth-of-type(8):hover,.pager a:nth-of-type(8).selected{background-color:#01b9b5;}
.pager a:nth-of-type(3):hover,.pager a:nth-of-type(3).selected ,.pager a:nth-of-type(6):hover,.pager a:nth-of-type(6).selected{background-color:#30a4dc;}
.timer{background-color:#999;height:6px;width:0px;}

.boxTextVisual{width:auto;height:125px;position:absolute;top:50%;left:12.5%;background-color:rgba(0,0,0,0.65);}

.boxTextVisual2{width:560px;height:200px;position:absolute;top:50%;margin-left:80px;background-color:rgba(201,89,55,0.9)}
.boxTextVisual-subscribe{width: 50%;height: auto;position: absolute;top: 35%;left: 25%;background-color: rgba(0, 0, 0, 0.75);color: #EE6521;font-family: db_komol_x_demi;padding: 1em 1em;}

.boxTextVisual:before{content:"";position:absolute;background:url(../img/skin/line.png) repeat-x;height:21px;width:100%;top:-21px;left:0;opacity:.9;}
.boxTextVisual2:before{content:"";position:absolute;background:url(../img/skin/line.png) repeat-x;height:21px;width:100%;top:-21px;left:0;opacity:.9;}

.boxLogo {
    width: 95px;
    height: 100%;
    float: left;
    position: relative;
    background:url('../img/emotional/line-box2.png') right center no-repeat;
}
.i-sansiri {
    background: url(../img/svg/LOGO-SANSIRI.svg) no-repeat left center;
    height: 50%;
}
.i-bts {
    background: url(../img/svg/LOGO-BTS.svg) no-repeat left center;
    height: 50%;
}
.textVisual{/*float:right; width:calc(100% - 132px);*/padding:20px;}

.textVisual {
    float: left;
    /*width:calc(100% - 132px);*/
    padding: 15px 20px 0 20px;
    height:125px;

}
.textVisual h1 {
    font-size: 26px;
    font-family: DB Helvethaica X Medium Extended, DB Helvethaica X Extended;
    color: #ffffff;
    text-align: left;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    margin: 0;
}
.textVisual span.th {
    font-size: 27px;
    font-family: DB Helvethaica X Medium Extended, DB Helvethaica X Extended;
    color: #ffffff;
    text-align: left;
    line-height: 1;
    margin-bottom: 15px;
}
.textVisual h2 {
    font-size: 22px;
    font-family:db_komol_x_demi;
    color: #ffffff;
    text-align: left;
    margin-top: 15px;
    line-height: 22px;
}
#boxVisual {
    position: relative;
    overflow: hidden;
}
#boxVisual .container-fluid {
    padding: 0px;
}
#boxVisual .line-blue {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}
.bgConcept{/*background:url(../img/skin/bg_concept.png) no-repeat top center;*/height:1050px;width:100%; background:#fff;}
.Concept_detail{position:relative;}

/* Update 13-10-2015 */
#boxConcept{ padding-top:50px; }
#boxConcept .container { padding-left:0px; padding-right:0px;width:100%;}
#boxConcept .title{ font-size:30px; color:#fff;}
#boxConcept .row {margin-left:0px; margin-right:0px;padding-left:0px; padding-right:0px;}
#boxConcept .picImg{ padding-left:0px !important; padding-right:0px !important;}
#boxConcept img{ width:100%;}
.bg-line{background:url(../img/line.jpg); background-size:1280px 24px; background-size:cover;}

#Facility{width:100%;padding-top:50px; position:relative; background-color:#fff;}
#Facility .container { padding-left:0px; padding-right:0px;width:100%;}
#Facility .row{margin-right:0px;margin-left:0px;}
#Facility .facList{  padding-left:0px; padding-right:0px; padding-bottom:44px;}

.facType{ width:100%; float:none;  }
.facType img{ width:100%; height:100%;}
.facType .Htype{ position:relative;  padding-left:0px; padding-right:0px;padding-bottom:0px; }
.facType .caption{ 
  background-color: rgba(0, 0, 0, 0.5);
  bottom:2px;
  color: #fff;
  padding:2%;
  position: absolute;
  width: 100%;
  text-align: center;
	}	
.facType h3{ font-family:"Akzidenz Grotesk Medium"; color:#fff; font-size:25px; line-height:35px; text-transform:uppercase;}
.facType h4{ font-family:"db_komol_x_demi"; color:#fff; font-size:35px; line-height:35px;}
.facType p{ font-family:"db_helvethaica_x"; font-size:20px; line-height:20px; padding-top:10px; padding-bottom:10px;}

#boxLocation2{background:#000; padding-top:50px; padding-bottom:50px;}
#boxLocation2 .title{color:#c85937; font-size:35px;}

#box2Orang {background:#c85937;padding-left:5%; padding-right:5%;}
#box2Orang .title{padding-top:20px; text-align:center; font-size:35px;}



/* Update 13-10-2015 */

.boxConcept_detail{/*background:url(../img/skin/bg_textconcept.png) bottom left no-repeat;*/width:100%;height:397px; margin:0 auto;text-align:center;}
.boxConcept_detail h1{font-size:38px;font-family:db_komol_x_demi;text-align:center;color:#fff;}
.boxConcept_detail h2{font-size:38px;font-family:db_komol_x_demi;text-align:center;color:#fff; line-height:100px;}
.boxConcept_detail h4{font-size:20px;font-family:db_komol_x_demi;text-align:center;color:#fff;}
.boxConcept_detail p{font-size:20px;font-family:db_helvethaica_x;text-align:center;color:#ffffff;}
.boxConcept_detail h3{font-size:26px;font-family:db_helvethaica_x_med;text-align:center;color:#575757;margin:10px 0;}
.boxConcept_detail .btn_dark{display:inline-block!important;margin-top:20px; text-decoration:underline;}
/*.ft_concept{background:url(../img/skin/ft_concept.png) top center no-repeat;height:313px;width:100%;float:left;}*/
.contentPopup h1, .contentPopup h2, .contentPopup h3, .contentPopup h4, .contentPopup p{text-align:left;}
.contentPopup h2{font-size:30px;margin-top:20px;}
.contentPopup h4{color:#575757;font-family:db_helvethaica_x;}
.eia_logo{display:block;text-align:center;margin-top:-130px;margin-bottom:20px;}
.boxPopup{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);top:0px;left:0px;z-index:1030;display:none;}
.boxPopupFac{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);top:0px;left:0px;z-index:1030;display:none;}
.boxContentPopup{background-color:#fff;padding:30px 30px 30px 30px;float:right;width:80%;height:100%;position:relative;transition:ease .5s}
.closePopup{position:relative;z-index:1;opacity:0.4;transition:ease 0.2s;cursor:pointer;padding-bottom:10px;float:left;}
.closePopup .icon-close{background:url(../img/skin/close.png) no-repeat;background-size:100%;width:15px;height:15px;margin:2px 10px 0 0;float:left;}
.closePopupFac{position:relative;z-index:1;opacity:0.4;transition:ease 0.2s;cursor:pointer;padding-bottom:10px;float:left;}
.closePopupFac .icon-close{background:url(../img/skin/close.png) no-repeat;background-size:100%;width:15px;height:15px;margin:2px 10px 0 0;float:left;}
.textClose{float:left;font-size:24px;font-family:db_komol_x_demi;color:#000;line-height:21px;}
.closePopup:hover{opacity:1;}
.tabPopup_box{float:left;width:100%;position:relative;padding:0 15px;margin-bottom:10px;}
.tabPopup{float:left;width:50%;text-align:center;padding:10px 0;background-color:#fdfcf8;border:3px solid #e4ddca;color:#000;font-family:db_komol_x_demi;font-size:24px;cursor:pointer;}
.tabPopup.this{background-color:#e4ddca;}
.contentPopup .tabPopup_box{padding:0px;}
.scrollPop{width:100%;float:left;}
.headTable{font-size:24px;font-family:DB Helvethaica X Extended;color:#000;border-bottom:1px solid #999;text-align:left;float:left;width:100%;margin-bottom:10px;}
.rowTable{font-size:20px;font-family:db_helvethaica_x;color:#000;border-bottom:1px solid #eee;text-align:left;float:left;width:100%;}
.colTwo,.colThree{text-align:center;}
#boxFacility{float:left;width:100%;padding:0px;}
.facility_group{margin-bottom:30px;}
.facility_list{margin-bottom:20px;}
.facilityIcon{float:left;width:80px;margin-right:10px;}
.fac_text{float:left;width:calc(100% - 90px);font-family:db_helvethaica_x;font-size:20px;color:#746e60;height:80px;display:flex;align-items:center;}
.list_img_facility{position:relative;padding:0px;}
.list_img_facility img{max-width:100%;float:left; }
.imgFacility{ background:#EE6521;}
.imgfac_des{position:relative;width:100%;}
.imgfac_des h2{font-size:36px;font-family:DB Helvethaica X Extended;color:#fff; padding:130px 0 0 78px;}
.imgfac_des p{font-size:20px;font-family:db_helvethaica_x;color:#fff;padding-left:78px; line-height:25px;}
#boxPlan{float:left;width:100%;padding:50px 0 80px;background-color:#fefcf8;}
#boxPlan .boxTitle{margin-bottom:0px;}
.boxPlanContent{float:left;width:100%;}
#unittype{margin-top:70px;}
#floorplan{margin-top:0px;}
.roomAllDetail{margin-top:20px;}
.roomImg{text-align:center;}
.roomImg img{max-width:100%;}
.roomBox{float:left;width:100%;}
.tabRoom{float:left;}
.btnRoom{float:left;margin-right:10px;background-color:#fefcf8;border:3px solid #e3ded0;padding:5px 15px;font-family:db_helvethaica_x;line-height:20px;font-size:20px;color:#575755;}
.btnRoom.this{background-color:#e3ded0;color:#000}
.roomContentBox{float:left;width:100%;}
.tabRoomType{float:left;width:100%;font-family:db_helvethaica_x;color:#a7a7a7;font-size:20px;line-height:20px;border-bottom:1px solid #e3ded0;padding:20px 0;}
.tabRoomType span{float:left;padding:0 10px;}
.btnRoomType{float:left;color:#a7a7a7;}
.btnRoomType.this{color:#000;}
.roomDetail{float:left;width:100%;}
.roomDetailBox{float:left;width:100%;margin:30px 0 0;}
.text_typeRoom{font-family:DB Helvethaica X Extended;color:#000;font-size:30px;line-height:24px;}
.size_typeRoom{font-family:db_helvethaica_x;color:#575755;font-size:24px;line-height:20px;}
.roomDetailBox ul{float:left;width:100%;margin-top:20px;}
.roomDetailBox ul li{float:left;width:100%;border-bottom:1px solid #e3ded0;font-family:db_helvethaica_x;color:#575755;font-size:20px;}
.roomDetailBox ul li .roomTitle{float:left;width:auto;}
.roomDetailBox ul li .roomNum{float:right;text-align:right;width:auto;}
.boxDownload{float:left;width:100%;margin-top:40px;}
.i-download{float:left;width:20px;height:20px;background:url(../img/skin/icon-download.png) no-repeat;}
.btnFloorplanBox{float:left;width:100%;font-family:db_helvethaica_x;color:#a7a7a7;font-size:20px;line-height:20px;padding:20px 0;text-align:center;}
.btnFloorplanBox span{float:none;padding:0 10px;}
.btnFloorplan{float:none;cursor:pointer;color:#a7a7a7;display:inline-block;}
.btnFloorplan.this{color:#000;}
.imgFloorplan{text-align:center;}
.imgFloorplan img{max-width:100%;}
#boxLocation{float:left;width:100%;padding:50px 0 0; background:rgba(12,75,128,1);}
#map{width:100%;height:500px;}
.boxMap{height:550px;position:relative;}
.boxMap:before{content:"";position:absolute;width:30px;height:30px;transform:rotate(45deg);/*background-color:#fff;*/left:50%;z-index:1;margin-left:-15px;top:-15px;}
.mapNav{background:rgba(12,75,128,1);float:left;width:100%;padding:20px 0;position:absolute;bottom:0px;}
.listmaplink{text-align:center;}
.maplink{display:inline-block;text-decoration:none;cursor:pointer;}
.maplink:hover{text-decoration:none;}
.maplink i{margin-right:5px;position:relative;top:3px;}
.maplink font{font-family:DB Helvethaica X Extended;color:#fff;font-size:24px;text-decoration:none;}
.icon-pins{margin-right:5px;top:2px;position:relative;}
#boxGallery{float:left;width:100%;padding-top:50px;}
#boxGallery .vdo{ 
    float:none; 
    padding-top:30px;	
    padding-left:8%; 
	padding-right:8%;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.cell{background-size:cover;background-position:center center}
#boxGallery .btn_dark{float:left;width:100%;}
.fancybox-nav span{top:50%;width:40px;height:70px;margin-top:-35px;opacity:0.5}
.fancybox-nav span:hover{opacity:1;}
.fancybox-prev span{background:url(../img/skin/arrow-left.png) center center no-repeat #000;left:0px;}
.fancybox-next span{background:url(../img/skin/arrow-right.png) center center no-repeat #000;right:0px;}
.fancybox-close{background:url(../img/skin/btn-close.png) no-repeat;top:0;right:0;width:70px;height:70px;}
#boxContact{float:left;width:100%;padding:50px 0 50px; background:#fff;}
.tabButton_box{float:left;width:100%;position:relative;padding:0 15px;margin-bottom:10px;}
.tabButton{float:left;width:50%;text-align:center;padding:10px 0;background-color:#EE6521;border:3px solid #EE6521;color:#000;font-family:db_komol_x_demi;font-size:24px;cursor:pointer;}
.tabButton.this{background-color:#fff;}
.formContact label{margin:8px 0px;position:relative;}
.formContact .textfield input,.formContact textarea{float:left;width:100%;padding:10px;border:1px solid #b5b4b2;color:#b5b4b2;font-size:24px;font-family:db_komol_x_demi;}
.formContact .textfield input:focus,.formContact textarea:focus{border-color:#c8c2b1}
.formContact label .i-canlendar{width:24px;height:24px;position:absolute;right:27px;top:15px;background:url(../img/skin/icon-calendar.png) no-repeat;}
.formContact select{float:left;width:100%;height:53px;padding:10px;border:1px solid #b5b4b2;color:#b5b4b2;font-size:24px;font-family:db_komol_x_demi;}
.formContact input[type="submit"]{float:left;width:100%;padding:10px;background-color:#85ab49;border:1px solid #fff;color:#fff;font-size:24px;font-family:db_komol_x_demi;transition:all .5s ease-in;}
.formContact input[type="submit"]:hover{background-color:#ccc;}
.formDiv{display:none;}
#footer{background-color:rgba(133,171,73,1);float:left;width:100%;}
.title_project_box{border-bottom:1px solid #000000;}
.titleProject{text-align:center;padding:30px 0;float:left;width:100%;}
.titleProject a{color:#000000;font-size:30px;font-family:DB Helvethaica X Medium Extended,DB Helvethaica X Extended;text-align:center;cursor:pointer;}
.titleProject a .arrow{background:url(../img/skin/arrow.png) 0 0;width:22px;height:13px;position:relative;display:inline-block;}
.titleProject a.clickable .arrow{background:url(../img/skin/arrow.png) 0 -22px;width:22px;height:13px;position:relative;display:inline-block;}
.boxTabProject{float:left;width:100%;}
.boxTabProject .tabProject{font-size:28px;padding:10px 0;font-family:DB Helvethaica X Medium Extended,DB Helvethaica X Extended;text-align:center;cursor:pointer;color:#000000;border-bottom:1px solid #000000;}
.boxTabProject .tabProject.this{border-bottom:none;}
.boxTabProject .tabProject:first-child{border-right:1px solid #000000;}
.boxTabProject .tabProject:last-child{border-left:1px solid #000000;}
.projectList{margin:20px 0;float:left;width:100%;}
.projectList li{list-style:none;font-family:DB Helvethaica X Medium Extended,DB Helvethaica X Extended;font-size:18px;color:#003167;line-height:20px;}
.projectList li a{
   
    font-size: 18px;
    color: #000000;
}
.outerlink_1{float:left;width:100%;}
.linkout_group{margin:20px 0;float:left;width:100%;}
.linkout_group li{float:left;border-right:1px solid #000000;padding:0px 20px 0px 20px; color:#000000;}
.linkout_group li:first-child{padding-left:0px;}
.linkout_group li:last-child{padding-right:0px;border-right:none;}
.linkout_group li .sub_textlink{font-size:11px;font-family:Akzidenz Grotesk Regular;color:#000000;float:left;clear:both;line-height:14px;}
.linkout_group li .main_textlink{font-size:22px;font-family:Akzidenz Grotesk Regular;color:#000000;float:left;clear:both;line-height:20px;}
.boxCallCenter .callCenterNum{color:#000000;font-size:28px;font-family:DB Helvethaica X Extended;line-height:20px;}
.boxCallCenter .callCenterNum span{font-size:42px;}
.boxCallCenter .callCenterText{color:#000000;font-size:28px;font-family:DB Helvethaica X Extended;}
.boxPrefooter{background-color:rgba(133,171,73,1);padding:30px 0px;float:left;width:100%;border-bottom:1px solid #000000; color:#003167;}
.boxSitemap{}
.boxCallCenter{float:right;}
.sitemap{margin-top:15px;float:left;margin-bottom:10px;}
.sitemap li{color:#000000;float:left;}
.sitemap li a{color:#000000;font-size:18px;font-family:DB Helvethaica X Extended;float:left;}
.sitemap li span{float: left; margin: 0 10px; position: relative; top: 0; line-height: 1.75;}
.social_group{margin-top:10px;float:right;text-align:right;}
.ft_socail{display:inline-block;}
.social_group i{font-size:24px; color: #000000;float:left;}
.social_group span{float:left;font-size:16px;margin-right:20px;font-family:Akzidenz Grotesk Regular;color:#000000;}
.social_group ul{float:right;}
.social_group li{float:left;margin-left:25px;}
.copyRight{float:left;}
.copyRight p{color:#000000;font-size:16px;font-family:DB Helvethaica X Extended;padding:0 0 20px;}
.popup {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    float: left;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 5;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.container_popup {
    position: absolute;
    top: 40%;
    left: 24.5%;
    right: 24.5%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    text-align: center;
    width: auto;
    z-index: 5;
    box-shadow: 0 0 45px 0 #333;
    border-radius: 5px;
    padding: 20px;
}
.container_popup h3 {
    font-size: 24px;
    font-family: DB Helvethaica X Medium Extended, DB Helvethaica X Extended;
    text-align: center;
    color: #fff;
    line-height: 1em;
}
.container_popup h3 span.eng {
    font-family: 'Akzidenz Grotesk regular' !important;
    font-size: 18px !important;
    }
.thanks_confirm {
    font-size: 24px;
    font-family: db_helvethaica_x;
    text-align: center;
    color: #01b9b5;
    background-color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}
@media screen and (max-width:1920px){
.list_carousel li img {
    float: left;
      
}
.list_carousel li {
    background:#003167;  
}
}
@media screen and (max-width:1549px){
.bgConcept{background-size:1550px;height:1150px; background:#000;}
.boxConcept_detail{ margin:0 auto;}
}
@media screen and (max-width:1199px){.boxNavigation, .boxNavigation .container{width:100%;}
.bgConcept{/*background-size:1200px;*/height:1200px;background:#000;}
.boxConcept_detail{/*background-position:-60px bottom;*/background:#000;width:100%;height:357px;/*padding:10px 0 0 110px;top:148px;left:276px;*/}
}
@media screen and (max-width:1099px){.nav>li>a{padding-left:10px;padding-right:10px;}
.navbar-nav a{font-size:18px;}
.colOne,.colTwo,.colThree{font-size:22px;}

}
@media screen and (max-width:991px){
.bgConcept{/*background-size:992px;*/height:1500px;background:#000;}
.boxConcept_detail{/*background-position:-100px bottom;*/background:#000;width:100%;/*width:540px;*/height:307px;/*padding:10px 0 0 70px;top:122px;left:202px;*/}
.boxConcept_detail p,.boxConcept_detail h3{font-size:20px;}
.eia_logo{display:block;text-align:center;margin-top:-90px;margin-bottom:10px;}
.eia_logo img{width:70px;}
.colOne,.colTwo,.colThree{font-size:20px;}
.boxTextVisual{position:relative;float:left;left:auto;top:auto;bottom:auto;margin:0px;width:100%;height:auto;}
.boxTextVisual2{position:relative;float:left;left:auto;top:auto;bottom:auto;margin:0px;width:100%;height:auto;}
.boxTextVisual-subscribe{position:relative;float:left;left:auto;top:auto;bottom:auto;margin:0px;width:100%;height:auto;}
.textVisual,.textVisual h1,.textVisual h2{width:100%;text-align:center;}
.boxLogo{float:left;width:100%;display:none;}
.boxLogo.onM{display:block;}
.i-sansiri, .i-bts{float:left;width:50%;height:100px;}

}
@media screen and (max-width:767px)
{
    .line-over
{
    top:0;
    }
.title-banner{font-size:3.5em;}
#content-banner	{margin-top: 0px;}
.boxTitle{margin-bottom:20px;}
.logo, .lineHead{display:block; }
.navbar-collapse.collapse{text-align:left;}
.navbar-nav{float:none;display:block;margin:0px;}
.nav>li>a{padding:10px 15px;}
.boxShare{top:-2px;left:50px;right:auto;width:260px;background:none;}
.btnShare{float:left;}
.lineGap{display:none!important;}
.boxTextVisual{position:relative;float:left;left:auto;top:auto;bottom:auto;margin:0px;width:100%;height:auto;}
.boxTextVisual2{position:relative;float:left;left:auto;top:auto;bottom:auto;margin:0px;width:100%;height:auto;}
.textVisual,.textVisual h1,.textVisual h2{width:100%;text-align:center;}
.boxLogo{float:left;width:100%;display:none;}
.boxLogo.onM{display:block;}
.i-sansiri, .i-bts{float:left;width:50%;height:100px;}
.pager{float:left;width:15px;text-align:center;position:absolute;top:15px;margin:0px;right:10px;}
.bgConcept{background:#000;height:auto;margin-top:30px;}
.boxConcept_detail{background:#000;width:100%;/*left:auto;top:auto;padding:0px;height:auto;*/position:relative;}
.boxConcept_detail p{font-size:24px;}
.boxConcept_detail h3{font-size:26px;}
.colOne,.colTwo,.colThree{font-size:18px;}
.eia_logo{display:block;text-align:center;margin-top:0px;margin-bottom:20px;}
.eia_logo img{width:auto}
.boxContentPopup{width:100%;}
#boxFacility{padding-top:0px;}
.facility_list{width:50%}
#boxPlan{padding-top:20px;padding-bottom:40px;}
#unittype{margin-top:10px;}
.roomBox{text-align:center;}
.tabRoom{float:none;display:inline-block;}
.tabRoomType{text-align:center;}
.btnRoomType{float:none}
.tabRoomType span{float:none}
.imgFloorplan{float:left;width:100%;}
#boxLocation{padding-top:20px;}
.maplink font{font-size:20px}
.maplink i{top:5px;}
#boxGallery{padding-top:20px;}
#boxContact{padding-top:20px; background:#fff;}
.titleProject{padding:15px 0;}
.projectList li{width:50%;}
.linkout_group{margin-bottom:20px;}
.linkout_group li{padding:20px 0px;margin-right:0px;margin-bottom:0px;border-right:none;float:left;width:100%;text-align:center;border-bottom:1px solid #003167;}
.linkout_group li:last-child{border-bottom:none;}
.linkout_group li .main_textlink{float:none;display:block;}
.linkout_group li .sub_textlink{float:none;display:block;}
.ft_socail{width:100%;text-align:center;}
.social_group{float:left;text-align:left;margin-bottom:20px;}
.social_group span{float:left;width:100%;text-align:center;}
.social_group ul{float:none;width:300px;display:inline-block;margin-top:10px;}
.social_group li{width:33.3%;text-align:center;margin:10px 0}
.social_group a{display:inline-block;}
.boxSitemap{margin-bottom:0px;}
.sitemap{text-align:center;}
.sitemap li{float:none;display:inline-block;}
.boxCallCenter{text-align:center;}
#footer .mobileShow{text-align:center;}
.mobileHide{display:none;}
.mobileShow{display:block;}

.facType .caption{ 
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  padding:5%;
  position: relative;
  width: 100%;
  text-align: center;
	}
#boxConcept .title{text-align:center;}	

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.bgConcept{height:1650px;}
#boxConcept2 h2{ text-align:center!important;}
#boxConcept2 p{ text-align:center !important;}
.boxMap{height:340px;}	
#map{width:100%;height:320px;}
.btn_dark {float:none !important;}	
.imgfac_des h2{font-size:36px;font-family:DB Helvethaica X Extended;color:#fff; padding:60px 0 0 78px;}
.facType .caption{ 
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  padding:5%;
  position: relative;
  width: 100%;
  text-align: center;
	}
.container_popup {
    left: 2.5%;
    right: 2.5%;
}
}
@media screen and (max-width:1024px){
	.imgfac_des h2{font-size:36px;font-family:DB Helvethaica X Extended;color:#fff; padding:60px 0 0 78px;}
}
@media screen and (max-width: 360px) and (orientation : portrait) {
.tabButton{width:100%;}
.facType .caption{ 
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  position: relative;
  width: 100%;
  text-align: center;
  padding:5%;
}	
.title{font-size:30px; line-height:28px;}	
.facType h3{font-size:20px; line-height:30px;}
.facType h4{ font-size:25px; line-height:25px;}	
#boxLocation2 .title{ font-size:30px;  line-height:28px;}	
}
/*iphone6*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
.tabButton{width:100%;}
.boxConcept_detail{height:2050px;}
.facType .caption{ 
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  position: relative;
  width: 100%;
  text-align: center;
  padding:5%;
}	
.title{font-size:30px; line-height:28px;}	
.facType h3{font-size:20px; line-height:30px;}
.facType h4{ font-size:25px; line-height:25px;}	
#boxLocation2 .title{ font-size:30px;  line-height:28px;}	
}
@media screen and (max-width:480px)
{
.container_popup {
        left: 0;
        right: 0;
        width: 100%;
    }
.title{font-size:36px;}
                             
.subtitle{font-size:20px;}
.clickShow{display:none;}
.btnClickShow{display:inline-block}
.textVisual{padding:20px 0;}
.textVisual h1{font-size:22px;line-height:27px;margin-bottom:10px;text-transform:uppercase;}
.textVisual span.th{font-size:25px;text-align:left;margin-bottom:10px;}
.textVisual h2{font-size:20px;line-height:23px;}
.boxConcept_detail h2{font-size:30px;font-family:db_komol_x_demi;text-align:center;color:#fff; line-height:50px;}
.boxConcept_detail{ height:2200px;}
.facility_list{width:100%}
.imgfac_des{position:relative;bottom:auto;left:auto;float:left;width:100%;background-color:#EE6521;padding:10px;}
.imgfac_des h2{font-size:30px; padding:20px;text-align:center; }
.imgfac_des p{font-size:20px;padding:0px 20px 20px 20px;  text-align:center;}
.boxContentPopup{padding:30px 10px;}
.tabButton{font-size:19px;padding:10px;}
.scrollpanel .sp-viewport{padding-right:20px!important;}
.contentPopup h1{font-size:26px;}
.contentPopup h2{font-size:26px;}
.contentPopup p{font-size:20px;}
.btnRoom{padding:5px 10px;}
.boxMap{height:360px;}
.maplink font{display:none;}
.galleryScript{float:left;width:100%;height:1100px;overflow:hidden;}
.projectList li{width:100%;}
.boxTabProject .tabProject{font-size:17px;}
#map{width:100%;height:300px;}
.boxTextVisual:before{ display:none;}
.boxTextVisual2:before{ display:none;}
.btn_dark{ float:none !important;}	
.boxTextVisual-subscribe{font-size:24px;}
.facType .caption{ 
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  position: relative;
  width: 100%;
  text-align: center;
  padding:5%;
	}
.title{font-size:30px; line-height:28px;}	
.facType h3{font-size:20px; line-height:30px;}
.facType h4{ font-size:25px; line-height:25px;}	
#boxLocation2 .title{ font-size:30px;  line-height:28px;}
}
@media screen and (max-width:320px){
.btn_dark{ float:none !important;}	
.navbar{min-height:62px;}
.navbar-brand{padding:10px 15px 60px;}
.navbar-brand img{width:60px;}
.navbar-toggle{margin-top:14px;margin-bottom:14px;}
.textVisual h1{font-size:22px;line-height:27px;margin-bottom:10px;text-transform:uppercase;}
.boxTextVisual:before{ display:none;}
.boxTextVisual2:before{ display:none;}
.boxConcept_detail{ height:2000px;}
.boxConcept_detail h2{font-size:30px;font-family:db_komol_x_demi;text-align:center;color:#fff; line-height:50px;}
.boxConcept_detail p{ font-size:20px;}
.imgfac_des{position:relative;bottom:auto;left:auto;float:left;width:100%;background-color:#EE6521;padding:10px;}
#map{width:100%;height:260px;}
.boxMap{height:300px;}
.tabButton{width:100%;}
.imgfac_des h2{font-size:30px; padding:0px 15px 15px 15px;text-align:center; }
.imgfac_des p{font-size:20px;padding:0px 15px 15px 15px;  text-align:center;}
.mobileHide{display:none;}
.title-en{ font-size:23px;}
#boxConcept .title{ font-size:30px; line-height:28px;}
#boxPlan{padding-bottom:0px;}
.facType .caption{ 
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  position: relative;
  width: 100%;
  text-align: center;
  padding:5%;
	}
.title{font-size:30px; line-height:28px;}	
.facType h3{font-size:20px; line-height:30px;}
.facType h4{ font-size:25px; line-height:25px;}	
#boxLocation2 .title{ font-size:30px;  line-height:28px;}
}