@charset "utf-8";

/* global */
body,a,strong,input,select,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋体","Tahoma",sans-serif;}
html{ background:#ffffff; width:100%;height:100%;}
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
div,p {display:block;}
ul,ol,dl {list-style:none;}
img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
button {cursor:pointer;}
body{ overflow-x:hidden}/* center */
.Left{ float:left; display:inline}
.Rig{ float:right; display:inline;font-size:10px; }
.center{ text-align:center}
.w1004{ width:1003px; margin:0 auto}
.auto{ margin:0 auto}
.red{ color:#F00}
#content{ background:#FFF;  clear:both; height:auto}
#Header{ height:80px; background:url(../images/20100603/top.png) no-repeat; overflow:hidden}
#Footer{ width:1003px; height:51px; }
#leftWidth{ width:264px;}
#alttop2{background:url(../img/public/taltbj.jpg) no-repeat; width:726px; height:7px; margin:15px 0px 10px 12px;}
#alttop{background:url(../img/public/taltbj.jpg) no-repeat; width:726px; height:7px; margin:0px 0px 10px 12px; clear:both}
#altbody{margin:0px 22px 8px 0px;padding:0px; text-align:right; clear:both}
/*------------------index------------------------*/
/* Top */
#Header p{ float:right; height:25px; text-align:right;  padding-top:17px;}
#Header p a{ color:#000000; margin:0 10px;}
#Header ul{ clear:both;height:35px; margin-top:1px; width:1004px; overflow:hidden}
#Header ul li{ float:left;}
#Header ul li a{ display:block;height:33px; width:162px; outline:0px  }
#Header ul li#navIndex a{ width:136px;  }
#Header ul li#navPro a{ width:120px;  }
#Header ul li#navTech a{ width:200px;  }
#Header ul li#navUser a{ width:120px;  }
#Header ul li#navCm a{ width:118px;  }
#Header ul li#navDownload a{ width:149px;  }
#Header ul li#navAbout a{ width:161px;  }

/*#Header ul li#navIndex a:hover,#navIndex a:active{background:url(../images/top.png) 0px -119px; width:162px; }
#Header ul li#navPro a:hover,#navPro a:active{ background:url(../images/top.png) -161px -119px;}
#Header ul li#navTech a{ width:166px}
#Header ul li#navTech a:hover,#navTech a:active{ background:url(../images/top.png) -323px -119px;}
#Header ul li#navCm a{ width:152px}
#Header ul li#navCm a:hover,#navCm a:active{ background:url(../images/top.png) -490px -119px;}
#Header ul li#navDownload a{ width:187px}
#Header ul li#navDownload a:hover,#navDownload a:active{ background:url(../images/top.png) -642px -119px;}
#Header ul li#navAbout a{ width:174px}
#Header ul li#navAbout a:hover,#navAbout a:active{ background:url(../images/top.png) -830px -119px;}*/

#nowpsn{ height:24PX; background:#4d3a3c; color:#ffffff; padding:10px 0 0 30px; font-family:"宋体"}
#nowpsn a{color:#ffffff}

#tit{ margin-top:20px}

#Header h1{padding-top:15px; float:left; color:#434343}

#flash{ height:376px}
/*首页最新新闻*/
#news{ height:26px; background: url(../images/indN1.gif) no-repeat left #4f3938; border-bottom:#ccced1 solid 1px;border-top:#ccced1 solid 1px;}
/*首页底部图片*/
#bottom{ height:292px; overflow:hidden }
#bottom #b1{ width:474px; float:left; display:inline}
#bottom #b2{ width:279px; float:left;display:inline}
#bottom #b2 img{ display:block}
#bottom #b3{ background:url(../images/ind4.png) no-repeat; float:left; width:249px; height:308px;display:inline; overflow:hidden }
#bottom #b3 img{display:block}
#bottom #b3 ul{}
#bottom #b3 ul li{ background:#F00; display:inline;}
/*---------------------reg--------------------------*/
#regInfo{ width:577px; height:705px; background:url(../images/regBg.png) no-repeat; padding:38px 56px 0 56px}
.regT{ margin-left:221px}
.inp1{ width:220px; border:#b7b7b7 solid 1px}
.regTbg{ background:url(../images/regTbg.gif) no-repeat #e0e2e4; height:20px; padding:5PX 0 0 15PX}
.ans{ padding-left:20px}
.red1{ color:#c92121}
.back1 a{ color:#000}


/*----------------product-----------------*/
#box{ background:#fff;  float:left;border-top:#c5c5c5 solid 1px; padding-top:3px;}
#cont{float:left; background:url(../images/leftBg.gif)  repeat-y #FFFFFF right; width:1002px}
#RigWidth{ width:252px;  float:left;}
#leftWidth{ width:750px;   position:static; float:left;  z-index:5; position:relative}
* html #left{position:fixed;}

#rigTop{ text-align:right}
#rigBtn{ padding-left:3px; padding-top:5px; height:141px}
#rigBtn ul{ background:url(../images/rigBtn.png) no-repeat; height:103px; overflow:hidden; padding-top:42px}
#rigBtn ul li a{ display:block; height:30px; }
#rigBtn ul li.li1 a:hover{ background:url(../images/rigBtn.png) no-repeat 0px -145px}
#rigBtn ul li.li2 a:hover{ background:url(../images/rigBtn.png) no-repeat 0px -180px}
#rigBtn ul li.li3 a:hover{ background:url(../images/rigBtn.png) no-repeat 0px -212px}

#rigImg{ padding-left:15px}
#rigImg img{ margin-top:10px}

/*proBtn*/
#proBtn ul{ background:url(../images/proBtn.png) no-repeat; height:42px}
#proBtn ul li{ float:left}
#proBtn ul li a{ display:block; height:42px; width:150px}
#proBtn ul li.l1 a{ width:152px}
#proBtn ul li.l1 a:hover{ background:url(../images/proBtn.png) no-repeat 0px -41px}
#proBtn ul li.l2 a:hover{ background:url(../images/proBtn.png) no-repeat -152px -41px}
#proBtn ul li.l3 a:hover{ background:url(../images/proBtn.png) no-repeat -302px -41px}
#proBtn ul li.l4 a:hover{ background:url(../images/proBtn.png) no-repeat -452px -41px}
#proBtn ul li.l5 a{ width:141px}
#proBtn ul li.l5 a:hover{ background:url(../images/proBtn.png) no-repeat -602px -41px}

.proinfo td a{border-bottom:#c8c8c8 solid 1px;  }
.proinfo td a:hover{border-bottom:#bf0008 solid 1px; }

/*netWork*/
#netList,#netPage{ margin:20px 0px 20px 20px; width:715px}
#netPage{ text-align:right; padding-right:15px}
#netPage a{ color:#5c5c5c; margin-left:5px}
#netPage .num a{ text-decoration:underline}
#netPage .num a:hover{ font-weight:bold}
#netPage .num a.act{ text-decoration:none}
#netTable{ margin:10px 0 0 20px; font-size:14px; font-weight:bold}
#netTable select{width:180px}

/*eder*/
.eder img{ margin-top:10px}


#regPrize{ background:url(../images/5price.gif) no-repeat; width:714px; height:389px; padding-bottom:20px}
#regPrize #rp1,#regPrize #rp2{ font-size:13px; color:#767676; line-height:20px; padding-left:30px; padding-right:20px; padding-top:73px}
#regPrize #rp2{ padding-top:27px}

/*CopyRight*/
#CopyRight{background:#4f3938; height:50px; border-top:#1a1a1a solid 1px; color:#FFFFFF; margin:0 auto ; width:1002px; clear:both}
#CopyRight a{ color:#FFFFFF; margin:0 10px;}
#CopyRight span.Rig{ color:#8d8d8d; padding-top:20px; font-family:"Times New Roman"}

.proinfo td.eder a{ border:none}

#downNav{ }
#downNav ul{ height:43PX;}
#downNav ul li#on{ padding-top:0px; height:43px; z-index:9999 }
#downNav ul li#on img{ margin-top:1px;}
#downNav ul li{ float:left; margin-left:9px; height:37px; padding-top:6px;z-index:100}
#downCont{ background:url(/img/download/downContBg.gif) top repeat-x; _margin-top:-6px;  height:500px; clear:both; padding-top:30px}


#downNav #downImg li{ float:left; height:110px; margin-right:1px}
#downNav #downImg li img{ border:#e5e5e5 solid 2px}

/*2010.05.21 uniqlo*/
#uniqlo{ padding:36px 0; text-align:center }

#uniqlo table td{ text-align:center}
#uniqlo #uniqloPic{ margin-top:10px}
#uniqlo #uniqloGatsby{ margin-top:10px}

/*2010.06.03 yoho campaign*/

/*回顾*/
.clear{  overflow:hidden; height:0px; line-height:0px; clear:both;}
#yoho_01{ width:727px; padding-left:12px}
#yoho_intro{ height:181px; background:url(../images/20100603/infoBg.png) repeat-x; padding:0 17px}
#yoho_intro h2{ font-family:"微软雅黑","黑体"; font-weight:inherit; color:#e60012; font-size:18px; line-height:30px; background:url(../images/20100603/huodong.png) no-repeat  left bottom ; text-indent:-9999px}
#yoho_intro #p_01 strong{ line-height:35px; font-weight:bold}
#yoho_intro #p_02{ line-height:24px; text-indent:2em}
#yoho_intro #p_03{ color:#ec404d; line-height:30px}
#scrollMessage{ height:191px; padding:8px 0 20px 0; }
#scrollMessage #sm_boy{ padding:45px 0 10px 0;height:136px; float:left; width:326px; margin:0 28px 0 17px; background:url(../images/20100603/bgSMboy.png); overflow:hidden }
#scrollMessage #sm_girl{ padding:45px 0 10px 0;height:136px; float:left; width:326px; background:url(../images/20100603/bgSMgirl.png) ; overflow:hidden;}
.list{height:136px; overflow:hidden}
#scrollMessage h2{ height:45px; line-height:45px; text-indent:-9999px; z-index:1000}
#scrollMessage ul{ padding:0 15px }
#scrollMessage ul li{ line-height:22px; color:#4c4c4c}
#scrollMessage ul li span{ font-weight:bold}

.section .title{ height:28px; background:#ec404d}
.section .title h2{ text-indent:-9999px}
#editor .title{ background:url(../images/20100603/titleEditor.png) no-repeat left #ec404d}
#say .title{ background:url(../images/20100603/titleSay.png) no-repeat left #ec404d}

#editorBox ul li{ padding:14px 0 6px 13px ; border-bottom:#e5e5e5 solid 1px}
#editorBox .detail{ vertical-align:top}
#editorBox th{ height:24px; text-align:left; font-weight:bold; font-size:14px}
#editorBox .photo{ width:200px;}
#editorBox .detail td{ padding-bottom:13px}
#editorBox .detail h3{ color:#ec404d; font-weight:bold}
#editorBox .detail .head{ padding-right:12px; width:60px; vertical-align:top}
#editorBox .detail .say{ width:180px; padding-right:20px; vertical-align:top; color:#4c4c4c; line-height:16px}
#editorBox .detail .pro{ text-align:center; vertical-align:top}

#say h2{ font-size:18px; font-family:"微软雅黑","黑体"; padding-left:17px; line-height:30px; padding-top:7px}
#say  table{  border-right:none}
#say  #boy table{border:#bfdde5 solid 1px; border-right:none}
#say  #girl table{border:#ffd1b7 solid 1px;border-right:none}
#say  table th{ height:32px; color:#FFF; vertical-align:middle}
#say  #boy table th{ background:#bfdde5;}
#say  #girl table th{ background:#ffd1b7;}
#say  table th.nickname{ width:122px}
#say  table th.id{ width:79px}
#say  table th.content{ width:523px}

#say  table td{ height:55px; vertical-align:middle; text-align:center; color:#4c4c4c}
#say  #boy table td{border-right:#bfdde5 solid 1px;border-top:#bfdde5 solid 1px;}
#say  #girl table td{border-right:#ffd1b7 solid 1px;border-top:#ffd1b7 solid 1px;}
#say  table td strong{ font-weight:bold; color:#000}
#say  table td.content{ height:60px; text-align:left; padding:0 10px;}
#say  table td.content div{}
#say  table td.content div.show{position:relative; height:60px;}
#say  table td.content div p{height:36px; overflow:hidden; line-height:18px; width:500px;}
#say  #boy table td.content div p.show{ position:absolute; width:503px; top:0px; left:-10px; height:auto; overflow:hidden; line-height:18px; background:#f1f7f8; padding:10px; z-index:10000; border-bottom:#bfdde5 solid 1px; border-right:#bfdde5 solid 1px}
#say  #girl table td.content div p.show{ position:absolute; width:503px; top:0px; left:-10px; height:auto; overflow:hidden; line-height:18px; background:#ffece1; padding:10px; z-index:10000; border-bottom:#ffd1b7 solid 1px; border-right:#ffd1b7 solid 1px}

#say  #boy table tr.even{ background:#fbfbfb}
#say  #boy table tr.odd{ background:#ffffff}

#say  #girl table tr.even{ background:#fff9f6}
#say  #girl table tr.odd{ background:#ffffff}

/*首页 心声*/
#xinsheng{ padding-left:24px; width:704px}
#xinsheng #head{ background:url(../images/20100603/indexHi.png) no-repeat; height:125px;}
#xinsheng #head h1{ text-indent:-99999px}
#xinsheng .section{ border:#909090 solid 1px; padding:3px; margin-bottom:25px}
#xinsheng .section .title{ height:20px; background:#bcc0bf}
#xinsheng .section .girlBox{ padding:0  9px}
#xinsheng #girl .title{ background:url(../images/20100603/h2Girl.png) no-repeat left #bcc0bf;}
#xinsheng #pro .title{ background:url(../images/20100603/h2Pro.png) no-repeat left #bcc0bf;}

.girlBox ul li{ border-bottom:#000000  dotted  1px; padding:14px 0 15px 23px; height:67px}
.girlBox td{ height:67px}
.girlBox .head{ width:93px; padding-right:27px}
.girlBox .faq{ width:422px; }
.girlBox .line{ width:5px; font-size:5px; background:url(../images/20100603/xinsheng_line.png) no-repeat center }
.girlBox .more{ width:128px; text-align:right }

.girlBox .head img{ padding:3px; border:#cccccc solid 1px}
.girlBox .faq p{ background:url(../images/20100603/iconSay.png) left center no-repeat; padding-left:18px; line-height:20px}

#xinsheng .pro_Box { width:696px; overflow:hidden}
#xinsheng .pro_Box h3{ height:30px; text-indent:-9999px; margin:10px 0; line-height:30px; font-size:15px; color:#ffffff; font-weight:bold; padding-left:16px}
#xinsheng .pro_Box h3#pro_title_01{ background:url(../images/20100603/title_p_01.png) no-repeat #d0dff5}
#xinsheng .pro_Box h3#pro_title_02{ background:url(../images/20100603/title_p_02.png) no-repeat #ffd1b7}
#xinsheng .pro_Box h3#pro_title_03{ background:url(../images/20100603/title_p_03.png) no-repeat #cad8ba}
#xinsheng .pro_Box h3#pro_title_04{ background:url(../images/20100603/title_p_04.png) no-repeat #bedde4}
#xinsheng .pro_Box h3#pro_title_05{ background:#dcd8b8; text-indent:0;}
#xinsheng .pro_Box h3#pro_title_06{ background:#e4d0be; text-indent:0;}
#xinsheng .pro_Box  ul li { border-bottom:#000000 dotted 1px; padding-bottom:20px}
#xinsheng .pro_Box table{ width:100%; height:70px}
#xinsheng .pro_Box  td.faq{}
#xinsheng .pro_Box  td.line{width:5px; font-size:5px; background:url(../images/20100603/xinsheng_line.png) no-repeat center}
#xinsheng .pro_Box  td.more{ width:128px; text-align:center }
#xinsheng .pro_Box  td.faq p{ background:url(../images/20100603/iconSay.png)  5px 7px  no-repeat; padding-left:18px; line-height:20px}

/*心得*/
#xinde{ padding-left:24px; width:704px}
#xinde #head{ background:url(../images/20100603/sayHead.png) no-repeat; height:68px;}
#xinde #head h1{ text-indent:-99999px}
#xinde #title{ height:128px; margin-bottom:20px}

#xinde #xinde_content{ border:#909090 solid 1px; padding:10px 12px 57px 12px}
#xinde #xinde_content ul li{ border-bottom:#000000 dotted 1px; padding-top:14px}
#xinde #xinde_content ul li p.say{ line-height:18px; background:url(../images/20100603/iconSay.png) no-repeat 5px 7px; padding: 0 0 0 20px; width:488px}
#xinde #xinde_content ul li p.info{ clear:both; line-height:30px; text-align:right}
#xinde #xinde_content ul li p.info span{ padding-right:12px}

#xinde #xinde_page p{ text-align:center; padding:16px 0 20px 0 }
#xinde #xinde_page p a{ color:#909090; line-height:14px; outline:none}
#xinde #xinde_page p span{ padding:0 10px 0 10px}
#xinde #xinde_page p a:hover{ text-decoration:none}
#xinde #xinde_page p a.prev{ padding-left:37px; background:url(../images/20100603/prev.png) no-repeat left; color:#7ed8d4}
#xinde #xinde_page p a.next{ padding-right:37px; background:url(../images/20100603/next.png) no-repeat right; color:#7ed8d4}