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

body{text-align:center; width:100%; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; color:#7c6034; line-height:15pt; background-color:#efa85d; background-image:url(images/bg_top.jpg); background-repeat:no-repeat; background-position:top center}

.cleaner{clear:both}
.cleaner_h2{clear:both; width:100%; height:2px}
.cleaner_h5{clear:both; width:100%; height:5px}
.cleaner_h7{clear:both; width:100%; height:7px}
.cleaner_h10{clear:both; width:100%; height:10px}
.cleaner_h15{clear:both; width:100%; height:15px}
.cleaner_h20{clear:both; width:100%; height:20px}
.cleaner_h50{clear:both; width:100%; height:50px}
.cleaner_h100{clear:both; width:100%; height:100px}

#wrapper{text-align:center; width:1003px; height:auto!important; height:100%; margin-left:auto; margin-right:auto}
a img{border:0px}

/*header*/
#head-top{text-align:center; width:1003px; height:236px; background-image:url(images/header_top.png); background-repeat:no-repeat; background-position:top center}
#head-bottom{text-align:center; width:1003px; height:93px; background-image:url(images/header_bottom.png); background-repeat:no-repeat; background-position:top center}

/*body*/
#mybody{text-align:center; width:953px; height:auto!important; height:100%; margin-left:auto; margin-right:auto}
#topbody{text-align:left; width:953px; height:27px; padding-left:10px; padding-right:10px; padding-top:8px; background-image:url(images/body_top.jpg); background-repeat:no-repeat}

#middlebody{text-align:center; width:953px; height:auto!important; height:100%; margin-left:auto; margin-right:auto; background-color:#ffe0ad; background-repeat:no-repeat; padding-top:opx}

/*home*/
#body_left{text-align:left; width:460px; float:left; height:auto; padding-left:20px; padding-right:10px; padding-top:0px; padding-bottom:0px; background-color:#ffe0ad}
	#flash_slide{width:410px; height:240px; background-image:url(images/slide.png); padding:40px 25px 7px 25px}
	#txt_about{width:400px; min-height:368px; padding-left:30px; padding-right:30px; background-image:url(images/bg_txt_home.jpg); background-repeat:no-repeat}
#body_right{text-align:left; width:453px; float:left; height:auto; padding-left:10px; padding-top:0px; background-color:#ffe0ad}
	#title_course_th{text-align:center; width:433px; height:91px; background-image:url(images/title_course_th.jpg); background-repeat:no-repeat; background-position:top center}
	#title_course_en{text-align:center; width:433px; height:91px; background-image:url(images/title_course_en.jpg); background-repeat:no-repeat; background-position:top center}
	#course{text-align:center; width:433px; height:auto}
	
/*news & promotion_page(home-news)*/
#news_left{text-align:left; width:395px; float:left; height:auto; padding-right:3px}
#news_right{text-align:left; width:375px; float:left; height:auto; padding-left:20px}
#news_home{text-align:left middle; width:370px; height:auto; padding-left:60px; padding-right:30px; padding-top:0px; padding-bottom:0px}
#news_img{text-align:center; float:left; width:80px; height:48px; border-width:1px 1px 1px 1px; border-color:#efa85d; border-style:solid}
#news_img_full{text-align:center; width:400px; height:auto; border-width:1px 1px 1px 1px; border-color:#efa85d; border-style:solid}
#news_txt{text-align:left; float:left; width:270px; height:auto; padding-left:10px}
#title_news{text-align:center; width:953px; height:161px; background-image:url(images/title_news.jpg); background-repeat:no-repeat; background-position:center top}
#news_detail{text-align:center; width:400px; height:auto; padding-left:200px; padding-right:150px}
	
/*about us*/
#title_about_us_th{text-align:center; width:953px; height:403px; background-image:url(images/title_about_us_th.jpg); background-repeat:no-repeat; background-position:center top}
#title_about_us_en{text-align:center; width:953px; height:403px; background-image:url(images/title_about_us_en.jpg); background-repeat:no-repeat; background-position:center top}
#bg_about_us{text-align:center; width:953px; min-height:252px!important; height:auto; background-image:url(images/bg_about_us.jpg); background-repeat:no-repeat; background-position:center top}
#detail_about_us{text-align:left; width:793px; height:auto; padding-left:80px; padding-right:80px}

/*personnel*/
#title_personnel_th{text-align:center; width:953px; height:161px; background-image:url(images/title_personnel_th.jpg); background-repeat:no-repeat; background-position:center top}
#title_personnel_en{text-align:center; width:953px; height:161px; background-image:url(images/title_personnel_en.jpg); background-repeat:no-repeat; background-position:center top}
#per_left{text-align:left; width:395px; float:left; height:auto; padding-right:3px}
#per_right{text-align:left; width:375px; float:left; height:auto; padding-left:20px}

/*bg personnel & contact us*/
#bg_detail{text-align:left; width:793px; height:auto; padding-left:80px; padding-right:80px; background-image:url(images/bg_body.jpg); background-repeat:repeat-y; background-position:center top}

/*contact us*/
#title_contact_us_th{text-align:center; width:953px; height:161px; background-image:url(images/title_contact_th.jpg); background-repeat:no-repeat; background-position:center top}
#title_contact_us_en{text-align:center; width:953px; height:161px; background-image:url(images/title_contact_en.jpg); background-repeat:no-repeat; background-position:center top}
#address{text-align:left; float:left; width:390px; height:auto}
#form_email{text-align:left; float:left; width:403px; height:auto}

#img_security{width:100px; height:20px; float:left; margin-left:120px;}

/*form*/
div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}
#contact {
	width: 403px;
}

h1 {
	font-size: 16px; color: #d96f1a; text-transform: uppercase;
	text-align: center; margin: 0 0 15px 0; text-shadow: 0px 1px 0px #f2f2f2;
}

label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 100px;
	text-align: right; font-size: 14px; color: #d82603; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {
	width: 150px; height: 25px; padding: 5px 15px 0px 15px; margin: 0 0 5px 0; 
	background: #fed4a3;
	background: -moz-linear-gradient(top, #fed4a3 0%, #fed4a3 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6af6d), color-stop(50%,#f4c388)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #f2f2f2;/* text-transform: uppercase;*/ text-shadow: 0px -1px 0px #f4c48a; 
}

	input::-webkit-input-placeholder  {
    	color: #fbd0a3; text-shadow: 0px -1px 0px #efa85d;  
	}
	input:-moz-placeholder {
	    color: #fbd0a3; text-shadow: 0px -1px 0px #efa85d; 
	}

textarea {
	width: 200px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 5px 0; 
	background: #fed4a3;
	background: -moz-linear-gradient(top, #fed4a3 0%, #fed4a3 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6af6d), color-stop(20%,#f4c388)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #f2f2f2; /* text-transform: uppercase;*/ text-shadow: 0px -1px 0px #f4c48a; 
}
	textarea::-webkit-input-placeholder  {
    	color: #fed4a3; text-shadow: 0px -1px 0px #fed4a3;  
	}
	textarea:-moz-placeholder {
	    color: #fed4a3; text-shadow: 0px -1px 0px #fed4a3; 
	}
	
input:focus, textarea:focus {
	background: #fed4a3;
	background: -moz-linear-gradient(top, #e79a54 0%, #e79a54 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb86f), color-stop(20%,#ffb86f)); /* webkit */
}

input[type=button] {
	width: 100px; height: 30px; float: left; padding: 5px 5px; margin-left:120px; margin-top:0px;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #e7a663;
	background: -moz-linear-gradient(top, #ffb86f 0%, #ffb86f 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb86f), color-stop(100%,#e7a663)); /* webkit */
	cursor: pointer;
}

/*footer*/
#footer{text-align:left; width:453px; height:123px; padding-top:30px; padding-left:500px; background-image:url(images/footer.jpg); background-repeat:no-repeat}

/*txt_style*/
.text_red_small{font-family:Tahoma; font-size:13px; color:#aa1102}
.text_orange_bold{font-family:Tahoma; font-size:15px; color:#d82209; font-weight:bold}
.text_red_italic{font-family:Tahoma; font-size:14px; color:#aa1102; font-weight:bold; font-style:italic}
.text_red{font-family:Tahoma; font-size:14px; color:#FF0000}

/*txt_link*/
.link_more a:link{font-family: Tahoma; font-size:13px; color:#aa1102; font-weight:bold; text-decoration:none}
.link_more a:visited{font-family: Tahoma; font-size:13px; color:#aa1102; font-weight:bold; text-decoration:none}
.link_more a:hover{font-family:Tahoma; font-size:13px; color:#da5e03; font-weight:bold; text-decoration:underline}
.link_more a:active{font-family: Tahoma; font-size:13px; color:#aa1102; font-weight:bold; text-decoration:none}

.MsgError{font-size:12px; color:#666; text-align:center; border:1px solid #C00; background:#F7CBCA; font-weight:bold; color:#C00; margin-bottom:10px; padding:5px; float:left; width:360px; margin:1px 1px 8px 1px; min-height:20px; height:auto !important; height:100%}
.MsgCompleted{font-size:12px;text-align:center; border:1px solid #349534; background:#C9FFCA; font-weight:bold; color:#006600 margin-bottom:10px; padding:5px; background-color:#00CC66 float:left; width:360px; margin:1px 1px 8px 1px; min-height:20px; height:auto !important; height:100%}

/*news & promotion_page(home-news)*/
.news_left{text-align:left; width:395px; float:left; min-height:20px; height:auto !important; height:100%; padding-right:3px}
#news_home{text-align:left middle; width:370px; height:auto; padding-left:60px; padding-right:30px; padding-top:0px; padding-bottom:0px}
.news_img{text-align:center; float:left; width:80px; height:48px; border-width:1px 1px 1px 1px; border-color:#efa85d; border-style:solid}
.news_img_full{ float:left;text-align:center; min-width:20px; width:auto !important; width:100%; height:auto; border-width:1px 1px 1px 1px; border-color:#efa85d; border-style:solid}
.news_txt{text-align:left; float:left; width:270px; height:auto; padding-left:10px}
#title_news{text-align:center; width:953px; height:161px; background-image:url(images/title_news.jpg); background-repeat:no-repeat; background-position:center top}

#news_detail{text-align:center; width:400px; height:auto; padding-left:200px; padding-right:150px}

.page-massage{float:left; width:793px; min-height:20px; height:auto !important; height:100%;  text-align:left; margin-top:20px;}
.fontsmall-black12{width:30px;min-height:20px; height:auto !important; height:100%; text-align:center; text-decoration:none; margin-right:1px; color:#cc8d53; font-size:12px; line-height:20px;  padding:2px 7px; border:1px solid #e8a669; -moz-border-radius: 5px;-webkit-border-radius: 5px; cursor:pointer;}
.fontsmall-black12:hover{ background-color:#e8a669; color:#000000; text-decoration:none;}
.fontsmall-black12 a:link{color:#cc8d53; text-decoration:none}
.fontsmall-black12 a:visited{color:#cc8d53; text-decoration:none}
.fontsmall-black12 a:hover{color:#000000; text-decoration:underline; }
.fontsmall-black12 a:active{color:#cc8d53; text-decoration:underline}
.fontsmall-black12:hover  a{color:#000000; text-decoration:none;}


.fontsmall-black12s{width:30px; min-height:20px; height:auto !important; height:100%;text-align:center; text-decoration:none; margin-right:1px; color:#cc8d53; font-size:12px; line-height:20px;  padding:2px 7px; border:1px solid #e8a669;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.fontsmall-black12s a:link{color:#cc8d53; text-decoration:none}
.fontsmall-black12s a:visited{color:#cc8d53; text-decoration:none}
.fontsmall-black12s a:hover{color:#000000; text-decoration:underline; }
.fontsmall-black12s a:active{color:#cc8d53; text-decoration:underline}

.fontsmall-black12ss{width:30px;min-height:20px; height:auto !important; height:100%; text-align:center; text-decoration:none; margin-right:1px; color:#fff; font-size:12px; line-height:20px;  padding:2px 7px; border:1px solid #e8a669; -moz-border-radius: 5px;-webkit-border-radius: 5px;background-color:#e8a669;}
.fontsmall-black12ss a:link{color:#cc8d53; text-decoration:none}
.fontsmall-black12ss a:visited{color:#cc8d53; text-decoration:none}
.fontsmall-black12ss a:hover{color:#000000; text-decoration:underline; }
.fontsmall-black12ss a:active{color:#cc8d53; text-decoration:underline}