/* CSS Document */
#article,.articleList,.articleSort{ margin:0; padding:0; width:1000px}
#article{ margin:16px auto 0;}
.articleTopL{ width:230px; margin-right:30px; float:left; height:auto;}
.topLHot{ clear:left;background:url(../images/A-top-mid.jpg) repeat-x black;float:left; height:auto; margin-bottom:10px}
.topLHotL,.topLHotR{ width:10px; height:168px; float:left}
.topLHotL{background:url(../images/A-top-lf.jpg) no-repeat;}
.topLHotR{background:url(../images/A-top-rt.jpg) no-repeat;}
.topLHotM{width:210px; float:left; padding-top:15px}
.articleTopR{float:right;background:url(../images/A-rt-mid.jpg) repeat-x; height:auto}
.articleTopRL{background:url(../images/A-rt-lf.jpg) no-repeat; width:8px; height:334px; float:left}
.articleTopRM{width:704px; float:left; padding:15px 20px 0 0 }
.articleTopRR{ background:url(../images/A-rt-rt.jpg) no-repeat; width:8px;height:334px; float:left}
.articleHot{ background:url(../images/A-hot-icon.gif) no-repeat; height:40px; padding-left:45px; line-height:40px}
.articleTopRM p{padding:0 0 20px 45px}
.articleTopRM p a{ display:block; font-size:13px; margin-bottom:5px}
.articleTopRM p a:hover{color:red}
/*nav*/
.articleList{ background:url(../images/A-nav-mid.jpg) repeat-x; height:50px}
.articleList li{width:250px; float:left; line-height:50px; text-align:center; font-weight:bold;}
.articleList li:hover,#articleNavon{ background:url(../images/A-nav-on.jpg) no-repeat}
#articleNavT,#articleNavToff:hover{ background: url(../images/A-nav-top-on.jpg) no-repeat}
#articleNavToff{ background:url(../images/A-nav-top.jpg) no-repeat}
#articleNavL{ background:url(../images/A-nav-bt.jpg) no-repeat}
#articleNavL:hover,#articleNavLon{ background:url(../images/A-nav-bt-on.jpg) no-repeat}
/*Sort Deatil*/
.articleSort{ clear:left;background:url(../images/A-sort-mid.jpg) repeat-x; float:left; height:auto; margin:10px auto 15px auto}
.articleSortL{ background:url(../images/A-sort-lf.jpg) no-repeat; float:left; width:10px; height:289px}
.articleSortM{ width:980px; float:left}
.articleSortM h2{ height:46px; background: url(../images/A-tab.gif) no-repeat bottom; line-height:45px; font-size:13px}
.articleFlv,.articleDVD,.articleVideo{ display:block; padding-left:50px;}
.articleFlv{ background:url(../images/A-flv-icon.gif) no-repeat}
.articleDVD{ background:url(../images/A-dvd-icon.gif) no-repeat;}
.articleVideo{ background:url(../images/A-video-icon.gif) no-repeat;}
.articleSortR{ background:url(../images/A-sort-rt.jpg) no-repeat; float:left; width:10px; height:289px}
.articleLi{ padding-left:35px}
.articleLi li{ height:30px; line-height:30px;}
.articleLi li a:hover{ border-bottom:1px dashed red}
/*Support.html*/
.support{width:694px; float:left; padding:15px 20px 0 0}
.supportR,.supportT,.supportS{ padding-left:50px; height:45px; line-height:45px; width:644px}
.supportR{background:url(../images/S-regist.gif) no-repeat;}
.supportT{ background:url(../images/S-tech.gif) no-repeat;}
.supportS{ background:url(../images/S-sale.gif) no-repeat;}
.supportP{ text-align:justify;; line-height:180%; font-size:13px; padding:0 0 15px 25px; width:670px}
.supportP a{ text-decoration:underline}
.marginTop{ margin-top:15px; clear:left}
/*content.html*/
.content{width:674px; float:left;padding:40px 20px 20px;background:url(../images/introduct-hr.gif) no-repeat bottom; height:auto; font-family:Geneva, Arial, Helvetica, sans-serif}
.contentBox{padding-right:10px;width:194px; float:left; background: url(../images/D-top-hr.gif) no-repeat right top; height:auto}
.contentIntro{float:left; margin-left:40px; line-height:180%; width:430px}
.contentH1{ font-size:1.4em; font-weight:bold;}
.contentIntro p{ padding-bottom:15px}
.contentPrice{ font-weight:bold; font-size:13px; line-height:180%}
.contentPrice .red{ padding:0 10px 0 5px; font-size:15px}
.contentPrice a:link{ border-bottom:1px dashed red; margin-right:10px}
.contentPrice a:hover{color:red; border-bottom:1px dashed white;}
.contentRec{clear:both}
.contentList li{height:43px; float:left; line-height:43px; font-weight:bold; text-align:center; font-size:15px}
.contentList .down1hover{ background:url(../images/C-feature.jpg) no-repeat; width:366px;}
.contentList .down1out{ background:url(../images/C-fea-off.jpg) no-repeat; width:365px }
.contentList .hover{ background:url(../images/C-function.jpg) no-repeat; width:366px}
.contentList .out{ background:url(../images/C-fun-off.jpg) no-repeat; width:365px}
.contentDetailL{background: url(../images/list-content-lf.jpg) no-repeat; float:left; width:3px; height:635px}
.contentDetailR{ background: url(../images/list-content-rt.jpg) no-repeat; float:right; width:3px; height:635px}
.contentDeatilM{float:left;padding:40px 20px 20px;font-family:Geneva, Arial, Helvetica, sans-serif}
.contentDetail{ background:url(../images/list-content-bg.jpg) repeat-x black; float:left; height:auto; width:731px}
.zoom{ background:url(../images/zoom.gif) no-repeat; width:85px; height:30px; display:block; margin:15px auto}
.contentSpan{ text-align:center; font-size:16px; font-weight:bold; display:block; margin:0 auto 20px}
.contentKey{ background: url(../images/C-key.gif) no-repeat left center; padding-left:50px; height:45px}
.contentKey span,.contentGuideT span{ background:url(../images/C-key-hr.gif) no-repeat bottom left; display:block; line-height:40px}
.contentGuide{ width:700px; float:left; padding:20px 0 0 11px}
.contentGuideT{ background:url(../images/C-guide-t.gif) no-repeat left center; padding-left:50px; height:45px}
.contentGuide ul{ margin-top:10px}
.contentGuide ul li{ background:url(../images/C-guide-l.gif) no-repeat left center; padding-left:22px; height:33px; line-height:33px;}
.contentGuide ul li a{ text-decoration:underline}
.contentGuide ul li a:hover{ color:red; }
/*News*/
.NewsP{text-aligh:justify; line-height:180%;padding:25px 0 0 15px; font-size:14px}
.NewsP a{font-weight:bold;color:#FF0000}