@charset "utf-8";
/* CSS Document */
/* Style Sheet
 * Use for: sguo Official site
 * Created: 2013-02-18
 * Update: 
 * Author: xiaobiqin
 */

/* =======css reset======= */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, big, em, font, img, strong, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{ padding: 0; margin: 0; }
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0;}
button,input,select,textarea{ font-size:12px;}
ol,ul,li{ list-style:none}
h1, h2, h3, h4, h5, h6 { font-size:100%;}

/* =======public======= */
/* base */
body{ margin:0 auto; font-size:12px; font-family:"微软雅黑", "宋体", "新宋体"; background:#ffffff;}
td { font-size:12px; line-height:160%;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { +display:none; clear:both;}
.hide{ display:none;}

/* character */
a { color: #fff; text-decoration:none;}
a:hover { color: #fff389; text-decoration:none;}
.color_red{ color:red}
.font_14px{ font-size:14px}
html,body{ width:100%; height:100%;}

.header{ background-color:#4abdcc; width:auto!important;min-width:1003px; height:90px; overflow:hidden;}
.headerBody{ width:1003px; margin:0 auto;}
.header a.logo{ display:inline-block; width:236px; height:47px; float:left; margin:22px 0 0 10px;}

.header .nav{ float:right; padding:52px 15px 0 0;_padding:55px 15px 0 0px;}
.header .nav li{ float:left; color:#b0e2e9;}
.header .nav li em{ font-style:normal; float:left; margin:2px 5px 0px 5px;}
.header .nav li a{ font-size:16px;margin:0px 15px; float:left; padding-bottom:13px;+padding-bottom:13px;_padding-bottom:13px; font-weight: 600; background:url(images/navIcon.gif) no-repeat scroll 0px 0px;padding-left:27px;}
.header .nav li a:hover{ border-bottom:3px solid #fff389;}

.header .nav li a.home{padding-left:25px; _background-position:0 -3px}
.header .nav li a.home:hover{ background-position:-94px 0px; _background-position:-94px -3px}
.header .nav li a.download{ background-position:0 -33px; padding-left:25px; _background-position:0 -36px}
.header .nav li a.download:hover{background-position:-94px -33px; _background-position:-94px -36px}
.header .nav li a.vip{ background-position:0 -198px; padding-left:25px; _background-position:0 -36px}
.header .nav li a.vip:hover{background-position:-93px -198px; _background-position:-94px -36px}
.header .nav li a.game{ background-position:0 -66px; _background-position:0 -69px;}
.header .nav li a.game:hover{background-position:-94px -66px; _background-position:-94px -69px}
.header .nav li a.editor{ background-position:0 -99px; _background-position:0 -102px}
.header .nav li a.editor:hover{background-position:-94px -99px; _background-position:-94px -102px}
.header .nav li a.help{ background-position:0 -132px; padding-left:25px;_background-position:0 -135px}
.header .nav li a.help:hover{background-position:-94px -132px;_background-position:-94px -135px}
.header .nav li a.forum{ background-position:0 -164px;_background-position:0 -167px}
.header .nav li a.forum:hover{background-position:-94px -164px;_background-position:-94px -167px}

.commonFoot{ background:#4abdcc;width:auto!important;min-width:1003px; height:54px;}
.footBody{ margin:0 auto; width:1003px; color:#fff;}
.footBody p.version{ line-height:54px; float:left;}
.footBody p a{ color:#fff607; padding:0 5px}
.footBody p a:hover{ text-decoration:underline;}
.footBody span.fLink{ float:right; line-height:54px; color:#fff607; font-size:14px;}
.footBody span.fLink em{ font-style:normal; float:left; margin-right:25px;}
.footBody span.fLink a{ background:url(images/bgIcon.gif) no-repeat scroll -36px -155px; width:27px; height:27px; display:inline-block; text-indent:-1000px; overflow:hidden; line-height:27px; margin:13px 5px 0 5px; float:left;}
.footBody span.fLink a.tengx{ background-position:-63px -155px;}


/*floatBox*/
.floatBox{ width:447px; height:254px; position: absolute; z-index:9999; background:#fff;border-radius: 4px;}
.floatBoxC{ background:#fff;border-radius: 11px; padding:3px; height:200px; position: absolute; width:529px; height:238px; left:7px; top:10px;}
.fTitle{ background:#f76b38; height:50px; border-radius: 4px 4px 0 0;}
.fTitle h2{ float:left; font-size:18px; color:#fff; padding-left:20px; line-height:50px; font-weight:lighter;}
.fTitle a.fclose{ background:url(images/bgIcon.gif) no-repeat scroll 0px -1126px; width:23px; height:23px; text-indent:-1000px; overflow:hidden; float:right; margin:8px 10px 0px 0px;}
.fTitle a.fclose:hover{ background-position:-23px -1126px;}
.fContent{ text-align:center;}
.fContent h2{ text-align:center; color:#919191; font-size:23px; line-height:50px; padding:40px 0px 50px 0px; font-weight:lighter;}
.fContent h2 b{ color:#f76b38;}
.fContent .btn{ height:64px; background:#f4f4f3; width:100%; border-radius: 0px 0px 4px 4px;}

.fContent a{ width:159px; height:37px; background:url(images/bgBtn.gif) no-repeat scroll 0 -216px; display:inline-block; line-height:38px; font-size:14px; font-weight:lighter; margin:13px 12px 0 12px;_line-height:38px; overflow:hidden; color:#fff;}

.fContent a b{ color:#f6ff00; padding:0 10px; margin-left:15px; font-weight:normal;}
.fContent a:hover{ background-position:0 -290px;}
.fContent a.openTool{ background-position:0 -253px;}
.fContent a.openTool:hover{ background-position:0 -327px;}
.fContent a.openTool b{ margin-left:20px;}

/*download*/
.download .fTitle{ background:#49bdcc;}
.download .fContent h2{ color:#575757;}
.download .fTitle a.fclose{ background-position:0 -1203px;}
.download .fTitle a.fclose:hover{ background-position:-23px -1203px;}



/*qTfloatBox*/
.qTfloatBox{ width:547px; height:445px;}
.qTfloatBox dl{ padding:10px 19px 10px 19px;}
.qTfloatBox dd{ margin-bottom:10px; display:inline-block;}
.qTfloatBox .fillObj{ float:left; width:75px; text-align:right; color:#f76b38; font-size:14px; line-height:25px;}
.qTfloatBox .fillText{ width:424px; float:left; margin-left:10px;_margin-left:5px;}
.qTfloatBox .fillText .fileText{ float:left; height:25px; line-height:20px; _border:none; _background:none; _border:1px solid #dedede;}
.qTfloatBox .fillText .addText{ border:none; background:none; border:1px solid #dedede; width:410px; height:25px; padding:0 5px; color:#a0a0a0; line-height:25px;}
.qTfloatBox .fillText .addTextArea{ border:none; background:none; border:1px solid #dedede; width:410px; height:152px; padding:5px; overflow-y:auto; line-height:20px; color:#a0a0a0;}
.qTfloatBox .fillText .addTextshort{ width:50px; float:left;}
.qTfloatBox .fillText img{ float:left; margin:3px 0 0 10px;}

.qTfloatBox .fillText span{ padding-left:10px; color:#6a6a6a; float:right; line-height:25px;}
.qTfloatBox .fillText span a{ color:#6a6a6a; padding-left:25px; background:url(images/bgIcon.gif) no-repeat scroll 0 -1163px; display:inline-block; margin-left:15px;}
.qTfloatBox .fillText span a:hover{ text-decoration:underline;}

.qTfloatBox .btn{height:64px; background:#f4f4f3; width:517px; border-radius: 0px 0px 4px 4px; position:absolute; bottom:0px; padding:0 15px;}
.qTfloatBox .btn .comBtn{ float:right; background:url(images/bgBtn.gif) no-repeat scroll 0 -370px; width:90px; height:38px; text-align:center; line-height:38px; margin-top:10px;}
.qTfloatBox .btn .fkBtn{ float:left; color:#8a807c; line-height:64px;}
.qTfloatBox .btn .fkBtn:hover{ text-decoration:underline;}