/**
* Date: 2014-11-21
* Author: Davin
**/
/* css reset */
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
table {border-collapse:collapse;border-spacing:0}
li {list-style:none}
a {text-decoration:none}
fieldset, img {border:0 none}
textarea {resize:none}
input:focus, select:focus, textarea:focus {outline:0 none}
.h5bp { display:inline-block;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0; overflow:hidden}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}

/* content */
html {background:#000 url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_wrap.jpg) no-repeat center top}
body {font-family:\5FAE\8F6F\96C5\9ED1, Tahoma, Arial;}
.main {width:1000px; margin:0 auto;height:900px;position:relative;background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_main.jpg) no-repeat}
.nav { font-size:14px; color:#c0cef2; text-align:right; padding:50px 80px 0 0}
.nav a {color:#c0cef2; padding:0 10px}
.nav a:hover {color:#fff;}

/* plat */
.plat {width:800px; height:600px;position:relative;font:12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_plat.jpg) no-repeat; margin:26px 0 0 100px}
.user {width:693px; height:74px;background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_user.png) no-repeat; position:relative; z-index:11}
.level, .btn_login, .staff {float:left; display:inline}
.level, .btn_login {width:62px; height:62px; margin:0 10px; text-align:center; position:relative;}
.btn_login a {display:block; width:62px; height:40px; padding-top:22px; font-size:16px; color:#c5ecff;}
.current {color:#a1c9dc; font-size:12px; padding-top:20px;background-repeat:no-repeat;background-position:50% 1px; cursor:pointer}
.current_hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_current_hover.png) no-repeat 50% 0;}
.current span {font-size:24px;}
.lv1 {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_level1.png)}
.lv2 {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_level2.png)}
.lv3 {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_level3.png)}
.lv4 {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_level4.png)}
.lv5 {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_level5.png)}
.lv6 {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_level6.png)}
.level_info {position:absolute; left:40px;top:54px; z-index:13; display:none;width:230px; height:150px; padding:15px;background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_level_info.png) no-repeat; text-align:left; font-size:12px; color:#a1c9dc; line-height:20px}
.level_info strong, .level_info dd {color:#f6d362}
.more {padding-top:6px}
.more a {color:#f4800f}

.staff {z-index:9; position:relative}
.userinfo {height:30px; padding-top:5px}
.userinfo li {float:left; padding-right:10px}
.userinfo a {display:block;width:40px; height:19px;}
.sname {color:#a1c9dc}
.uname {color:#fff}
.btn_switch a {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_switch.png) no-repeat}
.btn_switch a:hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_switch_hover.png) no-repeat}
.btn_logout a {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_logout.png) no-repeat}
.btn_logout a:hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_logout_hover.png) no-repeat}

.coins li { float:left; display:inline; margin-right:6px;width:134px; height:24px; padding-top:2px;color:#a1c9dc;background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_border.png) no-repeat}
.coins span, .coins a {float:left; display:block}
.coins span {padding-left:25px; line-height:22px;background-repeat:no-repeat;background-position:10px 50%; cursor:default}
.jewel span {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_price.png)}
.score span {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_king.png)}
.medal span {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_medal.png)}
.honor span {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_honor.png)}
.coins a {width:28px; height:22px;background-repeat:no-repeat; background-position:50% 50%;float:right}
.coins a:hover {background-position:50% 50%;}
.btn_exchange {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_exchange.png)}
.btn_exchange:hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_exchange_hover.png) no-repeat}
.btn_add {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_add.png)}
.btn_add:hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_add_hover.png) no-repeat}
.btn_fresh {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_fresh.png); position:relative; left:10px}
.btn_fresh:hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/ico_fresh_hover.png) no-repeat}
.btn_send {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_send.png)}
.btn_send:hover {background:url(https://static.web.sdo.com/aion/pic/project/201411plat/btn_send_hover.png) no-repeat}

.box_pop { position:absolute; left:0;top:74px; z-index:2}
.box_pop li {float:left;width:135px;height:39px}
.box_pop a {display:block;width:135px; height:39px;background-repeat:no-repeat; color:#c5ecff; font-size:14px; text-align:center; line-height:39px}
.box_jewel {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_jewel.png)}
.box_jewel:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_jewel_hover.png)}
.box_gift {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_gift.png)}
.box_gift:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_gift_hover.png)}

.entrance, .scroll {position:absolute}
.entrance {bottom:0; left:0; z-index:2; width:800px;height:266px}
.ent {width:400px;height:266px; position:absolute; z-index:5}
.ent1 { left:0;top:0;background:url(https://static.web.sdo.com/aion/pic/luck/images/170119/bg_entrance1.png) no-repeat;}
.ent2 {left:400px;top:0;background:url(https://static.web.sdo.com/aion/pic/luck/images/170119/bg_entrance2.png) no-repeat;}
.entrance a {display:block; position:absolute; z-index:10}
.en1 {width:110px; height:108px; left:0;top:36px}
.en1:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_pb1_hover.png)}
.en2 {width:164px; height:146px; left:131px;top:66px}
.en2:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_pb2_hover.png)}
.en3 {width:100px; height:90px; left:296px;top:9px}
.en3:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_pb3_hover.png)}
.en4 {width:158px; height:144px; left:417px;top:47px}
.en4:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_pb4_hover.png)}
.en5 {width:104px; height:94px; left:596px;top:126px}
.en5:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_pb5_hover.png)}
.en6 {width:102px; height:88px; left:688px;top:54px}
.en6:hover {background-image:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_pb6_hover.png)}

.scroll {bottom:0; left:0; z-index:3; width:800px;height:33px; line-height:35px; color:#667fa4;background:url(https://static.web.sdo.com/aion/pic/project/201411plat/bg_btm.png) no-repeat; overflow:hidden}
.swrap {width:760px;height:33px; margin:0 auto; overflow:hidden; #position:relative; #left:-1px}
.swrap .tempWrap {width:760px !important;}
.scroll ul {width:760px;overflow:hidden; height:33px;overflow:hidden; zoom:1;}
.scroll li {margin-right:20px;float:left;text-align:left; _display:inline; width:auto !important; line-height:33px }
.scroll span {color:#a1c9dc;}

.events {position:absolute; z-index:9}
.events a {display:block; width:100%; height:100%}
.et1 {width:225px; height:125px; left:15px;top:175px;}
.et2 {width:145px; height:120px; left:274px;top:170px;}

.en2:hover {background-image:url(https://static.web.sdo.com/aion/pic/luck/images/170119/bg_pb2_hover.png)}
.en3:hover {background-image:url(https://static.web.sdo.com/aion/pic/luck/images/170119/bg_pb3_hover.png)}
.en5:hover {background-image:url(https://static.web.sdo.com/aion/pic/luck/images/170119/bg_pb5_hover.png)}