@charset "utf-8";

@font-face {
  src: url(/font/DSNLP.TTF);
  font-family:'DSN_LardPhrao';
  font-weight:extra-light;
}

@font-face {
  src: url(/font/DSNSIN.TTF);
  font-family:'DSN_Singel';
  font-style: extra-light;
}

@font-face {
  src: url(/font/upcfb.ttf);
  font-family:'FreesiaUPC';
  font-style: extra-light;
}


@font-face {
  src: url(/font/thaisanslite_r1.ttf);
  font-family:'thaisanslite';
  font-style: normal;
}


body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat:no-repeat;
	background-position:center top;
	font-family:"Tahoma";
	font-size:14px;
	color:#7a7a7a;
	line-height:16px;
	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

h1{font-size:25px; margin:1px 0px 20px 0px; font-family:'thaisanslite'; font-weight:extra-light; color:#333; padding:0px 0px 0px 0px; text-shadow:#fff 0px 0px 0px;}

h1 input{font-size:20px; margin:1px 0px 20px 0px; font-family:'thaisanslite'; font-weight:extra-light; color:#8d8c8b; padding:0px 0px 0px 8px; border:solid 1px #FFF; font-weight:bold; }

h2{font-size:20px; margin:1px 0px 10px 0px; font-family:'thaisanslite'; padding:0px 0px 5px 1px; color:#333; text-transform: uppercase; text-shadow:#fff 0 0 0;}
h3{font-size:18px; margin:25px 0px 0px 0px; border-bottom:solid 0px #dddddd; padding:0px 0px 5px 1px; color:#333; font-family:'thaisanslite'; text-shadow:#fff 0 0 0;}

h4{font-family:'thaisanslite'; margin:15px 0px 10px 0px; border-bottom:solid 1px #e8e8e8; padding:0px 0px 2px 0px; font-size:17px; color:#8a8989;}


a {text-decoration:none; Color:#868688;}
a:hover {text-decoration:underline; font-weight:none; Color:#666;}

table{ font-family:'thaisanslite'; font-size:16px;}

.box-login{border:solid 1px #CCC; padding:5px;}
.box-login a{ text-decoration:none; font-weight:bold;}


#main{
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
}

#main1{
	margin:0px auto 0px auto;
}

#header{
	margin:0px auto 0px auto;
}



#slider_left{
	float:left;
	width:230px;
	}

#slider_right{
	float:right;
	width:198px;
	font-size:12px;
	color:#333;
	background-color:#fff;
	}

#content{
	float:left;
	width:562px;
	padding:1px 3px 5px 3px;
	margin:1px 0px 0px 0px;
	}

#content.h2{
	color:#333;
	}

#footer{
	margin:0px auto 0px auto;
	}






.device {
  width:530px;
  height:317px;
  padding:0px 5px;
  border: 3px solid white;
  margin: 5px auto;
  position: relative;

}
.device img{
  width:530px;
  height:317px;
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  width: 530px;
  height: 317px;

}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}


.grid_index_plan{
 float:left;
 width:120px;
 text-align:center;
 margin:0px 5px 15px 5px;
 padding:5px 3px 5px 3px; 
 border:solid 1px #fff; 
 -moz-border-radius: 0px 0px 5px 5px; 
 background-color:#FFF; 

 text-align:center;
}

.grid_index_over{
float:left; 
width:120px; 
text-align:center; 
 margin:0px 5px 15px 5px;
 padding:5px 3px 5px 3px; 
border:solid 1px #f0c36d; 
-moz-border-radius: 0px 0px 5px 5px; 
background-color:#f9edbe; 
text-align:center;
}







.text_ohter{
	font-size: 13px; 
	color: #333333;	
	}
a.text_ohter,a.text_ohter:link li{
	text-decoration: none; 
	font-size: 13px; 
	color: #333333;
}

a.text_ohter:visited li{
	text-decoration: none; 
	font-weight: none; 
	Color: #f99405; 
	font-size: 13px;
	}

a.text_ohter:hover li{
	text-decoration: none; 
	font-weight: none; 
	Color: #f99405; 
	font-size: 13px;
}





a.class2,a.class2:link,a.class2:visited {
	text-decoration: none; 
	Color: #000000; 
	font-family: "Tahoma"; 
	font-size: 13px;
	}
a.class2:hover {
	text-decoration: none; 
	Color: #FF6600; 
	font-family: "Tahoma"; 
	font-size: 13px;
	}
	
a.menuclass,a.menuclass:link,a.menuclass:visited {
	text-decoration: none; 
	Color: #000000; 
	font-family: "Tahoma"; 
	font-size: 12px;
	}
a.menuclass:hover {
	text-decoration: none; 
	Color: #FF6600; 
	font-family: "Tahoma"; 
	font-size: 12px;
	}
	
img{
	border:0px;
	}
	
	
.li_left{float:left; width:150px; border-bottom:solid 1px #f9f9f9; margin:0px 0px 5px 3px; color:#8f929f; font-size:12px; padding:0px 0px 4px 5px; list-style-position:inside;}
.li_right{float:left; width:160px; border-bottom:solid 1px #f9f9f9; margin:0px 0px 5px 0px; color:#8f929f; font-size:12px; padding:0px 0px 4px 2px; list-style:none;}

	
a.menuCate,a.menuCate:link,a.menuCate:visited {text-decoration: underline; Color: #006699; font-family: "Tahoma"; font-size: 13px; font-weight:bold;}
a.menuCate:hover {text-decoration: underline; font-weight: underline; Color: #FF6600; font-family: "Tahoma"; font-size: 13px; font-weight:bold;}

a.menubarCate,a.menubarCate:link,a.menubarCate:visited {text-decoration:none; Color:#666; font-family: Tahoma; font-size: 13px;}
a.menubarCate:hover {text-decoration: underline; font-weight: underline; Color: #FF6600; font-family: "Tahoma"; font-size: 13px;}

a.menusubCate,a.menusubCate:link,a.menusubCate:visited {text-decoration: none; font-family: "Tahoma"; font-size: 13px; color: #333333;}
a.menusubCate:hover {text-decoration: underline; font-weight: underline; Color: #FF6600; font-family: "Tahoma"; font-size: 13px;}

a.menubarlink,a.menubarlink:link,a.menubarlink:visited {text-decoration: none; Color: #666666}
a.menubarlink:hover {text-decoration: none; font-weight: none; Color: #FF6600}

a.link_12_33,a.link_12:link,a.link_12:visited {text-decoration: none; font-family: "Tahoma"; font-size: 12px; color: #666666;font-weight:bold;}
a.link_12_33:hover {text-decoration: underline; Color: #FF6600; font-family: "Tahoma"; font-size: 12px;font-weight:bold;}

a.keyTag,a.keyTag:link,a.keyTag:visited {text-decoration: none; font-family: "Tahoma"; font-size: 13px; color: #333333;}
a.keyTag:hover {text-decoration: underline; font-weight: underline; Color: #3300FF; font-family: "Tahoma"; font-size: 13px;}

a.link_blue_14,a.link_blue_14:link,a.link_blue_14:visited {text-decoration:none; Color:#7f7f80; font-size:13px;}
a.link_blue_14:hover {text-decoration:underline; font-weight:none; Color:#7f7f80; font-size:13px;}


a.linkwhite,a.linkwhite:link,a.linkwhite:visited {text-decoration:none; font-family:"Tahoma"; font-size:14px; color:#FFF;}
a.linkwhite:hover {text-decoration:underline; font-weight:underline; Color:#FC0; font-family:"Tahoma"; font-size:14px;}

a.menubar,a.menubar:link,a.menubar:visited {
	text-decoration: none; 
	Color: #993300; 
	font-family: "Tahoma"; 
	font-size: 13px; 
	font-weight: bold;
	}
a.menubar:hover {
	text-decoration: none; 
	Color: #CC0000; 
	font-family: "Tahoma" 
	font-size: 13px; 
	font-weight: bold;
	}


.detailPlan {
	font-family:"Tahoma";
	font-size:12px; 
	color: #006699;
	}


/*  list menu styles */	
#menu_list {
overflow: hidden;
margin:0px 0px 10px 0px;
font-size:10px;
color:#595959;

}
#menu_list a{
	text-decoration:none;
	font-size:12px;
	color:#595959;
}
#menu_list a:hover{
	text-decoration: underline;
	font-size:12px;
	color:#F60;
}
#menu_list ul {
	padding:0px;
	margin:0px;
	font-size:12px;
}
#menu_list li {
	width: 100%;
	height:19px;
	font-size:12px;
	text-align: justify;
	padding:4px 0px 0px 0px;
	margin:0px;
	border-bottom: 1px solid #F4F4F4;
	text-decoration: none;
	list-style:outside none;
}
/*  list menu styles */	


/* menubar*/
.menu_bar{
font-size:18px;
font-family:'thaisanslite';
min-width:1000px; /*leave this value as is in most cases*/
overflow:hidden;
margin:0px 0px 5px 0px;
background-color:#ce0404;
}

.menu_bar ul{
margin:0;
padding:0;
float:left;
width:100%; /*width of menu*/
border:0px solid #E4E4E4; /*dark purple border*/
}

.menu_bar ul li{
min-width:110px;
list-style:inside none;
font-weight:bold;
color:#fff;
text-shadow:1px 0px 0px #C00;
}

.menu_bar ul li a{
float: left;
color:#fff; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #df5c5c; /*dark purple divider between menu items*/
}

.menu_bar ul li a:visited{
color:#fff;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #df5c5c; /*dark purple divider between menu items*/
}

.menu_bar ul li a:hover, .menu_bar ul li .current{
color:#fff; /*text color of selected and active item*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #df5c5c; /*dark purple divider between menu items*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/

}




	
.red_13{	font-family: "Tahoma";font-size: 10px;color: #CC0000;}
.blue_row12{font-family: "Tahoma";font-size: 12px;color: #006699;}
.even_row12{font-family:"Tahoma";font-size:12px; color: #999999;}
.view{	font-family: "Tahoma";font-size: 9px;color: #666666;}
.gray_13{	font-family: "Tahoma";font-size: 11px;color: #666666;}
.blue_13{	font-family: "Tahoma";font-size: 11px;color: #006699;}
.bg_header{
background-image:url(images/menubar.png);
background-position:top;
background-repeat:no-repeat;
}

.bg_menustyle{
background-image:url(images/block_style.gif);
background-position:top;
background-repeat:no-repeat;
}
.bg_menuclass1{
background-image:url(images/block_home1.gif);
background-position:top;
background-repeat:no-repeat;
}
.bg_menuclass2{
background-image:url(images/block_home2.gif);
background-position:top;
background-repeat:no-repeat;
}
.bg_menuclass3{
background-image:url(images/block_home3.gif);
background-position:top;
background-repeat:no-repeat;
}
.bg_menucDown{
background-image:url(images/down.jpg);
background-position:top;
background-repeat:no-repeat;
}

/*** page */
.stoppage{
  	display:block;
	width:20px;
	height:20px;
	text-align:center;
	text-decoration:none;margin-right:3px;
	background-color:#FFCC00;
	color:#000000;
	float:left;
	font-size:12px;
	line-height:20px;	
  }


  .mynavi{
  	display:block;
	width:20px;
	height:20px;
	text-align:center;
	text-decoration:none;margin-right:3px;
	background-color:#CCCCCC;
	color:#000000;
	float:left;
	font-size:12px;
	line-height:20px;	
  }
    .mynavi:hover{
  	display:block;
	width:20px;
	height:20px;
	text-align:center;
	text-decoration:none;margin-right:3px;
	background-color:#99CC00;
	color:#000000;
	float:left;
	font-size:12px;
	line-height:20px;	
  }

/*** page */

.page {margin:5px;}
.page ul{padding:0px;}
.page li { float:left; padding:2px; margin:5px; list-style:outside none; background-color:#999; color:#FFF;}
.page li a{ float:left; padding:2px; margin:5px; list-style:outside none; background-color:#999; color:#FFF;}



.logo20 {text-decoration: underline;font-family:"Tahoma";font-size:30px;color:#0099CC;font-weight:bold;}
.redemore {color: #FF9900;font-size: 12px;}
.topicPost {font-family:"Tahoma";font-size:12px; color: #666666; font-weight:bold;}
.tipPost {font-family:"Tahoma";font-size:12px; color: #666666;}
.blueTopic {font-family: "Tahoma"; font-size: 13px; color: #006699; font-weight:bold;}
.indexW14 {color: #FFFFFF;font-family: "Tahoma";font-size: 13px;font-weight: bold;}
.text_12 {font-family:"Tahoma";font-size:12px; color: #666666; font-weight:bold;}
.Symbol_10_orange {color: #FF6600; font-size: 10px; font-family: "MS Sans Serif"; font-weight: bold;}


.indexT10 {font-family: "Tahoma";	font-size: 10px; color: #999999;}
.indexT12 {font-family: "Tahoma";	font-size: 12px; color: #999999;}
.indexT14 {font-family: "Tahoma";	font-size: 14px; color: #999999;}
.indexT16 {font-family: "Tahoma";	font-size: 16px; color: #999999;}

.indexT10 {font-family: "Tahoma";	font-size: 10px; color: #999999; font-weight: bold;}
.indexT12 {font-family: "Tahoma";	font-size: 12px; color: #999999; font-weight: bold;}
.indexT14 {font-family: "Tahoma";	font-size: 14px; color: #999999; font-weight: bold;}
.indexT16 {font-family: "Tahoma";	font-size: 16px; color: #999999; font-weight: bold;}

.red14{	font-family: "Tahoma";font-size: 14px;color: #CC0000;}
.style150 {font-family: "Tahoma"; font-size: 14px; color: #006699; font-weight: bold; }
.style159 {font-family: "Tahoma";font-size: 14px;color: #999999;font-weight: bold;}
.style161 {font-family: "Tahoma";font-size: 16px;font-weight: bold;color: #0099CC;}
.stylefooter {font-family: "Tahoma";font-size: 10px;}
.topic {font-family: "Tahoma";font-size: 16px;font-weight: bold;}
.msss_bold {text-decoration: underline;font-family:"Tahoma";font-size:14px;color:#0099CC;font-weight:bold;}
.msss_small14 {font-size: 13px; color: #666666; font-family: "Tahoma";}
.msss_14 {font-size: 13px; color: #333333; font-family: "Tahoma";}

.Tahoma_w16 {font-family: "Tahoma"; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.Tahoma_b14 {font-family: "Tahoma"; font-size: 14px; color: #184c8e; font-weight: bold; }
.Tahoma_g16 {font-family: "Tahoma"; font-size: 14px; color: #009900; }

.text_black_9  {font-family:"Tahoma"; color:#333; font-size: 9px; }
.text_black_10 {font-family:"Tahoma"; color:#333; font-size: 10px; }
.text_black_11 {font-family:"Tahoma"; color:#333; font-size: 11px; }
.text_black_12 {font-family:"Tahoma"; color:#333; font-size: 12px; }
.text_black_13 {font-family:"Tahoma"; color:#333; font-size: 13px; }
.text_black_14 {font-family:"Tahoma"; color:#333; font-size: 14px; }
.text_black_15 {font-family:"Tahoma"; color:#333; font-size: 15px; }
.text_black_16 {font-family:"Tahoma"; color:#333; font-size: 16px; }
.text_black_17 {font-family:"Tahoma"; color:#333; font-size: 17px; }

.text_blackC_9  {font-family:"Tahoma"; color: #6E6E6E; font-size: 9px; }
.text_blackC_10 {font-family:"Tahoma"; color:#6E6E6E; font-size: 10px; }
.text_blackC_11 {font-family:"Tahoma"; color:#6E6E6E; font-size: 11px; }
.text_blackC_12 {font-family:"Tahoma"; color:#6E6E6E; font-size: 12px; }
.text_blackC_13 {font-family:"Tahoma"; color:#6E6E6E; font-size: 13px; }
.text_blackC_14 {font-family:"Tahoma"; color:#6E6E6E; font-size: 14px; }
.text_blackC_15 {font-family:"Tahoma"; color:#6E6E6E; font-size: 15px; }
.text_blackC_16 {font-family:"Tahoma"; color:#6E6E6E; font-size: 16px; }
.text_blackC_17 {font-family:"Tahoma"; color:#6E6E6E; font-size: 17px; }

.text_white_9  {font-family:"Tahoma"; color:#fff; font-size: 9px; }
.text_white_10 {font-family:"Tahoma"; color:#fff; font-size: 10px; }
.text_white_11 {font-family:"Tahoma"; color:#fff; font-size: 11px; }
.text_white_12 {font-family:"Tahoma"; color:#fff; font-size: 12px; }
.text_white_13 {font-family:"Tahoma"; color:#fff; font-size: 13px; }
.text_white_14 {font-family:"Tahoma"; color:#fff; font-size: 14px; }
.text_white_15 {font-family:"Tahoma"; color:#fff; font-size: 15px; }
.text_white_16 {font-family:"Tahoma"; color:#fff; font-size: 16px; }
.text_white_17 {font-family:"Tahoma"; color:#fff; font-size: 17px; }

.text_red_9  {font-family:"Tahoma"; color:#DB1F04; font-size: 9px; }
.text_red_10 {font-family:"Tahoma"; color:#DB1F04; font-size: 10px; }
.text_red_11 {font-family:"Tahoma"; color:#DB1F04; font-size: 11px; }
.text_red_12 {font-family:"Tahoma"; color:#DB1F04; font-size: 12px; }
.text_red_13 {font-family:"Tahoma"; color:#DB1F04; font-size: 13px; }
.text_red_14 {font-family:"Tahoma"; color:#DB1F04; font-size: 14px; }
.text_red_15 {font-family:"Tahoma"; color:#DB1F04; font-size: 15px; }
.text_red_16 {font-family:"Tahoma"; color:#DB1F04; font-size: 16px; }
.text_red_17 {font-family:"Tahoma"; color:#DB1F04; font-size: 17px; }

.text_blue_9  {font-family:"Tahoma"; color:#237EA0; font-size: 9px; }
.text_blue_10 {font-family:"Tahoma"; color:#237EA0; font-size: 10px; }
.text_blue_11 {font-family:"Tahoma"; color:#237EA0; font-size: 11px; }
.text_blue_12 {font-family:"Tahoma"; color:#237EA0; font-size: 12px; }
.text_blue_13 {font-family:"Tahoma"; color:#237EA0; font-size: 13px; }
.text_blue_14 {font-family:"Tahoma"; color:#237EA0; font-size: 14px; }
.text_blue_15 {font-family:"Tahoma"; color:#237EA0; font-size: 15px; }
.text_blue_16 {font-family:"Tahoma"; color:#237EA0; font-size: 16px; }
.text_blue_17 {font-family:"Tahoma"; color:#237EA0; font-size: 17px; }
.text_blue_18 {font-family:"Tahoma"; color:#237EA0; font-size: 18px; }
.text_blue_19 {font-family:"Tahoma"; color:#237EA0; font-size: 19px; }
.text_blue_20 {font-family:"Tahoma"; color:#237EA0; font-size: 20px; }
.text_blue_21 {font-family:"Tahoma"; color:#237EA0; font-size: 21px; }
.text_blue_22 {font-family:"Tahoma"; color:#237EA0; font-size: 22px; }

.text_bluel_9  {font-family:"Tahoma"; color:#36C; font-size: 9px; }
.text_bluel_10 {font-family:"Tahoma"; color:#36C; font-size: 10px; }
.text_bluel_11 {font-family:"Tahoma"; color:#36C; font-size: 11px; }
.text_bluel_12 {font-family:"Tahoma"; color:#36C; font-size: 12px; }
.text_bluel_13 {font-family:"Tahoma"; color:#36C; font-size: 13px; }
.text_bluel_14 {font-family:"Tahoma"; color:#36C; font-size: 14px; }
.text_bluel_15 {font-family:"Tahoma"; color:#36C; font-size: 15px; }
.text_bluel_16 {font-family:"Tahoma"; color:#36C; font-size: 16px; }
.text_bluel_17 {font-family:"Tahoma"; color:#36C; font-size: 17px; }


.text_Orange_9  {font-family:"Tahoma"; color:#F60; font-size: 9px; }
.text_Orange_10 {font-family:"Tahoma"; color:#F60; font-size: 10px; }
.text_Orange_11 {font-family:"Tahoma"; color:#F60; font-size: 11px; }
.text_Orange_12 {font-family:"Tahoma"; color:#F60; font-size: 12px; }
.text_Orange_13 {font-family:"Tahoma"; color:#F60; font-size: 13px; }
.text_Orange_14 {font-family:"Tahoma"; color:#F60; font-size: 14px; }
.text_Orange_15 {font-family:"Tahoma"; color:#F60; font-size: 15px; }
.text_Orange_16 {font-family:"Tahoma"; color:#F60; font-size: 16px; }
.text_Orange_17 {font-family:"Tahoma"; color:#F60; font-size: 17px; }

.text_green_9  {font-family:"Tahoma"; color:#090; font-size: 9px; }
.text_green_10 {font-family:"Tahoma"; color:#090; font-size: 10px; }
.text_green_11 {font-family:"Tahoma"; color:#090; font-size: 11px; }
.text_green_12 {font-family:"Tahoma"; color:#090; font-size: 12px; }
.text_green_13 {font-family:"Tahoma"; color:#090; font-size: 13px; }
.text_green_14 {font-family:"Tahoma"; color:#090; font-size: 14px; }
.text_green_15 {font-family:"Tahoma"; color:#090; font-size: 15px; }
.text_green_16 {font-family:"Tahoma"; color:#090; font-size: 16px; }
.text_green_17 {font-family:"Tahoma"; color:#090; font-size: 17px; }


.text_GreenTong_9  {font-family:"Tahoma"; color:#589400; font-size: 9px; }
.text_GreenTong_10 {font-family:"Tahoma"; color:#589400; font-size: 10px; }
.text_GreenTong_11 {font-family:"Tahoma"; color:#589400; font-size: 11px; }
.text_GreenTong_12 {font-family:"Tahoma"; color:#589400; font-size: 12px; }
.text_GreenTong_13 {font-family:"Tahoma"; color:#589400; font-size: 13px; }
.text_GreenTong_14 {font-family:"Tahoma"; color:#589400; font-size: 14px; }
.text_GreenTong_15 {font-family:"Tahoma"; color:#589400; font-size: 15px; }
.text_GreenTong_16 {font-family:"Tahoma"; color:#589400; font-size: 16px; }
.text_GreenTong_17 {font-family:"Tahoma"; color:#589400; font-size: 17px; }
.text_GreenTong_18 {font-family:"Tahoma"; color:#589400; font-size: 18px; }
.text_GreenTong_20 {font-family:"Tahoma"; color:#589400; font-size: 20px; }
.text_GreenTong_22 {font-family:"Tahoma"; color:#589400; font-size: 22px; }

.text_gray_9  {font-family:"Tahoma"; color:#999; font-size: 9px; }
.text_gray_10 {font-family:"Tahoma"; color:#999; font-size: 10px; }
.text_gray_11 {font-family:"Tahoma"; color:#999; font-size: 11px; }
.text_gray_12 {font-family:"Tahoma"; color:#999; font-size: 12px; }
.text_gray_13 {font-family:"Tahoma"; color:#999; font-size: 13px; }
.text_gray_14 {font-family:"Tahoma"; color:#999; font-size: 14px; }
.text_gray_15 {font-family:"Tahoma"; color:#999; font-size: 15px; }
.text_gray_16 {font-family:"Tahoma"; color:#999; font-size: 16px; }
.text_gray_17 {font-family:"Tahoma"; color:#999; font-size: 17px; }

.input_regis{margin:0px; padding:3px; width:200px; height:18px; border:1px solid #DDDDDD; font-family:Tahoma; color:#333333; font-size:14px;}

.box_yellow{
	margin:0px auto 10px auto;
	background-color: #fffbc4; 
	padding:10px; 
	border:solid 1px #ffdb5e; 
	-moz-border-radius:5px 5px 5px 5px;
}


#FloatingLayer508{position:absolute; left:600px; top:10; z-index:1000; font-size:12px; font-weight:bold; margin:100px auto 0 100px;}
#FloatingLayer508 img{ display:block; border:0px; width:400px; height:100%;}
#FloatingLayer508 a{ color:#000; text-decoration:none;}
#FloatingLayer508 a:hover{ color: #FF0000;}

.border_radius5{

	margin:0px auto 10px auto;
	}

.menu_highlight{ background-color:#FC0;}

.border_img {border:5px solid #F2F2F2; padding:0px;}
.border_img:hover { border:solid 5px #FFF; box-shadow:0 0 5px #F0F0F0; padding:0px;}

.border_list { background-color:#fff; padding:0px; border-bottom:dotted 1px #f4f4f4;}
.border_list:hover { background-color:#f8f8f8; padding:0px; border-bottom:dotted 1px #f4f4f4; }



.boxshadow_bottom { background-image:url(/images/box_bottom.png); background-repeat:no-repeat; background-position:0px 40px; line-height:50px;}
.boxshadow_bottom:hover { background-image:url(/images/box_bottom1.png); background-repeat:no-repeat; background-position:0px 40px;  line-height:50px;}

.box_img_bottom { background-image:url(/images/box_bottom.png); background-repeat:no-repeat; background-position:0px 40px; line-height:50px;}
.box_img_bottom:hover { background-image:url(/images/box_bottom1.png); background-repeat:no-repeat; background-position:0px 40px;  line-height:50px;}



/* CSS Document */
#s3slider {
   width: 900px; /* important to be same as image width */
   height: 480px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 900px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span.top {
	top: 0;
	left: 0;
	width: 900px !important;
	height: 110px;
}
.s3sliderImage span.bottom {
	bottom: 0;
    left: 0;
	width: 900px !important;
	height: 110px;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 640px;
}
.s3sliderImage span.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 640px;
}


.clear {
   clear: both;
} 



    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:970px;
		height:500px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:970px;
		height:500px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:970px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.search_bar li{
	width:130px;
	font-size:12px;
	color:#666;
	float:left;
	list-style:none;
		
	}
	
.css_pic_full{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
	width:970px;
	margin:0px auto 0px auto;
	padding:20px 0px 20px 0px;
	border:solid 1px #eaeaea; 
	box-shadow:1px 0px 5px #eaeaea;}
.css_pic_footer{ 
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
	width:970px; 
	padding:8px;
	margin:0px auto 0px auto;
	border-right:solid 1px #eaeaea; 
	border-bottom:solid 1px #eaeaea; 
	border-left:solid 1px #eaeaea; 
	box-shadow:0px 1px 3px #eaeaea; 
	border-radius:0px 0px 7px 7px;
	text-align:center;
	}
	
.destail_plan{
	font-size:13px; color: #666666; font-family: "Tahoma";
	padding:0px 0px 5px 5px;
	border-bottom:solid 0px #CCC;
	margin:5px 0px 0px 0px;
	text-decoration:none;
	}
.destail_plan a{
	font-size:13px; color: #666666; font-family: "Tahoma";
	padding:0px 0px 5px 5px;
	border-bottom:solid 0px #CCC;
	margin:5px 0px 0px 0px;
	text-decoration:none;
	}



.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}








/* footer */
.footer{
font:12px Tahoma;
width: 1000px; /*leave this value as is in most cases*/
text-align:left;
overflow: hidden;
margin:0px 0px 5px 0px;
}

.footer div{
	background-color:#ce0404;
	height:10px;
}

.footer ul{
width:165px; /*width of menu*/
margin:0;
padding:0;
float:left;
border-width: 1px 0;
}



.footer ul p{
	color:#666;
	font-size:20px;
	font-family:'DSN_LardPhrao';
	text-shadow:1px 1px #fff;
}

.footer ul li{
	list-style:inside;
	list-style:none;
	text-align:left;
	padding:3px 0px 3px 2px;
	color:#9197a3;
}

.footer ul li a{
color:#9197a3; /*text color*/
text-decoration: none;
}

.footer ul li a:visited{
color:#9197a3;
text-decoration: none;
}

.footer ul li a:hover, .footer ul li .current{
color:#7f7f7f; /*text color of selected and active item*/
text-decoration: none;
}
/* /footer */


.copyright_footer{padding:5px 0px 5px 0px; font-size:12px; color:#989ca3;}

.copyright_footer li a{
	color: #989ca3;
	text-decoration: none;
}








.box-header-menu{
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;

background-color:#C00;
padding:10px;
color:#FFF; 
	}
	
.box-header-menu-footer{
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;

padding:8px; 
border:solid 1px #CCC; 
color:#999;
}

.box_button{
	width:180px;
	margin:0px auto 0px auto; 
	border:solid 1px #e1962d; 
	color:#FFF; 
	font-size:14px; 
	font-weight:bold; 
	padding:4px 0px 4px 0px; 
	background-color:#f9980f;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}

.box_input{
	width:200px; border:solid 1px #e8e8e8; color:#666;
	
	}
	
	
.tabletd_jb {
margin:20px auto 10px auto; 
background-color:#ffffff; 
border:solid 1px #dadada; 
padding:0px; 
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
width:98%;
border-collapse:collapse;
color:#3e3e3e;
text-align: left;
font-size:13px;
}



.tabletd_jb td{
	padding:10px 40px 10px 40px;
	}
.tabletd_jb:hover td{
	padding:10px 40px 10px 40px;
	
	}
.tabletd_jb a:link, a:visited{
	color: #0066cc;
	text-decoration: none;
}

.tabletd_jb a:hover {
	color: #0066cc;
	text-decoration: none;
}


.supportteam{
	
}
.supportteam ul{
	list-style:none; padding:0px 0px 5px 0px;	
	font-size:13px;	
}
.supportteam li{
	float:left;	
}
	

.avatar{
	width:35px;
	height:35px;
	padding:3px;
	margin:0 0 1.5rem;
	border:1px solid #CCC;
	border-radius:50%
}
.avatar{float:left;
margin-right:1.5rem
}
.avatar{
	float:right;margin-left:1.5rem
	}

.hd_menu_left{
	/* background-image:url('/images/hd_menuplans.png'); */
	background-repeat:no-repeat; 
	background-position:left;
	padding:3px 5px 4px 0px; 
	/*border-bottom:solid 1px #C00;*/
	text-align:left;
}




div.img-resize img {
	width:105px;
	height:65px;
	text-align:center;

}

div.img-resize {
	width:105px;
	height:65px;
	overflow:hidden;
	text-align:center;
	border:solid 1px #fff;
	padding:3px;
}

div.img-resize:hover {
	width:105px;
	height:65px;
	overflow:hidden;
	text-align:center;
	border:solid 1px #C00;
	padding:3px;
	background-color:#FFF;
}

div.img-resize:visited {
	width:105px;
	height:65px;
	overflow:hidden;
	text-align:center;
	border:solid 1px #fff;
	padding:3px;
	background-color:#FFF;
}


/* กว้างกว่า */

div.postfolio_slide1 img {
	width:170px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 0px;
}

div.postfolio_slide1 {
	width:160px;
	height:auto;
	overflow:hidden;
	text-align:center;
	padding:10px;
	margin:0px auto 0px auto;
	
	display: table-cell;
	vertical-align: middle;
}

div.postfolio_slide1:hover {
	width:160px;
	height:auto;
	overflow:hidden;
	text-align:center;
	padding:10px;
	margin:0px auto 0px auto;

}

div.postfolio_slide1:visited {
	width:160px;
	height:150px;
	overflow:hidden;
	text-align:center;
	padding:10px;
	margin:0px auto 0px auto;

}


/* สูงกว่า */
div.postfolio_slide2 img {
	width:auto;
	height:150px;
	text-align:center;
	margin:0px 0px 0px 0px;
}

div.postfolio_slide2 {
	width:160px;
	height:150px;
	overflow:hidden;
	text-align:center;
	padding:0px;
}

div.postfolio_slide2:hover {
	width:160px;
	height:150px;
	overflow:hidden;
	text-align:center;
	padding:0px;

}

div.postfolio_slide2:visited {
	width:160px;
	height:150px;
	overflow:hidden;
	text-align:center;
	padding:0px;

}

.topic_detail{padding:0px 0px 5px 1px; background-repeat:no-repeat; background-position:left;}

.box-viewhit { list-style:none;}
.box-viewhit strong{ color:#666;}
.box-viewhit .box-img {width:240px; height:150px; border:solid 0px #CCC; float:left; margin:5px;}
.box-viewhit .box-txt {font-size:12px; margin:10px 0px 0px 0px; text-align:center; text-align:left;}
.box-viewhit .left{ border:solid 1px #e1e1e3; height:200px; float:left; padding:5px 5px 5px 5px; margin:10px 5px 10px 2px;}
.box-viewhit .right{ border:solid 1px #e1e1e3; height:200px; float:right; padding:5px 5px 5px 5px; margin:10px 2px 10px 10px;}
.box-viewhit .right a{ border:solid 1px #333;}


.menubar_search{ border-bottom:solid 1px #E5E5E5; color:#666; margin:5px 0px 10px 0px; text-align:center; padding:0px 0px 15px 0px;}
.menubar_search ul{ list-style:none; padding:5px 0px 5px 0px;}
.menubar_search ul li{float:left; margin:0px 0px 0px 10px;}
.menubar_search ul li select{ width:100px; border:solid 1px #E4E4E4; padding:4px; color:#8d8c8b;}
.menubar_search ul li input{ padding:5px;}

.bt_floorplans {font-family:'thaisanslite'; font-size:20px; background-color:#3d58a4; width:100%; color:#fff; border:solid 1px #29447e; text-transform:uppercase; border-radius:2px; padding:0px 10px 1px 10px;}
.bt_floorplans a{color:#FFF;}