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

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

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

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

/* class */
#body{ margin-left:auto; width:900px; margin-right:auto;background:#0654b9; margin-top:0px; margin-bottom:0px;}
#header{}
#gav{ width:900px; background:#3073b8; height:34px;}
#gav .gleft{float:left; width:50% }
#gav .gright{float:left; width:50%; text-align:right; padding-top:5px;}
#gav .gright a{ color:#FFFFFF; text-decoration:none;}
#web{ background:#478fd9; width:890px; border-bottom:1px solid #0099FF; padding-left:10px; text-align:left}
#web a{ color:#000000; text-decoration:none; font-weight:bold;}
#logo{ padding-bottom:0px; padding-top:0px; height:120px}

#menu{ background:#0251ad; color:#FFF; width:900px; border-top:3px solid #FF0}
#menu ul{}
#menu ul li{float:right;}
#menu ul li a{ border-left:2px solid #114899; display:block;color:#FFF; padding-top:4px; padding-bottom:4px; font-weight:bold; padding-left:20px; padding-right:20px;}
#menu ul li a:hover{ background:#FC3; text-decoration:none}

#content{ padding-top:7px; padding-bottom:7px;  color:#FFFFFF;}
#left{float:left; width:180px;}
#main{ float:left; width:704px; margin-left:7px; padding-right:7px;}
#main p, #home-main p{ padding-bottom:5px;}
#main h1, #home-main h1{ font-size:18px; padding-bottom:3px; border-bottom:1px dashed #FFF; margin-bottom:5px; color:#f3f318}

#home-main{ float:left; width:497px; padding-left:7px; padding-right:7px; }
#home-left{float:left; width:200px; padding-right:7px;}

.bg{ background:url(images/bg02.gif) repeat-y}
.bg-home{ background:url(images/bg03.gif) repeat-y}
.bg-product{ background:url(images/bg04.gif) repeat-y}

#left ul{background:#3a84db;}
#left ul li{ border-bottom:2px solid #074598; padding-left:15px;}
#left ul li a{ background:#3a84db; font-weight:bold; display:block;color:#FFF; border-left:10px solid #FF0; padding-top:3px; width:140px; padding-bottom:3px; padding-left:15px;}
#left ul li a:hover{ border-left:10px solid #ed008c; color:#333; text-decoration:none}

#footer{ font-size:11px;  padding-bottom:10px; color:#FFFFFF}
#footer #copyright{ padding-left:7px; color:#333; background:#FF0;padding-top:5px; padding-bottom:5px; margin-bottom:5px;}
#footer #copyright a{ color:#333}
#footer .f-left{ float:left; text-align:left; padding-left:7px;}
#footer .f-right{float:right;text-align:right; padding-right:7px;}
#footer .fcenter{ text-align:center;}
#footer strong{ font-size:13px;}

.p_line{border-bottom:1px dashed #cccccc;width:100%; font-size:0px}
.p_title{ font-size:18px; font-weight:bold; padding-top:20px; padding-bottom:20px}
.link{color:#333; text-decoration:none; font-weight:bold}
.link:hover{text-decoration:none}
.bg-product #main h1{ color:#000000}

/* 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}