@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

body{ background:#8ABD3C;font-size:13px;font-family: tahoma, verdana, arial, sans-serif; color:#333333}
#body{ margin:0 auto;width:960px; margin-top:10px;}
li{
	list-style-type: none;
}
.clear{ clear:both;}
a{text-decoration:none;}
h1{font-size:16px; padding-bottom:5px;}

/* body */
#header{ background:url(images/header.jpg) no-repeat; width:960px; height:120px;}
#container{background:url(images/background.jpg) repeat-y; width:960px;}
#footer{ background:url(images/footer.jpg) no-repeat top; width:960px; height:28px;}
#content { width:928px; margin-left:16px; margin-right:16px;}



/* home */
#home{ width:928px;background:#8BC50D url(images/home_left_bg.gif) repeat-x;}
#home-left{float:left; width:398px; padding:10px;  color:#FFFFFF;}
#home-main{float:left; width:500px; margin-top:10px; margin-bottom:10px; padding-left:10px;}
#home-footer{ width:928px; background:#5D8D00; padding-top:10px; padding-bottom:10px;}
#home-slide{ width:928px; height:80px; font-size:0px;}
#home-slide ul{}
#home-slide ul li { float:left; width:116px; height:80px;}

/* contact */
#contact{ width:928px;background:#8BC50D url(images/home_left_bg.gif) repeat-x;}
#contact-left{float:left; width:328px; height:400px; padding:10px;  color:#FFFFFF; }
#contact-main{float:left; width:570px; margin-top:10px;}

/* aboutus */
#aboutus{ width:928px;background:#8BC50D url(images/home_left_bg.gif) repeat-x;}
#aboutus-left{float:left; width:598px; padding:10px;  color:#FFFFFF; }
#aboutus-main{float:left; width:300px; margin-top:10px; margin-bottom:10px; padding-left:10px;}
#aboutus li{ margin-left:25px;}

/* product */
#product{ width:928px;background:#8BC50D url(images/home_left_bg.gif) repeat-x;}
#product-main{float:left; width:658px;  margin-top:10px; margin-bottom:10px; padding-left:10px;}
#product-right{float:left; width:240px; padding:10px;  color:#FFFFFF; }
#product-main h1{ color:#FFFFFF; padding-bottom:10px;}

/* travel list */
ul.travel{}
ul.travel li { clear:both; }
ul.travel li div{float:left; padding-bottom:20px;}
ul.travel li .travel-thumb{ width:200px; text-align:center;}
ul.travel li .travel-desc{ width:450px;}
ul.travel li a{ text-decoration:none; color:#FFFFFF}
ul.travel li strong a{ text-decoration:underline; }
ul.travel li img{ padding:3px; border:1px solid #666666; background:#FFFFFF}

/* service */
#service{ width:928px;background:#8BC50D url(images/home_left_bg.gif) repeat-x;}
#service-left{float:left; width:698px; padding:10px;  color:#FFFFFF; }
#service-main{float:left; width:200px; margin-top:10px; margin-bottom:10px; padding-left:10px;}
#service-main span{ display:none;}
#service-main .service{ width:200px; height:34px; margin-bottom:10px; background:url(images/service_title.jpg) no-repeat}
#service-main .service_in{ width:200px; height:27px; background:url(images/service_in.jpg) no-repeat}
#service-main .service_out{ margin-top:10px; width:200px; height:27px; background:url(images/service_out.jpg) no-repeat}
#service-main ul{ background:#D3E6AB}
#service-main ul li{ width:100%;}
#service-main ul li a{ display:block;padding-left:15px; height:20px; padding-top:2px; color:#333333; outline:none}
#service-main ul li a:hover{padding-left:25px; background:#8AC04E; font-weight:bold; color:#FFFFFF;}

/* gallery */
#gallery{}
#gallery .ginner{padding:20px 10px; background:#81BA41 url(images/gallery_bg.gif) repeat-x; text-align:center;}
#gallery .ginner img{ padding:5px; background:#D3E6AB }
#gallery .gtitle { font-size:14px; padding-top:5px; font-weight:bold;}
#gallery .gcontrol{ padding-top:20px;text-align:center;color:#333333; width:100%;}
#gallery .gcontrol strong{  padding-left:20px; padding-right:20px;}
#gallery .gcontrol a{ display:block;background:#FFFFFF;color:#333333; padding:5px 20px; border:1px dashed #81BA41; font-weight:bold; outline:none;}
#gallery .gcontrol a:hover{ background:#EDFED9;}
#gallery .gcontrol .gback{float:left; width:16%; text-align:center; padding-left:135px;}
#gallery .gcontrol .gdisplay{float:left; width:28%; text-align:center}
#gallery .gcontrol .gnext{float:left; width:16%; text-align:center}

/* menu*/
#menu {height:30px; padding-top:70px; font-weight:bold;}
#menu ul { padding-left:30px;background:#FFCC00}
#menu ul li{ float:left; text-align:center; }
#menu ul li a{display:block; outline:none; font-size:13px;background:url(images/bg_menu.gif) no-repeat;color:#333333; padding-top:20px; margin-left:5px;width:128px;  height:20px;}
#menu ul li a:hover{ letter-spacing:2px;font-size:14px;background:url(images/bg_menu_hover.gif) no-repeat;padding-top:15px; height:23px; border-bottom:2px solid #FF9900; }

/* footer */
#ffooter {margin:0 auto;width:960px; text-align:center; padding-bottom:10px;}
#ffooter .fcontact{ font-size:11px;}
#ffooter .fcopy{ font-size:11px;}
#ffooter a{ color:#FFFFFF;}

/* page */
.page{}
.page ol{ margin-left:12px;}
.page ol li{ list-style-type: decimal;}
.page ul{ margin-left:12px;}
.page ul li{ list-style-type:disc}
.page p{ padding-bottom:5px;text-indent:20px;}

#contact-left .page p{text-indent:0px;}



/* sendmail */
#sendmail {}
#sendmail .mail-error{ color:#000000;}
#sendmail .mail-success{ color:#FFFFFF;}
#sendmail .box-sending{text-align:center;color:#000000; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center;color:#000000; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center;color:#000000; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:170px;}
#sendmail textarea{ width:170px; height:80px;}
#sendmail #send{ width:auto;}