@charset "utf-8";
/* CSS Document */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

/* technology */
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
b{display:block;}
p{line-height:18px;}
img{display:block;}
.pink{color:#ea5c6d;}
.marginT35{margin-top:35px;}
.marginL5{margin-left:5px;}
.paddingL65{padding-left: 65px;}
.paddingL55{padding-left:55px;}
.marginT50{margin-top:50px;}
.clear{clear:both; border:none;}
.marginT15{margin-top:15px;}
.marginT25{margin-top:25px;}
.marginB100{margin-bottom:100px;}
/*.pos-1{position:absolute;}
.pos-2{position:absolute;}
.pos-3{position:absolute;}
.pos-4{position:absolute; top:0; right:0;}*/
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

/* ====== Page Head, Body, and Foot ====== */
body{font-family:Verdana, Geneva, sans-serif; font-size:12px; background:url(skins/page-repeat_bg1.jpg) repeat-x;}
.page-wrap3{background:url(skins/page-repeat_bg2.jpg) repeat-x bottom left;}
.page-wrap2{background:url(skins/bg_bottom.jpg) no-repeat bottom center;}
.page-wrap{background:url(skins/bg_top.jpg) no-repeat top center;}
.page{margin: 0 auto; width: 980px;} 
.header{}
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.footer{height:60px; line-height:60px;}
.footer p{height:60px; line-height:60px; text-align:center; color:#b99d9d;}
.footer p span{margin-right:10px;}

/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

/* header style */
.outHeader{width:1018px; margin:0 auto; position:relative;}
.header-top{background:url(skins/header-1_top_coner.jpg) no-repeat bottom center; height:7px; width:980px; margin:0 auto;   padding:65px 0 0 0 !important; padding:58px 0 0 0; }
.whiten_page .header-1{height:271px; background:#FFF url(skins/header-1_red_bg.jpg) repeat-x bottom; width:980px; margin:0 auto;}
.product_page .header-1{height:247px; background:#FFF; width:980px; margin:0 auto;}
.editor_page .header-1{height:440px; background:#FFF url(skins/editor_all_top_bg.jpg) no-repeat bottom; width:980px; margin:0 auto;}
.new_page .header-1{height:558px; background:#FFF url(skins/interactive_header2_bg.jpg) no-repeat bottom; width:980px; margin:0 auto;}
.whiten-header .header-2{background:url(skins/header_2_bg.jpg) no-repeat; padding:18px 0 0 34px; height:279px; position:relative;}
.editor-header .header-2{background:url(skins/editor_header-2_bg.jpg) repeat-x;height:551px;}
.trend-1{width:379px; height:66px; padding:30px 0 0 77px; background:url(skins/trend-1.jpg) no-repeat;}
.trend-2{width:379px; height:76px; padding:19px 0 0 77px; background:url(skins/trend-2.jpg) no-repeat;}
.trend-3{width:383px; height:66px; padding:30px 0 0 97px; background:url(skins/trend-3.jpg) no-repeat;}
.trend-4{width:383px; height:76px; padding:19px 0 0 97px; background:url(skins/trend-4.jpg) no-repeat;}
#floatBlock{position:absolute; left:49%; top:20%; z-index:99;}
#floatBlock2{position:absolute; left:39%; top:20%; z-index:99;}

#floatBlock img,#floatBlock2 img{ display:none;}

.editor-header .header-2 .line{color:#FFF;}
.editor-header .header-2 .line .button{margin:15px 0 0 0;}
.editor-header .header-2 .column-A{ width:326px;}
.editor-header .header-2 .column-A .wordBlock, .editor-header .header-2 .column-B .wordBlock{margin:0 0 0 19px;}
.editor-header .header-2 .column-C .wordBlock{margin:0 0 0 13px;}
.editor-header .header-2 .column-B{ width:326px; height:551px; background:url(skins/editor_col_bg.jpg) no-repeat bottom right;}
.editor-header .header-2 .column-C{ width:328px;}
.editor-header .header-2 p{line-height:21px;}
.editor-header .header-2 .column-A .wordBlock p span{color:#ffe3bd; font-weight:bold;}
.editor-header .header-2 .column-B .wordBlock p span{color:#fecff6; font-weight:bold;}
.editor-header .header-2 .column-C .wordBlock p span{color:#bacce6; font-weight:bold;}

.navLayer{background:url(skins/nav_bg.png) no-repeat 4px 28px; position:absolute; width:1018px;/* height:471px;*/ top:0; left:0;}
.nav_pic{margin:0 0 0 264px; position:absolute;}
.nav_pic a{margin:0 25px 0 0;}
.product_page .nav_pic{margin:0 0 0 264px; height:250px; position:absolute;}
.product_page .nav_pic a{margin:0 15px 0 0;}
.shiyong .nav_pic{padding-top:20px;}
.product_page .nav_pic a.special-5{margin-right:5px;}
.product_page .nav_pic a.special-6{margin-right:0;}
.nav_pic a img{display:inline;}
.nav_word{margin:109px 0 0 342px; position:absolute; z-index:2;}
.editor_page .nav_word, .new_page .nav_word, .product_page .nav_word{margin:109px 0 0 315px; position:absolute; z-index:2;}
.new_page .nav_word{margin:109px 0 0 315px; position:absolute; z-index:2;}
.editor_page .nav_word a.special{margin-right:60px;}
.editor_page .nav_word a.special-2{margin-right:65px;}
.nav_word a.special-3{margin-right:85px;}
.nav_word a{margin:33px 73px 0 0; display:block;}
.shiyong .nav_word a{margin:33px 80px 0 0; display:block;}/*new*/
.nav_word a.first{margin-right:109px; margin-top:0; padding-left:43px; padding-top:33px; background:url(skins/bottle.png) no-repeat top left; padding-bottom:10px;}
.new_page .nav_word a.first{margin-right:150px; margin-top:0; padding-left:43px; padding-top:33px; background:url(skins/bottle.png) no-repeat top left;}
.whiten_page .all_top{margin:162px 0 0 73px;}
.editor_page .all_top{margin:189px 0 0 19px;}

/* body style */
.whiten{height:976px; background:url(skins/body_bg.jpg) no-repeat; padding:15px 0 0 18px;}
.whiten h3.title{margin:0 0 10px 108px;}
.whiten .column-3 b.top{height:15px; width:309px; background:url(skins/whiten_coner_top.png) no-repeat; display:block; overflow:hidden;}
.whiten .column-3 .inner{background:url(skins/whiten_coner_inner_bg.jpg) repeat-y;}
.whiten .column-A .inner h3, .column-B .inner h3{text-align:center; margin:0 0 15px 0;}
.whiten .column-A .inner h3 img, .column-B .inner h3 img{display:inline;}
.whiten .column-C .inner h3{text-align:center; margin:0 0 12px 0;}
.whiten .column-C .inner h3 img{display:inline;}
.whiten .column-3 b.bottom{height:15px; width:309px; background:url(skins/whiten_coner_bottom.png) no-repeat; display:block; overflow:hidden;}
.whiten .shortBlock .inner{height:411px;}
.whiten .longBlock .inner{height:859px;}
.whiten .shortBlock b.bottom{margin:0 0 7px 0;}
.whiten .column-A, .whiten .column-B{width:309px; margin-right:12px;}
.whiten .column-C{width:309px;}
.whiten .column-A .picBlock{width:125px;}
.whiten .column-B .picBlock{width:132px;}
.whiten .column-3 .wordBlock{width:170px; padding:12px 0 0 0;}
.whiten .column-3 .wordBlock h4{font-weight:bold;}
.whiten .column-3 .wordBlock p{line-height:18px;}
.whiten .column-3 .wordBlock p.comment{margin-top:10px;}
.whiten .column-C .inner .line{height:122px; background:url(skins/bracket.jpg) no-repeat; margin:0 0 5px 9px; padding:6px 0 0 29px;}
.whiten .column-C .inner .line.smallBracket{height:102px; background:url(skins/bracket_small.jpg) no-repeat; margin:0 0 10px 9px; padding:0 0 0 29px;}
.whiten .column-C .picBlock{width:96px;}
.whiten .column-C .wordBlock{width:133px;}
.whiten .column-3 .column-C .wordBlock{padding:6px 0 0 0;}
.whiten .column-3 .column-C .wordBlock h4 span{color:#e1364c; font-weight:normal;}
.whiten .column-3 .column-C .wordBlock p{color:#666;}
.whiten_tip .enter{padding:30px 0 15px 500px;}
.whiten_tip .wordBlock p span{font-weight:bold; color:#d00020;}
.whiten-footer{border:3px solid #ffdbe1; background:#ff727f; padding:10px 0 0 20px;}
.whiten-footer h3{margin:0 0 10px 0;}
.whiten-footer .line .unit{margin:0 50px 0 0;}
.whiten-footer .line .unit.first{margin-left:20px;}
.whiten-footer .line p{text-align:center; color:#FFF; line-height:18px; margin:5px 0 15px 0;}
.whiten-footer .line p a{color:#FFF;}
.whiten-footer .line .lastUnit p{text-align:left;}
.whiten-footer-coner{height:3px; background:url(skins/whiten_coner_footer_bg.jpg) no-repeat;}
.whiten-footer .line .oneLine p{margin-top:10px;}

.editor .easyBlock .easyBlock-inner-left{width:387px;}
.editor .easyBlock .easyBlock-inner-right{width:593px;}
.editor .easyBlock .easyBlock-7{width:593px; height:159px; background:url(skins/easyBlock-7.jpg) no-repeat;}
.editor .easyBlock .easyBlock-7 a{color:#000;}
.editor .easyBlock .easyBlock-7 a:hover p{text-decoration:underline;}
.editor .easyBlock .easyBlock-7 p{line-height:18px;}
.editor .easyBlock .easyBlock-7 p span{font-weight:bold;}
.editor .easyBlock .easyBlock-7 .wordBlock-1{width:145px; margin:0 25px 0 11px;}
.editor .easyBlock .easyBlock-7 .wordBlock-2{width:170px; margin:0 31px 0 0;}
.editor .easyBlock .easyBlock-7 .wordBlock-3{width:170px;}
.editor .whiten_tip{background:url(skins/whiten_tip_bg.jpg) repeat-x; padding:0 0 0 40px;}
.editor .whiten_tip h3{background:url(skins/whiten_tip_h3_bg.jpg) no-repeat top right; padding:19px 0 0 0;}
.editor .whiten_tip .line{height:127px;}
.editor .whiten_tip .line p{color:#323232; line-height:18px; margin:10px 0 0 0;}
.editor .whiten_tip .line .unit{width:457px;}
.editor .whiten_tip .line .picBlock{width:145px; float:left;}
.editor .whiten_tip .line .wordBlock{width:255px; float:left;}

.new_page .all_top{margin-top:215px;}
.new_page .all_top h3{margin:0 0 0 19px;}
.new_page .all_top h3 img{display:inline;}
.all_top .testBlock{margin:0 0 0 43px;}
.testBlock .top{height:18px; background:url(skins/testBlock_top.png) no-repeat; overflow:hidden;}
.testBlock .inner{height:291px; background:url(skins/testBlock_inner_bg.png) repeat-y; width:935px;}
.testBlock .inner h3{margin:0 0 0 115px;}
.testBlock .inner h3.page3{text-align:center;  margin:0px; padding:98px 0 0 0; line-height:21px;}
.testBlock .inner h3.page4{margin:0 0 0 250px;}
.testBlock .inner span.question{ background:url(skins/page04_inner_h4_left.jpg) top left no-repeat; padding:0 0 0 10px; height:35px; display:inline-block; margin-left:300px;}
.testBlock .inner span.question .inner{background:#ffbdc7 url(skins/page04_inner_h4_right.jpg) top right no-repeat; padding:0 20px 0 10px; text-align:center; height:35px; line-height:35px; width:auto; height:35px; display:inline-block;}
.testBlock .inner h3 span{font-weight:bold; color:#dd576c;}
.testBlock .inner h4{margin:35px 0 0 260px; font-weight:bold;}
.testBlock .inner h4.score{margin:35px 0 0 162px;background:url(skins/score_bg.jpg) no-repeat; height:25px; width:99px; text-align:center; line-height:25px;}
.testBlock .inner label{display:block; line-height:35px;}
.testBlock .inner .choose{margin:12px 0 0 162px; width:630px;}
.testBlock .inner .result{margin:12px 0 0 175px; width:690px; line-height:21px;}
.testBlock .inner .button{margin:30px 0 0 280px;}
.testBlock .inner .button_page3{text-align:center; margin:50px 0 0 345px;}
.testBlock .inner .button_page3 p{margin:0 25px 0 0;}
.testBlock .inner .button p{display:block; margin:0 15px 0 0 ;}
.testBlock .inner .page4_result{margin:0 0 0 110px; width:720px; color:#666;}
.testBlock .inner .page4_result h5 p{font-weight:bold; color:#db2f49;}
.testBlock .bottom{height:17px; background:url(skins/testBlock_bottom.png) no-repeat; overflow:hidden;}
.button_page4{margin:15px 0 0 310px;}
.new-footer-coner{background:url(skins/new-footer-coner_bg.jpg) no-repeat; height:6px; margin:0 0 0 19px;}
.button_next, .button_previous{width:84px; margin:0 10px 0 0;}
.button_next a, .button_previous a{display:block;}
.button_click{width:204px; }
.btn_page04{padding:0 0 0 450px;}
/*.button_next img{display:inline; margin-right:150px;}*/
.button_page4 .true a{display:block; width:147px; height:58px; background:url(skins/btn_true.jpg) no-repeat; text-indent:-9999px; margin-right:10px;}
.button_page4 .true a:hover{background:url(skins/btn_true_on.jpg) no-repeat;}
.button_page4 .false a{display:block; width:147px; height:58px; background:url(skins/btn_false.jpg) no-repeat; text-indent:-9999px;}
.button_page4 .false a:hover{background:url(skins/btn_false_on.jpg) no-repeat;}



.product_page .all_top{margin:189px 0 0 19px;}
.product_page_inner-1{background:#e45e73 url(skins/product_page_inner-1_bg.jpg) repeat-x; padding:0 0 20px 24px; overflow:hidden; width:956px;}
.product_page_inner-1 a{color:#474747}
.product_page_inner-1 .column{margin:0 12px 0 0;}
.vertical-3{padding:0 0 7px 0;}
.vertical-3 .top{width:305px; height:15px; background:url(skins/new_col-3_top.png) no-repeat; display:block;}
.vertical-3 .inner{width:280px; background:url(skins/new_col-3_inner_bg.png) repeat-y; padding:0 0 0 25px; height:630px;}
.vertical-3 .inner h3{text-align:center;}
.vertical-3 .inner h3 img{display:inline;}
.vertical-3 .inner p{margin:10px 0 0 0;}
.vertical-3 .inner p img{margin:0 0 0 8px;}
.vertical-3 .inner p span{font-weight:bold; padding:15px 0 0 0;}
.vertical-3 .bottom{width:305px; height:15px; background:url(skins/new_col-3_bottom.png); display:block;}
.horiz-2 b.left{width:15px; height:210px; background:url(skins/new_horiz-2_left.jpg) no-repeat;}
.horiz-2 .inner{height:210px; background:url(skins/new_horiz-2_inner_bg.jpg) repeat-x; width:908px;}
.horiz-2 b.right{width:15px; height:210px; background:url(skins/new_horiz-2_right.jpg) no-repeat;}

.product_page_inner-2{height:560px; padding:10px 9px 0 10px; background:#e7e7e7;}
.product_page_inner-2 a, .product_page_inner-3 a{color:#666666;}
.you b.top{height:45px; width:961px; background:url(skins/you_top.jpg) no-repeat;}
.you .inner{width:959px; border-left:1px solid #e45e73; border-right:1px solid #e45e73; background:#f4a5b1;}
.you .column{width:236px;}
.you .c4-top{width:236px; height:7px; background:url(skins/column_4_top.jpg) no-repeat; overflow:hidden;}
.you .c4-inner{width:236px; background:url(skins/column_inner_bg.jpg) repeat-y; height:460px;  position:relative;}
.you .c4-inner .wordBlock{padding:0 0 0 20px; position:relative;}
.you .c4-inner h4{font-weight:bold; color:#666666;}
.you .c4-inner h5{padding:0 0 20px 0; color:#666666; font-weight:normal;}
.you .c4-inner .wordBlock p{padding:0 0 25px 0; color:#666666;} 
.you .c4-inner .wordBlock p.last{padding:0;}
.you .c4-inner h3{text-align:center; padding:0 0 10px 0;}
.you .c4-inner h3 img{display:inline;}
.you .c4-bottom{width:236px; height:7px; background:url(skins/column-4_bottom.jpg) no-repeat;}
.you b.bottom{height:8px; width:961px; background:url(skins/you_bottom.jpg) no-repeat;}
.you .column-4 .column{margin:0 3px 0 0;}
.you .column-4 .column.first{margin-left:3px !important; margin-left:0px}
.you-1{position:absolute; top:37px; right:0;}
.you-2{position:absolute; top:167px; left:12px;}
.you-3{position:absolute; top:310px; right:2px;}
.you-4{position:absolute; top:37px; right:2px;}
.you-5{position:absolute; top:167px; left:12px;}
.you-6{position:absolute; top:310px; right:2px;}
.you-7{position:absolute; top:37px; right:1px;}
.you-8{position:absolute; top:167px; left:12px;}
.you-9{position:absolute; top:310px; right:2px;}
.you-10{position:absolute; top:37px; right:2px;}
.you-11{position:absolute; top:167px; left:12px;}
.you-12{position:absolute; top:310px; right:2px;}

.product_page_inner-3{padding:3px 0 0 0; background:#f4a5b1;}
.chang_right{width:526px; height:335px; background:url(skins/chang_right_bg.jpg) no-repeat; padding:10px 0 0 0; color:#6a6a6a;}
.chang_right span{font-weight:bold;}
.chang_right .wordBlock{width:200px; padding-left:48px;}
.chang_right .wordBlock-2{width:217px; padding-left:45px;}
.area-1{padding:20px 0 0 23px; width:205px; height:190px; }
.area-2 p{width:225px; padding:20px 0 0 0;}
.area-2 img, .area-3 img{margin-right:5px;}
.area-3 p{width:235px; padding:20px 0 0 0;}
.horiz-2 p span{font-weight:bold;}
.horiz-2_bot .area-3 p {width:250px;}
.horiz-2 .area-1 p{color:#474747; padding:6px 0 0 0;}

/* win */
.bgbottom{ background:url(skins/new-footer-coner_bg.jpg) no-repeat; padding-top:5px;}
.shiyong{ height:1350px;}
.shiyong .header-1_wrap{background:#e45f74; width:980px; margin:0 auto; height:1278px;}
.fee_main cite{ font-style:normal;font-weight:700;color:#000;}
.fee_main tt{ display:block; color:#000; padding:3px 0;}
.new_page .maintop{margin-top:189px;padding-left:19px;}
.fee_main{padding-left:22px; line-height:16px; color:#666;/* background-color:#C30;*/}
.fee_main dl{float:left;width:312px;height:281px; background:url(../images/shiyong/page05_12.png) no-repeat;}
dl.dl_frist dt,dl.dl_frist dd{ padding:0;}
.fee_main dt{width:126px;height:259px;float:left;padding:10px 4px 0 11px;}
.fee_main dd{float:left;width:157px;height:251px;padding-top:22px;position:relative;}
.textred{ position:absolute; bottom:13px; right:0px; color:#ea5c6d; width:157px; padding-top:5px; background:url(../images/shiyong/shiyong_18.png) no-repeat;}
.textred p{margin-top:6px;}
.answer_list li{line-height:30px;}