﻿/****** Global Styles ******/

*{ margin:0; padding:0}
body { font-size: 12px; font-family: Arial; color:#000; background:#fff url(/template/images/body.gif) top repeat-x; text-align:center;}
table {font-family: Arial; font-size: 12px; }
td { word-break: break-all; }
tr{ vertical-align:top}
a:link, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color:#000; }
img { vertical-align: middle; border: 0px none;}
hr { height: 1px; border: 0; color:#CCCCCC; overflow:hidden; margin:10px auto }
ul {  list-style-image: none; list-style-type: none;}
li, p{  }
.hide { display: none; }
h1{ font-size:14px;}
h2,h3,h4,h5{ font-size:12px; font-weight:normal; display:inline;}
.clear-float{clear:both}

ul.nl{ list-style:none outside none; }
ul.nl li{line-height:22px;padding-left:15px; background:url(/template/images/li.gif) no-repeat 0px 50%; clear:both; overflow:hidden; text-align:left}
ul.nl li.newsLine{background:url(/template/images/dotLine.gif) repeat-x top;overflow:hidden; height:5px;line-height:5px; }
.line{ height:1px; border-bottom:1px dashed #ccc; margin:10px auto;overflow:hidden;}
ul.nl li .addTime{ float:right; color:#666666}
.search {BACKGROUND: url(/template/images/menu_right.jpg) no-repeat right top; FLOAT: left; WIDTH: 236px; PADDING-TOP: 5px; POSITION: relative}
.search INPUT {BORDER-RIGHT: #065387 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #065387 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #065387 1px solid; WIDTH: 150px; COLOR: #666; PADDING-TOP: 4px; BORDER-BOTTOM: #065387 1px solid; POSITION: absolute; TOP: 6px; HEIGHT: 16px}
.search INPUT.submit {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 600; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(/template/images/search_bg.jpg) no-repeat left 50%; LEFT: 160px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 1px; WIDTH: 59px; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 2px; POSITION: absolute; TOP: 6px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px}
#onepage{width:665px;text-align:left;}
#daohang{margin-left:auto ; margin-right:auto ;width:891px;text-align:left;width:891px;border:1px solid #aaccef;margin-bottom:5px;height:27px;line-height:27px;padding-left:5px;}


.k_pagelist EM {BORDER-RIGHT: #c0e0f3 1px solid; BORDER-TOP: #c0e0f3 1px solid; BACKGROUND: #eef5fe; FONT: 700 12px/160% Arial; BORDER-LEFT: #c0e0f3 1px solid; BORDER-BOTTOM: #c0e0f3 1px solid}
.k_pagelist INPUT {BORDER-RIGHT: #c0e0f3 1px solid; BORDER-TOP: #c0e0f3 1px solid; BACKGROUND: #eef5fe; FONT: 700 12px/160% Arial; BORDER-LEFT: #c0e0f3 1px solid; BORDER-BOTTOM: #c0e0f3 1px solid}
.k_pagelist EM {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.k_pagelist STRONG {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.k_pagelist A {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
	.hotsoft {WIDTH: 675px;padding:5px;border:1px solid #aaccef;height:100%;}
UL.genus LI {COLOR: #333}
UL.genus LI A {COLOR: #333}
UL.genus LI A:visited {COLOR: #333}
UL.genus LI.name A {COLOR: #333}
UL.genus LI.name A:visited {COLOR: #333}
.hotsoft .genus_soft UL {BORDER-RIGHT: #c4e3df 1px solid; BORDER-TOP: #c4e3df 1px solid; BORDER-LEFT: #c4e3df 1px solid; BORDER-BOTTOM: #c4e3df 1px solid; BACKGROUND-COLOR: #fafffe}
.hotsoft .genus_soft P {COLOR: #656565;text-align:left;}
.hotsoft .genus_soft UL.impower {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #fff; BORDER-RIGHT-WIDTH: 0px;}
.hotsoft .genus_soft UL.impower LI SPAN {COLOR: #999}
UL.genus {HEIGHT: 26px;}
UL.genus LI {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 79px; LINE-HEIGHT: 26px; PADDING-TOP: 0px; TEXT-ALIGN: center}
UL.genus LI.name {WIDTH: 350px; TEXT-ALIGN: left}
.hotsoft .genus_soft UL.impower {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: #fff; BORDER-RIGHT-WIDTH: 0px}
.hotsoft .genus_soft UL.impower LI SPAN {COLOR: #999}
/*ӸCSS*/
#k_search .k_search div strong{color: #FF0000;}
/*ҳҳ*/
div.content2{WIDTH: 675px;text-align:left;line-height:26px;font-size:14px;word-wrap:break-word;white-space:normal;}
div.content2 a:link,div.content2 a:visited,div.content2 a:active{color:#333;font-size:14px;}
div.content2 img{padding:3px;border:1px solid #CCC;}
div.next{display:block;clear:both;width:100%;line-height:26px;text-align:left;}
div.info{clear:both;text-align:right;line-height:30px;}
div.info span{display:inline;margin:5px;}
.title1 {display:table;margin:0px;padding:0px;text-align:left;border-bottom:1px solid #D5D5D5;height:26px;line-height:26px;font-size:14px;width:100%;}
	.title1 strong{display:block;float:left;margin:0px;padding:0px;font-size:14px;color:#069;}
	.title1 a:link,.title1 a:visited,.title1 a:active{display:block;float:left;padding-top:10px;}
	.li{padding:0px;margin:0px;line-height:25px;}
	.li span{background:url(li.gif) no-repeat 0px 5px;display:block;text-align:left;word-wrap:break-word;overflow:hidden;white-space:nowrap;}
.li span a:link,.li span a:visited,.li span a:active{margin-left:18px;color:#333}
.li span i{font-style:normal;margin-left:3px;font-size:9px;}
	H1.down_c {COLOR: #333; BORDER-BOTTOM: #ccc 1px dotted}
H1.down_c {FONT-SIZE: 16px; MARGIN: 0px auto 10px; WIDTH: 675px; LINE-HEIGHT: 50px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 50px; TEXT-ALIGN: center}
.gut .content2 P SPAN {COLOR: #cd0000}
.gut .content2 P SPAN A {COLOR: #cd0000}
.gut .content2 P SPAN A:visited {COLOR: #cd0000}
.gut DL.so DT {COLOR: #333}

/*԰*/
.k_but{clear:both;display:block;width:100%;line-height:26px;padding-top:2px;}
.k_but .k_menu{display:block;float:left;width:29%;}
.k_but .k_pagelist{float:left;width:70%;text-align:right;}
.k_menu {}
.k_menu input {padding:1px;margin:0px;border:1px solid;border-color:#EEE #777 #777 #EEE;background:#D4D0C8;font-size:12px;margin-right:4px;}
.k_form{display:block;width:100%;margin:0px;margin-top:15px;}
	.k_form .k_login {display:table;margin-left:100px;}
	.k_form p{text-align:left;}
	.k_form p label{clear:both;display:block;color:#666;font-size:12px;}
	.k_form p span label{clear:none;display:inline;color:#666;}
	.k_form div {text-align:left;}
	.k_form div input {padding:1px;margin:0px;border:1px solid;border-color:#EEE #777 #777 #EEE;background:#D4D0C8;font-size:12px;margin-right:4px;}
	.k_form ol {text-align:left;}
	.k_form ol li {line-height:24px;}




/****** Form Controls Styles ******/
form { display: inline; }
input { font-family: Tahoma, Arial; font-size: 12px; }
input.text { height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; }
input.button { height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background: #FFFFFF; }
textarea { font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background: #F9F9F9; height: 100px; width: 200px; }
select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF; }


.headline{margin:5px; padding:5px; border:1px solid #dddddd; background:#f3f3f3;}
.headline .headtitle{color:red; font-size:14px; font-weight:bold; line-height:30px;}
.headline .headcontent{}
.headline .headdate{}
.headline a{color: #00458a;}

a.highlight:link, a.highlight:visited { color:red; text-decoration:none }
a.highlight:hover { color:red; text-decoration:underline }
.articletop{ margin-left:5px;vertical-align:middle;_margin:3px 5px;}

/****** Main Layout Styles ******/
#wrapper {width:100%; padding:0px; margin: 0px auto;text-align:left;}
#header {height:112px;color: #10588a;overflow:hidden;}
#headtop{ height:23px; line-height:23px; padding:0 15px;}
#headtop .r{}
#header ul{}
#header ul li{display:block; float:left; padding:0 2px}
#innerHeader { width:896px; margin:0 auto}
#header a:link, #header a:visited { text-decoration: none; color: #10588a; }
#header a:hover { text-decoration: underline; color:#10588a; }

#footer { clear: both; background:url(/template/images/shadowB.gif) repeat-x top;width:100%; line-height:17px;margin-top:10px;}
#innerFooter {font-size: 12px; text-align: center;width:896px; margin:0 auto}
#copyriht { margin-top:10px;}
#copyriht .l {display:none;}
#copyriht .r {display:none;}
#copyriht .m { }
#copyriht a:link,#copyriht a:visited {}
#copyriht a:hover {}

/* bott menu */
#bottMenu { color: #00458a;width:100%}
#bottMenu .l {display:none;}
#bottMenu .r {display:none;}
#bottMenu .imm { }
#bottMenu ul {  }
#bottMenu li { display: inline; list-style: none; padding: 0px; margin:0 7px;}
#bottMenu a { color: #00458a; line-height: 29px; text-align: left; display: inline; }

/****** Header Elements Styles ******/
#websiteLogo {float: left; margin-top:20px;}
#logo { width:270px; height:65px; overflow:hidden}

/* website description */
.website-desc { color: #FFFFFF; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }

/* top menu */
#topMenu {float: right; margin-top:25px;}
#topMenu .m { line-height:17px;}
#topMenu .l { display:none}
#topMenu .r { display:none}

/* main menu */
#menu { float:right; width:600px; _width:600px;}
#menu .m {height:30px;overflow:hidden;margin-top:20px;_margin-bottom:-3px;}
#menu .l { display:none}
#menu .r { display:none}
#menu ul {}
#menu li { display: block; list-style: none;line-height: 30px; height: 30px;float: left; width:70px; }
#menu a { height:27px; line-height:27px; display: block; width: 73px; text-align: center; width:100%}
#menu a:link, #menu a:visited { color: #01468b; font-size: 12px; background:url(/template/images/bg.gif) repeat-x 0 -33px;border:1px solid #a9cbf0; border-bottom:none; height:27px; }
#menu a:hover {background:url(/template/images/bg.gif) repeat-x 0 0; height:30px; line-height:30px; color:#fff; text-decoration:none; border:none;padding:1px 1px 0 1px;}
#menu a.thisclass,#menu a.thisclass:link,#menu a.thisclass:visited,#menu a.thisclass:hover{background:url(/template/images/bg.gif) repeat-x 0 0; height:30px; line-height:30px;color:#fff; text-decoration:none; border:none; padding:1px 1px 0 1px;}
#menu a.first,#menu a.first:link,#menu a.first:visited,#menu a.first:hover{ }

.navSub{ background:url(/template/images/shadow.gif) repeat-x; height:36px; line-height:36px; clear:both;}

.innernavSub{width:896px; color:#d1e6f9; margin:0 auto; letter-spacing:2px;}
.innernavSub a:link,.innernavSub a:visited { text-decoration: none;color:#d1e6f9}
.innernavSub a:hover { text-decoration: underline;color:#d1e6f9}
.innernavSub .addTime{ display:none;}
*+html .innernavSub ul{list-style:none;margin-top:0px;}
*+html .search{float:left;padding-top:15px;}
*+html .search2{float:right;margin-top:-3px;}
.search2{float:right;}

/****** Content Layout ******/
#mainWrapper { width:896px; margin:0 auto; clear:both;}

/* sidebar */
.sidebar { float:right;width:203px;}
/* content */
.content { float:left; width:687px;}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }

/*btn*/
.voteButton,.showButton,.cartButton,.loginBt,.showCartBt{ color:#215996; height:20px; line-height:20px;_line-height:16px; border:1px solid #aacbee; background:url(/template/images/bg.gif) 0 -40px;}


/*what is in the pages*/
.sideMenu {clear:both; margin-bottom:7px;}
.sideMenu .tm { background:url(/template/images/bg.gif) 0 -2px; height:28px;padding-left:10px; overflow:hidden;}
.sideMenu .tl {display:none;}
.sideMenu .tr {display:none;}
.sideMenu h2.tt{ background:url(/template/images/ico.gif) no-repeat 0 0;height:12px; display:block; float:left;text-overflow:visible; padding-left:15px; margin-top:8px;color:#fff;}
.sideMenu .mm { background:#f6f9fe url(/template/images/shadowL.gif) repeat-x top; border:1px solid #aaccef; border-top:none; padding:5px; overflow:hidden;}
.sideMenu .ml {display:none;}
.sideMenu .mr {display:none;}
.sideMenu .bm {display:none;}
.sideMenu .bl {display:none;}
.sideMenu .br {display:none;}
.sideMenu ul { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; }
.sideMenu ul li { line-height: 25px; height: 18px;}

.pageMainContent {clear:both; margin-bottom:7px;_width:100%;overflow:hidden}
.pageMainContent .tm {background:url(/template/images/bg.gif) 0 -2px; height:28px;padding-left:17px; padding-right:17px; float: left; overflow:hidden;border-left:1px solid #aaccef;}
.pageMainContent .tl {display:none;}
.pageMainContent .tr {display:none;}
.pageMainContent h2.tt{background:url(/template/images/ico.gif) no-repeat 0 -15px;display:block; float:left;padding-left:15px; margin-top:9px;color:#fff;}
.pageMainContent .mm {padding:10px; background:url(/template/images/shadowM.gif) repeat-x top;border:1px solid #aaccef; border-top:none; line-height:17px;}
.pageMainContent .ml {display:none;}
.pageMainContent .mr {display:none;}
.pageMainContent .bm {display:none;}
.pageMainContent .bl {display:none;}
.pageMainContent .br {display:none;}
.pageMainContent td{ vertical-align:middle}

.cartBox { border: 1px solid #aaccef; background:#f6f9fe;  margin-bottom: 10px;padding:10px;}


/*what is in the index*/
.lframe {clear:both; margin-bottom:7px;}
.lframe .tm { background:url(/template/images/bg.gif) 0 -2px; height:28px;padding-left:10px; overflow:hidden;}
.lframe .tl {display:none;}
.lframe .tr {display:none;}
.lframe h2.tt{ background:url(/template/images/ico.gif) no-repeat 0 0;height:12px; display:block; float:left;text-overflow:visible; padding-left:15px; margin-top:8px;color:#fff;}
.lframe .mm { background:#f6f9fe url(/template/images/shadowL.gif) repeat-x top; border:1px solid #aaccef; border-top:none; padding:5px; overflow:hidden;}
.lframe .ml {display:none;}
.lframe .mr {display:none;}
.lframe .bm {display:none;}
.lframe .bl {display:none;}
.lframe .br {display:none;}

.mframe {clear:both; margin-bottom:7px;}
.mframe .tm {height:27px;overflow:hidden;}
.mframe .tl {display:none;}
.mframe .tr {display:none;}
.mframe h2.tt{background:url(/template/images/ico.gif) no-repeat 0 -15px;height:12px; display:block; float:left;text-overflow:visible; padding-left:15px; margin-top:9px;color:#000;}
.mframe .mm {padding:10px; background:url(/template/images/shadowM.gif) repeat-x top;border:1px solid #aaccef; border-top:none; overflow:hidden; line-height:17px;}
.mframe .ml {display:none;}
.mframe .mr {display:none;}
.mframe .bm {display:none;}
.mframe .bl {display:none;}
.mframe .br {display:none;}
a.m_on{color:#fff;}
a.m_off{color:#024289;}

.height7{ height:7px; overflow:hidden; clear:both;}
.height0{ height:0px; overflow:hidden; clear:both;}

.lblOn{background:url(/template/images/bg.gif) 0 -2px; height:27px; width:95px; float:left;padding-left:12px; overflow:hidden;border-left:1px solid #aaccef; margin-right:2px;}
.lblOff{background:url(/template/images/bg.gif) 0 -34px; height:26px; width:93px; float:left; border:1px solid #accdf0; border-bottom:none;padding-left:12px; overflow:hidden; margin-right:2px;}
.lblOn h2{ background:url(/template/images/ico.gif) no-repeat 0 -15px;height:12px; display:block; float:left;text-overflow:visible; padding-left:20px; margin-top:8px;color:#fff; cursor:pointer}
.lblOff h2{ background:url(/template/images/ico.gif) no-repeat 0 -30px;height:12px; display:block; float:left;text-overflow:visible; padding-left:20px; margin-top:8px;color:#024289; cursor:pointer}

.lblOn2{background:url(/template/images/bg.gif) 0 -2px; height:27px; width:95px; float:left;padding-left:12px; overflow:hidden;border-left:1px solid #aaccef; margin-right:2px;}
.lblOff2{background:url(/template/images/bg.gif) 0 -34px; height:26px; width:93px; float:left; border:1px solid #accdf0; border-bottom:none;padding-left:12px; overflow:hidden; margin-right:2px;}
.lblOn2 h2{ background:url(/template/images/ico.gif) no-repeat 0 -45px;height:12px; display:block; float:left;text-overflow:visible; padding-left:20px; margin-top:8px;color:#fff; cursor:pointer}
.lblOff2 h2{ background:url(/template/images/ico.gif) no-repeat 0 -60px;height:12px; display:block; float:left;text-overflow:visible; padding-left:20px; margin-top:8px;color:#024289; cursor:pointer}

.lblOn3{ background:url(/template/images/hover.gif) no-repeat; width:134px; height:30px; line-height:30px; font-weight:bold; color:#034289; text-align:center; margin-bottom:4px;cursor:pointer; letter-spacing:1px;}
.lblOff3{width:134px; height:30px; line-height:30px; color:#034289; text-align:center; margin-bottom:4px;cursor:pointer;letter-spacing:1px;}
.lblOn3 h2,.lblOff3 h2{cursor:pointer;}

#hoverpage {background:url(/template/images/hoverpage.png) no-repeat; width:687px; height:291px;overflow:hidden; }
#hoverpage .contL{ width:134px; float:left; padding-left:26px; padding-top:20px;}
#hoverpage .contR{ width:496px; float:right; padding:0px 10px 10px 20px;}
#hoverpage .contR img{ float:left; margin-right:10px;}
.ico1,.ico2,.ico3,.ico4{ background:url(/template/images/ico2.gif) no-repeat; width:11px; height:11px;overflow:hidden; padding-left:5px; padding-right:5px;}
.ico1{ background-position:0 -19px;}
.ico2{ background-position:0 -35px;}
.ico3{ background-position:0 -51px;}
.ico4{ background-position:0 -67px;}
#news_con_6{ margin-top:25px;}
#news_con_6 strong{ line-height:30px;text-indent:0em;}
#news_con_6 p{ text-indent:2em;line-height:22px;}
#news_con_6 a:link,#hoverpage .contR a:visited { text-decoration: none; color: #04448c; }
#news_con_6 a:hover { text-decoration: underline; color:#04448c; }
#news_con_7{ background:url(/template/images/hoverIE.gif) no-repeat 345px 130px; margin-top:10px;}
#news_con_7 ul{}
#news_con_7 ul li{ background:url(/template/images/hoverFlag.gif) no-repeat left 8px; height:29px; line-height:29px;padding-left:20px;}
#news_con_8{ background:url(/template/images/hoverEarth.gif) no-repeat 355px 135px; margin-top:10px;}
#news_con_8 strong{ line-height:30px;text-indent:0em;}
#news_con_8 p{ text-indent:2em;line-height:28px;}
#news_con_9{ background:url(/template/images/hoverTV.gif) no-repeat 355px 135px; margin-top:10px;}
#news_con_9 span.strong1{ background:url(/template/images/hoverTV1.gif) no-repeat left top; line-height:16px; font-weight:bold; padding-left:20px;}
#news_con_9 span.strong2{ background:url(/template/images/hoverTV2.gif) no-repeat left top;line-height:16px; font-weight:bold; padding-left:20px;}
#news_con_9 span.strong3{ background:url(/template/images/hoverTV3.gif) no-repeat left top; padding-top:4px;line-height:20px;font-weight:bold; padding-left:20px;}
#news_con_9 p.p1{line-height:28px; font-size:14px}
#news_con_9 p.p1 a:hover{ text-decoration:underline}
#news_con_9 p{line-height:28px; padding-left:20px; margin:10px auto}

.box1{ float:left; width:300px; margin:7px 5px;}
.box1 img{ float:left; margin-right:10px;}
.box1 li{ background:none; line-height:17px}

#news_con_4{background:url(/template/images/Template.gif) no-repeat 490px 80px; padding-bottom:20px; padding-left:10px;letter-spacing:2px}
#news_con_4 .bubble{ background:url(/template/images/Template2.gif) no-repeat; width:20px; height:18px; margin:5px; float:left}
#news_con_4 p{ background:url(/template/images/Template4.gif) repeat; line-height:31px; }
#news_con_4 strong{ line-height:40px; padding-top:10px;}
#news_con_4 ul.nl li{ line-height:24px; background-position:left 6px;}

#news_con_5{background:url(/template/images/Template3.gif) no-repeat 490px 80px; padding-bottom:20px; padding-left:10px;line-height:30px; letter-spacing:2px}
#news_con_5 .bubble{ background:url(/template/images/Template2.gif) no-repeat; width:20px; height:18px; margin:5px; float:left}
#news_con_5 p{ background:url(/template/images/Template4.gif) repeat; line-height:31px; }

.imgad img{ display:block; float:left; margin:0; padding:0}

.moreR,.more{ float:right;margin-top:8px; margin-right:5px;}
.pack {overflow:hidden; clear:both;}
.tl, .bl{ float:left;}
.tr, .br{ float:right;}
.ml, .l{ float:left;padding-bottom:10000px;margin-bottom:-10000px;}
.mr, .r{ float:right;padding-bottom:10000px;margin-bottom:-10000px;}