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

body{font-size:12px;font-family:tahoma, verdana, arial, sans-serif;color:#333333; background: #fede79 url(/images/bg.gif) repeat-x; }

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#105cb6; text-decoration:none;}
a:hover{ text-decoration:underline}

/* global class */ 
.clear {clear:both;}

/* body */ 
#body{width:830px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:20px;}

/* header */
#header {}

#slide{ background:#fe0000; padding:3px 10px; font-size:15px; font-weight:bold}
#menu { background:#0001fb; height:31px;}
#menu ul { padding-left:155px; padding-right:155px;}
#menu ul li{ float:left; width:130px;text-align:center}
#menu ul li a{ display:block;color:#FFF; font-weight:bold; font-size:14px;padding-top:7px; padding-bottom:7px; outline:none}
#menu ul li a:hover{ background:#e68237; color:#333; text-decoration:none;}

#logo { width:830px; background:#fe0009}

#content { background:#FFF; padding-left:10px; padding-right:10px;}
#content .h1{ font-size:18px; font-weight:bold; border-bottom:1px solid #F93; width:100%; padding:5px 0px;}
#main{ padding-top:10px; padding-bottom:10px;}
#main h1{ font-size:16px; font-weight:bold;border-bottom:1px solid #F93; padding:5px 0px;}

.map{ padding-left:0px; padding-right:0px; text-align:center}

#home-left{float:left; width:410px; }
#home-right{float:left; width:400px;}
#main-product{ width:810px; background:#ff9629;}
#main-product ul{}
#main-product ul li{ float:left; width:405px; padding:10px 0px; text-align:center;}
#main-product ul li h3{ color:#FFF; font-weight:bold; font-size:12px; height:30px;}
#main-product ul li p{ padding-top:5px;}
#main-product ul li p img{ border:0px;}

#product-left{float:left; width:240px;}
#product-left ul{}
#product-left ul li{ margin-bottom:10px; margin-left:10px; margin-right:10px;}
#product-left ul li h3{ background:#ff9900; color:#FFF; padding:5px 0px; text-align:center; font-size:12px;}
#product-left ul li p{ padding:5px 0px; text-align:center; background:#FFF}
#product-left img{ border:0px;}

#product-right{float:left; width:560px; margin-left:10px;}
#product-right ul{}
#product-right ul li{float:left; width:270px;margin-right:10px; padding-bottom:10px;}
#product-right ul li h3{ background:#ffff99; padding:5px 0px; text-align:center; font-size:12px; font-weight:bold}
#product-right ul li p{padding:5px 0px; text-align:center; background:#FFF}
#product-right img{ border:0px;}

#product-detail{float:left; width:550px; margin-left:10px; background:#FFF}
#product-detail h2{ font-size:16px; padding:10px;}
#product-detail div{padding:10px; text-align:center}
#product-detail p{padding:10px;}

.product{ background:#f70200; padding-bottom:10px; padding-top:20px;}

/* ##### FOOTER ##### */
#footer{}
#fmenu{ background:#bf4444;padding-top:5px; padding-bottom:5px; padding-left:10px;padding-right:10px; }
#fmenu ul{}
#fmenu ul li{ float:left; padding-left:10px; padding-right:10px; border-right:1px solid #FFF}
#fmenu ul li a{ color:#FFF;}
#fmenu ul li a:hover{}

#ffoot{ background:#FFF url(/images/ffoot-logo.gif) right no-repeat; padding:5px 120px 7px 10px; text-align:right;}
#ffoot p{ font-size:12px; font-weight:bold; color:#000; padding-top:2px;}

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

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

/* paging */
.paging-box{ width:100%;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px; border:1px solid #328AB2; background:#4EB6E5; padding:2px 5px; color:#FFFFFF; }
.paging a{margin:2px; border:1px solid #328AB2; background:#FFFFFF; padding:2px 5px; color:#2583AD;}
.paging a:hover{color:#FFFFFF; background:#4EB6E5}