@charset "iso-8859-1";
/*Globle Site CSS */
html, div, body, p, form, img, h1, h2, h3, h4, h5, h6, input {margin:0 auto auto;padding:0;font:12px/16px Verdana, Arial, Helvetica, sans-serif;color:#000000;}
body{background:#000000 url(/style/images/BG-site.jpg) repeat-x top; width:960px;text-align:left;}
/*Content CSS*/
p{padding-bottom: 10px;}
dl,dd,dt {margin: 0 5px;padding: 0;}
dt{font:bold 12px Verdana, Arial, Helvetica, sans-serif;color: #000000;}
ul, ol { margin:0; padding-left:0; list-style-type: none; }
li{margin:0; padding:0 5px; list-style-type:none;}
ol li {	margin:0 5px;  padding:0; padding-top:5px; padding-bottom:5px;list-style-type: decimal;}
ul.disc{ list-style:disc; margin-left:10px;}
ul.disc li { list-style:disc; }
/*Title CSS*/
h1 {font:bold 36px/36px Geneva, Arial, Helvetica, sans-serif;color:#000000; clear:both; padding:0; background:url(/style/images/bg-h1.gif) no-repeat left top;height: 36px;}
h1 span {font:normal 14px/18px Geneva, Arial, Helvetica, sans-serif; color:#FFFF00;padding:0;margin:0;}
h2 {font:21px/21px Tahoma, Arial, Helvetica, sans-serif normal;color: #CC0000;margin: 1px 10px; height: 30px;}
h3 {font-size:14px; padding:5px 0;color:#ff8300;}
h4 {font-size:14px; font-weight:bold; line-height:25px; color:#000000; height: 25px; background:url(/style/images/bg-h2.jpg) no-repeat; clear:both; margin:10px 0px 0px 10px; padding: 5px 0px 10px 0px;}
h5 {font-size:11px; font-weight:bold;}
h6 {font-size:10px; font-weight:bold;}
/*Link CSS*/
a, a:link, a:visited {text-decoration: underline;color:#cc0000;} 
a:active, a:hover {text-decoration: underline;color:#FF0000;}
/*other CSS*/
hr {border:1px dotted #000000;height: 1px;}
img {border:none;}
input {font-size:11px;}
.red {color: #CC0000;}
.pagewidth {width:990px; clear:both;}
/*-------------------Top style--------------------*/
/*--Top logo--*/
#top {background-image: url(/style/images/BG-top.jpg);height: 147px;}
#top #top-logo {float: left;width: 395px;margin-left: 38px;height: 95px; display:inline;}
#top #top-right {float: left;width: 500px;text-align: right;height: 55px;padding-top: 40px;}
/*--Top menu--*/
#menu{font-size:14px;position:relative;z-index:100;float:left;margin:5px 20px;line-height:21px;width:700px;display:inline; clear:both;}
#menu ul{list-style:none;} 
/*box model hack for ie - 2010.7.5 */
#menu li {float:left;position:relative;padding:0 0 0 10px; *padding-left:5px; margin:0px 10px 0 0; *margin-right:5px;background:url(/style/images/sign-topmenu.gif) no-repeat left center;}
#menu #menu-first{background-image:none;}
#menu ul ul {visibility:hidden;position:absolute;left:20px;top:35px;background:url(/style/images/bg-submenu-title-bottom.png) no-repeat left bottom;padding-bottom: 3px;}
#menu table {position:absolute;top:0;left:3px;}
#menu ul li:hover ul,#menu ul a:hover ul{visibility:visible;}
#menu a{display:block;padding:0 9px 6px 9px;margin:0 7px 2px;line-height:29px;color:#fff;text-decoration:none;}
#menu a:hover{color:#FFFF00;background-position:top;}
/*--sub menu--*/
#menu ul ul a{font-size:11px;background:url(/style/images/bg-submenu.png) no-repeat left;color:#ffffff;}
#menu ul ul li {clear:both;text-align:left; background:none; padding:0;}
#menu #submenu-title{width:200px;line-height:28px;padding:1px 5px 1px 10px;color:#FFF;background: url(/style/images/bg-submenu-title.png) no-repeat left;font-weight: bold;color:#000000;}
#menu #submenu-title a{ background-image:none; padding-left:0; color:#000066;}
#menu ul ul li a{display:block;width:200px;line-height:23px;margin:0;border:0;padding:1px 5px 1px 10px;}
#menu ul ul li a:hover{background:url(/style/images/bg-submenu-hover.png) repeat-y left;}
/*--Top search--*/
#area3 {float:left;width:210px;margin-top:15px; *margin-top:1px;}
#search {width:210px;}
#searchTextDiv {float:left;background:url(/style/images/bg-search.gif) no-repeat left top; width:158px; height:22px; padding-left:3px;}
#q{background:none; border:none; height:20px; width:155px; padding-top:2px;}
/*-------------------bottom style--------------------*/
#bottom {background:url(/style/images/bg-bottom.gif) no-repeat top;clear: both; padding:35px 0 10px 50px;color: #999999; line-height:16px; font-size:11px; overflow:hidden; }
#bottom a{color:#999999; text-decoration:none;}
#bottom a:hover{text-decoration: underline;color:#FF0000;}
/*-------------------index style--------------------*/
/*--hot product--*/
#hot-product {background:url(/style/images/BG-hotproduct.jpg) no-repeat left;height: 374px; clear:both;}
#hot-product #product-logo {width:160px; float:left; margin:100px 0px 0px 70px; height:200px; display:inline;}
#hot-product #product-text {float:left; height:310px; width: 670px; margin:50px 0px 0px 20px;}
#hot-product #product-text #text-ad {font:italic 28px Tahoma, Arial, Helvetica, sans-serif;color: #FFFF00;}
#hot-product #product-text dt {font:normal 36px/36px Geneva, Arial, Helvetica, sans-serif;color: #FFFFFF;}
#hot-product #product-text dd {color: #FFFFFF;background:url(/style/images/sign-dd.gif) no-repeat left top;margin:0px 0px 0px 15px;padding:3px 0px 3px 20px;line-height: 16px;}
#hot-product #product-text #btn {background-image: none;float: right;margin-right: 20px;}
#news {background:url(/style/images/bg-news.gif) no-repeat;height: 67px;line-height: 58px;color: #FFFFFF;padding-top: 0px;padding-right: 50px;padding-bottom: 0px;padding-left: 60px; clear:both;}
#content {background:url(/style/images/bg-content.gif) repeat-y;float: left;width: 928px;padding: 0 16px 0px 16px;}
#content #text {background:url(/style/images/bg-content-text.gif) repeat-x #E8EDF2;float: left;width: 927px; padding-bottom: 5px;}
#text li{ margin-left:10px; padding-left:10px; margin-bottom:5px;}
#content #text #content-product {float: left;margin:20px 30px 0px 40px;display: inline;}
#text #content-product dl {margin:10px 20px 0px 40px;float: left;width: 690px;display: inline; }
#text #content-product dd {margin: 10px 0px 0px 0px;}
.btn {float: right;margin-right: 10px;}
.btn img {margin-right: 5px;}
/*-------------------product style--------------------*/
#nav {background:url(/style/images/BG-nav.jpg) no-repeat;height: 40px;color: #FFFFFF;line-height: 30px;padding-left: 40px;  clear:both;}
#main-product {background:url(/style/images/BG-mainproduct.jpg) no-repeat left;height: 374px;}
#main-product #product-logo {width: 160px;float: right;margin:100px 50px 0px 0px;height: 200px;}
#main-product #product-text {color: #FFFFFF;float: left;height: 280px;width: 850px;margin: 50px 0px 0px 50px;display: inline;}
#main-product #product-text #text-ad {font:italic 28px Tahoma, Arial, Helvetica, sans-serif;color: #FFFF00;}
#main-product #product-text dt {font:normal 36px/36px Geneva, Arial, Helvetica, sans-serif;color: #FFFFFF;}
#main-product #product-text dd {color: #FFFFFF;background:url(/style/images/sign-dd.gif) no-repeat left top;margin:0px 0px 0px 15px;padding:3px 0px 3px 20px;line-height: 16px;}
#main-product #product-text h1 {color: #FFFFFF; margin-bottom:20px;}
#main-product #product-text ul {color: #FFFFFF;margin:10px 10px;font-size: 12px;}
#main-product #product-text ul li span{color:#FFFF00;}
#product-text #shot {margin-left: 40px;}
#content #text #title {margin:10px 30px 0px 30px; *margin-right:10px;border-bottom: dotted 1px #000000;}
/*--Tabarea--*/
#tab {background:url(/style/images/BG-product-tab.jpg) no-repeat;height: 51px;line-height: 42px;padding-left: 70px;clear: both;}
#tab li {float: left; padding:0;background:url(/style/images/bg-tab1.gif) no-repeat bottom;width: 106px;height: 32px;line-height: 35px;text-align: center;margin-top: 10px;margin:10px 2px 0px 2px;color: #FFFFFF; font-weight:bold; line-height:35px;}
#tab li a{color: #FFFFFF;text-decoration:none;padding:1px 10px 4px 10px; display:block;}
#tab .now {background-image: url(/style/images/bg-tab2.gif);font:bold 14px Verdana, Arial, Helvetica, sans-serif;color: #000000;}
#tab .now a{color:#000000;}
.tagContent{display:none;}
.current{display:block;}
.now{display:block;} 
/*--Tab1content--*/
#content #text .tab1 {float: left;margin: 25px 30px 0px 40px; padding:0 0px 20px 0px;width:850px; *width:810px;border-bottom:dotted 1px #000000;display:inline;}
#text .tab1 dl {margin:0px 20px 0px 40px;float: left;width: 630px;display: inline;}
#text .tab1 dt {color: #000000;font:normal 18px Tahoma, Arial, Helvetica, sans-serif;}
#text .tab1 dd {margin: 10px 0px 10px 0px;}
#text .tab1 dd .last{border:none;}
/*--Tab2content--*/
#content #text .tab2 {float: left;margin: 25px 30px 0px 40px; padding:0 0 20px 0;width:850px;*width:810px;border-bottom:dotted 1px #000000;display:inline;}
#text .tab2 dl {margin:0 20px 0 0;float: left;width: 840px;*width:800px;display: inline;}
#text .tab2 dt {color: #000000;font:normal 18px Tahoma, Arial, Helvetica, sans-serif;}
#text .tab2 dd {margin: 10px 0px 10px 0px;}
#text .tab2 dd .last{border:none;}
/*--Tab3content--*/
#content #text .tab3 {float: left;margin: 25px 30px 0 40px;padding:0 0 20px 0;width:850px;*width:810px;display:inline;}
#text .tab3 dl {margin:0 20px 0 0;float: left;width: 800px;*width:760px;display: inline;}
#text .tab3 dt {color: #000000;font:normal 18px Tahoma, Arial, Helvetica, sans-serif;margin-bottom: 10px;margin-top: 25px;}
#text .tab3 dd {margin: 0 0 10px 0;}
#text .tab3 dd .last{border:none;}
#tagContent2 .tab3 .first {margin-top: 0;}
/*-------------------order style--------------------*/
#main-product #order-text {color: #FFFFFF;float: left;height: 300px;width: 600px;margin: 40px 0 0 50px;}
#main-product #box {float: left;width: 160px; margin:60px 0 0 80px;display:inline;}
#main-product #order-text h1 {border-bottom:dotted 1px #FFFFFF; padding:10px 0 10px 0; margin:0 0 10px 0;color: #FFFFFF; }
#main-product #order-text ul {color: #FFFFFF;margin:10px 10px;font-size: 12px;}
#main-product #order-text dl { margin:10px 0 0 0;} 
#main-product #order-text dt {font-size: 18px;color: #FFFF00; margin:0 0 5px 0px;}
#main-product #order-text dd {color: #FFFFFF;background:url(/style/images/sign-dd.gif) no-repeat left top;margin:0 0 0px 15px;padding:3px 0 3px 20px;line-height: 16px;}
#content-title {background-image: url(/style/images/bg-content-title.gif);height: 16px;}
#content #text #order {background:url(/style/images/bg-order.jpg) no-repeat left top;padding:5px 40px 0 40px;}
#content #text #order h1 {line-height: 30px; font-size:20px; margin-bottom:3px;}
#content #text #order h2 {color: #000000;line-height: 60px;height: 60px;border-bottom:dotted 1px #FFFFFF;}
#content #text #order dt {font-size: 18px;}
#content .split {background:url(/style/images/bg-content-split.gif) no-repeat;clear: both;float:left;display:inline;width:848px;padding-top: 40px;padding-right: 40px;padding-bottom: 20px;padding-left: 40px;}
#content .split dt {font-size: 18px; padding:10px 0 10px 0;}
/*--------------------help pages style-------------------------*/
.next, .prev{ float:right; width:32px; height:26px; line-height:26px; margin-left:5px;} 
.prev{ background:url(/style/images/btn-pre.png) no-repeat 0 0;}
.next{ background:url(/style/images/btn-next.png) no-repeat 0 0;}
ul.list-disc,ul.list-disc li{ list-style:disc;}
ul.list-disc { padding-left:20px; }
ul.list-disc li { margin-bottom:5px;}
.border-topic{  background-color:#E4EBF0; border:1px solid #C5D2DF; margin-top:10px; }
.more-topic{ float:left; margin:0 0 10px 10px; width:400px;}
/*---------------------comparison table style 2010 8 5----------------*/
table.comparison { border-collapse:collapse; border:1px solid #A6BBCF;}
table.comparison td{ padding:5px; border-bottom:1px solid #A6BBCF; border-right:1px solid #A6BBCF;}
table.comparison th{ border-right:1px solid #A6BBCF; text-align:center;}