@charset "UTF-8";
/* CSS Document */


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding: 0;}
strong, b { font-weight: bold; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /* ทุก browsers */
* html a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /* สำหรับ IE6 */
*+html a, a:link, a:visited, a:hover, a:active{text-decoration:none;} /*สำหรับ IE7 */
a, a:link, a:visited, a:hover, a:active{text-decoration:none\0/;} /* สำหรับ IE8 */

.clr{ clear:both;}
.sp10px{ height:10px;}
.sp20px{ height:20px;}
.sp30px{ height:30px;}

body{ background:url(../images/bodyBG.jpg) repeat;}
.Pbody{
	width:1020px;
	height:auto;
	margin:auto;
	background:#ffffff;
	position:relative;
	-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.24);
	}

/*   HEADER    */
.Pheader{ width:100%; height:108px;}
.Pheader_Logo{
	float:left; width:auto; height:89px; margin:10px 0 0 28px;
	font-family:Tahoma, Geneva, sans-serif; font-size:50px; line-height:30px; color:#2e5392; font-weight:bold;
	}
.Pheader_Logo a{ color:#2e5392; }
.Pheader_Logo img, .Pheader_Logo a img{ width:auto; height:89px; text-decoration:none;}

.Pheader_OptionZone{ float:right; width:315px; height:auto; margin:23px 28px 20px 0;}
.Pheader_LangZone{ width:100%; height:auto; text-align:right;}
.Pheader_flag{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin:0 0 0 5px;}
.Pheader_flag a{ color:#1d388c;}
.Pheader_flag a:hover{ color:#F30;}
.Pheader_flag img, .Pheader_flag a img{ width:24px; height:auto;}
.Pheader_SearchZone{ width:100%; height:auto; margin:5px 0 0 0;}
input[type=submit].Pheader_SearchBtn{
	float:left;
	width:24px;
	height:24px;
	background:url(../images/SearchBtn.jpg) no-repeat;
	border:none;
	cursor:pointer;
	}
.Pheader_SearchSelect{float:left; width:128px; height:24px; border:solid 1px #CCC; margin:0 6px 0 0;}
.Pheader_SearchSelect select{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:none;
	background:#ffffff;
	}
.Pheader_SearchInput{ float:left; width:143px; height:24px; border:solid 1px #CCC; margin:0 8px 0 0;}
.Pheader_SearchInput input[type=text]{
	width:141px; height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:none;
	}
	
/*   MENU    */
.MenuZone{ width:100%; height:45px; background:#1d388c; border-bottom:solid 2px #000;}


/*   FOOTER   */
.FooterZone{ width:100%; height:auto; min-height:86px; background:url(../images/footerBG.png) repeat-x bottom #ffffff; padding-top:10px; border-top:solid 1px #f2f2f2;}
.FooterCC{ float:right; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#444444;  margin:58px 15px 0 0;}
.FooterIconZone{ float:left; width:633px; height:auto; margin:0 0 10px 25px;}
.FooterIconRow{ width:100%; height:42px; margin:0 0 5px 0;}
.FooterIconName{
	float:left;
	width:95px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:13px;
	line-height:42px;
	color:#444444;
	margin:0 13px 0 0;
}
.FooterIcon{ float:left; width:auto; height:42px; margin:0 15px 0 15px;}
.FooterIcon a{ text-decoration:none;}
.FooterIcon img, .FooterIcon a img{ width:auto; height:42px;}






/*   Pwapper   */
.Pwapper{ width:100%; height:auto;}

/*  PbannerZone */
.PbannerZone{
	width:100%; height:280px;
	border-left:none;
	border-right:none;
	border-top:none;
	overflow:hidden;
	}
.PbannerShadow{ width:100%; height:20px; background:url(../images/bannerShadow.png) no-repeat center; position:relative; z-index:2;}

.PbannerCaptionZone{ width:100%; height:280px; overflow:hidden; padding:15px;}
.PbannerCaptionH{ width:307px; height:44px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#fff; word-wrap:break-word; overflow:hidden;}
.PbannerCaptionc{ width:307px; height:70px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#fff; overflow:hidden; margin:20px 0 0 0;}
.PbannerCaptionLernmore{
	width:132px; height:27px;
	background:#1d388c;
	background: rgba(29,56,140,.6);
	margin:15px 0 0 0;
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	font-size:12px;
	line-height:27px;
	padding:0px 0px 0px 8px;
	}
.PbannerCaptionLernmore:hover{ background:#0b285a; background: rgba(11,40,90,.6);}
.PbannerCaptionLernmore a{ color:#fff;}

/*  Pcontent  */
.Pcontent{ width:986px; height:auto; min-height:300px; padding:20px 0px 20px 0px; margin:auto; overflow:hidden;}
.Pcontent2{
	width:100%;
	height:auto;
	min-height:300px;
	padding:0px 0px 0px 0px;
	margin:-30px 0 0 0;
	overflow:hidden;
	clear:both;
	/*display: table;*/
	z-index:1;
	/*background:#f9f9f9;*/
}
.HCol{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#294e8e; text-transform:uppercase;}

.PcontentLeft{ float:left; width:311px; height:100%; padding:50px 0px 20px 0px; background:#f9f9f9; /*display: table-cell;*/}
.PcontentRight{ float:left; width:708px; height:100%; padding:50px 0px 20px 0px; background:#ffffff;}

.ContentZoneFullsc{ width:100%; height:auto;}
.ContentZone613{ width:613px; height:auto; margin:0 auto 0 auto; overflow:hidden;}
.ContentZone633{ width:633px; height:auto; margin:0 auto 0 auto; overflow:hidden;}
.ContentZone942{ width:942px; height:auto; margin:0 auto 0 auto; overflow:hidden;}
.ContentH1{ font-family:Tahoma, Geneva, sans-serif; font-size:22px; color:#8a8a8a;}
.ContentH1SubText{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#444444;}
.ContentH2{ font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#294e8e;}
.ContentH0{ font-family:Tahoma, Geneva, sans-serif; font-size:40px; font-weight:bold; color:#1d388c;}


.ContentFullHBG{ width:100%; height:43px; background:#1d388c; padding:0px 8px 0px 30px;}
.ContentFullHBG_text{ float:left; width:50%; font-family:Tahoma, Geneva, sans-serif; font-size:22px; line-height:43px; color:#ffffff;}
.ContentFullHBG_select{ float:right; width:179px; height:34px; margin:5px 0 5px 0; background:url(../images/arrow_select.png) no-repeat right #f7f7f7;}
.ContentFullHBG_select select{
	width:179px; height:34px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:none;
	background:none;
	border-radius:0;
	padding:0px 28px 0px 10px;
	-webkit-appearance:none;
	-moz-appearance:tabpanels;
	appearance:none;
}

.ContentFullHBG2{ width:100%; height:43px; background:#7f756a; padding:0px 8px 0px 20px;}
.ContentFullHBG2_text{ float:left; width:50%; font-family:Tahoma, Geneva, sans-serif; font-size:22px; line-height:43px; color:#ffffff;}
.ContentFullHBG2_select{ float:right; width:179px; height:34px; margin:5px 0 5px 0; background:url(../images/arrow_select.png) no-repeat right #f7f7f7;}
.ContentFullHBG2_select select{
	width:179px; height:34px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:none;
	background:none;
	border-radius:0;
	padding:0px 28px 0px 10px;
	-webkit-appearance:none;
	-moz-appearance:tabpanels;
	appearance:none;
}
.ContentFullHBG3{ width:100%; height:43px; background:#ffffff; padding:0px 0px 0px 0px;}
.ContentFullHBG3_text{ float:left; width:50%; font-family:Tahoma, Geneva, sans-serif; font-size:22px; line-height:43px; color:#8a8a8a;}
.ContentFullHBG3_select{ float:right; width:179px; height:34px; margin:5px 0 5px 0; background:url(../images/arrow_select.png) no-repeat right #f7f7f7;}
.ContentFullHBG3_select select{
	width:179px; height:34px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:none;
	background:none;
	border-radius:0;
	padding:0px 28px 0px 10px;
	-webkit-appearance:none;
	-moz-appearance:tabpanels;
	appearance: none;
}
.Home_Barfooter_Select{ float:left; width:176px; height:31px; margin:10px 0 10px 0; background:url(../images/arrow_select.png) no-repeat right #f7f7f7;}
.Home_Barfooter_Select select{
	width:176px; height:31px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	border:none;
	background:none;
	border-radius:0;
	padding:0px 28px 0px 10px;
	-webkit-appearance: none;
	-moz-appearance:tabpanels;
	appearance: none;
}


.Home_Barfooter_Select select::-ms-expand,
.ContentFullHBG3_select select::-ms-expand,
.ContentFullHBG2_select select::-ms-expand,
.ContentFullHBG_select select::-ms-expand {
	display: none; /* to ie 10 */
}

.Home_Barfooter_Select select:focus,
.ContentFullHBG3_select select:focus,
.ContentFullHBG2_select select:focus,
.ContentFullHBG_select select:focus {
	outline: none;
}





/*  LEFT MENU  */
.LeftMenuZone{ width:279px; height:auto; margin:0 auto 0 auto; background:#ffffff;}
.LeftMenuHead{
	width:100%;
	height:40px;
	background:#1d388c;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:40px;
	color:#ffffff;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.09);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.09);
}

#LeftMenu_nav {
	float:left;
	width:100%;
	border-top:1px solid #dadada;
	list-style:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
#LeftMenu_nav li a{
    display: block;
    padding: 15px 15px;
    background: #fff;
    border-bottom: 1px solid #dadada;
    text-decoration: none;
    color:#8a8a8a;
	cursor:pointer;
}
#LeftMenu_nav li.hs{
	display: block;
    padding: 15px 15px;
    border-bottom: 1px solid #dadada;
    text-decoration: none;
    color:#8a8a8a;
	cursor:pointer;
	background:url(../images/arrowLeftmm.png) no-repeat right #ffffff;
}
#LeftMenu_nav li a.hs{ background:url(../images/arrowLeftmm.png) no-repeat right #ffffff;}
#LeftMenu_nav li a:hover{}
#LeftMenu_nav li a:hover, #LeftMenu_nav li a.active {}
#LeftMenu_nav li.hs:hover, #LeftMenu_nav li .active {}
#LeftMenu_nav li ul { display: none; /* used to hide sub-menus */ list-style:none;}
#LeftMenu_nav li ul li a { padding:15px 15px 15px 35px; background: #ffffff; border-bottom: 1px dotted #dadada; }

/*#LeftMenu_nav li.hs ul { display: none; list-style:none;}
#LeftMenu_nav li.hs .active ul { display:block; list-style:none;}
#LeftMenu_nav li.hs ul li a { padding:15px 15px 15px 35px; background: #ffffff; border-bottom: 1px dotted #dadada; }*/