﻿@charset "utf-8";
html { height: 100%; }
body { background-color:#b1d0ed;font-family:Segoe UI, Arial, Verdana, Helvetica, sans-serif; margin:0px; height:100%; font-size:12px;}
img { border:none; }
ul{list-style-type: none;margin:0px; padding:0px;}
form { margin:0; padding:0;}
p{margin:0px;margin-bottom:5px;text-indent:2em;	line-height:20px;}
hr{ height:1px; color:#cccccc;}

p { font-size:12px; line-height:1.5em; color:#646464; margin:0.25em 0em 15px 0em; font-family:Segoe UI, Arial, Verdana, Helvetica, sans-serif; }
h1 { font-size:20px; margin:0px; padding:0px; color:#646464; font-weight:bold; /*font-size:160%;*/}

.s10{clear: both;padding-top:10px;}
.s3{clear: both;padding-top:3px;}
.s5{clear: both;padding-top:5px;}
.clear{ clear:both;}
.sp-line {background-image:url(/images/page_div.jpg); background-repeat:no-repeat; clear:both; padding-top:6px; margin-bottom:12px; }

.w20{width:20px;}
.w40{width:40px;}
.w60{width:60px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w160{width:160px;}
.w200{width:200px;}

.tbx { padding: 2px; border: solid 1px #b1b8c2; font-size: 12px; color: #085878; background-color: #ffffff; }
.btn,.btnover {height:23px; line-height:120%; border: #70b1cf 1px solid; font-size: 12px; color: #333333; cursor:pointer; text-align: center; }
.btn {background:url(/images/pic_fill_all.gif) repeat-x left -300px; }
.btn.b{font-weight:bold;}
.btnover {border: solid 1px #ff8d3f; background:url(/images/pic_fill_all.gif) repeat-x left -350px; font-weight:bold; }

a:link { font-size:12px; color:#196297; text-decoration:none; }
a:hover { color:#4eb0e9; text-decoration:underline; }
a:visited { font-size:12px; color:#196297; text-decoration:none; }
a:visited:hover { text-decoration:underline; }
a:active { font-size:12px; color:#f58220; /*text-decoration:underline;*/}

.header-nav { position: relative; z-index:100; }
.header-nav ul { list-style:none; margin:0; }
.header-nav li { float:left; padding-right:26px; padding-top:1px; line-height:25px; }
.header-nav a { font-size:16px; font-weight:bold; font-family:宋体; }
.header-nav a, .header-nav a:visited { font-size:16px; color:#000000; }
.header-nav a:active {font-size:16px;  color:#F58220; }
.header-nav a:hover { font-size:16px; color:#4EB0E9; text-decoration:none; }
.lastitem .lastitem { padding-right:0; }
.header-nav .active a, .header-nav .active a:visited { color:#4EB0E9; }


ul.product_nav_single { clear:both; display:block; margin:0; margin-top:10px; background: url('/images/page_div_margins.jpg') no-repeat center 0%; height:20px;min-height:20px; text-align:center; padding-top:9px; padding-bottom:13px;list-style:none; }
.product_navigation_wrapper { background: url('/images/page_div_margins.jpg') no-repeat bottom; margin-bottom:15px; }
ul.product_nav_single li { float:left; overflow:hidden; margin:0; padding:0; padding-right:20px; line-height:1.5em;}
ul.product_nav_single li.lastitem { padding-right:0; }
ul.product_nav_single a, ul.product_nav_single a:visited, ul.product_nav_single a:link { color:#000000; font-size:12px; }
li.active a:link, li.active a:active, ul.product_nav_double a:active, ul.product_nav_single a:active { color:#F58220; }
li.active a, li.active a:link, li.active a:visited, li.active a:hover, ul.product_nav_single a:hover { color:#4EB0E9; text-decoration:none; }


ul { color:#646464; list-style-type:square; margin:0 0 12px 27px; padding:0; }
ul ul { list-style-type:square; }
ul p { margin:0; padding:0; }
ul li p { line-height:1.5em; padding:3px; }
ul.intro { margin-top:-30px; }
ul.disc { padding:0 0 0 455px; }


/* MASTHEAD */

.baseheader { height:135px; padding:0 25px; color:#000; }
.baseheader a { color:#000; }
.header-left { float:left; width: 60%; padding:47px 0 0 0; }
.header-logo { margin-bottom:17px; }
.header-right { float:right; width: 40%; text-align:right; padding:10px 0 0 0; }
.header-right .links{ font-family:Tahoma; font-size:11px; }
.header-right .links a { font-family:Tahoma; font-size:11px;color:#666666; }
.header-right .links .sp { padding: 0 9px 0 9px; }
.header .search{margin-top:10px; text-align:right;}
.header .search input{width:200px;height:16px;border:none;padding:3px 0px 0px 5px;  margin:0px; background:url(../images/bg_search_box.gif) no-repeat; color:#cccccc;font-size:12px;font-family:宋体; }
.header .search button{width:17px;height:20px;vertical-align:top;background:url(../images/btn_search_17x19.gif); border:none;cursor:pointer;}
/* MASTHEAD - END */


/* Footer Rules */

.base-page-footer, .base-page-footer a { font-family:Tahoma; font-size:11px; color: #000; }
.base-page-footer a:active, .base-page-footer a:hover { }
.footer-logo { float: left; width: 105px; padding-top:15px; }
.footer-links { float:right; width:70%; margin-right:40px; text-align: right; padding-top:10px; }
.footer-company { float:right; width:84px; font-size:9px; color:#000; }

/* BASE BACKGROUND LAYERS */

.header-content, .base-page-footer { width:984px; margin:0 auto; }
.base-page-frame { padding:0 12px 0 14px; }
.body-indented { margin:0 20px; }
.header { background-image: url('/images/body_gradient_span.gif'); background-repeat:repeat-x; background-color:#DEE9F6; clear:both; }
.header-content { background-image: url('/images/bg_span.gif'); background-repeat:repeat-y; }
.base-page-frame { background-image:url('/images/header_bkg.jpg'); background-repeat:no-repeat; height:100%; }
.footer { background-image: url('/images/bg_footer_gradient.gif'); background-repeat:repeat-x; }
.base-page-footer { background-image: url('/images/bg_footer_image.jpg'); background-repeat:no-repeat; height:96px; padding:0; margin:0 auto; }
.footer-internal { padding:70px 35px 0 39px; }

/*Sitemap Styles*/
.sitemap { margin:10px 0 0 0; min-height:150px; padding-bottom:10px; }
.sitemap-nav {background-image:url(/images/page_div.jpg); background-repeat:no-repeat; clear:both; padding-top:6px; margin-bottom:12px; }
.sitemap-columns { padding:0 20px; }
.sitemap-columns ul { list-style-type:none; color:#000000; margin:0 0 5px 0; padding:0; }
.sitemap-columns li { margin:0; padding:0;padding-left:3px; }
.sitemap-columns li p { color:#646464; font-size:10px; margin:0; padding:0; }
.sitemap-columns li.title{height:22px;line-height:22px;background-color:#DEE9F6;color:#888888;}
.sitemap-columns li.title a { color:#646464; font-weight:bold; text-decoration:none; }
.sitemap-columns li.title a:hover { color:#4eb0e9; font-weight:bold; text-decoration:none; }
.sitemap-columns li.title a:active { color:#f58220; font-weight:bold; text-decoration:none; }
.sitemap-columns h3 { font-size:12px; }
.sitemap-columns a:link, .sitemap-columns a:visited { text-decoration:none; color:#888888; font-size:10px; margin:0; padding:0 0 0 0; }
.sitemap-columns a:active { color:#F58220; font-size:10px; }
.sitemap-columns a:hover { color:#4eb0e9; font-size:10px; }
.sitemap-columns a:visited:hover { text-decoration:none; }
.sitecolumn1 { width: 165px; float:left; margin:0; padding:0; }
.sitecolumn2, .sitecolumn3, .sitecolumn4, .sitecolumn5 { width:165px; float:left; margin:0 0 0 20px; padding:0; }

/* ex  */
.body-content{width:94%; margin:auto;}
.body-content .navpath{color:#000000; margin-left:5px;font-family:宋体;}
.body-content .navpath small{color: #1A2A32}
.body-content .navpath a:link {color: #517F8F;}
.body-content .navpath a:visited {color: #517F8F;}
.body-content .navpath a:hover {color: #304D5A;text-decoration:underline;}

.block{line-height:25px; width:98%;color:#102E54;}
.block .title{color:#537CBA;font-size:14px; font-weight:bold; margin-top:10px; margin-left:0px;}
.block .content{margin-top:5px;}

.tv{width:92%;margin:10px auto;line-height:200%; border:none;background-color:#C5D6E2;}
.tv td{padding-left:10px;padding-right:5px; background-color:#ffffff; height:30px;line-height:180%;}
.tv .title h3{margin:0px; padding:0px; color:#176093; font-weight:bold;}
.tv .title{color:#176093;font-weight:bold;}
.tv .summary{color:#888888;}
.tv .price{font-family: tahoma,simsun,arial,helvetica,sans-serif;}
.tv a:link {color: #0066ff; text-decoration: none;}
.tv a:visited {color: #0066ff; text-decoration: none;}
.tv a:hover {color: #FF5500;}
.tv .content {margin:10px auto;}