@charset "utf-8";

*{ margin:0; padding:0; border:0; list-style: none; }
img{ border:0; margin:0; padding:0;max-width: 100%;}
a{text-decoration: none; color:#575757}
html{ height:100%;background-color: white;}
body{ margin: 0px; padding: 0px; font:normal 100% "Malgun Gothic"; color:#575757; min-height:100%; height:auto !important; position: relative; text-align:center}

.game_block{display: none;}

/* login */
.headerlogin{ width:100%; height:100px; background:url(/images/head.png)}
.logo{ padding-top:18px}
.context{ width:540px; margin-left:auto; margin-right:auto; min-height:860px}
.footer{ width: 100%; background: #2643ab; height:200px; position:absolute; left:0px; bottom:0px }


.title{ text-align:left; margin-top:100px;;font-size:2em; font-weight:bolder; color:#000000; letter-spacing:-2px}
.efun{ color:#2643ab}
.hr1{ width:100%; height:2px; margin-top:14px; background:#000000}
.hr2{ width:100%; height:2px; margin-top:14px; background:#e2e2e2}
.hr6{ width:100%; height:2px; margin:22px auto; background:#e2e2e2}
.loginbox{ text-align:left; width:100%; margin-top:10px}
.logintextbox{ text-align:left; float:left; width:390px; position:relative}
.logintext{border:2px solid #a2a2a2; height:56px; width:100%; font-size:1.5em; color:#b2b2b2; text-indent:1em; margin-top:12px}
.submitbox{ text-align:right}
.submit{ background:url(/images/login.png) center no-repeat; width:132px; height:132px; margin-top:12px}
.checkbox{ text-align:left; padding-top:20px; color:#a2a2a2; font-size:1.375em; font-weight:bolder; width:100%}
#check{ width:24px; height:24px; }
.facebookbox{ margin-top:23px; padding-bottom:10px; width:100%}
.facebook1{ float:left;  width:53px; height:52px}
.facebook2{ background:url(/images/fackebook2.png); font-size:1.5em; color:#FFF; font-weight:bolder; line-height:52px; margin:0 3px 0 53px; width:auto;}
.facebook3{ float:right;  margin-left:-3px; width:3px; height:52px;}
.kakaobox{ margin-top:33px; width:100%}
.kakao1{ float:left;  width:53px; height:52px}
.kakao2{ background:url(/images/kakao2.png); font-size:1.5em; color:#3e2423; font-weight:bolder; line-height:52px; margin:0 3px 0 53px; width:auto;}
.kakao3{ float:right;  margin-left:-3px; width:3px; height:52px;}
.google1{ float:left;  width:53px; height:53px}
.google2{ background:url(/images/google2.png); font-size:1.5em; color:#838383; font-weight:bolder; line-height:53px; margin:0 3px 0 53px; width:auto;}
.google3{ float:right;  margin-left:-3px; width:3px; height:53px;}
.signin{ width:99%; height:48px; border:1px solid #e5e5e5; margin-top:20px; line-height:48px; font-size:1.375em; font-weight:bold; color:#838383; margin-left:auto; margin-right:auto}
.miss{ width:99%; height:48px; border:1px solid #e5e5e5; margin-top:20px; line-height:48px; font-size:1.375em; font-weight:bold; color:#838383; margin-left:auto; margin-right:auto}

.sign0{ color:#FFF; font-size:0.875em; padding-top:20px; margin-left:auto; margin-right:auto; text-align:center}
.sign0 a{ color:#FFF}
.sign1{ width:100%; margin-left:auto; margin-right:auto; width:300px; text-align:center}
.efunlogo{ float:left; margin-top:25px; left:50%; margin-left:-110px; position:relative}
.efunlogopic{width:67px}
.sign1-1{ color:#FFF; font-size:1em; padding-top:38px; margin-left:80px}
.sign2{ color:#FFF; font-size:0.875em; margin-top:14px; width:98%; margin-left:auto; margin-right:auto; text-align:center}


/* index */

.top{ width:1024px; margin-left:auto; margin-right:auto}
.logo1{ width:20%; height:100px; text-align:center; float:left}
.logo2{ margin:0 20%; padding-top:20px}

.banner{ background:url(/images/bannerbg.png); height:380px; width:100%}

.newsbox{ width:100%; background:url(/images/newsbg.png) repeat-y left top}
.news{color:#fff; min-height:40px; line-height:40px; font-size:1em; text-align:left}
.news a{ color:#FFF}
.sound{ left:50%; margin-left:-440px; margin-top:12px; float:left; position: absolute}


.text1{ position:relative; width:800px; margin-left:-380px; left:50%; z-index:99; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap}
.texts_all{ left:50%; position:relative; margin-left:-380px; width:800px; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap}
#expand{display:block;  position: absolute; height:20px; padding-top:15px; float:left; left:50%; margin-left:460px; width:50px; padding-bottom:10px}

.gamebox{ position:relative; width:100%}
.game{ position:relative; width:1024px; height:170px; margin-left:auto; margin-right:auto}
.gamelogo{ float:left; position:relative; margin-top:7px; margin-left:30px}
.word{float:left; position:relative; text-align:left; margin-top:34px; margin-left:30px; width:590px; color:#a2a2a2 }
.wordtitle{ font-size:1.56em; font-weight:bolder; color:#575757; margin-bottom:15px}
.wordtitle .gameTag { height:40px;margin-bottom:-12px;}
.longword{ font-size:1.25em}
.downloadbox{float:left; position:relative; margin-top:40px}
.download{ float:right; position:relative}
.talk{ float:right; margin-left:20px; position:relative}
.hr3{ width:100%; height:1px; background:#000000}
.expandbox{ width:100%; height:30px; background:#e2e2e2; position:relative; margin-top:-1px}
#expand2{display:block; height:30px; width:26px; margin-left:auto; margin-right:auto}

.footer2{ width:100%; background:#2643ab; /* height:200px;  */}

.outdownload, .outdownload2{ width:340px; min-height:156px; position:absolute; background:#FFF;border:1px solid #e2e2e2; margin-left:-150px; margin-top:-200px; z-index:9999 }
.outdownload li{display: none;}

.apple,
.android{ width:150px; float:left; margin:10px 8px 0 8px;border-bottom:1px solid #e2e2e2; height:150px}

.headerbotton-btn{ padding:16%;  color:#FFF}
.headerbotton{ line-height:100px; font-weight:bolder; text-align:center; height:100px; width:80%; margin-left:20%}
.headerbotton li{ height:100px; width:25%; float:left; position:relative; margin:0 auto}
.headerbotton li:hover{background: url(/images/headerbotton.png)}
.headerbotton li a{  font-size:1.625em; }
.headerbotton li a:hover{ color:#33fdff}

.chicked{background: url(/images/headerbotton.png) }
.chicked a{ color:#33fdff}

.bottom-btn-area{ width:100%; min-height:80px; background:#575757; position:relative}
.bottombotton-btn{ display:block; width:160px; height:80px;  position:relative; margin:0 auto }
.bottombotton{ position:relative; display:block; margin:0 auto; width:1024px; min-height:80px}
.bottombotton li{float:left; position:relative;  width:33%; height:80px; background-position-y:0px; text-indent:-1000px; overflow: hidden; background-repeat: no-repeat; margin:0 auto}
.bottombotton li:hover{background-position-y: -90px ; overflow:hidden}
.bottombotton1{ background:url(/images/bottombotton1.png) no-repeat center}
.bottombotton2{ background:url(/images/bottombotton2.png) no-repeat center}
.bottombotton3{ background:url(/images/bottombotton3.png) no-repeat center}
.bottom1{ width: 100%; height:180px; position:absolute; left:0px; top:30px}
.bottom{ width: 100%; height:280px; position:absolute; left:0px; bottom:0px}


.iout{height:300px; width:450px; left:50%; margin-left:-225px; /*top:40%;*/ background:#FFF; position: absolute; z-index: 1000; display:none;  font-size:1em; font-weight:bolder; letter-spacing:-1px}
.iout1{height:300px; width:450px;  /*top:40%;*/ background:#FFF; position: absolute; z-index: 1000; display:none;  font-size:1em; font-weight:bolder; letter-spacing:-1px}
.indexouttop{ height:56px; width:100%; background:#2643ab; }
.indexouttitle{color:#FFF; line-height:56px; font-size:1.75em; width:410px; float:left}
.indexoutclose{ float:right; font-size:2em; margin-right:20px; line-height:50px}
.indexoutclose a{ color:#FFF}
.indexlogintext{ width:80%; margin:50px auto; height:50px; border:2px #b2b2b2 solid; font-size:1.5em}
.indexoutbotton{ margin:6px auto}


/* signin */
.step{ height:130px; width:100%; background:url(/images/stepbg.png)}
.steppic{ width:598px; margin-left:auto; margin-right:auto; padding-top:50px}
.step1{ float:left; margin-right:220px}
.step2{ float:left; margin-right:216px}
.level{ margin-top:4px;; width:100%}
.context2{ width:550px; margin-left:auto; margin-right:auto; min-height:800px; text-align:left}
.title1{ text-align:left; font-size:1.5em; font-weight:bolder; margin-top:30px}
.state1{ border:2px solid #a2a2a2; width:98%; height:88px; margin-top:15px; resize:none;  overflow-x:hidden}
.checkbox1{ width:100%; text-align:left; margin-top:15px; font-weight:bold; color:#b2b2b2; font-size:1.125em;}
.red{ color:#ff5353; font-size:1.125em}

.submitbox2{ width:100%; text-align:left; margin-top:20px}
.submit2{ background:url(/images/signbotton.png); width:260px; height:68px; margin-top:30px; float:left;}
.submit3{ background:url(/images/signbotton2.png); width:260px; height:68px; margin-top:30px; float:right; }


/* signin2 */
.context3{ width:566px; margin-left:auto; margin-right:auto; min-height:815px; text-align:left; color:#838383}
.signin2line{ height:48px;line-height:48px ; margin-top:18px}
.newidbox1{ float:left; width:270px}
.newidbox2{ width:424px; position:relative; float:left; margin-right:2px}
.newid{ height:46px; width:100%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder}
.newpassword{ height:46px; width:100%; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder}
.newphone{ height:42px; width:100%; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder}
.newidbottonbox{ margin-top:4px; width:132px; height:42px; float:right}
.newidbotton{ width:132px; height:42px; background:url(/images/idbotton.png) center no-repeat}
.newemailbottonbox{ width:132px; height:42px; float:right}
.newemailbotton{ width:132px; height:42px; background:url(/images/emailbotton.png) center no-repeat}
.newphonebottonbox{ width:132px; height:42px; float:right}
.newphonebotton{ width:132px; height:42px; background:url(/images/phonebotton.png) center no-repeat}
.signin2word1{width:160px; height:60px; line-height:60px; font-size:1.3em; padding-left:10px; border-right:1px #e3e3e3 solid; letter-spacing:-2px; font-weight:bolder; color:#4b4b4b; text-align:left; display:inline-table; float:left;}
.signin2word2{width:160px; height:60px; line-height:60px; font-size:1.3em; padding-left:0px; border-right:1px #e3e3e3 solid; letter-spacing:-2px; font-weight:bolder; color:#4b4b4b; text-align:left; display:inline-table; float:left;}
.signin2newname{  height:40px; width:388px; float:left; border:2px solid #a2a2a2; font-size:1em; line-height:40px; font-weight:bolde; margin-top:8px; padding-left:5px; margin-left:15px}
.signin2newname1{height:40px; width:100%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolde; margin-top:8px; padding-left:5px; margin-left:15px}
.signPhone{ height:40px; width:18%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolde; margin-top:8px; padding-left:5px; margin-left:15px}

/* signin3 */
.title2{ text-align:left; font-size:1.5em; font-weight:bolder; margin-top:30px; color:#575757}
.signin3context{ width:100%; margin-top:15px; line-height:50px; font-weight:bolder }
.signin3word{  width:130px; height:60px; line-height:60px; font-size:1.5em; padding-left:30px; border-right:1px #e3e3e3 solid; letter-spacing:-1px; font-weight:bolder; color:#4b4b4b; text-align:left; display:inline-table; float:left;}
.signin3word1{  width:140px; height:60px; line-height:60px; font-size:1.5em; padding-left:10px; border-right:1px #e3e3e3 solid; letter-spacing:-1px; font-weight:bolder; color:#4b4b4b; text-align:left; display:inline-table; float:left;}
.signin3out{ height:46px; border:2px #b2b2b2 solid; width:414px; margin-left:135px; text-align:left; padding-left:10px; color:#575757; font-size:1.125em}
.submitbox3{ width:100%; text-align:center}
.submit4{ margin-top:50px}
.signinputarea{ width:520px; height:340px; margin:50px auto}

/* draw */
.context4{ width:640px; margin-left:auto; margin-right:auto; text-align:center; min-height:990px;padding-bottom: 280px;}
.backbox{ min-width:1024; height:70px; background:#575757; clear:both}
.back{ margin-left:-456px; left:50%; padding-top:9px; float:left; position:relative }
.topnews{ color:#e2e2e2; font-size:1.25em; line-height:70px}
.drawmbg{ background:url(/images/drawmbg.png) center top no-repeat; width:640px; height:700px}

.outbg{position: absolute; top:0 ; opacity:0.7; background-color: #000; z-index:999;  display: none; width:100%; height:100%; left:0}
/*.drawout{position: absolute; z-index: 1000; background:url(../images/drawbg.png); width:520px; height:421px;  display:none; left:50%; top:50%; margin-top:-240px; margin-left:-260px}*/
/*.drawmmiddle{ margin:120px auto 0 auto; width:544px; height:230px; text-align:left}*/
/*.drawcodearea{ margin:220px auto 0px auto; font-size:1.875em; font-weight:bolder; text-align:center; width:438px; height:48px}*/
/*.drawcode{ float:left; font-size:21px; width:278px; color:#c9b008;height: 38px}*/
/*.drawcodetitle{ float:left; width:138px; margin-left:20px;font-size: 22px}*/
/*.drawcopy{ padding-top:8px}*/

/*.drawoutword{ color:#a50101; width:438px; margin:0 auto; text-align:left; font-size:0.875em}*/
/*.drawmbotton{ float:left; margin-left:120px}*/
/*.drawmbotton2{ margin-top:-30px; float:right; margin-right:130px; background:url(../images/drawmbotton2.png); width:67px; height:115px }*/
/*.drawmbotton2:active{ background-position-y: -115px}*/
/*.drawoutbotton3{ float:left; margin-top:40px; margin-left:80px}*/
.close{margin-top:40px; margin-left:40px}

.scroll2{width:521px; height:151px; margin:0 auto; position:relative; overflow:hidden; padding-top:44px; padding-left:2px}
.scroll2 img{width: 521px;height: 151px;}
.mod_02{float:left; width:521px;}
.mod_02 img{display:block; width:521px; height:151px;}

.scrollPic{width:110px;height:110px; overflow:hidden; float:left; display:inline; margin-left:48px; margin-right:10px}
.scrollPic li{list-style:none;border:0;width:110px;height:110px}
.scrollPic li img{width: 110px;}


/* topup */
.context5{ width:960px; margin-left:auto; margin-right:auto; padding-bottom:360px; position:relative; text-align:center}
.gamebox2{ margin:60px 26px 0 26px; display:inline-table; vertical-align:top;}
.word2{ margin-top:10px; font-size:1.5em; font-weight:bolder; width:150px; word-break:break-all}
.word3{ font-size:1em; color:#575757; width:150px;text-align:center; word-break:break-all}


/* topup2 */
.topupcontext{ width:860px; margin:50px auto 0 auto ; padding-bottom:357px}
.topupgamelogo{ margin:50px auto 20px auto}
.topupgamelogoword{ font-size:1.25em; font-weight:bolder}
.topuptitle{ font-size:1.25em; color:#575757; font-weight:bolder; padding-top:50px; letter-spacing:-2px; margin-bottom:10px}
#select_box{ text-align:left; width:450px; margin-left:350px; text-align:left; font-size:1.125em; font-weight:bolder; color:#b2b2b2}
.select{ border:2px #b2b2b2 solid; height:48px; width:100%; font-size:1.25em}
.user{ border:1px #b2b2b2 solid; height:48px; width:100%; font-size:1.25em}

#topup2submit{ background:url(/images/signbotton.png) center no-repeat; width:260px; height:68px}
.topup2submitbox{ width:260px; margin:50px auto; padding-left:10px}


/* topup3 */
.context6{ width:1024px; margin-left:auto; margin-right:auto; margin-top:50px; padding-bottom:369px; overflow:hidden}
.topup3bottonarea{width:100%; position:relative}
.topup3botton-btn{ display:block; width:246px; height:300px;  position:relative; }
.topup3botton{ position:relative; display:block; margin:0 auto; width:1024px}
.topup3botton li{float:left; position:relative; width:246px; height:300px; background-position-y:-0px; text-indent:-1000px; overflow: hidden; background-repeat: no-repeat; margin:10px 5px}
.topup3botton li:hover{background-position-y: -300px ; overflow:hidden}
.topup3botton li:select{background-position-y: -300px ; height:300px}
.etopup{ background:url(/images/etopup.png) no-repeat center}
.mtopup{ background:url(/images/mtopup.png) no-repeat center}
.ctopup{ background:url(/images/ctopup.png) no-repeat center}
.c2topup{ background:url(/images/c2topup.png) no-repeat center}
.ptopup{ background:url(/images/ptopup.png) no-repeat center}
.activity{ margin:0 20px; height:320px; float:left}

/* topup4 */
.context13{ max-width:1024px; width:100%; margin-left:auto; margin-right:auto; margin-top:50px; padding-bottom:367px}
.topup4tip{ max-width:672px; width:98%; margin:20px auto; border:4px #f7f7f7 solid; color:#b2b2b2; font-size:1.25em; word-wrap:break-word; text-align:left; padding-bottom:8px }
.topup4moneybg{ background:#f7f7f7; border:1px #ececec solid; max-width:676px; width:99%; margin:0 auto; overflow:hidden; padding-bottom:10px}

.topup4bottonarea{ width:468px; height:80px; margin:20px auto}
.topup4botton-btn{ width:468px; padding:20px 40px 20px 40px; margin-left:1036px; line-height:80px; font-size:1.75em; font-weight:bolder}
.topup4botton { position:relative; display:block; margin:8px auto; width:468px; height:80px}
.topup4botton li{float:left; position:relative;  width:468px; height:80px; background-position-y:-80px; text-indent:-1000px; overflow:hidden; background-repeat: no-repeat; margin:8px auto; text-align:center}
.topup4botton li:hover{background-position-y: 0px ; overflow:hidden}
.topup4botton li:select{background-position-y: 0px ; height:80px}
.topup4bottonpic{ background:url(/images/topup4botton.png)}

.topup4out{ height:480px; width:450px; left:50%; margin-left:-225px; top:26%; background:#FFF; position: absolute; z-index: 1000; display:none;  font-size:1em; font-weight:bolder; letter-spacing:-1px}
.topup4outcontext{ width:90%; margin:30px 0 50px 70px}
.topup4outtop{ background-color:#2643ab; width:100%; height:56px; color:#FFF; line-height:56px; font-size:1.5em}
.topup4outtitle{ text-align:left; width:20%; float:left;}
.topup4outdate{ text-align:left}
.stop{ float:left; width:8%; text-align:center}
.topup4outtitle li, .stop li, .topup4outdate li{ height:44px; line-height:44px; font-size:1.625em}
.topup4outclose{ float:right; font-size:1.5em; margin-right:20px; line-height:48px}
.topup4outclose a{ color:#FFF}
.topup4outtoptitle{ float:left; margin-left:174px}

.orange{ color:#ff8053 }



/* qa */
.context11{ max-width:1024px; margin-left:auto; margin-right:auto; min-height:1000px; padding-bottom:20px}
.userarea{ max-width:1024px; height:200px; padding-top:45px; margin:0 auto}
.userbg{ width:135px; height:135px; left:50%; margin-left:-252px; position:relative; float:left}
.userbg img{ width:135px; height:135px; }
.userpic{ margin:0px auto; border-radius:135px; -moz-border-radius:135px; -webkit-border-radius:135px; -o-border-radius:135px; border:4px #FFF solid }
.qabotton{ margin-left:124px; width:140px; height:140px; left:50%; margin-left:122px; position:relative}
.qatitle{background: url(/images/qatitlebg.png);width: 100%; max-width:1024px; margin:0 auto; height: 53px;line-height: 53px;color: #8d8d8d;font-size: 1.125em;font-weight: bolder}
.qacontext{ width:100%; height:60px; text-align:left}
.qacontext2{ background:#f7f7f7; width:100%; height:60px; text-align:left}



.qatitle1{ float:left; width:12%}
.stand{ float:left; height:51px; width:2px; background:url(/images/stand.png)}
.qatitle2{ float:right; width:76% }
.qanews{ float:left; width:95%}
.newstitle{ float:left; width:18%; text-align:center; line-height:56px; font-size:1.25em;font-weight: bold;}
.newscontext{ float:left; height:56px; width:82%}
.newnewspic{ float:left; margin-top:20px}
.hotnewspic{ float:left; margin-top:12px}
.topnewspic{ float:left; margin-top:16px}

.qanewnewspic{ float:left; margin-top:14px; margin-left:2%}
.qahotnewspic{ float:left; margin-top:6px; margin-left:2%}
.qatopnewspic{ float:left; margin-top:10px; margin-left:2%}
.qanewsword{max-width:65%;text-align:left; font-size:1.5em; float:left; width:auto; line-height:58px;text-overflow: ellipsis;overflow: hidden;-o-text-overflow: ellipsis;white-space: nowrap;}

.newstime{ font-size:0.875em}
.delbotton{ float:right; margin-top:18px; margin-right:26px}
.page{ margin: 25px auto 0 auto; font-size:1.125em; width:80% }
.page a{ border:1px #CCC solid; padding:0 9px 4px 9px}
.page a:hover, .pagechoice{ border:1px #CCC solid; padding:0 9px 4px 9px; color:#FFF; background:#22C60F}

.pageNum{padding-left: 10px;}
.pre_text span{display:none;}

/* portrait */
.userarea2{ min-width:1024px; height:200px; padding-top:25px; background:#f0f1f2}
.hr4{ width:100%; height:1px; background:#b2b2b2}


/* game */
.word3{ font-size:1em; color:#575757}
.newgame{ background:url(/images/newgame.png); width:156px; height:156px; position:absolute; z-index:99}
.gamelogo3{ float:left; position:relative;}
.gamelogo3 .gameTag { width:40px; position:absolute; right:-10px; top:-10px; display:none;}

/* game2 */
.gametopbg{ background:#f7f7f7; clear:both; overflow:hidden}
.gametop{ position:relative; height:60px; line-height:60px; width:1024px; margin:0 auto}
.gamedetail-mission-icon { vertical-align: middle; }
.gametitle{ float:left; width:750px; font-size:1.875em; color:#575757; margin-left:34px; text-align:left; font-weight:bolder }
.share{ width:196px; float:right; margin-top:6px}
.kakao{ float:left; width:48px; position:relative; margin-right:20px	}
.sfacebook{ width:48px; float:left;position: relative;margin-right: 20px;}
.hr5{ width:100%; height:2px; background:#e2e2e2}
.gamedeteil{ width:1024px; margin:0 auto  }
.gamebg{ background:#f7f7f7; height:200px}
.deteil{ width:540px; height:86px; float:left; margin-left:30px; margin-top:46px; position:relative; text-align:left}
.deteiltitle{ text-align:left; font-size:1.5em; font-weight:bolder}
.deteilcontent{ font-size:1.125em; margin-top:4px}

.sbtnarea{ width:240px; height:50px; float:left; margin-top:10px }
.hbtn{ float:left; margin:2px 8px 2px 1px}
.bbtn{ float:left; margin:2px 8px}
.lbtn{ float:left; margin:2px 8px}
.facebpic{ box-shadow: 1px 1px 1px #CCC}

.gamelogo2{ float:left; margin-left:30px; margin-top:25px }
.downloadbox2{ float:right; position:relative; margin-top:57px; margin-right:24px}
.gamecode{ float:left; margin-right:20px}
.gamecodepic{ width:90px}
.bgamecode{ position:absolute; z-index:9999; margin-top:-20px; margin-left:-20px}

.TabTitlebg{ background:#a2a2a2; height:46px; line-height:46px; font-size:1.25em; font-weight:bolder}
.nTab .TabTitlebg .TabTitle{clear: both; height: 46px; overflow: hidden; width:1024px; margin:0 auto}
.nTab .TabTitlebg .TabTitle ul{margin:0; padding:0;}
.nTab .TabTitlebg .TabTitle li{ float:left; width: 24.5%; cursor: pointer}
.nTab .TabTitlebg .TabTitle .active{ background:#ffffff; border-left:1px  #b2b2b2 solid; border-right:1px #9a9a9a solid; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid}
.nTab .TabTitlebg .TabTitle .normal{ background:#a2a2a2; border-left:1px #b2b2b2 solid; border-right:1px #9a9a9a solid; color:#FFF}
.nTab .TabContent{width:; margin:0 auto}
.none {display:none;}

.deteilwordbg{ border-bottom:1px #e5e5e5 solid }
.deteilword{ margin-left:60px; color:#575757; text-align:left; margin:30px auto; max-width:960px; width:90%; font-size:1.125em; overflow:hidden; height:200px}

.gamepic{ width:480px; margin:0 auto }
.gamead{ max-width:800px; margin:20px auto 0 auto; height:auto; overflow:hidden  }

.qatitle3{ float:left; width:80% }
.qatitle4{ float:right; width:19% }

#myTab0_Content0{ padding-bottom:330px}

.changeline{ float:left; margin-right:20px}

/* news */
.context12{ max-width:1024px; margin-left:auto; margin-right:auto; min-height:1000px}
.context8{ width:1024px; margin-left:auto; margin-right:auto; min-height:800px}
.topnews2{ color:#e2e2e2; font-size:1.25em; line-height:70px; float:left; position:relative; left:50%; margin-left:-400px; width:800px; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap}
.allnews{ float:left; left:50%; margin-left:258px; width:300px; position:relative;  line-height:70px; letter-spacing:-1px; font-size:1.125em; font-weight:bolder}
.allnews a{ color:#FFF}
.n1{ float:left; width:60px}
.n2{ float:left; width:60px}
.n3{ float:left; width:60px}
.n4{ float:left; width:70px}

/* news2 */
.news2context{ font-weight:bolder; font-size:1.5em; text-align:left}
.news2top{ min-height:60px; width:100%; max-width:1024px; margin:0 auto; padding-bottom:5px}
.news2title2{ float:left; width:600px; text-align:center; margin-left:30px}
.news2title{ float:left; font-weight:bolder; font-size:1.5em;}
.newnewspic2{ float:left; margin-top:18px; margin-left:10px}
.news2time{ text-align:left }
.context9{ width:1024px; margin:0 auto; text-align:left; min-height:940px}
.letter{ margin:50px 50px 0 50px; font-size:1.25em; padding-bottom:400px; width:auto}
.letter img,.letter table{width: 100%}
.news2botton{ float:left; position:relative; margin-left:30px; padding-top:16px}
.bottom2{ width: 100%; height:340px; position:absolute; left:0px; bottom:0px}

.news2titledown{ float:left; font-weight:bolder; line-height:60px;}
.news2contextdown{ font-size:1.25em; line-height:60px; float:left; font-weight:bolder;  width:420px; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap; text-align:left}
.news2timedown{ float:left; margin-left:10px; font-size:1em }

/* photo */
.photocontext{ max-width:956px; width:100%; margin:60px auto 0 auto; min-height:860px}
.photouserbg{width:135px; height:135px; position:relative;  margin:52px auto 20px auto; }
.photouserbg img{width:135px;height:135px;}
/*.leftbg{ width:248px; height:500px; background:#ebeff3; border:1px #e2e2e2 solid; float:left}*/
.leftbg{ width:248px; height:570px; background:#ebeff3; border:1px #e2e2e2 solid; float:left;}
.photobg{ margin:25px auto}
.uppic{ width:708px; height:570px; border:1px #c8c8c8 solid; margin-left:249px}
.photobottonarea{ width:380px; margin-left:166px; margin-top:-40px; z-index:99; text-align:left; position:relative}
.photobotton{ float:left; position:relative; margin:auto 40px}
.photobotton2{ float:right; position:relative; margin:auto 40px }
.photobottonarea2{ width:380px; left:50%; margin-left:164px;; margin-top:20px; text-align:left}
.photobotton3{ float:left; position:relative; }
.photobotton4{ float:right; position:relative;}
.photobottonbg{ width:380px; height:50px; background:#000; opacity:0.5; position: relative; left:50%; margin-left:-190px; z-index:98; margin-top:-50px }
.photoid, .photoname, .photoemail{ width:160px; margin:8px auto; color:#b2b2b2; font-size:1.25em}
.photohr1{ width:160px; margin:0 auto; height:1px; background:#dcdcdc}
.photohr2{ width:160px; margin:0 auto; height:1px; background:#fafbfc}
.photobg div{margin-left: auto;margin-right: auto;}



/* photo2 */
.photopic{ background:url(../images/userbg.png) no-repeat; width:160px; height:160px; margin:0 20px; padding-top:13px; float:left; position: relative}
.photo2picarea{ width:600px; height:360px; margin:50px auto 0 auto}


/* photo3 */
.photo3botton{ float:left; margin:0 40px}
.photo3bottonarea{ width:560px; left:50%; margin-left:94px; margin-top:10px}


/* social */
.context7{ width:860px; height:740px; margin-left:auto; margin-right:auto; margin-top:80px; text-align:center}






/* gift */
.giftcopy{ float:left; width:7%; margin-top:12px}
.gife2news{width:100%; margin:0 auto}
.gifttitle{ width:15%; float:left; text-align:center; font-size:1.25em; line-height:60px; min-height: 10px}
.gife2context{ width:28%; text-align:center; float:left; font-size:1.25em; font-weight:bolder; line-height:60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;;}
.giftcode{ color:#42b526; float:left; width:38%; text-align:center; height:48px; font-size:1.125em}
.giftcode2{ color:#42b526; float:left; width:38%; text-align:center; height:48px; font-size:1.125em; background:#f7f7f7 }
.gifttime{ float:left; width:10%; text-align:center; font-size:1.25em;  line-height:60px}
.stand2{ float:left; height:51px; width:2px; background:url(/images/stand.png)}
.qatitle5{ float:left; width:28% }
.qatitle6{ float:left; width:43% }
.qatitle7{ float:left; width:16% }
.context10{ width:1024px; margin:0 auto; min-height:900px}

/* set */
.setinputarea{ width:570px; height:410px; margin:50px auto}
.settitle{ text-align:left; font-size:1.875em; font-weight:bolder; color:#2643ab;}
.settr{ width:100%; border-top:1px #e3e3e3 solid; height:60px}
.blue{ width:6px; height:60px; background:#2643ab; display:inline-table; float:left}
.setword{ width:120px; height:60px; line-height:60px; font-size:1.5em; padding-left:40px; border-right:1px #e3e3e3 solid; letter-spacing:-1px; font-weight:bolder; color:#4b4b4b; text-align:left; display:inline-table; float:left;}
.setword2{ width:270px; height:60px; line-height:60px; font-size:1.5em; padding-left:10px; letter-spacing:-1px; color:#838383; text-align:left;  display:inline-table; otext-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap}
.setinputforgetpwd{position: relative; width:408px; height:60px; line-height:60px; font-size:1.5em; letter-spacing:-1px; text-align:left;  display:inline-table}

.setnewname{ height:40px; width:100%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder; margin-top:8px; padding-left:5px}
.setnewemail{ height:40px; width:80%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder; margin-top:8px; padding-left:5px}
.setclearbtn{position: absolute; top: 16px; right:10px; background:#CCC; margin:0; font-size:1.5em; color:#fff; height:28px; width:28px; padding-bottom:4px; line-height:20px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px;}
.setnewphone{font-size: 1.25em; height:40px; width:117px; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder; margin:8px 0 0 0px; padding-left:7px}
.setgender{ width:77px; font-size:1.25em; font-weight:bolder; border:2px #a2a2a2 solid; height:44px; background:#FFF; margin:8px 0 0 8px; float:left; text-align:center; letter-spacing:2px}
.setgender2{    width: 77px;
    font-size: 1.10em;
    border: 2px #a2a2a2 solid;
    height: 44px;
    background: #FFF;
    margin: 8px 0px 0 16px;
    float: left;
    text-align: center;
    padding-left: 3px;}
.radio0{  position:absolute; margin:20px 0 0 -276px; height:60px; filter:alpha(opacity:0);opacity: 0; width:60px; list-style:none;}
.radio1{  position:absolute; margin:20px 0 0 -110px; height:60px; filter:alpha(opacity:0);opacity: 0; width:60px; list-style:none;}

.setbox{ float:left; width:370px}
.setbox2{ float:left; width:90px}
.setbox3{ float:left; width:90px}
.setbox4{ float:left; width:512px}
.setbottonbox{ width:132px; height:42px; float:right; margin-top:1px}
.setbotton{ width:132px; height:42px; background:url(/images/setbotton.png) center no-repeat}
.setbotton2{ width:132px; height:42px; background:url(/images/setbotton2.png) center no-repeat}

.setbtn1{ margin-top:27px; border-bottom:1px #666 solid; font-size:1em; letter-spacing:-1px; width:140; float:right; padding-bottom:2px}

.setmale1{ width:60px; height:60px; background:url(/images/male.png) center top; }
.setmale2{ width:60px; height:60px; background:url(/images/male.png) center bottom; }
.setfemale1{ width:60px; height:60px; background:url(/images/female.png) center top;}
.setfemale2{ width:60px; height:60px; background:url(/images/female.png) center bottom;}
.setradio{ display:inline-table; width:60px; margin:20px 50px}

.setsubmitbox{ width:100%; margin-top:22px}
.setsubmit{ background:url(/images/photobotton3.png); width:182px; height:46px; margin-top:30px; margin-left:70px; float:left}
.setsubmit2{ background:url(/images/photobotton4.png); width:182px; height:46px; margin-top:30px; }

.setdate{ width:120px; height:38px; border:2px #a2a2a2 solid; font-size:1.25em }
.setchoice{width:60px; height:60px; background:url(/images/male.png) center top; }

.edit{ position: absolute; margin-top:-42px; margin-left:108px; width:100px; height:30px; color:#FFF;  z-index:50;}

.error{ position:absolute; background:url(/images/error.png) center top no-repeat; width:332px; height:55px; z-index:50; margin-left:160px; letter-spacing:-2px; color:#F00; margin-top:-20px; padding-top:10px}
.setout{width:640px; background:#FFF; font-size:1em; font-weight:bolder; letter-spacing:-1px}

.rulebtn{ margin-top:20px}

/* passwordchange */
.pcsubmitbox{width:100%; margin:20px auto}
.pcword{ width:160px; margin-right:15px; float:left; position:relative; font-size:1.3em;  letter-spacing:-1px; font-weight:bolder; color:#838383; text-align:left}
.pcbox{ float:left; width:370px}
.pcinput{ width:550px; height:280px; margin:60px auto}
.passwordchangebotton{ margin:137px auto 0 auto; letter-spacing:-2px; border-bottom:1px #333 solid; padding-bottom:2px; width:100px}

.pcout{height:300px; width:450px; left:50%; margin-left:-225px; top:30%; background:#FFF; position: absolute; z-index: 1000; display:none; font-weight:bolder; letter-spacing:-1px}
.pcouttitle{ font-size:2em; margin:50px auto}
.pccode{ margin:9px 0 0 9px}



/* user */
/*.userselect{ width:100px; height:30px; background:#FFF}*/
.userselect2{ width:100px; height:30px; background:#FFF}
.userlinecontext{ width:100%; height:80px; text-align:left}
.userlinecontext2{ background:#f7f7f7; width:100%; height:80px; text-align:left}
.user2newstime{ text-align:left; font-size:1.25em; float:right; line-height:58px; margin-right:3%; line-height:80px}
.user2newstitle{width:26%; float:left; font-size:1.25em; margin-top:10px}
.user2newscontextword{ text-align:left; font-size:1.5em; float:left; width:100%; margin-top:12px}
.user2newscontext{width:42%; float:left; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap}
.score{ width: 100%;height: 30px;margin-top: 4px;font-size: 1.25em;text-align: left;}

.setscore{width:130px; height:30px; left:auto; position:relative; margin:10px auto 0; font-size:1.25em}
.setbg{ background:#000; opacity:0.5; position: absolute; margin-top:140px; margin-left:20px; width:136px; height:30px;  z-index:888;}
.set{ position: absolute; margin-top:144px; margin-left:20px; width:136px; height:30px; color:#FFF;  z-index:999}
.set a{ color:#FFF}

.userdate{ float:left; margin-top:11px; margin-left:50px; margin-right:4px}
.userdate1{ float:left; margin-top:11px; margin-left:15px}
.dateline{ float:left; margin-top:26px; margin-left:10px}
.usercontext{ width:100%; min-height:1260px}
.user2area{ max-width:1024px; height:200px; margin:0 auto}
.usertopbg{ height:200px; width:100%}
.userbg2{ height:135px; height:135px; position:relative; float:left; margin-top:40px; margin-left:20px }
.userbg2 img{width:135px; height:135px;}
.username{ font-size:2em; color:#000; font-weight:bolder; width:200px; text-align:left; padding-top:35px; padding-left:184px; position:relative}
.userid{ font-size:1em; color:#575757; width:200px; text-align:left; padding-left:184px;}
.userbotton1{ width:130px; height:42px; float:left; padding-left:18px; margin-top:5px}
.userbotton2{ width:130px; height:42px; float:left; margin-left:15px; margin-top:30px; display:none}
.userbotton3{ width:132px; height:113px; float:right; margin-top:-78px}
.usertitle{ width:100%; font-size:1.5em; font-weight:bolder; color:#2643ab; margin:5px auto}
.usermiddle{ background:url(/images/qatitlebg.png); width:100%; height:53px; line-height:53px; color:#8d8d8d; font-size:1.125em; font-weight:bolder}
.usernewsarea{ max-width:1024px; margin:0 auto}
.usertitlebg{ background:#f7f7f7; width: 100%; height: 53px;line-height: 53px; color: #575757; font-size: 1.125em;font-weight: bolder}

.usertit1e1{ width:24%; float:left}
.usertitle2{ width:52%; float:left}
.usertitle4{ width:16%; float:left}
.usertitle5{ width:22%; float:left}

.usernews{float:left; width:100%; text-align:center}
.usernewstitle{width:22%; float:left}
.usernewsgame{font-size:1.25em;padding-top:8px}
.usernewstime{ text-align:left; font-size:1.25em; float:right; line-height:58px}

.usernewscontext{width:48%; float:left; }
.usernewscontextword{ text-align:left; font-size:1.25em; float:left; max-width:82%; line-height:58px; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap}


.usertime{width:17%; float:left}
.usercode{width:250px; float:left; color:#41b325; margin-top:4px; font-size:1.25em; text-align:left}
.usercode2{width:250px; float:left; color:#41b325; margin-top:4px; font-size:1.25em; text-align:left; background:#f7f7f7}
.usercopy{width:4%;  margin-top:4px; float:left}

.userselect{ max-width:1024px; margin:0 auto}
#userselect_box{ text-align:left;font-size:1em; font-weight:bolder; color:#b2b2b2}
#userserver{ float:left; width:130px; text-align:left; margin-top:10px; margin-left:20px; margin-right:0}
#usermonth{ width:130px; padding-top:10px; float:left}
#userchannel{width:130px; padding-top:10px; float:left}

.date{ height:30px; text-align:center}


/* qa2 */
.context14{ width:100%; min-height:860px}
.qa2context{ max-width:900px; width:100%; margin:0 auto}
.qa2bg{ width:100%; background:#f7f7f7}
.qa2write{ border:1px #b2b2b2 solid; height:290px; width:100%; margin:0 auto; text-align:left; resize: none; background:#f7f7f7; font-size:1.125em; color:grey;}

.qa2select, .qa2select3{float:left; width:48%; text-align:center; margin:12px 0 0 3px; height:36px; font-size:1.25em; background:#FFF}
.qa2select2, .qa2select4{float:left; width:48%; text-align:center; margin:12px 3px 0 29px; height:36px; font-size:1.25em; background:#FFF}

.qa2bg2{ width:100%; background:#ececec; border:1px 0 1px 0 #e2e2e2 solid}
.qa2title{ height:40px; max-width:900px; width:99%; margin:10px auto; border:1px #d2d2d2 solid; color:#000; font-size:1.25em}
.qa2context2{ max-width:900px; width:99%; margin:10px auto; }
.qa2context3{ max-width:900px; width:99%; margin:10px auto; text-align:left; line-height:50px; height:50px; font-weight:bolder; color:#575757}
.qa2context4{ max-width:900px; width:99%; margin:10px auto; text-align:left; }
.qa2word{ float:left}
.qa2picup{ float:left; width:110px; margin:10px 10px 0 10px; text-align:center}
.qa2checkbox{ float: left}
.qa2bottonbox{ float: right; text-align:right}

.qanewstitle{ float:left; height:56px; width:76% }
.qa2txt{ height:32px; background:#ececec; width:420px; padding-top:12px; font-size:1.25em; margin-left:30px; color:#2643ab;  text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis; white-space:nowrap }
.qa2upbtn{ width:104px; height:32px; background: url(/images/qa2botton.png)}
.qa2file{ position:absolute; padding:3px; margin-left:-100px; height:26px; filter:alpha(opacity:0);opacity: 0; width:100px; list-style:none; }

/* giftcenter */

.TabTitlebg2{ background:#a2a2a2; height:46px; line-height:46px; font-size:1.25em; font-weight:bolder}
.nTab2 .TabTitlebg2 .TabTitle2{clear: both; height: 46px; overflow: hidden; max-width:1024px; margin:0 auto}
.nTab2 .TabTitlebg2 .TabTitle2 ul{margin:0; padding:0}
.nTab2 .TabTitlebg2 .TabTitle2 li{ float:left; width: 33%; cursor: pointer}
.nTab2 .TabTitlebg2 .TabTitle2 .active{ background:#ffffff; border-left:1px #b2b2b2 solid; border-right:1px #9a9a9a solid; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid}
.nTab2 .TabTitlebg2 .TabTitle2 .normal{ background:#a2a2a2; border-left:1px #b2b2b2 solid; border-right:1px #9a9a9a solid; color:#FFF}
.nTab2 .TabContent2{width:; margin:0 auto}

.giftcenterline{ background:#f2f3f3; border:1px #dbdfe3 solid; width:99%; margin:10px auto; height:150px; text-align:left}
.giftcentergame{ float:left; margin:20px 2%}
.giftcentertitle{ font-size:1.5em; font-weight:bolder; font-weight:bolder; margin-top:28px }
.giftcenterprogess{ margin-top:5px}
.giftcenterdesc{margin-top: 5px;max-width: 400px;word-wrap: break-word;}

.giftcenterbottonarea{ width:100px; height:80px;  float:right; margin-top:25px;margin-right:2% }
.giftcenterbotton-btn{ display:block; width:100px; height:100px;  position:relative; }
.giftcenterbotton{ position:relative; display:block; margin:0 auto; width:100px; height:100px}
.giftcenterbotton li{float:left; position:relative;  width:100px; height:100px; background-position-y:0px; text-indent:-1000px; overflow: hidden; background-repeat: no-repeat}
.giftcenterbotton li:visited{ background-position-y: -100px ; height:100px}
.giftcenterbotton li:active{ background-position-y: -100px ; height:100px}
.giftcenterbotton li:after{ background-position-y: -100px ; height:100px}

.giftcenterbotton1{ background:url(/images/giftcenterbotton.png) no-repeat center}

#myTab2_Content0, #myTab2_Content1, #myTab2_Content2{ min-height:800px}

.progessword{ float:left; height:20px}
.progessbg{ margin-left:70px; width:292px; height:20px; background:url(/images/progessbg.png) center no-repeat}
.progess{ width:0%; height:20px; background:url(/images/progess.png) center right no-repeat; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; margin:0 1px 0 1px}


/* giftcenter2 */
.sn{ width:99%; border:3px #f7f7f7 solid; margin:0 auto; height:40px; line-height:40px; font-size:1.5em; font-weight:border}
.giftcenterword{ text-align:left; width:99%; margin:10px auto 0 3%; color:#838383; width:100px; font-size:1.25em}
.giftcentertest{ text-align:left; width:99%; margin:10px auto 0 auto; min-height:130px; background:#f7f7f7; border:1px #dcdcdc solid}


/* qa3 */

.problem{ width:100%; background:#f0f0f0; min-height:98px}
.problemword{margin:0 auto; padding:0 15px 15px 15px}
.qa3box{ width:100%; max-width:900px; margin:0 auto; height:100%; padding-bottom:10px; overflow-x:hidden}
.qa3top{ width:97%; background:#FFF; border:1px #bababa solid; margin:18px auto 0 auto; text-align:left}
.qa3sign{width:57px;float:left;margin: 16px;}
.qa3test{ min-height:90px; width:98%; margin:10px auto; border:1px #e6e6e6 solid}
.qa3titlearea{ margin-left:104px}
.qa3word{ padding-bottom:10px}
.qa3time{ padding-top:10px}


.qa3title{ font-size:1.5em; font-weight:bolder; word-break:break-all}
.qa3middel{ width:97%; margin:0 auto; background:#FFF; clear:both; border:1px #bababa solid; border-top:none; border-radius:0 0 3px 3px; padding-bottom:20px }

.answer{ margin:0 auto; clear:both; padding-top:20px}
.answerbg{ width:98%; text-align:left; background:#FFF; min-height:90px; background:url(/images/qa3answer.png) right repeat-y;  }
.answer1{ width:1%; margin-left:-1%; background:url(/images/qa3answer1.png); height:4px; clear:both}
.qa3slogo{ width:22px; height:47px; background:url(/images/qa3slogo.png) no-repeat bottom; padding-top:20px; float:left; margin-left:10px; clear:both }
.qa3pic{/* border:5px #FFF solid; *//* border-radius: 135px; *//* -webkit-border-radius: 135px; */-moz-border-radius: 135px;-o-border-radius: 135px;width:70px;margin-top:5px;margin-left:10px;clear:both;}
.qa3photo{float:left;margin: 20px;}

.answerbox{ margin-left:140px; padding-right:30px }
.answerword{ padding-bottom:20px; color:#FFF;word-break:break-all;}

.ask{ margin:0 auto; clear:both; padding-top:20px;min-height: 100px;}
.ask1{width:1%; margin-right:-1%; background:url(/images/qa3ask1.png) no-repeat left; height:4px; clear:both; float:right}
.askbg{ width:98%; float:right; background:url(/images/qa3ask.png) left repeat-y; min-height:90px; clear:both; text-align:left;}

.askbox{ width:90%; float:right; padding-right:30px }
.askword{ float:right; padding-bottom:20px; text-align:left; float:left}

.context15{ width:100%; margin:0 auto; background:#f0f0f0; padding-bottom:300px}
.qa3botton{ margin:0 auto; margin-top:10px; height:60px}
.askarea{padding-top: 23px;width: 97%;height: 100px;background: #FFF;border: 1px #CCC solid;margin: 20px auto 0 auto; overflow: hidden;border-radius: 3px;}
.askhead{ width:100%; clear:both; padding-top:10px; height:60px}
.asktitle{ text-align:left; margin-left:36px; font-size:1.5em; font-weight:bolder; width:120px; float:left; padding-top:6px }
.grade{ float:right; margin-right:26px}
.grade_title{ text-align:left; font-size:1.25em; width:90px; float:left; padding:8px}
.face{ float:left; margin:0 10px}
.qa3write{ width:90%; border:1px #CCC solid; resize: none; height:100px; font-size:1.5em;}

.blueword{color: #000000;}


/* findpassword */
.fplogintext{border:2px solid #a2a2a2; height:56px; width:420px; font-size:1.5em; color:#b2b2b2; text-indent:1em; margin-top:12px}
.fpuser{ float:left; font-size:1.5em; width:110px; line-height:58px; margin-top:12px}
.fpemail{ float:left; font-size:1.5em; width:110px;line-height:58px; margin-top:12px}
.fpbtn{ margin-left:180px; margin-top:12px}
.context16{width:540px; margin-left:auto; margin-right:auto; min-height:600px}
.fpouttitle{ font-size:1.5em; margin:50px auto}
.setdate{ width:130px; height:40px; border:2px #b2b2b2 solid; text-align:center}
.fploginbox{ text-align:left; width:100%; margin-top:120px}

/* terms1 */
.context17{ width:960px; margin-left:auto; margin-right:auto;  text-align:left; padding-bottom:250px; font-size:1.35em}
.context17 p{ margin:0.3em 0}
.efunad{ background:url(/images/Efunad.jpg) center no-repeat; height:180px; width:100%; margin-top:20px}
.title17{text-align:left; margin-top:40px; font-size:1.25em; color:#000000; letter-spacing:-1px; line-height:50px; margin-bottom:40px; height:40px}

.titlechoice{ color:#FFF; background:#3c57ba; padding-bottom:2px; text-align:center}
.titleno{ border:1px #999 solid; margin-left:-1px; text-align:center}

.fl{ float:left}

.termstab{ border-left:1px #999 solid; border-bottom:1px #999 solid; text-align:center}
.termstab th{ border-right:1px #999 solid; border-top:1px #999 solid}
.termstab td{ border-right:1px #999 solid; border-top:1px #999 solid}

.photobg div{margin-left: auto;margin-right: auto;}


/* new style of alert*/
.drawout{position: absolute; z-index: 1000; background:url(/images/drawbg_new.png); width:520px; height:421px;  display:none; left:50%; top:50%; margin-left:-260px}
.drawout_title{position: absolute; z-index: 1000; background:url(/images/drawbg_title.png); width:520px; height:421px;  display:none; left:50%; top:50%; margin-left:-260px}
.drawout2{position: absolute; z-index: 1000; background:url(/images/drawbg_new.png); width:520px; height:370px;  display:none; left:50%; top:50%; margin-left:-260px}
.drawmmiddle{ margin:120px auto 0 auto; width:544px; height:230px; text-align:left}
.drawouttext{ margin:96px auto 0 auto; color:#FFF; font-size:1.875em; text-align:center; width:480px; height:160px; letter-spacing:-1px; display:table; }
.middle{vertical-align:middle; display:table-cell; }
.drawouttext2{ margin:136px auto 0 auto; color:#FFF; font-size:2.25em; text-align:center; width:480px; height:160px; letter-spacing:-1px}
.drawcodearea{ margin:26px auto 0px auto; font-size:1.875em; font-weight:bolder; text-align:center; width:438px; height:48px}
.drawcode{ float:left; font-size:1em; width:210px; color:#c9b008; margin-left:10px}
.drawcodetitle{ float:left; width:138px; margin-left:20px;}
.drawcopy{ padding-top:8px}

.drawmbotton{ float:left; margin-left:120px}
/*.drawmbotton2{ margin-top:-30px; float:right; margin-right:130px; background:url(../images/drawmbotton2.png); width:67px; height:115px }*/
/*.drawmbotton2:active{ background-position-y: -115px}*/
.drawoutbotton3{ margin:20px auto 0 auto}
.drawoutbotton4{ margin:0 auto}

.topchange{color: #ffffff;line-height: 64px;width: 326px;float: right;font-size: 18px;position: relative; margin-right: -469px;right: 50%;}

.topchange :hover {cursor: pointer}
.changeselect{color:rgb(0,209,255);font-size: 24px;display: inline-block;}
.gold{margin-left: 10px}

.drawouttitle{ font-size:38px; text-align:center; margin-top:32px; color:#ff6c00; font-weight:bolder}

.btn_tn_giftcenter{ margin-right:-473px; right:50%; padding-top:9px; float:right; position:relative}
.draw_rule{background: #f6f6f6; border-radius:3px; border:1px solid #dbdbdb; margin:0 0 30px 0; padding:30px; text-align:left}
.draw_rule p{ font-size:24px; font-weight:bold}
.draw_rule ol li div{ background:#a2a2a2; color:#FFF; width:20px; height:20px; margin-left:-24px; float:left; line-height:16px; text-align:center; border-radius:3px; margin-top:7px;}
.draw_rule ol{ font-size:20px; margin:10px 0 0 26px; letter-spacing:-1px}
.score_faq{ margin-left:10px}
.leftbg ul li > div{ margin:35px 0 0 56px}
.leftbg ul li > div div{ float:left; margin-left:4px}

.activity_st_off{ display:none; position:absolute; right:0; top:60px; width:65px; background:#FFF; border-left:1px solid #e6e6e6}
.activity_st_off li:nth-child(3){ display: none}
.activity_st_on{ display:block; position:absolute; right:0; top:60px; width:65px; background:#FFF; border-left:1px solid #e6e6e6;z-index: 99;}
.activity_st_on ul li{ margin:8px 4px}
.activity_st_off ul li{ margin:8px 4px}

.btn_getscore{ margin:6px auto 0 auto; background:url(/images/btn_getscore.png); width:132px; height:42px; line-height:36px}
.btn_getscore a{font-size:1.25em; color:#FFF; display:block}

/* activity */
.activity_box{ border:1px solid #e4e2e2; margin:20px auto 0; max-width:864px;}
.activity_title_area {height:auto !important; min-height:60px; background:#f8f8f8; position:relative; width:100%}
.activity_title_area > div{ float:left}
.activity_title{ text-align:left; word-break:break-all; max-width:70%}
.activity_title > .at_title{ font-size:1.5em}
.activity_title > .at_time{ font-size:0.925em}
.activity_state{ background:url(/images/activity_state.png) no-repeat 0 0; height:58px; width:53px; margin:0 20px;}
.activity_share{ background: url(/images/activity_share.png) no-repeat 20px 18px; width:64px; border-left: 1px solid #ffffff; height:100% !important; min-height:60px; right:0; position:absolute; box-shadow:-1px 0 #e4e4e4}
.activity_share a{ display:block; width:100%; height:100%}
.at_ready{ background-position:0 0;}
.at_open{ background-position:0 -58px}
.at_close{ background-position:0 -116px}
.activityImgSize{width: 864px;height: 451px}
.realkakao{float: left; width: 48px;display: none}

/**/
.context7{ width:860px; height:740px; margin:80px auto 0 auto; text-align:center; padding-bottom:270px}
.activity{ margin:0 20px 20px 20px; height:320px; float:left}
/*3.19*/
.tab{overflow:hidden}
.tab ul li{width:49.9%;height:104px;line-height:104px;/* float:left; */cursor:pointer;border-bottom:1px solid #bebebe;}
.tab ul li:first-child{background:url(/images/icon_faq.jpg) center top no-repeat; border-right:1px solid #bebebe}
.tab ul li:last-child{background:url(/images/icon_qa.jpg) center top no-repeat;border-left:1px solid #bebebe;margin: 0 auto;}
.tab ul li.active{background-position:center bottom; border:none}
.tab_content{text-align:left}
.s_faq_title{height:52px; line-height:48px; width:auto; border-bottom:2px solid #707070; padding:0 36px; font-size:25px; font-weight:bolder; background:url(/images/icon_arrow.png) right top  no-repeat, #FFF; cursor:pointer}
.s_faq_title_0{height:52px; line-height:48px; width:auto; border-bottom:2px solid #707070; padding:0 36px; font-size:25px; font-weight:bolder; background:#FFF; cursor:pointer; overflow:hidden}
.s_faq_title > span{color:#FFF; background:#797777; border-radius:20px; font-size:12px; font-weight:normal; padding:1px 3px 1px 3px; margin-left:10px;display: inline-block;width: 19px;height: 23px;line-height: 23px;vertical-align: middle;text-align: center; }
.s_faq_title2{height:40px; line-height:35px; width:auto; padding:0 36px; background:url(/images/icon_arrow_1.png) right top  no-repeat, #dedede; border-top:1px solid #c0c0c0; cursor:pointer}
.s_faq_text{ width:auto; padding:20px 36px;}
.s_open{background-position:bottom right}
.s_more{height:40px; background:#f3f3f3; text-align:center; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0; cursor:pointer}
.s_more > p{height:40px; line-height:36px; width:120px; margin:0 auto; background:url(/images/expand2.png) center left no-repeat;}
.s_expand{background:url(/images/shrink2.png) center left no-repeat !important;}
.s_more_area{display:none}
.qa_select_area{ width:auto; margin:0 46px; padding-top:26px;}
.qa_select{height:52px; border:1px solid #bababa; background:#FFF; border-radius:3px; width:100%; font-size:22px; padding-left:10px}
.qa_select option{padding:4px 0 4px 10px}
.qa_select_area_0{ width:auto; margin:15px 46px 0 46px; overflow:hidden}
.qa_select_area_1{ width:33.33333333%; float:left}
.qa_text_wrap{width:auto; margin:15px 46px 0 46px; padding:2px 10px; background:#FFF; border:1px solid #bababa; border-radius:3px; }
.qa_text{width:100%; background:#FFF; resize:none; height:48px; margin:0 auto; font-size:22px;}
.qa_textarea_wrap{width:auto; margin:15px 46px 0 46px; padding:10px; background:#FFF; border:1px solid #bababa; border-radius:3px; }
.qa_textarea{ width:100%; background:#FFF; resize:none; height:304px; margin:0 auto; font-size:22px; }
.qa_button_area{width:auto; margin:15px 46px 0 46px;}
.qa_button_area li{float:left}
.qa_button_area li:last-child{float:right}
.qa_button_area li button{float:left; cursor:pointer; background:none}

.s_news{height:92px; width:auto; padding:14px 38px;  border-bottom: 1px solid #d2d2d2;}
.s_news:nth-child(2n){background:#f3f3f3; border-bottom:1px solid #d2d2d2}
.s_news > div{ float:left}
.s_news > div:last-child{float:right}
.icon_t{width:39px; margin:12px 12px 0 0;}
.s_news_test{width:60%}
.s_news_title{font-size:25px}
.s_news_content{width:100%; height:48px; margin-top:10px; color:#8e8e8e; font-size:18px; line-height:22px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; word-break:break-all;}
.s_news span{margin-right:10px}
.s_news_time{ margin-top:36px; font-size:15px; color:#aaaaaa}
.bg_pink, .bg_green, .bg_dark{height:30px; width:78px; text-align:center; margin-left:40px; margin-top:6px; border-radius:30px; font-size:19px; line-height:26px; color:#FFF}
.bg_pink{color:#ba425e}
.bg_green{color:#396bda}
.bg_dark{color:#747474}
.s_close{display:none}
.qa3context{ width:auto; margin:0 80px; height:68px}
.qa3botton{ margin:0 0 0 26px; position:absolute}
.qa3botton2{position:absolute; right:26px; top:0px}
.askarea{ width:97%; height:103px; background:#FFF; border:1px #CCC solid; margin:20px auto 0 auto; overflow:hidden; border-radius:3px}
.askhead{margin-left:110px; height:60px; line-height:60px; text-align:left; font-size:28px; font-weight:bolder}
.qa3write{ width:80%; border:1px #CCC solid; resize:none; height:58px; background:#FFF; border-radius:3px; padding:5px 44px 5px 5px; font-size:22px }
.s_write{position:fixed;/* right:50%; */bottom:250px;margin-right:-481px;z-index:9999;}
.qa3_popup{width:470px; background:#f3f3f3; border-radius:3px; position:absolute; left:50%; margin:auto; top:27%; display:none; z-index:9999}
.qa3_popup ul{background:#FFF; overflow:hidden; width:400px; margin:0 auto}
.qa3_popup ul li{float:left; margin:17.5px;}
.qa3_popup_title{background:#FFF; height:60px; border-bottom:1px solid #c0c0c0; line-height:60px}
.qa3_popup_title a{font-size:40px; color:#b2b2b2; right:20px; position:absolute}
.qa3_popup_title span{ font-size:22px; color:#15c06a}
.qa3_popup_test{margin:20px 0; font-size:24px;padding: 19px}
.qa3_popup_btn{margin:20px auto}
.s_bottom{ width: 100%; height:80px; background: #2643ab; position:absolute; left:0px; bottom:0px; clear:both}
.s_footer{ width:1024px;  height:80px; margin:0 auto}
.s_sign0{ color:#FFF; font-size:16px; padding-top:20px; width:404px; margin-left:400px; text-align:left}
.s_sign0 a{ color:#FFF}
.s_efunlogo{ float:left; margin-top:25px; margin-left:300px; position:absolute}
.s_sign2{ color:#FFF; font-size:12px; margin-top:4px; width:400px; margin-left:400px; text-align:left}
.textarea_btn{ color:#CCC; font-weight:bolder; background:none; margin:24px 0 0 -54px; font-size:28px; height:28px; width:28px; padding-bottom:4px; line-height:20px; position:absolute; cursor:pointer}
.fileUplad{position: relative;width: 78px; height: 52px; opacity: 0;margin-top: -49px;cursor: pointer}
.fileUpladName{color: blue;display: block; height: 52px;line-height: 52px;margin-left: 23px;}
.s_more1{height:40px; background:#ffffff; text-align:center; border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0; cursor:pointer}
.s_more1 > p{height:40px; line-height:36px; width:120px; margin:0 auto; background:url(/images/expand2.png) center left no-repeat;}

/*-------3/25---------*/
.qa3_popup1{width:470px; background:#f3f3f3; border-radius:3px; position:absolute; left:50%; margin:auto; top:27%; display:none; z-index:9999;height: 216px;}
.qa3_popup1 ul{background:#FFF; overflow:hidden; width:400px; margin:0 auto}
.qa3_popup1 ul li{float:left; margin:17.5px;}
.qa3_popup_title{background:#FFF; height:60px; border-bottom:1px solid #c0c0c0; line-height:60px}
.qa3_popup_title a{font-size:40px; color:#b2b2b2; right:20px; position:absolute}
.qa3_popup_title span{ font-size:22px; color:#282929}
.qa3_popup_test{margin:20px 0; font-size:24px;padding: 19px}
.qa3_popup_btn{margin:20px auto}
.qa_select1{height:52px; border:1px solid #bababa; background:#FFF; border-radius:3px; width:70%; font-size:22px; padding-left:10px}
.qa_select1 option{padding:4px 0 4px 10px}
.event_btn{width: 25%;bottom: 28px;right: 41px;position: absolute;}
/*------3/27email------*/
.fl{float:left}
.fr{float:right}

.btn_emc{width:80px; height:42px; margin:9px 0 0 9px; cursor:pointer}

.original_em_area{ z-index:100; text-align:left; background:#FFF; width:100%; height:190px; top:140px; display:none; }

.original_em_area P:first-child{font-size:26px; padding-top:30px;}
.original_em_area button.btn_confirm{background:url(/images/signin3botton.png) no-repeat; width:184px; height:46px; margin:20px 0 0 72px; cursor:pointer}
.original_em_area button.btn_cancel{background:url(/images/photobotton4.png) no-repeat; width:184px; height:46px; margin:20px 0 0 60px; cursor:pointer}

.new_em_area{ z-index:101; text-align:left; background:#FFF; width:100%; height:190px; top:140px; display:none;}
.new_em_area P:first-child{font-size:26px; padding-top:30px;}
.new_em_area button.btn_confirm{background:url(/images/btn_confirm.png) no-repeat; width:168px; height:53px; margin:7px 0 0 14px; cursor:pointer }
.setinput_2{width:560px; height:60px; line-height:60px; font-size:1.5em; letter-spacing:-1px; text-align:left;  display:inline-table}
.setinput{position: relative; width:408px; height:60px; line-height:60px; font-size:1.5em; letter-spacing:-1px; text-align:left;  display:inline-table}


.setnewemail{ height:40px; width:300px; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolde; margin-top:8px; padding-left:5px}
.setnewemail_2{ height:48px; width:100%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolde; margin-top:8px; padding-left:5px}
.verifyBtn{margin: 7px 0 0 14px;width: 137px;height: 51px;border: 1px solid #3261C3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: -moz-linear-gradient(top,#3775DD 0,#3455C1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3775DD),color-stop(100%,#3455C1));background: -webkit-linear-gradient(top,#3775DD 0,#3455C1 100%);background: -o-linear-gradient(top,#3775DD 0,#3455C1 100%);
    background: -ms-linear-gradient(top,#3775DD 0,#3455C1 100%);background: linear-gradient(to bottom,#3775DD 0,#3455C1 100%);background-color: #3775DD;-webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .7),inset 0 1px 2px 0 rgba(255, 255, 255, 0.5);box-shadow: 0 2px 6px -2px rgba(0, 0, 0, );
    cursor: pointer;  font-size: 22px;text-align: center;font-weight: bold;color: white;}
.emailConfirmBtn{border: 1px solid #3261C3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 10px;background: -moz-linear-gradient(top,#3775DD 0,#3455C1 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3775DD),color-stop(100%,#3455C1));
    background: -webkit-linear-gradient(top,#3775DD 0,#3455C1 100%);background: -o-linear-gradient(top,#3775DD 0,#3455C1 100%);background: -ms-linear-gradient(top,#3775DD 0,#3455C1 100%);
    background: linear-gradient(to bottom,#3775DD 0,#3455C1 100%);background-color: #3775DD; -webkit-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .7),inset 0 1px 2px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, );cursor: pointer;text-align: center;font-weight: bold;color: white;
}
/*#preview1{ width: 80px;height: 80px;float: right;margin-top: -8px;margin-left: 97px;cursor: pointer;position: absolute;}*/
#preview1{width: 150px;height: 100px;float: right;cursor: pointer;}
#preview1 img {max-width: 150px;max-height: 100px;}

/*------------------------- 2015.5.19 -------------------------------------*/
.drawmbg{ background:url(/images/drawmbg.png) center top no-repeat; width:640px; height:612px; margin:30px auto;}
.mod_02 img{display:block; width:515px; height:204px;}
.scroll2{width:515px; height:204px; margin:0 auto; position:relative; overflow:hidden; padding-top:30px}
.mod_02{float:left; width:515px;}
.drawmmiddle{ margin:62px auto 0 auto; width:474px; height:230px; text-align:left}
.scrollPic{width:110px;height:110px; overflow:hidden; float:left; display:inline; margin-left:27px; margin-right:20px}
.drawmbotton2{ margin:-96px auto 0 auto; background:url(/images/drawmbotton2.png) top no-repeat; width:417px; height:66px; cursor:pointer; }
.drawmbotton2:active{ background-position:bottom;}
.drawlight1{ background:url(/images/drawlight.png) top no-repeat;}
.drawlight2{ background:url(/images/drawlight2.png) top no-repeat;}
.drawlight_area{position:absolute; width:614px; margin:-248px 0 0 14px; clear:both}
.drawlight_area ul{ clear:both;}

.drawlight_area ul li{ width:39px; height:39px; margin:10px 14.5px}
.drawlight{ background-position:bottom;}
.drawout2{position: absolute; z-index: 1000; background:url(/images/drawbg.png); width:520px; height:421px;  display:none; left:50%; top:500px; margin-top:-240px; margin-left:-260px}
.drawoutbotton4{ margin:0 auto; cursor:pointer;}

.headloginhide{display: none}


/*------------------------- 2015.6.29 -------------------------------------*/
.delete-account{ position:absolute; top:450px; left:50%; width:70px; margin-left:-35px; border-bottom:1px #999 solid; font-size:1em; letter-spacing:-1px; padding-bottom:2px; cursor: pointer}

.del-out{ min-height:200px; width:450px; left:50%; margin-left:-225px; top:200px; background:#FFF; position: absolute; z-index: 1000; display:none; letter-spacing:-1px}
.del-outtop{ height:56px; width:100%; background:#2643ab; }
.del-outtitle{color:#FFF; line-height:56px; font-size:1.75em; width:410px; float:left}
.del-outclose{ float:right; font-size:2em; margin-right:20px; line-height:50px; color: #fff; cursor: pointer; font-family:Arial}
.del-text>p{ width:410px; font-size:22px; margin:50px auto 20px}
.del-text{display:none; margin:50px auto; }
.del-outbotton{ margin:0 auto}
.del-out>div:last-child{ margin: 20px auto}

.settitle>span{ font-size:18px; font-weight: normal; float:right; margin: 18px 0 0 0; letter-spacing:-1px}
.del-step-wrap, .del-step-wrap1{ margin: 30px auto; text-align:left}
.del-dashed{ margin: 10px auto; padding: 20px 0; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc}
.del-step-wrap>div>label{ font-size:24px; font-weight: bolder; letter-spacing:-1px;}
.del-step-wrap>div>input[type=text]{ height:42px; width:294px; border:2px solid #a2a2a2; font-size:1em; font-weight:bold; margin:0 0 0 10px; padding-left:5px}
.del-step-wrap>div>input[type=password]{ height:42px; width:294px; border:2px solid #a2a2a2; font-size:1em; font-weight:bold; margin:0 0 0 10px; padding-left:5px}
.del-step-wrap img{ vertical-align: middle}
.del-step1-btn{ float: right}

.del-notice{ width:auto; height:180px; overflow-y:auto; margin: 20px auto; background:#f6f6f6; border: 10px #f6f6f6 solid; outline: 1px solid #CCC; text-align: justify; letter-spacing: -1px; font-size:14px; font-size:Malgun Gothic}
.del-notice li{ width:90%; list-style: outside decimal; margin: 0 auto 5px; }
.del-step-wrap1>p{ font-size:20px}
.del-step-wrap1>div>label{ font-size:18px; font-weight: bolder; letter-spacing:-1px;}
.del-step-wrap1>div>input[type=checkbox]{ height:22px; width:22px; vertical-align:middle;}
.del-btn{ float: right; margin: -10px 0 0 0}

.del-checkbox-wrap{ text-align: left; font-size:18px; border: 2px solid #e9e9e9; margin:24px;}
.del-checkbox-wrap li{ padding: 0 10px 16px 10px; border-bottom: 2px solid #e9e9e9; margin: 16px;}
.del-checkbox-wrap li:last-child{ padding: 0; border: none;}
.del-checkbox-wrap input[type=checkbox]{ width:22px; height:22px; vertical-align:middle; margin-right: 10px;}
.del-checkbox-wrap input[type=text]{ width:306px; height:40px; vertical-align:middle; margin-left: 10px; padding-left:10px; font-size:18px; border: 1px solid #CCC}

.del-email{ text-align:left; margin:20px 50px }
.del-email>p{ font-size:22px; margin-bottom:20px;}
.del-email>label{ font-size:22px; font-weight: bolder; letter-spacing:-1px;}
.del-email>input[type=text]{ width:336px; height:40px; vertical-align:middle; padding-left:10px; font-size:18px; border: 2px solid #e9e9e9; margin:5px 0}

.del-comfirm{text-align:left; margin:20px 50px }
.del-comfirm>p{ margin-bottom: 5px; font-size:20px;}

.del-i{ width:50px; height:50px; border:2px solid #999; background:transparent; line-height:44px; font-size:30px; color:#999; float:left; text-align:center; border-radius: 10px; margin-left:70px;}
.del-notice-password{ margin: 50px auto }
.del-notice-password>p{ margin: 0 74px 0 142px; line-height:24px; font-size:18px; letter-spacing:-1px; color: #666}

/*------------------------- 2015.7.16 -------------------------------------*/
.giftcentergame{ position: relative; float:left; margin:20px 2%;w}
.btn-index-sp{ font-size:18px; color: #F00; letter-spacing: -1px;  border: 2px solid #F00; border-radius: 18px; padding: 0 8px 2px; display:inline-block; margin: 0 0 0 10px; cursor: pointer }
.btn-index-sp:active{ color: #fff; background: #f00}
.giftprice{ background: url(/images/bg_price.png) left center no-repeat; width: 64px; padding: 0 44px 0 4px; height: 25px; line-height: 25px; color: #ff0155; position: absolute; bottom: 0; left: 0; z-index:2; text-align: center}
.gift-cost{ display: inline-block; margin-left:4px}
.green{ color: #04b400; font-weight: normal; font-size: 20px}
.brown{ color: #6e3609; font-size: 20px}
.bookbtn{ width: 203px; height: 69px; background: url(/images/bookbtn.png) top no-repeat;cursor: pointer;}
.bookbtn-click{background: url(/images/bookbtn.png) bottom no-repeat}
/*------------------------- 2015.11.23 -------------------------------------*/
.clear{display:block; clear:both; overflow:hidden; zoom:1}
.clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"."}

div{ word-break:break-all}
span{ margin:0; border:0; padding:0}

.h_content{width:1024px; min-height:600px; margin:0 auto 340px auto; overflow:hidden; zoom:1}
.comic_area{width:1020px; margin:60px auto 0; overflow:hidden; zoom:1; text-align:justify; font-size: 0; -webkit-text-size-adjust:none;}
.comic_cover_box{ display:inline-block; width:300px; margin:20px 18px; border:1px solid #E7E7E7; position:relative; overflow:hidden; zoom:1}
.comic_cover{ width:300px; height:350px}
.comic_tips{ position:absolute; top:20px; left:0; width:90px; height:57px; z-index:3}

.comic_d{ position:absolute; width:100%; height:350px; top:0; left:0; overflow:hidden; background-color: rgba(0,0,0,0.6); z-index:3}
.comic_d_t{ position:absolute; left:0; bottom:0; margin:20px; width:auto; word-break:break-all; white-space:normal; overflow:hidden; font-size:20px; line-height:24px; color:#D1D1D1; z-index:3; text-align:left}
.comic_i{ position:relative; padding:5px 10px; width:auto; background:#DCDCDC; overflow:hidden}
.comic_t{ height:30px; width:100%; text-align:left; font-size:24px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.comic_c{ float:left; margin:0 10px 0 0; line-height:30px; max-width:79px}
.comic_c p{ text-align:right; height:30px; font-size:16px}
.comic_c p img{ margin-right:5px; vertical-align:central}

.h_content img{max-width:100%}
.comic_p_wrap{width:800px; margin:40px auto; text-align:center; overflow:hidden; zoom:1}
.fb_area{width:800px; margin:40px auto; text-align:left; overflow:hidden; zoom:1}

.back_area{width:100%; max-width:900px; margin:10px auto 0}
.comic_btn_back{ float:left}
.comic_btn_share{ position:relative; float:left; margin-right:20px}
.comic_share_area{ position:absolute; left:-1px; top:60px; padding:4px; border:1px solid #E4E4E4; background:#FFFFFF; overflow:hidden; zoom:1; z-index:2}
.comic_btn_download{ float:right}
.like_btn_wrap{ width:100%; margin:20px auto 80px;}
.like_btn{ margin:0 auto; width:258px; height:64px; background:url(/images/comic_btn_like.png) center no-repeat}
.like_btn_wrap .normal{ background-position:top}
.like_btn_wrap .active{ background-position:bottom}

.context7{ width:860px; min-height:300px; margin:60px auto 0px auto; text-align:center;}
.comic_cover_box a{ display:block; width:100%; height:350px}

.bp_gift_wrap{ margin:60px 0 0 0;}
.bp_info_wrap{ position:relative; margin:35px 0 0 0; float:left; width:50%}
.bp_gift_tag_wrap{ position:absolute; top:0; left:0}
.bp_gift_tag_wrap img{width: 100px; height: 100px;}
.giftcentergame img{width: 100px; height: 100px;}
.bp_gift_description{ word-break:break-all; margin:4px 0 0 0; white-space:normal}
.bp_gift{ background:#f2f3f3; border:1px #dbdfe3 solid; width:800px; margin:10px auto; height:150px; text-align:left}

.bubble_wrap{position:fixed; top:350px; right:200px; width:88px;display: none}
.bubble{ position:absolute; top:0; left:0}
.bubble_score{ position:absolute; top:0; left:20px; text-align:left; font-size:24px; font-weight:bolder; color:#FD0F00}
.settr{ position:relative}
.bp_bag_wrap{ position:absolute; top:13px; left:11px;display: none}

.drop{
    top:200px;
    transition: top 0.4s;
    -ms-transition: top 0.4s;
    -moz-transition: top 0.4s;
    -webkit-transition: top 0.4s;
}

.rise{
    top:-50px;
    transition: top 0.2s;
    -ms-transition: top 0.2s;
    -moz-transition: top 0.2s;
    -webkit-transition: top 0.2s;
}

.shake{
    -webkit-animation-name: shake-little;
    -ms-animation-name: shake-little;
    animation-name: shake-little;
    -webkit-animation-duration: 2000ms;
    -ms-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    -ms-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes shake-little {
    0% { webkit-transform: translate(0px, 0px) rotate(0deg)}
    1% {-webkit-transform: translate(0px, -2px) rotate(-1deg)}
    2% {-webkit-transform: translate(-2px, -2px) rotate(-2deg)}
    4% {-webkit-transform: translate(-2px, -2px) rotate(-1deg)}
    8% {-webkit-transform: translate(0px, 0px) rotate(-0.5deg)}
    10% {-webkit-transform: translate(0px, 0px) rotate(-0.5deg)}
    11% {-webkit-transform: translate(-1px, -1px) rotate(-0.5deg)}
    12% {-webkit-transform: translate(0px, -1px) rotate(-0.5deg)}
    13% {-webkit-transform: translate(0px, -1px) rotate(-0.5deg)}
    14% {-webkit-transform: translate(-1px, -1px) rotate(-0.5deg)}
    15% {-webkit-transform: translate(0px, 0px) rotate(0)}
}
@-ms-keyframes shake-little {
    0% { webkit-transform: translate(0px, 0px) rotate(0deg)}
    1% {-webkit-transform: translate(0px, -2px) rotate(-1deg)}
    2% {-webkit-transform: translate(-2px, -2px) rotate(-2deg)}
    4% {-webkit-transform: translate(-2px, -2px) rotate(-1deg)}
    8% {-webkit-transform: translate(0px, 0px) rotate(-0.5deg)}
    10% {-webkit-transform: translate(0px, 0px) rotate(-0.5deg)}
    11% {-webkit-transform: translate(-1px, -1px) rotate(-0.5deg)}
    12% {-webkit-transform: translate(0px, -1px) rotate(-0.5deg)}
    13% {-webkit-transform: translate(0px, -1px) rotate(-0.5deg)}
    14% {-webkit-transform: translate(-1px, -1px) rotate(-0.5deg)}
    15% {-webkit-transform: translate(0px, 0px) rotate(0)}
}
@keyframes shake-little {
    0% { webkit-transform: translate(0px, 0px) rotate(0deg)}
    1% {-webkit-transform: translate(0px, -2px) rotate(-1deg)}
    2% {-webkit-transform: translate(-2px, -2px) rotate(-2deg)}
    4% {-webkit-transform: translate(-2px, -2px) rotate(-1deg)}
    8% {-webkit-transform: translate(0px, 0px) rotate(-0.5deg)}
    10% {-webkit-transform: translate(0px, 0px) rotate(-0.5deg)}
    11% {-webkit-transform: translate(-1px, -1px) rotate(-0.5deg)}
    12% {-webkit-transform: translate(0px, -1px) rotate(-0.5deg)}
    13% {-webkit-transform: translate(0px, -1px) rotate(-0.5deg)}
    14% {-webkit-transform: translate(-1px, -1px) rotate(-0.5deg)}
    15% {-webkit-transform: translate(0px, 0px) rotate(0)}
}

@media \0screen\,screen\9 {/* ie 6,7,8,9 hank */
    .comic_d{ background: #000000}
}
#phoneCount{visibility: hidden}
#phoneCount2{display: none}
/*#phoneCount{display: none;}*/
.countBtn {
    border: 1px solid #9EA2A9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    background: -moz-linear-gradient(top,#3775DD 0,#3455C1 100%);
    background: -o-linear-gradient(top,#3775DD 0,#3455C1 100%);
    background: -ms-linear-gradient(top,#3775DD 0,#3455C1 100%);
    background-color: #979DA7;
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, );
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    color: white;
}
.processArea{display: none;}
.duicuo{width:40px; height:48px;position: absolute;top:18px;margin-left: -48px;}
.oldPhone{ height:48px; width:77%; float:left; border:2px solid #a2a2a2; font-size:1em; font-weight:bolder; margin-top:8px; padding-left:5px}
.setgender1{ width:77px; font-size:20px; font-weight:bolder; border:2px #a2a2a2 solid; height:44px; background:#FFF; margin:8px 0 0 8px; float:left; text-align:center; letter-spacing:2px}
.alertShare{margin-left: 28%;}
.alertShare li{float:left;margin-left:12px}

/*------------------------- 2015.12.16 -------------------------------------*/
/* letter */

.blue-c0 { color: #00d3ff !important;}
a { cursor: pointer;}

.active .letter-btn-icon{ background-position: bottom !important;}
.backbox { position: relative !important;}

.btn-bell {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 250px;
    padding-top: 9px;
}

.main {
    overflow: hidden;
    position: relative;
    margin: 0 auto 282px;
    width: 1024px;
}

.letter-content-wrap {
    overflow: hidden;
    position: relative;
    margin: 90px auto;
    width: 860px;
}

.letter-content-wrap .letter-menu {
    float: left;
    position: relative;
    width: 120px;
}

.letter-content-wrap .letter-menu ul { overflow: hidden}

.letter-content-wrap .letter-menu li { margin: 50px 0;}
.letter-content-wrap .letter-menu li:first-child { margin-top: 40px;}

.letter-content-wrap .letter-menu a {
    display: block;
    position: relative;
    width: 73px;
}

.letter-content-wrap .letter-menu .letter-btn-icon {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    height: 73px;
    background-position: center top;
    background-repeat: no-repeat;
}

.letter-content-wrap .letter-menu .letter-emergency .letter-btn-icon{ background-image: url(/images/letter_btn_emergency.png);}
.letter-content-wrap .letter-menu .letter-acitvity .letter-btn-icon{ background-image: url(/images/letter_btn_acitvity.png);}
.letter-content-wrap .letter-menu .letter-strategy .letter-btn-icon{ background-image: url(/images/letter_btn_strategy.png);}

.letter-content-wrap .letter-menu .letter-tips {
    display: none;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 30px;
    height: 30px;
    background: url(/images/s-dot.png) no-repeat;
}

.backbox .letter-tips {
    display: none;
    position: absolute;
    top: -2px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: url(/images/s-dot.png) no-repeat;
}

.letter-content-wrap .letter-content {
    overflow: hidden;
    position: relative;
    margin-left: 120px;
    padding-bottom: 34px;
    border: 1px solid #e1e1e1;
    min-height: 444px;
    border-top: none;
    text-align: left;
}

.letter-content-wrap .letter-content ul {
    margin: 20px 30px 0;
}

.letter-content-wrap .letter-content ul li {
    display: none;
}

.letter-content-wrap .letter-content .letter-btn-del-wrap {
    padding-bottom: 10px;
    height: 24px;
    border-bottom: 1px solid #e9e9e9;
    text-align: right;
}

.letter-content-wrap .letter-content .letter-btn-del-wrap .letter-btn-del { margin-right: 20px;}

.letter-content-wrap .letter-content .letter-btn-del-wrap a { margin-left: 12px;}

.letter-content-wrap .letter-content .letter-btn-del-wrap .letter-btn-del span{
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 6px;
    width: 16px;
    height: 18px;
    background: url(/images/letter_btn_del.png) no-repeat;
}

.letter-content-wrap .letter-content .letter-btn-del2,
.letter-content-wrap .letter-content .letter-btn-cancel {
    padding: 2px 10px;
    text-align: center;
    color: #fff;
    background: #47a905;
    border-radius: 4px;
}

.letter-content-wrap .letter-content .letter-letter {
    position: relative;
    margin: 15px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
}

.letter-content-wrap .letter-content .letter-letter .letter-l-cont {
    margin-right: 126px;
}

.letter-content-wrap .letter-content .letter-letter .letter-l-hidden {
    overflow: hidden;
    height: 42px;
}

.letter-content-wrap .letter-content .letter-letter .letter-l-show {
    height: auto !important;
}

.letter-content-wrap .letter-content .letter-letter .letter-l-title {
    overflow: hidden;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 27px;
    font-weight: bolder;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.letter-content-wrap .letter-content .letter-letter .letter-l-time {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 27px;
}

.letter-content-wrap .letter-content .letter-letter .letter-l-btn-all a {
    display: block;
    position: absolute;
    bottom: 24px;
    right: 10px;
    width: 80px;
    height: 18px;
    background: url(/images/letter_icon.png) top center no-repeat;
}

.letter-content-wrap .letter-content .letter-letter input[name=checkbox] {
    display: none;
    position: relative;
    top: 2px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
}

.letter-content-wrap .letter-content .letter-page {
    margin-top: 20px;
    text-align: center;
}

.letter-content-wrap .letter-content .letter-page a{
    display: inline-block;
    margin: 0 6px;
    padding: 2px 8px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #564141;
    border-radius: 2px;
    cursor: pointer;
}

.letter-content-wrap .letter-content .letter-page a.letter-p-active {
    color: #fff !important;
    background: #47a905 !important;
}

.letter-content-wrap .letter-content .letter-empty {
    margin: 140px auto 0;
    padding-top: 68px;
    text-align: center;
    background: url(/images/letter_i.png) center top no-repeat;
}
.newletter{
    background: url(/images/newletter.png) center no-repeat;
    display: inline-block;
    width: 30px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

/*------------------------- 2015.12.30 -------------------------------------*/
..fp-nav { position:relative; width:569px; border:1px solid #c8c8c8;}
.fp-nav li { float:left; width:50%; height:60px; font-size:1.875em; line-height:54px; text-align: center; font-weight:bolder; color:#2643ab; background:#dbdbdb;}
.fp-nav li.active { color:#ffffff; background:#2f5abc;}
.fp-cont { margin-top: 40px;}

.settr:nth-child(2) { border-bottom: 1px solid #e3e3e3;}
.setinput { width:379px;}
.setword { width: 150px; text-align: center; padding-left:0;}

/*------------------------- 2016.01.05 -------------------------------------*/
.setgender2{
    width: 77px;
    font-size: 1.10em;
    border: 2px #a2a2a2 solid;
    height: 44px;
    background: #FFF;
    margin: 8px 0px 0 16px;
    float: left;
    text-align: center;
    padding-left: 3px;
}
.signin2newname{ height:40px; width:388px; float:left; border:2px solid #a2a2a2; font-size:1em; line-height:40px; font-weight:bolde; margin-top:8px; padding-left:5px; margin-left:15px}
.setinput{ position: relative; width:408px; height:60px; line-height:60px; font-size:1.5em; letter-spacing:-1px; text-align:left;  display:inline-table}
.setclearbtn{ position: absolute; top: 16px; right:10px; background:#CCC; margin:0; font-size:1.5em; color:#fff; height:28px; width:28px; padding-bottom:4px; line-height:20px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px;}
.settrunder{text-align: center;
    color: red;
    border-top: none;
    margin-top: 14px;
}
#kr-top-news {
    background: #e9e9e9;
    overflow: hidden;
    height: 42px;
}

#kr-top-news p{
    margin: 0 auto;
    width: 30%;
    height: 42px;
    line-height: 42px;
    text-align: left;
    font-size: 22px;
}

#kr-top-news .kr-top-news-dot{
    float: left;
    margin: 18px 10px 0 10%;
    width: 8px;
    height: 8px;
    background: #44a9ff;
    border-radius: 8px;
}

#kr-top-news .kr-top-news-close {
    /* margin: 10px 0 0 200px ; */
    width: 23px;
    height: 23px;
    background:url(/images/kr_btn_news_close.png);
    position: absolute;
    top: 10px;
    right: 34%;
    cursor: pointer;
}

.kr-content-news {
    margin: 0 auto 40px;
    padding: 0 0 0 20px;
    width: 360px;
    height: 42px;
    line-height: 42px;
    background: #ededed;
    border-radius: 20px;
    text-align: left;
    overflow: hidden;
}

.kr-content-news span {
    display: inline-block;
    margin: 18px 0 0 10px;
    width: 8px;
    height: 8px;
    background: #44a9ff;
    border-radius: 8px;
}

.kr-content-news img {
    margin: -2px 10px 0 0;
    vertical-align: middle;
}
.kr-edit{
    text-align: center;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 25px;
    background-color: rgb(38,67,171);
    /*border: 1px solid grey;*/
    /*box-shadow: 0 5px 10px rgba(0,0,0,.5);*/
}
.kr-edit a{ color: white; }
/*.context7{ width:860px; min-height:300px; margin:40px auto 330px auto; text-align:center;}*/