@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 #000; 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;
}
/*-=獲獎記錄彈出框
-------------------------------------------*/
.pop_up { border: 3px #ffa800 solid; width: 874px; background:#000; /*position:absolute; left: 50%; top: 50%; margin-left: -440px; margin-top: -254px; */ position:relative;z-index: 2;}
.iphone_LQ_msg {position: absolute;left: -109px;top: -26px; display: none;}
.Event_msg {font-size: 14px;line-height: 24px;width: 295px; padding-right: 6px; height: 186px;position: absolute;color: #ebc949;font-family: 'Microsoft Yahei', arial, helvetica, sans-serif;left: 30px;top: 67px; text-indent: 2em; }
.Event_msg strong { font-size:14px; color:#ffda52;}
.btn_save {display: block;width: 110px;height: 107px;text-indent: -9999em;position: absolute;left: 218px;top: 268px; background:url(../images/button.png) no-repeat -245px 0;}
.btn_save:hover { background-position: -355px 0;}

.btn_more {display: block;width: 110px;height: 32px;text-indent: -9999em;background: url(../images/button.png) no-repeat -148px -284px;position: absolute;left: 33px;top: 199px;}
.btn_more:hover { background-position: -148px -316px;}

.pop_up_2 {
	width: 874px;
	height: 330px;
}
.pop_up_content {line-height: 24px; font-size:13px; font-family: 'Microsoft Yahei', arial, helvetica, sans-serif; padding: 20px 16px 16px 16px;}
.pop_up_content p strong {color: #ebc949; font-size:16px;}

.tips {width:140px; height: 40px; line-height: 40px;background-color:#993f1d;color:#FFF;border: solid 2px #000; position:absolute;top: 40px;left: 5px; font-size: 14px;display: none; z-index:2; text-shadow: 0px 0px 1px #000; border-radius: 6px;-moz-border-radius:6px; -webkit-border-radius:6px; /*:rgba(0,0,0,0.85);*/ opacity:0.85;filter:alpha(opacity=85); text-align:center; font-family: "微軟正黑體",Helvetica,sans-serif;}
.showtips .tips {display:block;}
/*------頁碼------*/
.pop_up {
	border: 3px #ffa800 solid;
	width: 574px;
	background:#000; /*position:absolute; left: 50%; top: 50%; margin-left: -440px; margin-top: -254px; */
	position:relative;
	z-index: 2;
	background-color: #000000;
}
.guide_btn { width: 576px; height: 49px; background: url(../images/btn_guied.jpg) no-repeat 50% 0;}
.guide_btn_ul {font-family: "微軟正黑體",Helvetica,sans-serif; }
.guide_btn_ul li{ display:block; width: 87px; height: 35px; text-align:center; line-height: 35px; float:left; margin-right: 2px; font-size: 18px; font-weight:600;}
.guide_btn_ul li a {display:block; width: 87px; height: 35px;background-color:#085050; color:#fce2ca;}
.guide_btn_ul li span {display:block; width: 87px; height: 35px;margin-top: -5px;background-color:#085050; color:#ebc949;}
.btn_close { display:block; width: 30px; height: 30px; background:url(../images/button.png) no-repeat -126px 0; position:absolute; top:0; right:0;}
.btn_close:hover { background-position: -126px -30px;}

.back_top { width: 118px; height: 191px; background:url(../images/back.png) no-repeat 0 0;position: fixed; _position:absolute; bottom: 160px; _padding-bottom: 50px; margin-left: 1000px; _top: expression(offsetParent.scrollTop + offsetParent.clientHeight-offsetHeight); z-index:2;}
.back_top a { display:block; width: 118px; height: 63px;}