﻿body { background:url(../images/title-back.gif) repeat-x #FFFFFF; font-family:Verdana, Arial, sans-serif; margin:0; padding:0;  font-size:10px;color:#333333; }
.content { margin:0 auto; width:960px; background: #FFFFFF; border:#000 0px solid; border-bottom:0; border-top:0; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333; text-decoration: none}
.content a {font: 11px/20px "Verdana", "Tahoma", "Arial"; color:#156FD6; text-decoration: none;}
.content a:hover {color: #FF6633; text-decoration:underline;}

.clear_both {clear:both;}
p { margin:5px 0px 10px 35px;}
#top { height:112px;}
   #top #icone img { margin-right:30px;}
   #top #icone { float:right; margin-top:50px;}
   #top ul { list-style:none; padding:0px; margin:0px;}
   #top ul li { float:left; padding:0px; margin:17px 0px 0px 70px;}
   #dh_font  {color: #F9F9F9;font-size:12px;font-family:Verdana, Arial, sans-serif;font-weight: bold;
    /*filter: DropShadow(Color=Black,OffX=1,OffY=1,Positive=1);*/ }
#top a { color: #E1E1E1; text-decoration:none;}
#top a:hover { color:#F62F0F; text-decoration: underline;}
 #adv { width:450px; float:left; height:406px; background:url(../images/background-8.jpg);}
 #adv img { margin:17px 0px 5px 10px;}
#adv_2 { width:199px; float: left; height:406px; background:url(../images/background-9.jpg); border-left:#FFF 1px solid;}
#cad_left { width:700px; float:left; margin-top:10px;}
#cad_left b {font: 14px/18px "Verdana", "Tahoma", "Arial"; font-weight: bold;  color: #3E3E3E;}
#dh { height:24px; margin:auto; border-bottom:solid 1px #1F6890; }
#dh a{ color:#333333; text-align:center; float:left; text-decoration: none; width:108px; height:24px;}
#dh a:hover { background:url(../images/dh_1.jpg) no-repeat;}
#dh ul { list-style:none; padding:0px; margin:0px 10px 0px 10px;}
#dh ul li { padding:0px; background:url(../images/dh_2.jpg) no-repeat; height:24px; float:left; line-height:23px; margin:0px 12px;}
#tu {font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333; text-decoration: none}
#tu b{font: 12px/30px "Verdana", "Tahoma", "Arial"; font-weight: bold; line-height: 30px; color: #000000;}
#tu img { margin:15px 30px;}
#tu p { margin:0px; padding-top:10px;}
#tu ul { list-style:none; padding:0px; margin:0px 0px 0px 200px;}
#tu ul li { float:left; padding:0px; margin:0px 30px 0px 0px;}
#recom { border:solid 1px #999999;}
#recom img { margin: 10px 2px; float:left;}
#recom p{ margin:1px;padding:2px;}
#recom_2 { border:solid 1px #454545; margin-top:10px; padding-top:1px;}
#recom_2 img{ margin:10px 18px;}
#recom_2 p{ margin:1px ; padding:2px;}
#left_foot {margin-top:10px;}
#left_foot ul{ list-style-image:url(../images/dian_1.jpg); padding:0px; margin-left:21px;}
#left_foot ul li {  padding:0px;}
#right { width:230px; float:right; margin-top:10px;}
#right p { margin-left:10px; }

.bk { border:solid 1px #666666; border-top:0; padding:5px; background:url(../images/bk.gif); font: 12px "Verdana", "Tahoma", "Arial"; font-weight: bold; color: #F2F2F2;text-decoration:none;}

.bk3 { border:solid 1px #666666; border-top-width:0px; margin-bottom:10px; background:#F5F5F5; overflow:hidden; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333; text-decoration: none}
.bk3 a {font: 11px/20px "Verdana", "Tahoma", "Arial"; color:#156FD6; text-decoration: none;}
.bk3 a:hover {color: #FF6633; text-decoration:underline;}
.awards {text-align:center;}
.awards img{margin:10px; 0px; 10px; 0px;}

.bk_right { border:solid 1px #666666; border-top-width:0px;background:#F5F5F5; margin-bottom:10px; overflow:hidden; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333; text-decoration: none}
.bk_right a {font: 12px/18px "Verdana", "Tahoma", "Arial";	color: #156FD6;	text-decoration: none;}
.bk_right a:hover { color: #FF6633; text-decoration:underline;}

#right ul {  margin:0px; padding:0px 0px 0px 12px; list-style:none;}
#right ul li a{ background:url(../images/arrow-right.gif) no-repeat center left ; padding:0px 0px 0px 10px; width:220px; font: 11px/30px "Verdana", "Tahoma", "Arial"; color: #156FD6;	text-decoration: none;  } 
#right ul li a:hover { color: #FF6633; text-decoration:underline; } 

.tell { border:solid 0px #666666; height:38px; border-top-width:0px; background:url(../images/tell.jpg); overflow:hidden; }
#tell2 { width:210px; margin-left:8px;  padding:5px 0px 15px 0px; }
#tell2 img{margin:15px 30px;}

#titles { height:34px; width:680px; background:url(../images/titles.jpg); font: 11px/30px "Verdana", "Tahoma", "Arial"; font-weight: bold;  color:#FF0000}
#titles a {font: 12px/30px "Verdana", "Tahoma", "Arial"; font-weight: bold;  color: #156FD6; margin-left:15px; text-decoration:none;}
#titles a:hover { color: #FF6633; text-decoration:underline;} 

#titles2 { height:40px; width:350px; background:url(../images/titles2.gif); }
#titles2 a {font: 12px/30px "Verdana", "Tahoma", "Arial"; font-weight: bold;  color: #156FD6; margin-left:15px; text-decoration:none;}
#titles2 a:hover { color: #FF6633; text-decoration:underline;} 

#out_sub { border-top:0px solid #D0D0D0; margin-top:15px; padding-top:15px;}
#out_sub_left { width:350px; float:left; padding-bottom:30px;}


#sub_img, #sub_txet { width:330px;  margin:0 auto; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333;  text-decoration: none }
#sub_img i{background:url(../images/arrow.gif) no-repeat bottom left ; }
#sub_img a {font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #156FD6 ; padding:0px; margin-left:10px;	text-decoration: none;}
#sub_img a:hover { color: #156FD6; text-decoration:underline;}


#sub_img p { padding-top:5px; margin:0; font: 11px/30px "Verdana", "Tahoma", "Arial"; font-weight: bold;  color:#FF0000}

.subimg { margin:12px 15px 12px 12px; float:left;}
#sub_txet p { margin:0; line-height:18px; text-align:justify; padding:0 15px;}

div#clear { clear:both;}

#press_sub { border-top:1px solid #D0D0D0; margin-top:5px; padding-top:15px; padding-bottom:30px; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333; text-decoration: none}
#press_sub a {	font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #156FD6;	text-decoration: none;}
#press_sub a:hover { color: #156FD6; text-decoration:underline;}
#press_sub b {font-weight:bold;}

#foot { text-align:center; width:100%;  background: #555555; font: 10px/20px "Verdana", "Tahoma", "Arial"; color: #C5C5C5; text-decoration: none}
#foot a { font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #FFFFFF; text-decoration: none}
#foot a:hover{  color: #FFFFFF; text-decoration: underline  } 

#foot_1 { width:820px; margin:0 auto; height:37px;}
#foot_2 { width:600px; margin:0 auto; height:37px;}
#foot_1 img { margin:15px 0px 0px 300px; float:left;}
h4 { color:#8D8D8D; float: right; margin:40px 190px 0px 0px; margin:40px 95px 0px 0px; font:10px Verdana, Arial, sans-serif;}
/*连接样式*/

a { color:#0000FF; text-decoration:underline; }
a:hover { color:#FF0000; text-decoration:underline;}
.a_2 { color:#993333; text-decoration: none; }
.a_2:hover { color:#993333; text-decoration:none;}
.a_3 { color:#369; text-decoration: none; }
.a_3:hover { color:#369; text-decoration:none;}
.bm { height:22px;}

----------------------------------->


.clear_both { clear:both;}
#header { width:960px; height:69px; margin:0 auto; background:url(../images/title-center.gif) repeat-x; margin-top:0px;}
#header ul { margin:0; padding:0; list-style:none; color:#F3F3F3; font-weight:bold; font-size:12px;}
#header ul li { width:95px; height:33px; background:url(../images/daohang.jpg); float:left; text-align:center; line-height:33px; margin:36px 7px 0 0; margin:36px 3px 0 3px; }
#header a:link,#header ul li a:visited { color:#E6E6E6; text-align:center; float:left;/*控制整个LI的效果！*/ text-decoration: none; width:95px; height:33px;}
#header ul li a:hover{  background:url(../images/daohang-up.jpg); color: #1A3F5D; }
.imgleft { float:left; background:url(../images/title-left.jpg); width:235px; height:69px;}

#head_lin { width:700px; height:69px; float:left; background: url(../images/title-center.gif);}
#container { width:850px; height:411px; background:url(../image/back.jpg) repeat-x; margin:0 auto; border:#575757 1px solid; border-bottom:0; border-top:0;}
#author { width:440px; height:411px; float:left;}
#author p { padding:15px 10px 0 20px; line-height:14px; margin:0; }
#author img { margin:4px 0 0 0;} 
.display { display:block;}

.Price { font-size:12px; font-weight:bold; color:#FF0000; float:right; }
.Price_2 { text-decoration:line-through; color:#666666;}
#special { width:197px; height:386px; float:left; margin:15px 4px 0 0; }
#special_1 { width:197px; height:37px;}
#special_2 { width:197px; height:349px; background:url(../image/mark-back.jpg);}
#special_2  p{ margin:0 7px 10px; line-height:16px;}

.seoright { width:210px;}
#seotext {	width:570px; margin:0 auto; line-height:16px;}
#hom { margin:5px 0px 15px 10px;  font: 11px "Verdana", "Tahoma", "Arial"; color:#949494; text-decoration: none}
#hom a {font: 11px "Verdana", "Tahoma", "Arial"; color:#949494; text-decoration: underline}
#hom a:hover {color: #FD6602; text-decoration: underline}

.vctit {border-bottom: #CCCCCC 3px solid; margin-bottom:5px}
.vctit img {margin:0px 0px 0px 20px;}
.vcfeature { float:left; padding:0px;}
.vcfeature img {padding-right:30px;}
.vcfeature2 { float:left; padding:0px; width:600px;}
.vcfeaturesub {width:548px; float:left; margin-top:5px; padding:8px 0px 8px 12px; background:#F8F8F8;}
.vcfeaturesub img {padding-top:12px;}
.arrow2 {background:url(../images/arrow2.gif) no-repeat center left ; padding:0px 0px 2px 20px; font-weight:bold; list-style:none;}

.upgradecen {padding:20px 0px 20px 60px;}
.upgradetext {padding-left:10px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#333333;}

#format1 {background:#D0D0D0; height:24px; padding-left:10px; font-weight:bold;}
#format2 {padding:10px 0px 10px 10px;border:#D0D0D0 1px solid;}
#format3 { width:80px; float:left; padding:10px 0px 10px 10px;border:#D0D0D0 1px solid;}
#format4 { width:596px; float:left; padding:10px 0px 10px 10px;border:#D0D0D0 1px solid;}
#guidetext { width:750px; float:left; padding:15px 0px 10px 100px;}
#guidetext img {text-align:center;}
