/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0}
body{font-family:Verdana,arial,simsun,sans-serif;font-size:13px;line-height:1.5em;color:#333}
table{empty-cells:show;border-collapse:collapse}
h1, h2, h3, h4, h5, h6{font-weight:400}
h2{font-size:14px}
h3{font-size:13px}
h4{font-size:12px}
a{color:#36c;text-decoration:none}
a.gray{font-size:12px;color:#999;text-decoration:underline}
a:hover, a.gray:hover{color:#36c;text-decoration:underline}
img{border:0; vertical-align:sub}
* html img{border:0;vertical-align:middle}
*+html img{border:0;vertical-align:middle}
td img { vertical-align:baseline}
textarea{overflow:auto;font-size:13px}
* html input, select{vertical-align:middle}
.inputcheckbox{vertical-align:middle;margin-right:3px/*input,select,checkbox,radio*/}
* html .inputcheckbox{vertical-align:baseline}
label{vertical-align:middle}
* html label{vertical-align:baseline}
ul, ol{list-style-type:none}
hr{border:none; border-top:1px solid #ddd; height:1px;margin:5px 0}
* html hr{margin:0}
p{color:#666;white-space:normal;overflow:hidden}
.clear{clear:both; font-size:0; line-height:0}
/* clearFix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{display:block}
/* btn */
a.action{display:block; float:left; margin-right:10px; cursor:pointer; text-align:center; text-decoration:none; width:auto}
a.action span{font-size:12px; display:block; min-height:20px; padding:3px 20px; color:#000!important}
* html a.action span{padding:4px 20px 3px}
*+html a.action span{padding:4px 20px 2px}
a.secondary{background:url(/images/bg_action.png) #dcdcdc no-repeat 100% -26px}
a.secondary span{background:url(/images/bg_action.png) no-repeat 0px 0px}
a.primary{background:url(/images/bg_action.png) #fc0 no-repeat 100% -78px}
a.primary span{background:url(/images/bg_action.png) no-repeat 0px -52px}
a.action:hover{background:url(/images/bg_action.png) #c8e7fa no-repeat 100% -130px; text-decoration:none}
a.action:hover span{background:url(/images/bg_action.png) no-repeat 0px -104px}
a.action:visited{color:#000}
.submitbtn{background:url(/images/submitbg.gif) no-repeat; width:73px; height:24px; font-weight:bold; cursor:pointer; border:none; letter-spacing:2px}
.input-button, .input-submit{cursor:pointer;padding:4px 10px 2px; text-align:center;background-color:#e60000;border:1px solid;border-color:#ffdcdc #ad0000 #ad0000 #ffdcdc;color:#fff}
/* element */
.more{float:right; width:auto}
.more a:hover{color:#fff; background-color:#ef2e05; text-decoration:none; padding:2px 5px}
.padding5{padding:5px}
.padding10{padding:10px}
.center{text-align:center}
.smallface{border:1px solid #ddd; height:36px; width:36px}
.yellow{border:1px solid #FC0; background-color:#FFFFF7; padding:10px; margin-bottom:10px; position:relative; height:1%}
.maildiv a{color:#f60; font-size:14px; font-weight:bold; text-decoration:underline}
.formtable td{padding:3px}
/* layout */
#maxw{width:800px;margin-left:176px;margin-top:5px}
* html #maxw{margin:5px auto 0}
*+html #maxw{margin:5px auto 0}
#maxw h1{font-size:14px; margin:10px 0}
#maxw h2{color:#ec6102; margin:5px 0}
#tablem{float:left; margin-right:-240px; width:100%}
#in_tablem{margin-right:240px;white-space:normal;overflow:hidden}
#in_tablem h1{font-size:20px; line-height:1.3em; margin:5px 0; color:#ec6102; width:560px}
#tabler{float:right; width:220px}
#tablerm{width:208px; background-color:#fdfdfd; border:1px solid #ddd; padding:5px; margin-bottom:10px;white-space:normal;overflow:hidden}
#tablerm ul li{border-bottom:1px dashed #ccc; padding:5px 0; display:block;white-space:normal;overflow:hidden}
#tablerm li img{display:block; float:left; margin-right:5px}
#tablerm h3{float:left; width:auto}
#tablerm p{color:#666; font-size:12px}
#tablerm span{color:#999; WHITE-SPACE:nowrap; font-size:12px}
/* globallist */
table.list{margin-bottom:5px;table-layout:fixed}
table.list th{background-color:#f0f0f0; text-align:left; padding:3px 0 3px 5px; color:#666}
table.list td{border-bottom:1px solid #ddd; padding:3px 0 3px 5px;white-space:normal;overflow:hidden}
/* success&error */
.tip{display:block; width:760px; height:46px; background:url(/images/tipbg.jpg) repeat-x 0 0}
.tipleft1, .tipleft2, .tipleft3{display:block; height:46px; width:63px; float:left; margin:0; padding:0}
.tipleft1{background-image:url(/images/tip1.jpg)}
.tipleft2{background-image:url(/images/tip2.jpg)}
.tipleft3{background-image:url(/images/tip3.jpg)}
.tipcon{display:block; height:46px; width:600px; margin:5px; float:left; text-align:left;font-size:14px; padding:5px}
.tipcon .topcontent{padding-top:4px}
.tipright{background-image:url(/images/tip4.jpg); display:block; height:46px; width:27px; float:right; margin:0; padding:0}
.message1 .tip .tipcon .topcontent{color:#f00}
.message2 .tip .tipcon .topcontent{color:#060}
.message3 .tip .tipcon .topcontent{color:#f60}
/* ff */
.message1{overflow:hidden}
.message2{overflow:hidden}
.message3{overflow:hidden}
/* childmenu */
#childmenu{height:26px;border-bottom:1px solid #c00;margin-bottom:10px;position:relative}
#childmenu .incon{width:auto;float:left;color:#fff}
#childmenu .incon li{float:left;text-align:center;width:auto;height:22px;padding:4px 10px 0 10px;margin-right:5px;background-color:#e0e0e0}
#childmenu .incon a{color:#666}
#childmenu .incon .on{background-color:#ee2f03; font-weight:bold}
#childmenu .incon .on a{color:#fff;cursor:text}
#childmenu .incon .on a:hover{text-decoration:none}
#childmenu .viewmy{position:absolute;right:0;bottom:3px;z-index:10}
sup{BACKGROUND:url(/images/supnew.gif) no-repeat; WIDTH:16px; TEXT-INDENT:-199em; POSITION:absolute; TOP:-4px; RIGHT:285px}
/* ajaxwarning */
.warn{width:500px}
.warn_con{clear:both; width:460px; text-align:center; padding:20px}
.warn_bot{width:490px; clear:both; padding:5px 0 20px; text-align:center}
/* paging */
#css_fy{float:right; margin-top:5px; margin-bottom:20px; font-size:12px; color:#666; width:auto}
#css_fy span{padding:1px 7px; margin-right:3px; display:block; float:left; width:auto}
#css_fy a{padding:1px 7px; margin-right:3px; display:block; float:left; text-decoration:none; border:1px solid #9CF; color:#09F; width:auto}
#css_mb{border:1px solid #ccc}
/* tabs */
#tabs{border-bottom:1px solid #99bbe1; height:27px;margin-bottom:10px;*zoom:1}
#tabs:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#tabs h2{float:left;margin-right:10px;font-size:14px;line-height:1.3}
#tabs span { display:block; float:left; overflow:hidden; width:80px; color:#EC6102; font-size:14px; padding-top:4px;}
#tabs ul{margin-left:10px}
#tabs li{float:left;margin-right:5px;padding:5px 10px 3px;background-color:#E6ECF6; cursor:pointer;position:posiation;bottom:-1px}
#tabs li.select{background-color:#fff;border:solid #99bbe1;border-width:1px 1px 0 1px;font-weight:bold;height:19px;}
#tabs li a{color:#333}
#tabs li sup{BACKGROUND:url(/images/supnew.gif) no-repeat; WIDTH:16px; TEXT-INDENT:-199em; POSITION:absolute; TOP:-4px; RIGHT:-10px}
/* forgotpass */
#forgotpass_warp{width:756px; clear:both; margin:0px; padding:0px}
.forgotpass_content{width:756px; background-image:url(/images/webmail_bg.gif)}
.forgotpass_content .left{float:left; margin:20px; width:310px}
.forgotpass_content .right{width:360px; float:right; margin:20px 0}
/* tags */
.tags_con{margin-left:10px; padding-left:10px; width:190px; line-height:2em}
/* privacy */
.service_warp .left{float:left; width:380px}
.service_warp .right{float:right; width:370px; padding-left:10px}
.service_warp .title{font-size:14px; color:#06c; font-weight:bold; text-indent:12px}
.service_warp td{font-size:12px; color:#333; line-height:2em}
.red{font-size:12px; color:#f30; font-weight:bold}
.green{font-size:12px; color:#060; font-weight:bold}
.blue{font-size:12px; color:#06c; font-weight:bold}
/* login */
#login-foruser{float:left; padding:30px; width:350px; color:#999; font-size:12px; margin-top:10px}
#login-nonuser{float:left; padding-left:40px; margin-top:25px; border-left:1px solid #ddd; width:300px}
#nifty{background-color:#f0f0f0;padding:10px}
#nifty table{margin:auto}
#nifty td{padding:3px}
/* searchresult */
.search_content{width:718px; border:#7f9bc2 1px solid; padding:20px; margin-bottom:10px}
#list_warp{border:1px solid #d6dff7; padding-bottom:40px; margin-bottom:20px; position:relative}
#list_warp .title{border:1px solid #fff; background-color:#f3f8fe; font-size:14px; color:#06c; padding:3px 10px}
#list_warp .content, #list_warp .member_content{margin:10px}
#list_warp .content td{border-bottom:1px solid #ddd; padding:5px 0}
/* search */
.searchwarp, .searchwarp i, .searchwarp i i, .searchwarp b, .searchwarp b b, .searchwarp p{background-image:url(/images/searchbg.gif);background-repeat:no-repeat}
.searchwarp{width:560px;margin-bottom:10px; background-position:0 -4px}
.searchwarp i{display:block; height:4px}
.searchwarp i i{margin:0 0 0 4px; background-position:right 0}
.searchwarp b{display:block; height:4px; background-position:0 bottom}
.searchwarp b b{margin:0 0 0 4px; background-position:right bottom}
.searchwarp p{margin:0 0 0 4px; padding:0 4px 0 0; background-position:right -4px}
.searchwarp input{height:17px; padding:3px 0 0 5px}
.searchwarp button{background-image:url(/images/btn_index_search.gif); background-repeat:no-repeat; width:73px; height:24px; border:0; cursor:pointer; text-indent:-199em; margin-left:5px}
/* popwindow */
.sharewarp{width:500px; background-color:#fefefe}
.sharewarp table.main{width:450px; margin:auto}
.sharewarp td{padding:8px 0}
.sharewarp .title{background-color:#ca0900; color:#fff; font-size:14px; padding:7px 10px 5px; text-align:left}
.sharewarp .title span{float:right; font-size:12px; width:auto}
.sharewarp .title span a{color:#fff}
.sharewarp .content{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f5f5f5; padding:10px}
.searchResult{background-color:#ca0900; color:#fff; width:50px; margin:3px}
.searchContainer{border:1px solid #7f9db9; width:230px; height:20px; cursor:text; text-align:left; overflow:hidden; white-space:nowrap; background-image:url(/images/search.jpg); background-repeat:no-repeat; padding-left:15px}
/* nav */
.menubar{width:1000px; height:41px; background:url(/images/topmenu/menubg.gif) repeat-x; margin:auto; position:relative;overflow:visible}
.menubar a:link, .menubar a:visited{color:#fff; text-decoration:none}
.menubar a:hover, .menubar a:active{color:#fff; text-decoration:underline}
.menubar .left{float:left; width:5px; height:41px; background:url(/images/topmenu/menubg_left.gif) no-repeat}
.menubar h1{float:left; width:142px; height:41px; display:block; text-align:center}
.menubar .warper{float:left; width:623px; height:33px; padding-top:8px; padding-left:10px; font-size:14px; position:relative}
.menubar .info{float:right; font-size:12px; margin-right:5px; color:#fff; width:auto}
.menubar .info a:link, .menubar .info a:visited{color:#fff; text-decoration:none}
.menubar .info a:hover, .menubar .info a:active{color:#fff; text-decoration:underline}
.menubar .info b.icon_pay{background:url(/images/icon_16x16.png) no-repeat 0 -61px;display:inline-block;height:20px;width:20px;vertical-align:middle}
.menubar .menu{float:left; width:60px}
.menubar .menu .main{float:left; width:auto}
.menubar .menu .arrow{float:left; width:auto}
a.arrow:hover{background-image:url(/images/topmenu/arrow_on.gif); display:block}
/* searchbar */
.searchbar{float:left; background:url(/images/topmenu/searchbg.gif) no-repeat; width:208px; height:36px; padding-top:5px; padding-left:12px}
.searchbar input{float:left; width:140px; height:16px; border:1px solid #ccc; padding-top:4px; padding-left:5px}
.searchbar button{background:url(/images/topmenu/btn_search.gif) no-repeat; width:50px; height:22px; border:0; float:left; cursor:pointer; text-indent:-9999px}
/* dropmenu */
.childmenu{background-color:#f03003}
.childmenu li{padding:5px 0 3px 0; border-bottom:1px solid #ffa995}
.childmenu a{font-size:13px; color:#FFF; width:80px; text-align:center; display:block}
.childmenu a:hover{color:#FFF}
/* applist */
.leftbar{float:left}
.applist{width:138px; padding-top:10px; border:1px solid #fc6; background-color:#ffe; text-align:left; margin:5px 0 5px 5px}
* html .applist{margin-top:10px}
*+html .applist{margin-top:10px}
.applist .item{padding:3px 0 3px 10px;font-size:14px}
.applist .item:hover{background-color:#fff6d3}
.applist .item a{text-decoration:none; color:#333}
.applist .item a:hover{color:#36c; text-decoration:underline}
.applist .on{margin:0 0 5px 10px; font-size:14px}
.applist .on a{color:#f60}
.applist .other{margin:0 0 10px 10px; font-size:12px}
.applist .other a, .applist .other a:hover{color:#36c; text-decoration:none}
.applist .other a:hover{text-decoration:underline}
.applist .other a:visited{color:#36c}
.applist sup{BACKGROUND:url(/images/topmenu/new.gif) no-repeat; WIDTH:22px; TEXT-INDENT:-199em; POSITION:absolute; RIGHT:20px; top:2px}
.applist hr{border:none; border-top:1px solid #fc6; height:1px; margin-bottom:10px}
* html .applist hr{margin-bottom:0; margin-top:-5px}
*+html .applist hr{margin-bottom:0; margin-top:-5px}
/* applist icon */
.applist b{background:url(/images/ico_app_s.png) no-repeat;display:inline-block;height:20px;width:20px;vertical-align:middle}
.applist .ico_contact b{background-position:0 -1px}
.applist .ico_search b{background-position:0 -21px}
.applist .ico_answer b{background-position:0 -41px}
.applist .ico_team b{background-position:0 -61px}
.applist .ico_photos b{background-position:0 -81px}
.applist .ico_ad b{background-position:0 -101px}
.applist .ico_hr b{background-position:0 -121px}
.applist .ico_invite b{background-position:0 -141px}
.applist .ico_jobs b{background-position:0 -281px}
/* footer */
#bottom{width:1000px; margin:auto}
.botcontent{border-top:2px solid #ccc; color:#666; text-align:center; font-size:12px; padding-top:10px; line-height:2em}
#bottom a{color:#666}
#bottom b.icon_complain{background:url(/images/icon_16x16.png) no-repeat 0 -120px;display:inline-block;height:20px;width:20px;vertical-align:middle}
/* static */
.sidemenu{float:left; border-right:1px solid #ddd; width:160px; height:350px; background:#F7F7F7}
.sidemenu .tab{padding-left:20px; padding-top:15px}
.sidemenu .tab li{height:30px; line-height:30px; font-size:14px; margin-bottom:4px}
* html .sidemenu .tab li{margin-bottom:2px}
.sidemenu .tab li a{display:block; width:119px; padding-left:20px; border:1px solid #F7F7F7; border-right:none}
.sidemenu .tab li a:hover{border:1px solid #D8DFEA; border-right:none; text-decoration:none; background:#F3F6FB}
.sidemenu .tab li.selected{padding-left:20px;background:#FFF; border:1px solid #CECECE; border-right:none; position:relative; z-index:100; right:-1px; font-weight:700}