﻿html {padding-top:130px; background:url(/img/back/index.jpg) black no-repeat top center}
body {font:12px verdana;width:980px;margin:0 auto;padding:0;color:#333; background:url(/img/bk1.gif) repeat-x top #F5F5F5;}
tt{font:bold 12px verdana;margin-right:10px}
i{font-family:Verdana}
a {color:#333; text-decoration:none}
a:hover {text-decoration:underline;color:#f00}
img {border:none; margin:0}
ul,ol {margin:0;padding:0;height:100%;}
p {margin:0;padding:0}
li {list-style:none}
h1,h2,h3 {margin:0;padding:0;font-family:Georgia}
form {padding:0;margin:0}

#header {background:url(/img/logo.gif) no-repeat 12px 28px}
#nav {font:12px georgia;height:40px; padding-top:20px; padding-left:350px; background:url(/img/dotline.gif) repeat-x bottom;}
#nav li {height:32px;background:url(/img/line1.gif) no-repeat left; float:left; line-height:32px;padding-left:1px; margin-top:8px}
#nav li a {float:left;display:block; padding:0 12px;height:32px; line-height:32px;white-space:nowrap}
#headbar {font:12px verdana;background:#E4EDF5;border-bottom:1px solid #C7C7C7; height:32px; line-height:31px; text-align:right;padding:0 20px 0px 64px}
#headbar a{color:blue}
#headbar a:hover{color:red;}

#main {overflow:hidden;padding:6px 13px 40px 13px; height:100%;}
#search {height:30px; line-height:30px; background:url(/img/bk3.gif) repeat-x;border-top:1px solid #5A748D; margin-bottom:8px}
#search img{cursor:pointer}
#search .input {border:1px solid #D7D7D7;font:12px Verdana;padding:2px;height:12px;width:180px; background:#FFF;margin:3px 5px}

#left {width:230px;float:left;height:100%;overflow:hidden}
#left .title {height:30px; background:url(/img/bk4.gif) repeat-x;border-left:1px solid #FFF;border-right:1px solid #FFF;}
#left .title b {color:#4C4C4C;font:bold 14px Verdana; line-height:30px; padding-left:10px}
#left .catalogs {font:12px verdana;border:1px solid #FFF; background:url(/img/bk5.gif) repeat-x top #EAE9E9;padding:5px 6px 10px 6px}
#left .catalogs li {background:url(/img/dotline2.gif) repeat-x bottom; padding:8px 0 4px 5px}
#left .catalogs li a.focus{font-weight:bold;color:red}

#left .paypic {clear:both;margin-bottom:5px}
#left .paypic td{padding-bottom:2px}
#left .tel {background:url(/img/tel.gif) no-repeat 5px top;font:bold 12px verdana;padding:2px 0 2px 40px;margin-top:8px}
#left .email {background:url(/img/email.gif) no-repeat 5px 4px;font:bold 12px verdana;padding:2px 0 2px 40px;margin-top:3px}
#left .msn {background:url(/img/msn.gif) no-repeat 6px top;font:bold 12px verdana;padding:2px 0 2px 40px;margin-top:3px}

#right {width:710px;float:right;padding-top:7px;height:100%; overflow:hidden}
.piclist {table-layout:fixed}
.piclist img{margin-bottom:5px}
.piclist td{text-align:center;vertical-align:top;padding-bottom:10px;font:12px arial}
.piclist b {color:blue}
.piclist span{color:red}

.pricelist {border-collapse:collapse;border:1px solid #ccc;font:12px verdana;margin:10px 0}
.pricelist th{background:#f4f4f4;padding:5px;border:1px solid #ccc}
.pricelist td{text-align:center;padding:5px;border:1px solid #ccc;background:white}

.price {font:bold 28px verdana;color:#060;padding-top:5px}

#right .newstopic {font:bold 14px Verdana;padding:8px 0;margin-top:5px;background:url(/img/oo.gif) no-repeat 320px 4px;}
#right .newstopic span{font:12px Verdana;color:#999;margin-left:20px}
#right .news {margin:0px;padding:0px;list-style:none;clear:both;font:12px georgia,tahoma}
#right .news li{padding:8px 0px;margin:0 8px 0 0;background:url(/img/dotline.gif) repeat-x top;line-height:16px}
#right .news li div{font-weight:bold;padding-bottom:3px}
#right .news li div a{color:#07339C}
#right .news li div a:hover{color:red}
#right .news li div span{margin-left:20px;color:#999;font-weight:normal}
#right .news h3{color:#07339C;font:bold 14px georgia,tahoma;padding:5px 0px}
#right .news p{line-height:18px;margin-right:5px}

#menu h2 {font:bold 14px Georgia, "Times New Roman", Times, serif;height:31px;line-height:31px;background:#E3E4E7; padding-left:15px; margin-bottom:1px;color:#666}
#menu .bkline {height:2px;font-size:2px;border-top:1px solid #E2E0E1;border-bottom:1px solid #fff;margin:0;padding:0;}
#menu a {cursor:pointer;padding-left:65px;display:block;height:64px;margin-top:-2px;background-repeat:no-repeat;background-position:left -5px;background-color:#EBE9EA}
#menu a.focus {background-color:#F5F3F4}
#menu a:hover {text-decoration:none}
#menu #mbk0 {background-image:url(/user/pic/bk0.gif)}
#menu #mbk1 {background-image:url(/user/pic/bk1.gif)}
#menu #mbk2 {background-image:url(/user/pic/bk2.gif)}
#menu #mbk3 {background-image:url(/user/pic/bk3.gif)}
#menu #mbk4 {background-image:url(/user/pic/bk4.gif)}
#menu #mbk0.focus {background-image:url(/user/pic/cbk0.gif)}
#menu #mbk1.focus {background-image:url(/user/pic/cbk1.gif)}
#menu #mbk2.focus {background-image:url(/user/pic/cbk2.gif)}
#menu #mbk3.focus {background-image:url(/user/pic/cbk3.gif)}
#menu #mbk4.focus {background-image:url(/user/pic/cbk4.gif)}

#menu h3 {font:bold 12px Georgia;margin:0;padding:15px 0 0 0;color:#666}
#menu span {font:11px Arial;color:#666}
#menu .focus h3 {color:#07339C}
#menu .focus span {color:#07339C}

.appendix {font:12px verdana;line-height:20px;padding:8px 25px 10px 15px;}
.appendix div{font-weight:bold;padding-top:5px}

#paytbl {width:669px;margin:5px;border-top:1px dotted #B3B3B3}
#paytbl td {border-bottom:1px dotted #B3B3B3}
#paytbl td div {text-align:left; height:22px; line-height:22px}
#paytbl th {border-bottom:1px dotted #B3B3B3; border-left:1px dotted #B3B3B3; font-weight:normal;text-align:left;padding:10px}

.pageturn {font:12px verdana;margin:0px;height:22px; overflow:hidden}
.pageturn a {display:block; float:left;height:20px;line-height:20px;border:1px solid #9AAFE5;padding:0 5px;margin-right:2px}
.pageturn a.current{ background:#2E6AB1;color:#FFF;border:1px solid #2E6AB1;}
.pageturn a:hover {border:1px solid #2E6AB1; text-decoration:none}
.pageturn a.none {border:none}
.pageturn a.disable{border:1px solid #DDDDDD;color:#999}

.cwarn{float:none;font:12px georgia,tahoma;color:#999}
.cwarn_hover{float:none;font:12px georgia,tahoma;color:blue}
.cwarn_error{float:none;font:12px georgia,tahoma;color:red;}
.cwarn_finish{float:none;font:12px georgia,tahoma;color:#060}


.line {background:url(/img/dotline.gif) repeat-x;height:1px;overflow:hidden;margin:10px 0}
.cbtn {font:bold 12px verdana;border:1px solid #6E6E56;background:url(/img/btn_back.gif) #EAF2E8 repeat-x; height:23px; line-height:20px;padding:0 5px 3px 5px;color:black; letter-spacing:1px;cursor:pointer;}

.foot {background:#151515;height:120px;color:#939292;line-height:20px;font:11px verdana;text-align:center;padding-top:8px;line-height:18px}
.foot a{color:#999;margin:0 3px}
.foot a:hover{color:yellow}
.foot img {border:1px solid #bebebe;padding:1px}
