/* CSS Document */
#productM{ background:url(../images/main.jpg) repeat-y;height:auto; padding:0 14px 0 11px; width:931px; float:left}
.yellow{color:#d69547}
.productRemL,.productRemR{height:157px; margin:10px 0; float:left; padding:10px; line-height:140%; color:#5c596a}
.productRemL{ background:url(../images/P-rem-l.jpg) no-repeat; width:443px; padding-top:30px; }
.productRemL img,.productRemR img{ float:left}
.productRemL p,.productRemR p{ width:300px; float:left}
.productRemL p a:link,.productRemL p a:visited{ text-decoration:underline}
.productRemL p a:hover{text-decoration:none}
.productRemR{ background:url(../images/P-rem-r.jpg) no-repeat; width:447px; float:right }
.productHot{ background:url(../images/P-hot.jpg) no-repeat left center; width:929px; height:37px; line-height:27px; clear:both; text-align:center; line-height:37px; font-weight:bold; color:#641701}
.productHotM{ background:url(../images/P-hot-m.jpg) no-repeat left center;height:114px; width:579px; padding:20px 0 0 350px}
.productHotM a{ display:block; background:url(../images/P-hot-li.jpg) no-repeat left center;color:#d69547; padding-left:25px; line-height:160%}
.productList{ clear:both; width:926px; height:36px; margin-top:15px; padding-top:20px}
.productList li{ float:left; line-height:30px; font-size:13px; font-weight:bold; margin-right:0px; width:125px; padding-left:20px;}
.productList li a:link, .productList li a:visited{text-decoration:underline}
.productList li a:hover{ text-decoration:none}
.productCon{ border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3; float:left; height:auto; width:924px; padding-bottom:20px;}
.productCon ul{ float:left;margin-right:10px; width:155px; padding:20px 0 0 15px}
.productCon ul li{ background:url(../images/P-yellow-li.jpg) no-repeat left center; padding-left:10px; line-height:170%}
.productCon ul li a:link, .productCon ul li a:visited{ text-decoration:none}
.productCon ul li a:hover{ text-decoration:underline}
#dvdCon li,#suiteCon li{ background:url(../images/P-green-li.jpg) no-repeat left center;}
.productLiBt{ background:url(../images/P-list-bt.jpg) no-repeat; width:926px; height:164px; clear: both}
/*video product*/
.productL{ margin-right:15px; width:192px; float:left}
.pLeftTop{ background:url(../images/P-left-top.jpg) no-repeat; width:192px; height:81px; margin-top:15px}
.pLeftBt{ background:url(../images/P-left-bt.jpg) no-repeat; width:192px; height:520px; clear:both}
.pLeftMid{ width:190px; border-left:1px solid #D4D3D3;border-right:1px solid #D4D3D3;float:left; height:auto; background-color:white}
.pLeftMidNow a{color:#dfb26c}
.pLeftMid li{ background:url(../images/P-left-li.jpg) no-repeat; width:169px; height:36px; line-height:36px;margin:10px 0 0 8px; padding-left:10px; font-weight:bold}
.pLeftMid li a:hover{ color:#dfb26c}
#pLeftLast{ background:url(../images/P-left-li-last.jpg) no-repeat; }
.productR{ float:right}
.productRTop{ background:url(../images/P-right-top.jpg) no-repeat; width:709px; height:56px; margin-top:15px}
.productRMid,.articleRMid{width:702px; border-left:1px solid #D4D3D3;border-right:1px solid #D4D3D3;float:left; height:auto; padding:0 0 10px 5px}
.productRMid{background:url(../images/P-right-mid.jpg) repeat-x #d5d4d4;}
.productWinTop{ background:url(../images/P-win-top.jpg) no-repeat; width:696px; height:37px}
.productMacTop{ background:url(../images/P-mac-top.jpg) no-repeat; width:696px; height:37px}
.productWin,.productMac{border-left:1px solid #D4D3D3;border-right:1px solid #D4D3D3;float:left; height:auto; width:690px; height:auto; padding:0 0 50px 4px;}
.productWin{  background:url(../images/P-windows.jpg) no-repeat bottom white;}
.productMac{ background:url(../images/P-mac-t.jpg) no-repeat bottom white;}
.productDetail{ border-bottom:1px solid #a3a695; float:left; height:auto; background:url(../images/P-p-bg.jpg) no-repeat right 90%; margin-bottom:10px}
.plearnMore{ background:url(../images/lean-more.jpg) no-repeat; color:#dfb26c;padding-left:30px; height:26px; display:block; float:left; line-height:25px; text-decoration:underline; margin:10px 20px 0 0}
.pprice{color:#dfb26c; font-weight:bold; display:block;line-height:25px; margin:10px 20px 0 0;float:left; height:26px; font-size:13px}
#pWin,#pMacIcon,#pWinIcon,#pMac{ width:158px; height:42px; display:block; float:left; margin-left:10px}
#pWin{ background:url(../images/P-win.jpg) no-repeat;}
#pMac{ background:url(../images/P-mac.jpg) no-repeat}
#pWinIcon{ background:url(../images/P-win-icon.jpg) no-repeat}
#pMacIcon{ background:url(../images/P-mac-icon.jpg) no-repeat;}
/*article*/
.articleTop{background:url(../images/A-top-r.jpg) no-repeat right center; width:930px; height:182px; margin-top:15px}
.articleTopL{ background:url(../images/A-top-l.jpg) no-repeat; width:20px; height:182px; float:left}
.articelTopM{ background:url(../images/A-top-m.jpg) repeat-x; width:736px; float:left; height:182px; padding-left:5px}
.aHotGuide,.aHotTip{width:140px; height:31px;padding-left:18px; line-height:31px}
.aHotGuide{ background:url(../images/A-hot-guide.jpg) no-repeat; }
.aHotTip{ background:url(../images/A-hot-tip.jpg) no-repeat;}
.articelTopM p{ height:43px}
.articelTopM ul{ margin:5px 20px 0 0; float:left}
.articelTopM li{ background:url(../images/A-hot-li.jpg) no-repeat left center; line-height:18px; padding-left:23px}
.articelTopM li a:hover{color:#72c044}
#article,#articleOff,#industryOff,#industry,#productOff,#product{display:block; padding-left:40px}
#articleOff{ background:url(../images/A-article.gif) no-repeat left center; }
#article{background:url(../images/A-article-off.gif) no-repeat left center;}
#industry{ background:url(../images/A-industry-off.gif) no-repeat left center;}
#industryOff{ background:url(../images/A-industry.gif) no-repeat left center;}
#product{ background:url(../images/A-product-off.gif) no-repeat left center}
#productOff{ background:url(../images/A-product.gif) no-repeat left center}
.articleRTop{ background:url(../images/A-right-top.jpg) no-repeat; height:56px; width:709px; margin-top:15px}
.articleRMid{background-color:#F8F7F7; border-bottom:1px solid #D4D3D3;}
.articleTitle{ background:url(../images/A-title.jpg) no-repeat; width:697px; height:37px; clear:both;}
.articleFlv,.articleDVD,.articleVideo{border:1px solid #D4D3D3;border-top:0;float:left; height:auto; width:691px; height:auto; padding:0 0 50px 4px; margin-bottom:10px;}
.articleFlv{ background:url(../images/A-flv.jpg) no-repeat right bottom white}
.articleDVD{ background:url(../images/A-dvd.jpg) no-repeat right bottom white}
.articleVideo{ background:url(../images/A-video.jpg) no-repeat right bottom white}
#flvTitle,#dvdTitle,#videoTitle{display:block; width:210px; line-height:35px; padding-left:20px; font-weight:bold; font-size:14px}
#flvTitle{ background:url(../images/A-flv-title.gif) right center no-repeat;}
#dvdTitle{ background:url(../images/A-dvd-title.gif) right center no-repeat}
#videoTitle{ background:url(../images/A-video-title.gif) right center no-repeat}
.articleSingle,.articleEven{ margin:20px 0 0 40px}
.articleEven li{ background:url(../images/A-list-even.jpg) no-repeat left center;line-height:23px; padding-left:22px}
.articleSingle li{ background:url(../images/A-list-li.jpg) no-repeat left center; line-height:23px; padding-left:22px}
.articleRMid li a:hover{color:#72c044}
#ipodLi{ width:180px;}
#ipodLi a{ width:180px;}