@charset "utf-8";
/* CSS Document */
@import url(../fonts/thsarabunnew.css);
@import url(../black-ribbon/black-ribbon.css);
body{background-color:#efefef; font-family: 'THSarabunNew'; font-size:14px; margin:0; padding:0;}
img{ border:none;}
h2{ padding:0; margin:0; color:#474747; font-size:25px;}
h3{padding:0; margin:10px 0 0 20px; color:#969696; font-size:14px;}

.clear{ clear:both;}
.left{float:left;}
.main{width:1000px; margin:auto; padding:0;}
.head{float:left; width:1000px; position:relative;}
.logo{float:left; width:300px; margin-top:20px;}
.menu{float:left; width:700px; text-align:right;}
.menu ul{list-style:none; margin-top:40px; background-color:#FF0;}
.menu li{ float:left; text-align:center; width:90px; height:40px; padding-top:7px;}
.menu li a{ text-decoration:none; color:#787878; text-shadow:0.1em 0.1em 0.2em #8e8e8e; width:90px; height:40px;}
.menu li a:hover{ color:#FFF;}
.menu li:hover{ color:#FFF; background-image:url(../images/menu.png); background-repeat:no-repeat; width:90px; height:40px;}
.menu li.active {color:#FFF; background-image:url(../images/menu.png); background-repeat:no-repeat; width:90px; height:40px;}
.menu li.active a{ color:#FFF; text-decoration:none;}

div.slide-shadow { 
	width:1000px; height:400px; background-color:#69d7f2; float:left; margin:30px 0 30px 0; border:none; padding:3px 5px 3px 5px; float:left;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;    
	-khtml-border-radius:25px;
	box-shadow:0px 1px 3px #989898;
	-moz-box-shadow:0px 1px 3px #989898;
	-webkit-box-shadow:0px 1px 3px #989898;
	} 
.slide1{float:left; width:400px; margin:60px 0 0 20px;}	
.slide2{float:left; width:580px; margin:55px 0 0 0;}

div.col { 
	width:1000px; height:140px; background-color:#e5e5e5; float:left; margin:30px 0 30px 0; border:none; padding:0px 5px 0px 0px; float:left;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;    
	-khtml-border-radius:25px;
	box-shadow:0px 1px 3px #888888;
	-moz-box-shadow:0px 1px 3px #888888;
	-webkit-box-shadow:0px 1px 3px #888888;
	}
div.col h1{ color:#525252; font-size:15px; padding:0; margin:0;}
div.col p{ color:#979797; font-size:14px; padding:0; margin:0;}
.col img{ text-align:center;}	
.col-sub{width:330px; float:left;} 
.col-bar{width:5px; height:140px;float:left;}
.col-sub .img{ width:115px; float:left; text-align:center; margin:10px 0px 0 0px;}
.col-sub .content{ width:205px; float:left; margin:25px 0 0 10px;}
.col-link{position:absolute; margin:123px 0 0 0px;}
.col-link a{ margin:120px;}

.featuree{width:1000px; margin:50px 0 50px 0; float:left;}
.featuree h2{ padding:0; margin:0; color:#474747; font-size:25px; text-align:center;}
.featuree .sub{width:317px; height:194px; float:center; background-color:#FFF; margin:25px 24px 0 0; text-align:center; padding-top:20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;    
	-khtml-border-radius:25px;
	box-shadow:0px 1px 3px #888888;
	-moz-box-shadow:0px 1px 3px #888888;
	-webkit-box-shadow:0px 1px 3px #888888;
}
.featuree .sub1{width:317px; height:194px; float:center; background-color:#FFF; margin:20px 0px 0 0; text-align:center; padding-top:20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;    
	-khtml-border-radius:25px;
	box-shadow:0px 1px 3px #888888;
	-moz-box-shadow:0px 1px 3px #888888;
	-webkit-box-shadow:0px 1px 3px #888888;
}
.feature{width:1000px; margin:50px 0 50px 0; float:left;}
.feature h2{ padding:0; margin:0; color:#474747; font-size:25px; text-align:center;}
.feature .sub{width:317px; height:194px; float:left; background-color:#FFF; margin:25px 24px 0 0; text-align:center; padding-top:20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;    
	-khtml-border-radius:25px;
	box-shadow:0px 1px 3px #888888;
	-moz-box-shadow:0px 1px 3px #888888;
	-webkit-box-shadow:0px 1px 3px #888888;
}
.feature .sub1{width:317px; height:194px; float:left; background-color:#FFF; margin:20px 0px 0 0; text-align:center; padding-top:20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;    
	-khtml-border-radius:25px;
	box-shadow:0px 1px 3px #888888;
	-moz-box-shadow:0px 1px 3px #888888;
	-webkit-box-shadow:0px 1px 3px #888888;
}

.main-package{width:1000px; float:left;}
.main-package H1{ color:#333333; font-weight:normal; font-size:30px;margin:0; text-align:center;}
.main-package H2{ color:#f00; font-weight:normal; font-size:26px; margin:20px 0 0 0; padding:0;}
.title-package{text-align:center; padding-top:50px; float:left; width:100%;}
#package-head{float:left; margin:0px 30px 0px 25px; width:955px;}
#package-head .package-head{float:left; width:955px;}
#package-head .left{ float:left; margin:100px 0 0 0;}
#package-head .right{float:right; margin:0px 0 0 0; background-image:url(../images/package-bg.png); background-repeat:no-repeat; width:502px; height:160px; background-position:bottom right}
#package-head .right1{float:left; padding:110px 0 0 0; width:250px; text-align:center;}
#package-head .right2{float:left; padding:100px 0 0 0; width:250px; text-align:center;}
#package{float:left; width:952px; margin:0 30px 30px 25px; font-size:14px; line-height:30px; border:thin groove #dadada; color:#666; border-radius: 5px; box-shadow: 0px 1px 2px #fff inset;}
#package table{padding:0; margin:0; width:952px;}
#package #tr1{ background-color:#e8e8e8;}
#package #tr1 .td1{ border-right:thin groove #dadada; width:455px;padding:10px 0 10px 10px;}
#package #tr1 .td2{ border-right:thin groove #dadada; width:250px; text-align:center; padding:10px 0 10px 0;}
#package #tr1 .td3{ border-right:thin groove #dadada; width:250px; text-align:center;padding:10px 0 10px 0;}
#package #tr1 .td4{ width:200px; text-align:center;padding:0px 0 0px 0;}
#package #tr2 .td1{ border-right:thin groove #dadada; width:455px; padding:10px 0 10px 10px;}
#package #tr2 .td2{ border-right:thin groove #dadada; width:250px; text-align:center; padding:10px 0 10px 0;}
#package #tr2 .td3{ border-right:thin groove #dadada; width:250px; text-align:center; padding:10px 0 10px 0;}
#package #tr2 .td4{ width:200px; text-align:center; padding:5px 0 5px 0;}
#package-footer{margin:0 30px 30px 25px; float:left; width:960px;}
#package-footer p{text-indent:30px; color:#666; font-size:14px;}
h7{ color:#e8e8e8; font-weight:normal; font-size:16px;margin:0; padding:0; font-weight:bold; color:#FF0;}
h8{ color:#e8e8e8; font-weight:normal; font-size:16px;margin:0; padding:0;}
h9{padding:0; margin:10px 0 0 0px;  font-size:14px;}
div.shadow { 
	width:300px;  border:1px solid #ccc; padding:3px 5px 3px 5px; float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    
	}  
.title{float:left; margin:0px 0px 0 10px; padding:0; min-width:90px; padding:0;}

#register{margin-top:0px; float:left; padding-top:50px; margin-bottom:100px; background-image:url(../images/com.jpg); background-position:right; background-repeat:no-repeat; background-position:right center; width:1010px; min-height:300px; background-color:#FFF;-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow:0px 1px 3px #ccc;
	-moz-box-shadow:0px 1px 3px #ccc;
	-webkit-box-shadow:0px 1px 3px #CCC;
}
#register H1{ color:#333333; font-weight:normal; font-size:30px;margin:0; margin:0px 0 10px 30px; text-align:center;}
#register H2{ color:#333333; font-weight:normal; font-size:30px;margin:0; margin:0px 0 10px 30px;}
#register H3{ color:#333333; font-weight:normal; font-size:18px;margin:0; margin:0px 0 0px 50px;}
#register p{ line-height:25px; padding:0; margin:0 0 0 50px; font-size:12px;}
#register .register{ float:left; width:1000px; margin:10px 0 10px 0px;}
#register input{width:300px; height:25px; border:none; font-size:18px; color:#999;}
#register textarea{width:300px; height:100px; border:none; font-size:18px; color:#999;}
#register select{width:300px; height:25px; border:none; font-size:18px; color:#999;}
#register a{text-decoration:none; color:#999;}
#register a:hover{text-decoration:none; color:#4db0f4;}
.register-buttom{float:left; margin:50px 0 100px 100px;}
.register-buttom1{float:left; margin:50px 0 325px 175px;}
#register H4{ color:#333333;font-size:16px;font-weight:normal; margin:0;}
.footer{width:100%; text-align:center; float:left; margin:0; padding:10px 0 10px 0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:20px; color:#969696;}

.regis{position:absolute; left:860px; padding-top:3px; font-size:12px; background-color:#6ad8f3; border-radius:0 0 5px 5px; width:150px; text-align:center; color:#FFF;
	-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
.regis a{ text-decoration:none; color:#fff;}

/*
body {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
	background: #aaa !important;
}
*/
/*
body {
	-webkit-filter: grayscale(.4);
	-moz-filter: grayscale(.4);
	filter: grayscale(.4);	
}
*/