/* CSS Document */

*{ margin:0; padding:0;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; background:#003366;}
ul{ list-style-type:none;}


a:link, a:visited{ color:#0099FF; text-decoration:none;}
a:hover, a:active{ color:#0099FF; text-decoration:none;}
img{ border:none;}
/*a imageborder,a:link .imageborder, a:visited .imageborder{ border:4px solid #cdf0fc;}
a:hover .imageborder{ border:4px solid #fde9f3;}*/

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clearer{ clear: both; font-size:1px; width:1px; visibility: hidden; height:10px; }
.martop{ margin-top:10px;}
.small{ font-size:9px; font-family:Arial, Helvetica, sans-serif;}

h2{ color:#000000;}

.content .title{ padding-left:8px; padding-right:8px; height:26px; line-height:26px; background: #deecf5 ;}
/*.content.title .text{ background: url(images/bg_running.gif) bottom left no-repeat; padding:0px 0 10px 0px; font-weight:bold; font-size:10px; color:#000000; }*/
.content .title .text{font-weight:bold; font-size:10px; color:#000000; }

/*page*/
.showpage{ margin-left:auto; margin-right:auto; height:40px; line-height:40px; width:90%; font-size:12px; color:#AACCEE; text-align:center;}
.showpage .disable{ border:1px #AACCEE solid; padding:3px; background:#FFF; margin-left:4px;}
.showpage .current{ border:1px #AACCEE solid; padding:3px; background:#6699FF;}
.showpage a, .showpage a:visited{ border:1px #AACCEE solid; padding:3px; background:#fff;  margin-left:4px;}
.showpage a:hover, .showpage a:active{ border:1px #000 solid; padding:3px; background:#6699FF;}
.showpage span{}
.showpage .pageInput{ height:20px;}
.showpage button{ height:20px; line-height:20px; background:#FFFFFF; border:1px #AACCEE solid; }

/**/
#wrapper{}

/*.top{ height:26px; line-height:26px; background: #4571C0; color:#FFFFFF;}*/
.top-pad{ width:780px; margin-left:auto; margin-right:auto;}
#main{ width:780px; margin-left:auto; margin-right:auto; background:#FFFFFF;}
#header{ height:80px;}
.logo{ float:left; width:150px; background:url(images/logo.gif) no-repeat; height:60px; margin-top:10px;}
/*.search{ float:right; width:400px; height:60px; margin-top:10px; background: #2e5592;}
.search-pad{ padding:14px 0 10px 10px;}
.search .myinput{ border:1px solid  #cdf0fc; height:30px; line-height:30px; }
.search .mybutton{}
*/
.menu{ height:32px; line-height:32px; background: url(images/menu_bg.gif); font-weight:bold; color:#FFFFFF;}
.menu a:link,a:visited{ color:#ffffff; text-decoration:none;}
.menu a:hover{ color:#FF3399; text-decoration:none;}
.menu .login{ margin-right:10px;}
.pink a:link{ color:#FF3399; text-decoration:none;}
.pink a:visited{ color:#FF3399; text-decoration:none;}
.pink a:hover{ color:#000000; text-decoration:none;}
.more a:link, .more a:visited { color:#0099CC; text-decoration:none;}
.more a:hover{ color: #00CCFF; text-decoration:none;}
.menu ul{}
.menu li{ padding-left:14px; padding-right:14px; float:left; margin-left:10px; text-align:center;}
.flash{ height:160px;clear:both; background:url(images/flash.gif) no-repeat; width:770px; margin:10px auto 0px auto; }
.content{ margin-top:10px; overflow:hidden;}
.top-l{ width:460px; float:left; padding:0px 10px 0px 5px;  border-right:1px solid #cdf0fc;}
.top-r{ width:285px; float:right; padding:0px 5px 0px 10px;}
.pro{ }
.pro .pic{ width:78px;}
.pro .info{ width:180px;}
.pro p{ height:22px; line-height:16px; }
.pro a:visited{ color:#0099FF; text-decoration:none;}

.name{ color:#FF3399; font-weight:bold;}
.intro{ color:#333333;}
.price{ color:#FF3399; font-weight:bold; font-size:14px;}
.pay{ color:#33CC00;}


.pro ul{}
.pro li{ height:110px; border-bottom:1px solid #cdf0fc; margin:20px 0px; }
.pro-pic{ width:220px;}
.pro-pic p{ text-align:center; line-height:30px;}

.pro-info{ width:320px;}
.pro-info .name{ font-size:14px; width:180px;}
.pro-info .pay{ font-size:12px; width:100px; text-align:right;}
.pro-info .price{ font-size:18px; line-height:30px; }
.pro-info .info{ font-size:11px; line-height:18px;}

/**/
.article{ padding:10px; line-height:18px; font-size:12px; margin-bottom:20px;}
.article ul{ }
.article li{ border-bottom:1px solid #cdf0fc; padding:20px 0 20px 0; }
.frame-l{ width:580px; float:left; padding:0px 10px 0px 10px;  border-right:1px solid #cdf0fc;}
.frame-r{ width:158px; float:right; padding:0px 10px 0px 10px;}
.black-title{ height:35px; line-height:35px; background:#000000; color:#FFFFFF; font-size:14px; font-weight:bold; padding-left:10px; padding-right:10px;}

.s-title{  padding-left:8px; padding-right:8px; height:26px; line-height:26px;}
.pink-sider{ height:200px; background:#fde9f3;}
.pink-sider a:link, .pink-sider a:visited{ color: #FF3399 ; text-decoration:none;}
.pink-sider a:hover{ color:#FF3399; text-decoration:underline; }
.pink-sider ul{ margin:10px 0px 10px 20px;}
.pink-sider li{ height:22px; line-height:22px;}

.blue-sider{ background:#e9f6fd;}
.blue-sider a:link, .pink-sider a:visited{ color:#0099FF; text-decoration:none;}
.blue-sider a:hover{ color:#000000; text-decoration:underline; }
.pink-sider .s-title{ height:26px; line-height:26px; color:#FF33CC; background: #fcbadc; font-weight:bold;}
.blue-sider .s-title{ height:26px; line-height:26px; color:#000000; background: #bae5fc; font-weight:bold;}
.form{ margin-top:20px; padding:10px;}
.form p{ clear:both; margin-bottom:10px; font-size:11px;}
.form label{ clear:both; font-weight:bold; height:22px; line-height:22px;}
.form .myinput{ height:30px; border:1px solid #cdf0fc; width:300px; line-height:30px; padding-left:10px; }
.form .mybutton{}
.form .mytextarea{ border:1px solid #cdf0fc; }
.question{ font-size:14px; font-weight:bold; height:24px; line-height:24px;}
.answer{ line-height:18px;}

.contact{ background:#e9f6fd; color:#000000;}
.contact th{ height:30px; line-height:30px; text-align:right; }
.contact td{}
.line01{ height:30px; background: url(images/line01.gif);}
.line02{ height:30px; background:url(images/line02.gif);}
.line03{ height:6px; background:#e9f6fd; font-size:1px;}
#footer{ height:60px; background:url(images/foot_bg.gif); text-align:center; clear:both;}
#footer p{ height:22px; line-height:22px; font-size:10px; margin-top:10px; color:#FFFFFF; text-align:center;}
#footer a:link, #footer a:visited{ color:#0099FF; text-decoration:none;}
#footer a:hover{ color:#000000; text-decoration:none;}