@charset "utf-8";
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body,ul,li,span,p,font,div,fieldset,legend,img,input,form,h1,h2,h3,h4,h5,h6,h7,dl,dd,dt{margin:0px;padding:0px;}
img{border:0px;}  a,link {text-decoration: none;} .clear { clear:both; line-height:0; font-size:0;}
ul,li{white-space:normal;list-style-type:none;} 
body { background:url(../images/background.jpg) no-repeat 50% 0 #151d41; color:#FFF; font-family:Arial, Helvetica, sans-serif;} 

.wrap { width: 1000px; height: 900px; margin: 0 auto;background:url(../images/background.jpg) no-repeat 50% 0;}
.top { height: 320px; position:relative; }
.middle {height: 580px;position: relative;}

.btn_top {position: absolute;left: 848px;top: 21px;}
.btn_top ul li a{ display:block; display:block; width: 144px; height: 35px; background-image:url(../images/button.jpg); background-repeat:no-repeat;}
.btn_top ul li { margin-bottom: 14px;}
.btn_top_1 a { background-position: 0 0;}
.btn_top_2 a { background-position: 0 -35px;}
.btn_top_3 a { background-position: 0 -70px;}
.btn_top_4 a { background-position: 0 -105px;}
.btn_top_5 a { background-position: 0 -140px;}
.btn_top_1 a:hover { background-position: -144px 0;}
.btn_top_2 a:hover { background-position: -144px -35px;}
.btn_top_3 a:hover { background-position: -144px -70px;}
.btn_top_4 a:hover { background-position: -144px -105px;}
.btn_top_5 a:hover { background-position: -144px -140px;}
.gamestart {width: 261px;height: 157px;position: absolute;left: 558px;top: 629px;}

.btn_event {position: absolute;width: 119px;height: 111px;left: 37px;top: 25px; cursor: pointer;}
.btn_event:hover {background: url(../images/btn_event.jpg) no-repeat 0 0;}
.c { zoom:1;}
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.tips { display: none; width: 542px; height: 583px; position:absolute; left: 240px; top: -190px; z-index: 3;}
.showtips .tips {display:block;}
.tips.c .xx { position:absolute; line-height: 0px; font-size: 20px; top: 18px; left: -14px; text-shadow: none;}

.btn_middle { display:block; width: 125px; height: 25px; background-image:url(../images/button.jpg); background-repeat:no-repeat;}
.btn_middle_1 {background-position: -288px 0;position: absolute;left: 304px;top: 112px;}
.btn_middle_2 {background-position: -288px -25px;position: absolute;left: 476px;top: 112px;}
.btn_middle_3 {background-position: -288px -50px;position: absolute;left: 824px;top: 112px;}
.btn_middle_1:hover {background-position: -413px 0;} 
.btn_middle_2:hover {background-position: -413px -25px;} 
.btn_middle_3:hover {background-position: -413px -50px;} 
.btn_middle_4 {background-position: -288px -225px;position: absolute;left: 129px;top: 112px;}
.btn_middle_4:hover {background-position: -413px -225px;}
.btn_middle_5 {background-position: -288px -250px;position: absolute;left: 648px;top: 112px;}
.btn_middle_5:hover {background-position: -413px -250px;} 

.input_login { height: 24px; width: 200px; padding-left: 6px; font-family: "微軟正黑體",Helvetica,sans-serif; font-size:14px; border: solid 1px #5d331f;-moz-box-shadow:1px 1px 3px #999 inset;-webkit-box-shadow:1px 1px 3px #999 inset; box-shadow:1px 1px 3px #999 inset;}
.login_b_l { float:left; color:#cccccc; width: 120px; font-size: 18px;font-family: "微軟正黑體",Helvetica,sans-serif; font-weight:800; text-align:right; padding-right: 10px; line-height: 26px;}
.login_b { margin-bottom:4px; position:relative; height: 26px;}
.login {position: absolute;left: 350px;top: 191px;width: 375px;height: 278px;}
.yzm {position: absolute;left: 224px;top: 0px;height: 24px;}
.user_agree { padding-left: 108px; font-size:14px; }
.user_agree a {color:#cccccc;}
.user_agree a:hover {color:#cccccc; text-decoration:underline;}
.btn_login { display:block; width: 149px; height: 42px; background:url(../images/button.jpg) no-repeat -288px -99px; float:left; margin-right: 10px;}
.btn_login:hover { background-position: -437px -99px;}
.btn_reg {display:block; width: 149px; height: 42px; background:url(../images/button.jpg) no-repeat -288px -141px;float:left;}
.btn_reg:hover { background-position: -437px -141px;}
.form_login { padding: 4px 0 0 0px;}
.zh_list {width: 352px;height: 40px;background: url(../images/tp_login_other.jpg) no-repeat 0 -7px;position: absolute;top: 230px;left: 22px;}
.zh_list li { float: left; margin: 0 6px 0 0; padding: 0; }
.zh_list li a { width: 32px; height: 32px; display: block; }
.zh_list ul { padding: 5px 0 0 76px; }

.user_msg { color:#FFF; font-size:14px; line-height: 26px; }
.btn_goto { display: block; width: 125px; height: 36px; background:url(../images/button.jpg) no-repeat 0 -175px; float:left; margin-right: 20px;}
.btn_goout {display: block; width: 85px; height: 36px; background:url(../images/button.jpg) no-repeat 0 -211px; float:left}
.btn_goto:hover { background-position: -125px -175px;}
.btn_goout:hover { background-position: -85px -211px;}

.btn_login2 { display:block; width: 149px; height: 42px; background:url(../images/button.jpg) no-repeat -288px -183px; float:left;}
.btn_login2:hover { background-position: -437px -183px;}
.login_p {
font-family: "微軟正黑體",Helvetica,sans-serif;
font-size: 24px;
color: #FC0;
line-height: 40px;
font-weight: 900;
padding-left: 34px;
}