﻿*{ font-size:12px; margin:0; padding:0; font-family:Arial, "微软雅黑", "宋体"; list-style-type:none; color:#999; text-decoration:none; line-height:18px;}
body { background:url(images/bg01.jpg) repeat-x 0 0 #fafafa;}/*word-break:break-all; word-warp:warp;*/

img,form,div  {	border:0;}
form      { display:inline;}
a         { color:#999; text-decoration: none;}
a:visited { color:#999; text-decoration: none;}
a:hover   { color:#333; text-decoration: underline;}
a:active  { color:#999; text-decoration: none;}
a,area {blr:expression(this.onFocus=this.blur()) } 
:focus {-moz-outline-style: none; }  

/*Common CSS*/
.clearbox     { display:block; font-size:12px!important; font-size:0; line-height:0; clear:both;}
.all_title_h1 { width:189px; background:url(images/dot03.gif) 0 10px no-repeat; padding:5px 0 5px 17px; color:#444;}
.borderClear  { border:0;}

.f_red        { color:red; position:relative; top:2px; left:5px;}
.F_blue       { color:#6891C1;}
.f_grayB      { color:#777; font-weight:bold;}
.F_green      { color:#459B1E;}
.F_luolan     { color:#9662A7;}
.F_orange     { color:#f80;}
.F_clear      { display:none;}
.f_b          { text-decoration:underline; font-weight:bold;}
.f_tit_center { font-weight:bold; color:#f80; text-align:center;}
.f_orange_16b { font-weight:bold; color:#f80; font-size:16px; text-align:center; padding:15px 0 5px 0;}
.f_orange_12b { font-weight:bold; color:#f80; font-size:12px;}
.f_orange_14b { font-weight:bold; color:#f80; font-size:14px;}
.ball         { font-size:14px; color:#9662A7; background:url(images/ball.gif) no-repeat 0 26px; padding:23px 0 10px 15px;}
.yellow_12b { color:#F80; font-weight: bold; text-decoration:underline;}
a.yellow_12b:visited,a.yellow_12b:hover,a.yellow_12b:active { color:#F80; font-weight: bold; text-decoration:underline;}

/**/
#wrap,#head,#foot     { width:930px; margin:auto;}

#main          { width:700px; float:right;}
#HMmain        { padding-top:10px; width:700px; float:right;}
#sidebar       { width:206px; float:left;}

/*head*/
#head     { padding:27px 0 5px 0;}
#logo     { float:left; position:relative; left:26px;}

/*nav*/
#nav      { float:right; width:680px; height:46px; padding-left:20px; background:url(images/navBg.gif) no-repeat; position:relative;}
#nav li   { float:left; width:94px; height:39px; margin-top:2px;}
#nav li a   { width:100%; height:100%; display:block; line-height:39px; font-size:14px; color:#fff; text-align:center; text-decoration:none;}
#nav li.english { width:82px; position:absolute; right:5px;}
#nav li a:hover,
#nav li a.action  { background:url(images/arrow.gif) center bottom no-repeat;}

/*flash*/
#picAd { width:700px; height:350px; background-color:#fafafa; position:relative;}
#num { display:block; float:right;}
#num { position:absolute; right:39px; bottom:16px;}
#num li { float:left; margin-left:3px;}
#num a { display:block; width:5px; height:5px; text-decoration:none; background-color:#fff; text-align:center; text-indent:10000px; border:2px solid #b3bac3; border-radius:10px; -moz-border-radius:10px;}
#num a.current { background-color:#ff6a03; border-color:#fff;}
#photo { opacity:0; filter:alpha(opacity=0);}

/*CSCenter*/
#global_marketing { margin-top:5px;}
#ProductManual,
#QQChat { width:206px; height:54px; margin-top:10px; display:block;}
#ProductManual { background:url(images/ProductManual.gif) 0 0 no-repeat;}
#QQChat        { background:url(images/QQChat.gif) 0 0 no-repeat;}
#CSCenter      { width:206px; height:54px; margin-top:10px; background:url(images/CSCenter.gif) 0 0 no-repeat;}

/*foot*/
#foot                { width:690px; float:right; padding:10px 0 10px;}
#foot li             { float:left; padding:0 0 0 15px;}
.copyright           { width:690px; clear:left;}
.copyright a.icp     { padding-left:10px;}

/*all content*/
.allmain      { background:url(images/title_allmain_bg.jpg) no-repeat; width:700px; height:34px;}
.allmain_lf   { background:url(images/title_allmain_left.jpg) top left no-repeat; padding-left:54px; float:left;}
.allmain_rg   { background:url(images/title_allmain_right.jpg) top right no-repeat; padding:11px 22px 5px 0; float:left; display:block; font-size:12px; color:#444; font-weight:bold;}

#allmainC_bg01_02    { width:700px; background:url(images/HMproducts_bg01_02.jpg) repeat-y; position:relative;}
#allmainC_bg01_03    { width:700px; height:18px; background:url(images/HMproducts_bg01_03.jpg) no-repeat;}

.allmainC,.allmainC4 { text-align:center; padding:0 17px; margin:20px auto 0 auto; border-right:1px dotted #ccc; float:left;}
.allmainC4           { border:0px;}
.allmainC h1,.allmainC4 h1                  { font-size:13px; font-weight:bold;}
.allmainC a:hover,.allmainC4 a:hover { text-decoration:none;}
.allmainC a:hover h1,.allmainC4 a:hover h1 { text-decoration:underline; font-size:13px; font-weight:bold;}
.allmainC a:hover h2,.allmainC4 a:hover h2 { text-decoration:underline;}

.imgWrap { width:140px; height:140px; display:block;}
.allmainC h2,.allmainC4 h2 { width:140px; font-weight:normal;}

.manual  { width:656px !important; padding:0 22px; position:relative;}
.manual .allmainC { border:none; padding: 0 10px;}
.manual .imgWrap { width:198px; height:268px;}
.manual .imgWrap img { width:198px; height:268px; border:1px solid #eaeaea;}
.manual .allmainC h2 { width:198px; margin-top:8px;}
.downManual { width:300px; height:17px; text-align:center; position:absolute; right:100px; bottom:130px; background:url(images/arrow_down.gif) center top no-repeat; padding-top: 50px;}
.downMV { padding-right:15px; background:url(images/arrow_down_s.gif) right center no-repeat;}

/*products*/ 
#product_menu       {}
#product_menuN      { width:206px; height:35px; background:url(images/Sidebar_title01.gif) 0 10px no-repeat; text-indent:-300px;}
#product_menuNbg01  { width:206px; height:8px; background:url(images/Sidebar_title01_bg01.gif) 0 0 no-repeat; font-size:12px!important; font-size:0; line-height:0; clear:both;}
#product_menuNbg02  { width:206px; background:url(images/Sidebar_title01_bg02.gif) 0 0 repeat-y;}
#product_menuNbg03  { width:206px; height:8px; background:url(images/Sidebar_title01_bg03.gif) 0 0 no-repeat;}
/*all sidebar*/
#product_menuNCan   { width:180px; margin:auto;}
#product_menuNCan li{ padding:3px 0 3px 10px; background:url(images/dot01.gif) no-repeat 2px 9px;}

/*content other*/
.cau01          { width:490px; padding:0 0 235px 170px;}
.cau01 img      { position:absolute; bottom:-15px; left:0; z-index:1;}
p               { padding:5px 0; text-indent:2em;}
.cau01 p a      { color:#f80; font-weight:bold; text-decoration:underline;}
.cau01 p strong { color:#f80;}

/*rode*/
#rode01         { padding:0 0 23px 12px;}
#rode01 li      { float:left; padding-left:17px; background:url(images/dot02.gif) 7px 5px no-repeat;}

/*LAPTOP DESK & SOUND BOX*/
.allmainC2,.allmainC24 { text-align:center; padding:5px 26px; margin:20px auto 0 auto; border-right:1px dotted #ccc; float:left; font-size:17px;}
.allmainC2 img,.allmainC24 img { display:block;}
.allmainC24       { border:0px;}

/*siteMap*/
#site_map    {}

#site_map_left,#site_map_right          { float:left; width:290px; margin:20px 0 20px 35px!important; margin:10px 0 10px 17px;}
#site_map_left h1,#site_map_right h1    { border-bottom:1px solid #9662A7; width:300px; margin:11px 0 4px 0;}
#site_map_left li,#site_map_right li    { padding-left:15px;}
#site_map_left h1 a,#site_map_right h1 a{ color:#9662A7; text-decoration:none;}

/*privacy_policy*/
.cPRIVACY02       { padding:   10px 30px 0 30px;;}
.cPRIVACY02 span.date  { float:right;}
.cPRIVACY02 li{ padding:3px 0 3px 10px; background:url(images/dot01.gif) no-repeat 2px 9px;}

/*product list*/
a.allmainNs,a.allmainNs4,a.allmainNs:hover,a.allmainNs4:hover
{ width:590px; padding:15px 26px; margin:auto; border-bottom:1px dotted #ccc; font-size:17px; display:block; height:180px;}
a.allmainNs:hover,a.allmainNs4:hover{ background:#f6f6f6; text-decoration:none;}

.allmainNs { width:590px; padding:15px 26px; margin:auto; font-size:17px; display:block; height:180px;}

.allmainNs img,.allmainNs4 img { float:left; margin-right:40px;}
.allmainNs h1,.allmainNs4 h1   { padding-top:30px;}
.allmainNs h2,.allmainNs4 h2   { width:370px; float:right; font-size:12px; font-weight:normal;}

.picWrap { text-align:center;}
.linkWrap { width:370px; float:right; margin-top:10px;}

.cau01 dd { padding-bottom:10px;}
.cau01 .ipt,
.cau01 .textarea { width:300px; padding:2px; border:1px solid #CCC;}
.cau01 .textarea { height:50px; overflow-x:hidden; overflow-y:auto;}
.cau01 .ipt:focus,
.cau01 .textarea:focus { border:1px solid #86C2FF;}
.cau01 .btn { width:68px; height:23px; background:url(images/btn.gif) 0 0 no-repeat; color:#333; border:none; cursor:pointer;}
.cau01 .btn:hover,
.cau01 .btn:active { background:url(images/btn.gif) 0 -23px no-repeat;}

.textWrap { padding:0 35px;}
.minHeight { min-height:420px;}

.pagination { text-align:center; padding:10px;}
.pagination a { min-width:12px; height:15px; line-height:15px; display:inline-block; background-color:#f5f5f5; border:1px solid #ccc; padding:2px 4px; text-decoration:none; margin:1px;}
.pagination a:hover { color:#fff; background-color:#666; border:1px solid #333;}
.pagination a.action { color:#fff; background-color:#333; border:1px solid #000;}
