@charset "iso-8859-1";
/*Copyright 2009 www.sothink.com*/
html, div, body, p, form, img, h1, h2, h3, h4, h5, h6, input {margin:0; padding:0; margin-left:auto; margin-right:auto; font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#444444;}
body{text-align:left; background:url(/style/images/bg-site.gif) center top; width:970px;}
p{padding-bottom:10px;}
dl,dd,dt {margin:0; padding:0; margin-bottom:5px;}
dt{font-weight:bold; color:#000000; font-size:12px;}
ul, ol {margin:0; padding-left:0; list-style-type:none;}
li{margin:0; padding:5px 0; list-style-type:none;}
ol li {margin:0 0 0 5px; padding:5px 0; list-style-type:decimal;}
h1 {font:bold 24px/30px Lucida Sans Unicode, Geneva, Arial, Helvetica, sans-serif; color:#000000; clear:both; background:url(/style/images/bg-h1.gif) no-repeat left bottom; height:30px; padding: 0 0 10px 10px; margin:0;}
h1 span{font:normal 16px/18px Verdana, Arial, Helvetica, sans-serif; color:#cc0000; padding:0; margin:0;}
h2 {font:14px/25px Lucida Sans Unicode, Tahoma, Arial, Helvetica, sans-serif; color:#000000; height:35px; font-weight:bold; margin-bottom:10px; background:url(/style/images/bg-h2.png) no-repeat left top; padding-left:10px; clear:both;}
h3 {color:#000000; font:bold 14px Verdana, Arial, Helvetica, sans-serif; padding:10px 0px 5px 10px; margin:0px 5px 0px 5px; background: url(/style/images/bg-h3.gif) no-repeat left bottom; line-height:20px;}
h4 {color:#000000; height:25px; background:url(/style/images/bg-h2.jpg) no-repeat; font:bold 14px/25px Verdana, Arial, Helvetica, sans-serif; clear:both;margin:10px 0px 0px 10px; padding:5px 0px 10px 0px;}
h5 {font-weight:bold; font-size:11px;}
h6 {font-weight:bold; font-size:10px;}
a, a:link, a:visited {text-decoration:none; color:#cc0000;} 
a:active, a:hover {text-decoration:none; color:#FF0000;}
hr {border:1px dotted #000000; height:1px; width:90%;}
img {border:none;}
input {font-size:11px;}
.pagewidth {width:990px; clear:both;}
.red {color:#CC0000;}
.black {color:#000000;}
table,td,th,tr{border:none; border-collapse:collapse;}
#formats table {border-collapse:collapse;margin:10px 0;}
#formats th, #formats td {	border:1px solid #999;text-align:center;}
/*--Top logo--*/
#top {height:145px; background:url(/style/images/bg-top.jpg) no-repeat; float:left; width:970px; display:inline;}
#top #top-logo {margin-left:40px; width:505px; float:left; display:inline;}
#top #top-right {float:left; width:420px; height:81px;}
/*--Top menu--*/
#top #top-menu {background:url(/style/images/bg-topmenu.png) no-repeat left top; float:left; height:41px; width:680px; margin-left:41px; padding-left:11px; display:inline;}
#top-menu li {float:left; font:bold 12px/18px Lucida Sans Unicode;}
#top-menu #menu-first {background-image:none; padding:0;}
#top-menu .now{ margin-left:0px ;background-image:url(/style/images/sign-topmenu-hover.gif);}
#top-menu li a{color:#FFFFFF; margin:0 1px; padding:6px 13px;}
#top-menu li a:hover{ padding:6px 13px 45px 13px; background:url(/style/images/sign-topmenu-hover.gif) no-repeat center top; height:51px;}
/*--Nav product--*/
.content-box {background:url(/style/images/bg-content.png) repeat-y; padding:0px 7px 0px 9px; display:inline;}
.content-box #nav {background:url(/style/images/bg-nav.gif) repeat-x; height:54px; padding:5px 15px 0px 15px; font-size:11px;}
/*--Top search--*/
#area3 {float:left; width:210px; margin-top:5px; background:url(/style/images/bg-search.png) no-repeat left top; height:36px;}
#search {width:210px;}
#searchTextDiv {float:left; width:177px; height:22px; padding-left:3px;}
#q{background:none; border:none; height:20px; width:170px; margin-left:5px; padding-top:2px; color:#CCCCCC;}
/*--tab--*/
.content-box #tab {line-height:35px; background-image: url(/style/images/bg-tab.gif); height:41px; padding:3px 10px 0 15px;}
#tab ul {width:920px; height:35px; line-height:35px;}
#tab li {font-size:11px; float:left; margin:0; padding:0px 0px 0px 0px; background:url(/style/images/bg-tab-ul.gif) repeat-x 10px;}
#tab li a{color:#000000; font-size:11px; margin-left:0px; padding:1px 1px 2px 15px; background:url(/style/images/bg-tab-li.gif) no-repeat 0px 0px;}
#tab li a:hover{color:#ff0000;}
#tab #first {background-image:url(/style/images/bg-tab-li-first.gif);}
#tab #last {background-image:url(/style/images/bg-tab-li-last.gif); cursor:default;}
#tab #tab-head {background-image:url(/style/images/bg-tab.gif); background-repeat:repeat-x; height:38px;}
/*-------------------bottom style--------------------*/
#bottom {font-size:11px; color:#000000; text-align:center; clear:both; background:url(/style/images/bg-bottom.png) no-repeat left top; padding:25px 0 10px 0;float:left; clear:both; width:970px; line-height:14px;}
#bottom a{color:#000000;}
#bottom a:hover{color:#cc0000;}
#bottom-wide {font-size:11px; color:#000000; text-align:center; clear:both; background:url(/style/images/bg-bottom2.png) no-repeat left top; padding-top:25px;padding-bottom:10px; float:left; clear:both; width:970px; line-height:14px;}
/*-------------------index style--------------------*/
.content-box {background:url(/style/images/bg-content.png) repeat-y; float:left; padding:0 6px 0 9px; clear:both; width:955px;}
.content-box #nav {background:url(/style/images/bg-nav.gif) repeat-x; height:50px; padding:4px 15px 0px 15px; font-size: 11px;}
.content-box #nav h1 {background-image:none; padding:0; margin:0;}
.content-box #ban {background:url(/style/images/bg-ban.png) no-repeat center top; height:234px; padding:8px 7px;}
.content-box #content-left {width:657px; float:left; padding:20px 10px 10px 15px;}
.content-box #content-left .box {margin-right:15px; margin-left:10px; float:left;}
.down {background:url(/style/images/sign-download.gif) no-repeat left center; float:right; margin-right:10px; font-size:11px;}
.down a{font-size:11px; padding:0px 5px 0px 25px;}
.buy {background:url(/style/images/sign-buy.gif) no-repeat left center; float:right; margin-right: 10px;}
.buy a{ font-size:11px; padding:0px 5px 0px 25px;}
.linux {background:url(/style/images/sign-linux.gif) no-repeat left center; float:right; margin-right:10px; font-size:11px;}
.linux a{ font-size:11px; padding:0px 5px 0px 25px;}
.windows {background:url(/style/images/sign-windows.gif) no-repeat left center; float:right; margin-right:10px; font-size:11px;}
.windows a{ font-size:11px; padding:0px 5px 0px 25px;}
.content-box #content-left ul {float:left; width:450px; margin-bottom:20px;}
/*--right--*/
.content-box #content-right {float:left; width:273px;}
.content-box #content-right #format-search-title {line-height:30px; color:#FFFFFF; background:url(/style/images/bg-righttop-title.gif) repeat-x; height:30px;font-size:14px; font-weight:bold; padding-left:20px; margin-top:5px;}
.content-box #content-right #format-search-form {background:#960023 url(/style/images/bg-righttop.gif) repeat-x; height:35px; padding:15px 0 0 20px;margin-bottom:10px;}
#format-search-form #form1 select {font-size:11px; height:18px; width:70px;}
.content-box #content-right dl {margin:0px 10px 0px 15px;}
.content-box #content-right dt {margin:15px 0px 0px 0px; color:#333333;}
.content-box #content-right .time {text-align:right;}
.content-box #content-right dd {font-size:11px; line-height:16px;}
/*-------------------Allproduct style--------------------*/
.content-box-wide {background:url(/style/images/bg-content.png) repeat-y; float:left; padding:0 9px 0 6px; clear:both; width:955px;}
.content-box-wide #content {width:935px; float:left; padding:10px 10px 10px 10px; background-color:#F8F8F8;}
.content-box-wide #content ul {float:left; width:720px;}
.content-box-wide .box {margin-right:15px; margin-left:10px; float:left;}
/*--labelarea--*/
#label {background:url(/style/images/bg-labelbox-wide.gif) no-repeat left bottom; height:37px; line-height:32px; clear:both;}
#label li {font-family:Lucida Sans Unicode; float:left; background:url(/style/images/bg-label2-wide.gif) no-repeat center; width:184px; line-height:32px; height:32px; text-align:left; font-weight:bold; margin:0px 2px 0px 2px; font-size:14px; padding:0; margin-left:0;}
#label li a{color:#666666; text-decoration:none; padding:0px 10px 0px 34px; display:block;}
#label .now {background:url(/style/images/bg-label-wide.gif) no-repeat; font-weight: bold; color:#000000; font-size:14px;}
#label .now a{color:#000000;}
.tagContent{display:none;}
.current{display:block;}
.now{display:block;} 
/*--labelcontent--*/
.content-box-wide #content #text {background:#FDFEFE url(/style/images/bg-labelcontent-wide.gif) repeat-x; border-right:1px #B0B3BA solid;  border-left:solid 1px #B0B3BA; padding:20px 0px 10px 0px; float:left; width:933px;}
#content #text .product {float:left; border-bottom:1px #999999 dotted; padding:0px 0px 5px 0px; margin:0px 20px 10px 20px; width:890px; display:inline;}
#text dl{clear:both;}
#text dl .info{margin-bottom:25px;}
/*-------------------product style--------------------*/
.content-box #nav-product {background:#DDDDDD url(/style/images/bg-nav2.gif) repeat-x bottom; height:25px; padding:4px 15px 0px 15px; font-size:11px;}
.content-box #content-mainproduct {width:655px; float:left; padding:15px 10px 10px 15px;}
.content-box #content-mainproduct .box {margin:10px 15px 0px 10px; float:left;}
.content-box #content-mainproduct ul {float:left; width:430px; margin:0px 0px 0px 0px; text-align:justify;}
/*--labelarea--*/
#label2 {background-image: url(/style/images/bg-labelbox.gif);background-repeat: no-repeat;height: 37px;line-height: 32px;clear: both;background-position:left bottom;margin-top: 20px;float: left;width: 655px;}
#label2-2 {margin-top:0;float:left;width:655px;}
#label2 li {font:12px/32px Lucida Sans Unicode; float:left; background:url(/style/images/bg-label2.gif) no-repeat center; width:140px; height:32px; text-align:left; font-size:12px; padding:0; margin: 0px 2px 0px 0px; text-align:center;}
#label2 li a{color:#666666; text-decoration:none; padding:0px 10px 0px 10px; display:block;}
#label2 .now {background:url(/style/images/bg-label.gif) no-repeat; font-weight:bold; color:#000000; font-size:12px;}
#label2 .now a{color:#000000;}
/*--labelcontent--*/
#content-mainproduct #text {background:#FDFEFE url(/style/images/bg-labelcontent-wide.gif) repeat-x; border-right:1px solid #B0B3BA;border-left:1px solid #B0B3BA; padding:20px 0px 10px 0px; float:left; width:653px; display:inline;}
#content-mainproduct #text .product {float:left; border:1px dotted #999999; padding:0px 0px 5px 0px; margin:0px 20px 10px 20px; width:610px; display:inline;}
#content-mainproduct #text .product p {padding-top:10px;}
#content-mainproduct #label ul {margin:0px; padding:0px;}
#content-mainproduct #label2 ul {width:650px;}
.content-box #content-mainproduct #bottom-down {font-weight:bold; color:#ECE9D8; text-align:center; padding:20px 0px 0px 0px;}
.content-box #content-mainproduct #bottom-down a{font-size:16px;}
#text ul li {background:url(/style/images/bg-li.gif) no-repeat left 14px; padding-left:15px;}
#text ul .title{font-weight:bold; font-size:12px; background:none;}
#text ol{padding:8px 15px 10px 15px;margin-left:15px;}
.content-box #content-mainproduct #text ul {width:540px;; padding:0 20px;}
.content-box #content-mainproduct #text td {padding-right:10px; padding-left:10px;}
.tdtitle {background:url(/style/images/bg-td.gif) repeat-x; height:33px; line-height:33px; color:#000000; font-weight:bold;}
.tdclass2 {background:#f5f5f5 url(/style/images/bg-td2.gif) repeat-x; font-weight:bold; color:#000000; text-align: center;}
.content-box #content-right ul {font-size:11px; margin:8px 15px 10px 15px;}
.content-box #content-right li {line-height:16px; border-bottom:1px dotted #999999;}
.content-box #content-right .rightmenu {padding:0px 5px 10px 10px; margin:0px;}
#content-right .rightmenu li {margin:0px; height:26px; line-height:26px; padding:0px; border:none;}
#content-right .rightmenu li a{padding:0px 0px 0px 15px; display:block; background:url(/style/images/bg-rightmenu.gif) no-repeat; color:#000000;}
#content-right .rightmenu li a:hover{background:url(/style/images/bg-rightmenu-hover.gif) no-repeat; color:#CC0000;}
#content-mainproduct .down {background:url(/style/images/btn-down.png) no-repeat left center; float:right; font-size:11px; height:36px; width:134px; margin-right:2px;}
#content-mainproduct .buy {background:url(/style/images/btn-buy.png) no-repeat left center; float:right; font-size:11px; height:36px; width:126px; text-align:center;}
#content-mainproduct .down a {color:#FFFFFF; font-weight:bold; padding:0px 0px 0px 20px; display:block;}
#content-mainproduct .buy a {color: #FFFFFF; font-weight:bold; padding:0px 0px 0px 0px; display:block;}
#content-right .right-logo {margin:10px 10px 0px 5px;}
#content-right .catalogue-1, .catalogue-2 {background:url(/style/images/bg-li.gif) no-repeat left 12px; padding-left: 10px; font-weight: bold;}
.catalogue-2 {font-weight:normal; margin-left:10px;}
/*-------------------Purchase style--------------------*/
.content-box-wide #content #pur-title {font-size:18px; background-image:none; border:3px solid #000000; margin-bottom:20px;}
.content-box-wide #content #bene {margin:0 10px 20px 10px;}
.content-box-wide #content #bene li {background:url(/style/images/bg-bene.gif) no-repeat left 8px; padding-left:20px;}
.content-box-wide #content #text .product .full-price {color:#999999; text-decoration:line-through;}
.content-box-wide #content #text .product .disscount-price {color:#000000;}
.content-box-wide #content #text .product .Purchase-table td{font-weight: bold;border-bottom:1px dotted #999999;}
.right{float:right; background:none;}