/*Home*/

.intro-homepage > div:first-child{ text-align:center;}
.intro-homepage > div:nth-child(2){ background: #fff url(/images/bg/homepage_01.jpg) no-repeat; background-size: cover;}
.intro-homepage > div:nth-child(3){ background: #fff url(/images/bg/homepage_02.jpg) no-repeat; background-size: cover;}
.intro-homepage > div:nth-child(4){ background: #fff url(/images/bg/homepage_03.jpg) no-repeat; background-size: cover;}
.intro-homepage > div:nth-child(5){ background: #fff url(/images/bg/homepage_04.jpg) no-repeat; background-size: cover;}
.intro-homepage > div:nth-child(6){ background: #fff url(/images/bg/homepage_05.jpg) no-repeat; background-size: cover;}
.intro-homepage > div:nth-child(7){ background: #fff url(/images/bg/homepage_06.jpg) no-repeat; background-size: cover;}
.intro-homepage > div.col-sm-4 p{ display: block; padding: 45px 0; text-align: center; vertical-align: middle;}
.intro-homepage h2{ color:#c1a562; margin-bottom:-15px;}

.navbar-nav>li.logo { width: 16%; }

.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li.active > a,
.dropdown-menu > ul > li.active > a { color: #c1a562; background:none; }


.navbar-inverse .navbar-nav > li.active > a:hover,
 .navbar-inverse .navbar-nav > li.active > a,
  .subnav-investor ul li.active a {
    color: #c1a562;
    background: none;
}


@media (max-width: 768px){
.intro-homepage > div p{ padding: 45px 0!important; height: 125px;}
}
@media (max-width: 568px){
.intro-homepage > div{ width:100%;}	
.intro-homepage > div p{ padding: 90px 0!important; height: 205px;}
}
@media (max-width: 480px){
.intro-homepage > div p{ padding: 65px 0!important; height: 175px;}	
}
@media (max-width: 375px){
.intro-homepage > div p{ padding: 35px 0!important; height: 135px;}	
}
@media (max-width: 320px){
.intro-homepage > div p{ padding: 30px 0!important; min-height: 100px;}	
}


.link_list a{ font-family: 'PlayfairDisplay-Regular','RSU'; color:#000000; float:right;}

ul.news-home{ list-style:none; margin:30px 0 20px 5px; padding:0; border-left:#c1a562 dashed 1px;}
ul.news-home li{ list-style:none; margin-bottom:20px;}
ul.news-home li:before{ content: "\f1db"; font-family: 'FontAwesome'; height:18px; color:#c1a562; margin:0 0 0 -7px; background-color:#fff; display:block; float:left;}
ul.news-home li span{ display:block; padding-left:40px;}
ul.news-home li span:first-child{ color:#273644; font-weight:bold;}
ul.news-home li span:nth-child(2){ color:#c1a562;}
ul.news-home.trustee.news li span:nth-child(2){ border-bottom:#e4e4e4 solid 1px; padding-left:0; margin-left:40px; padding-bottom:20px;}
ul.news-home.trustee li span:first-child{ color:#c1a562; font-weight:bold;}
ul.news-home.trustee li span:nth-child(2){ color:#888888;}


.box-news{ padding:40px 0;}
.box-news p,
.box-download p{ float: none;}
.box-download{ background:#f7f7f7;}
.box-download .col-md-5{ padding:50px 0;}
.box-download ul{ list-style:none; margin:40px 0; padding:0;}
.box-download ul li{ line-height:30px;}
.box-download ul li a:before{ content: "\f019"; font-family: 'FontAwesome'; color:#c1a562; margin-right:20px;}
.box-download ul li a:hover{ text-decoration:none;}
.box-email,
.box-stock{ text-align:center;}
.box-stock .col-md-6.border-left{ border-left: solid 1px #c1a562;}
.box-stock table tr:first-child td{ color:#c1a562;}
.box-stock table tr:first-child td p{ color:#888888; font-size:13px;}
.box-stock .border-left{ border-left: dashed 1px #c1a562;}
.box-email h1{ margin:0 0 20px 0!important;}
.box-email h1, .box-email p, .box-email a{ color:#FFFFFF;} 
.box-email a{ margin:0 auto;}
.box-email{ /*display:none;*/}
.box-stock{ margin:20px auto;}

.detail{ background:#273644; margin-bottom:0; padding:50px 0;}
.detail h1{ margin:0 0 40px 0;}
.detail table tr td{ color:#999999; vertical-align:top;}
.border-left{ border-left:dashed 1px #999999;}
.detail table tr td ul{ padding:0 0 0 20px; margin:0;}
.detail table tr td ul li{ padding:0; margin:0;}
tr.border-bootom{ border-bottom:#999 solid 1px; line-height:40px;}
.floor-plan{ background: #c1a562 url(/images/bg/bg_floor-plan.jpg) 50% 0 no-repeat; width: 100%; margin: 0 auto; background-size: cover; padding:40px 0;}

.floor-plan.bangna{ background: #c1a562 url(/images/bg/bg_floor-plan-bangna.jpg) 50% 0 no-repeat; width: 100%; margin: 0 auto; background-size: cover; padding:40px 0;}

.overview .col-lg-12{ border-bottom:#ededed solid 1px;}
.overview .col-lg-12:first-child{ border-bottom:0;}
.overview-content{ padding:100px 0;} 
.overview-content a,
.box-email a{ background:#61899d; color:#FFF; border-radius:5px; display:block; width:180px; text-align:center; line-height:40px;}
.overview > p{ margin:20px 0!important;}


/*assetinvestment*/
.floor-plan .cycle-overlay{ padding:30px; background: url(/images/bg/bg_title-floorplan.png) no-repeat; min-height:250px; margin: 0 auto; background-size: cover;}
	.floor-plan_img{ float:right;}
	.floor-plan > .container{ }
	.floor-plan_link{ position: absolute; bottom: 40px; height: 50px;}
	.floor-plan_link a.prev,
	.floor-plan_link a.next{ width:50px; background:#273644; display:block; color:#FFFFFF; float:left; padding:4px 20px; margin-right:5px;}
	.floor-plan_link a:hover{ background:#36495a;}
	.floor-plan_link a{ font-size:30px;}
	.floor-plan .cycle-overlay h2,
	.floor-plan .cycle-overlay h3,
	.floor-plan .cycle-overlay p{ padding:5px 0; margin:0; color:#FFFFFF;}
	.floor-plan .floor-plan_img{ padding:20px;  /*background: url(/images/bg/bg_floorplan.jpg) no-repeat; width: 100%; min-height:508px; margin: 0 auto;  background-size: cover;*/ background:#fff; border:#c1a562 solid 1px; left: auto!important; right:0;}
	.box-maps{ padding:50px 0; background: #f7f7f7;}
	.box-maps iframe,
	.box-tab2 img{ 
		border-style: solid;
		border-width: 7px 7px 7px 7px;
		-moz-border-image: url(/images/bg/border_map.png) 7 7 7 7;
		-webkit-border-image: url(/images/bg/border_map.png) 7 7 7 7;
		-o-border-image: url(/images/bg/border_map.png) 7 7 7 7;
		border-image: url(/images/bg/border_map.png) 7 7 7 7 fill;}
	.logo_plan{ padding:10px 0 30px;}
	.logo_plan .col-md-2{ margin:20px 0;}
	.logo_plan img{ 
		border-style: solid; 
		border-width: 1px; 
		-moz-border-image: url(/images/bg/border_logo.png) 1; 
		-webkit-border-image: url(border_logo.png) 1;  
		-o-border-image: url(/images/bg/border_logo.png) 1; 
		border-image: url(/images/bg/border_logo.png) 1 fill;}
	.tap_maps ul,
	.tap_maps ul li{ margin:0; padding:0; list-style:none;}	
	.tap_maps ul{ margin:20px 0;}
	.tap_maps ul li a{ float:left; width:80px; height:80px; margin-right:2px;}
	.tap_maps ul li a:hover{ cursor:pointer;}
	.tap_maps ul li:first-child a{ background: url(/images/icons/icons_01.jpg);}
	.tap_maps ul li:nth-child(2) a{ background: url(/images/icons/icons_02.jpg);}
	.tap_maps ul li:nth-child(3) a{ background: url(/images/icons/icons_03.jpg);}
	.tap_maps ul li:last-child a{ background: url(/images/icons/icons_04.jpg);}
	
	.tap_maps ul li:first-child a:hover,
	.tap_maps ul li:first-child.active a{ background: url(/images/icons/icons_01_hover.jpg);}
	.tap_maps ul li:nth-child(2) a:hover,
	.tap_maps ul li:nth-child(2).active a{ background: url(/images/icons/icons_02_hover.jpg);}
	.tap_maps ul li:nth-child(3) a:hover{ background: url(/images/icons/icons_03_hover.jpg);}
	.tap_maps ul li:last-child a:hover{ background: url(/images/icons/icons_04_hover.jpg);}
	
.box-tab1, .box-tab2{
    display: none;
}

.box-tab_sub1, .box-tab_sub2, .box-tab_sub3 {
	display: none;
}
ul.tab_sub {
	margin:0;
	padding:0;
	border-bottom: solid 6px #273644;
	height:50px;
}
ul.tab_sub li {
	list-style:none;
	line-height:44px;
	float:left;
	display: block;
	background:#485c6e;
	border-right:3px solid #fff;
	text-align: center;
	padding: 0 50px;
	cursor:pointer;
}
#tab_sub1.active, #tab_sub2.active, #tab_sub3.active {
	background:#273644;
	color:#c1a562;
	font-weight:bold;
}
.box-tab_sub1, .box-tab_sub2, .box-tab_sub3 {
	text-align:left;
	margin-top:35px;
}
.directors {
	display: flex;
	flex-wrap: wrap;
}
.directors .col-md-4 span:first-child, .directors .col-md-4 span:last-child {
	display:block;
}
.directors .col-md-4 span:last-child {
	padding:6px 20px;
	margin-top:20px;
	border:#d1d1d1 solid 1px;
	min-height: 106px;
	margin-bottom: 40px;
}
.directors p.title {
	font-weight: bold;
	color: #273644;
}
@media (max-width: 667px) {
ul.tab_sub {
	margin-bottom:100px;
}
ul.tab_sub li {
	width:100%;
}
}