/* CSS Document */
*{ margin:0; padding:0;}
ul li{ list-style:none}
a { text-decoration:none}
body{ background:#cac1b2; font-family:Tahoma, Geneva, sans-serif !important }
img{border:none}
#wraper{width:900px; margin:auto; border-right:2px solid #FFF; border-left:2px solid white; background:url(../images/body.jpg);
min-height:300px}
/*Header*/
#header { margin-bottom:50px}
#wraper #header .top-page{ width:710px; margin:auto; height:40px; line-height:40px; border-top:2px solid #b5ab99; border-bottom:2px solid #b5ab99; font-weight:bold; color:#beb4a7; text-transform:uppercase; text-align:center; font-size:12px; overflow:hidden}
#wraper #header .logo{ margin:auto;width:320px}
#wraper #header ul.navi-page li{ display:inline; float:left}
#header li.navi-list{background:url(../images/left_icon.png) no-repeat center left; padding:0 0 0 20px; margin:0 0 0 8px; color:#c2b9ac}
.top-page li span{background:url(../images/num_bg.gif) no-repeat left center; padding:7px; color:#958771; margin-right:10px; text-align:center}
.top-page li span.current{background:url(../images/num_bg_current.gif) no-repeat center center; padding:7px 7px 7px 7px}
/*Conten*/
#wraper .bg-top{background:url(../images/conten_bg_top.jpg) no-repeat left 30px;  }
#wraper .bg-top-intro{background:url(../images/conten_bg_top.jpg) no-repeat left top;  min-height:700px }

#wraper .bg-bottom{background:url(../images/conten_bg_bootom.jpg) no-repeat right bottom;  }
#wraper #conten { width:600px;margin:20px auto;  }
#conten div.title{ color:white; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:18px; padding-bottom:15px}
#conten span.number { color:white; font-weight:bold; background:url(../images/num_bg2.gif) no-repeat center center; padding:5px 10px 5px 10px}
#wraper #conten .box-conten{ width:585px; background:#ebe7e4; margin:10px 0 20px 0; padding:15px 5px 15px 15px;-moz-border-radius:5px; -webkit-border-radius:5px; color:#3f3f3e; font:Tahoma, Geneva, sans-serif; font-size:11px; } 
#conten .box-conten h4{ color:#a76e0d; font-weight:bold; font-size:12px; margin-bottom:15px} 
#conten .box-conten h3{ color:#a76e0d; font-weight:bold; font-size:11px; margin-bottom:10px} 

/*Form*/
input, select, texarea{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#343434;}
#conten .info-form{overflow:hidden;margin:5px 0 10px 0;}
#conten .info-lable{float:left;text-align:right; width:130px;}
#conten .info-input{float:right; margin:0 190px 0 0;}
#conten .info-input-select-date{float:left; margin:0 0px 0 22px; }
#conten .info-textarea{float:right; margin:0 95px 0 0; padding:0}
#conten .info-radius{float:left; margin:0 0px 0 170px;  line-height:20px}

#conten .info-input input{ width:240px; border:1px solid #cccccc; padding:2px 0 2px 0}
#conten .info-input select{ border:1px solid #cccccc; margin:0 0 0 0px;padding:2px 1px 2px 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px}
.info-input-select-date select{ border:1px solid #cccccc; margin:0 0 0 21px;padding:1px 1px 1px 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px}
.info-input-select-date .date{ border:1px solid #cccccc; margin:0 0 0 0px !important;padding:1px 1px 1px 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px}

#conten .info-textarea textarea{border:1px solid #cccccc !important; padding:2px 0 2px 0; margin:0px 0 0px 0}
#conten  textarea{border:1px solid #cccccc !important;}
#frmRegister input { padding:2px 5px 2px 5px; margin:0}
#frmRegister .button {float:right; width:430px}
#frmRegister .btn-class{ width:300px; margin:auto; padding-bottom:10px}
#frmRegister .btn-class input{ margin-left:5px;text-transform:uppercase; font-weight:bold;color:#a76908; border:none;cursor:pointer; font-size:12px}
#frmRegister .btn-class input[name='quayLai']{background:url(../images/btn_back.png) no-repeat center !important; margin-left:5px;text-transform:uppercase; font-weight:bold;color:#a76908; border:none;cursor:pointer; font-size:12px}

.quayLai{ padding:18px 25px 18px 35px ; background:url(../images/btn_back.png) no-repeat center center;text-transform:uppercase; font-weight:bold;color:#a76908; text-decoration:none; font-size:12px; font-family:Tahoma, Geneva, sans-serif}

#frmRegister .btn-class input[name='reset']{ width:107px; height:29px;background:url(../images/btn_reset.png) no-repeat}
#frmRegister .btn-class input[type='submit']{ width:107px; height:29px;background:url(../images/btn_submit.png) no-repeat}
#frmRegister p{ margin:10px 0 5px 0; line-height:17px}
/****************************************
******** Foorm 2 ***********************
***************************************/
.box-conten-child{ margin:0 0 25px 0; }
.box-conten span{color:red}

/*table*/
table{ padding:0 !important; margin:0 !important; }
table td input{ padding:0 !important; margin:0 !important;}

.table-conten{overflow:hidden; float:right; margin:0 0 0 0px; padding: 0 0 0 0px !important; width:434px;}
.info-form table td{ padding:0px 0 10px 0}
.td-children{ padding-left:20px}
.td-last{ padding:0 !important;}
.note-upload{ font-size:11px; color:#F00; font-weight:bold; line-height:18px}
.note-upload span{color:black}
/*Footer*/
 #footer{ height:50px; text-align:center; background:url(../images/footer_bg.jpg) no-repeat center top; padding:10px 0 0 0; color:white; font-size:11px; line-height:15px}
#footer a{ color:white; text-decoration:none}
 #conten .top-intro{ width:600px; background:#ebe7e4 url(../images/wellcome.jpg) no-repeat center top ; margin:0px 0 20px 0; padding:60px 10px 25px 20px;-moz-border-radius:5px; -webkit-border-radius:5px; color:#3f3f3e; font:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px;} 
 #conten .top-intro img{ margin-bottom:20px}

.languge{ width:200px; float:right;  margin:10px 30px 0 0;}
.languge ul li{ list-style:no; display:inline; float:left; margin:0 0 0 3px; }
.languge li a{ color:#c4baab; text-decoration:none; font-size:11px; font:Tahoma, Geneva, sans-serif}
.languge li span{ color:#c4baab !important;  font-size:11px;}
.languge li a.active{ color:#FFF !important;  }
.bt-enter{ width:92px; height:32px; margin:auto}