@charset "utf-8";
* { margin:0px; padding:0px; font-family:"微軟正黑體",Helvetica,sans-serif;} img { border: none;} ul,li {list-style-type: none;} a,link {text-decoration: none;} .clear { clear:both;}
body { background: url(../images/background.jpg) no-repeat 50% 0 #2f2f2f;} 

/*--top START--*/
.top { width:1000px; height: 462px; margin: 0px auto; background:url(../images/background.jpg) no-repeat 50% 0; position: relative;}
.middle { width: 1000px; height: 536px; margin: 0px auto;  position:relative;}
.btn_fb {display:block;width: 148px;height: 38px;position:absolute;left: 851px;top: 407px;}
.btn_home { display:block;width: 148px;height: 38px;position:absolute;left: 0px;top: 406px;}
.btn_top { position:relative; left: 690px; width:320px;}
.btn_top li { float:left; margin-right: 20px;}
.btn_top li a { display:block; background-image:url(../images/button.png); background-repeat:no-repeat; text-indent: -999em;}
.btn_top_1 a { width: 126px; height: 36px; background-position: -326px -8px;}
.btn_top_2 a { width: 149px; height: 36px; background-position: -452px -8px;}
.btn_top_1 a:hover {  background-position: -326px -52px;}
.btn_top_2 a:hover {  background-position: -452px -52px;}
.btn_check {display:block;width: 163px;height: 45px;text-indent: -999em;background:url(../images/button.png) no-repeat 0px 0px;position:absolute;top: 106px;left: 274px;}
.btn_get {display:block;width: 190px;height: 88px;text-indent: -999em;background: url(../images/button.png) no-repeat 0px -390px;position:absolute;top: 294px;left: 253px;}
.btn_check:hover { background-position: -163px 0px; top: 108px; }
.btn_get:hover { background-position: -189px -390px; top: 298px;}
/*--END  top--*/

.login {width: 268px;height: 212px;position:absolute;left: 699px;top: 10px;}
.login_befor {background:url(../images/login_befor.jpg) no-repeat 50% 0px;}
.login_after {background:url(../images/login_after.jpg) no-repeat 50% 0px;}
.form_login { padding: 64px 0px 0px 78px;}
.input_login { border: solid 1px #999; height: 20px; width: 166px; line-height: 20px; margin-bottom: 10px; font-size: 12px; text-indent: 4px;}
.yzm { _position:absolute;padding-left: 10px;}
.btn_login { display:block; width: 163px; height: 38px; background:url(../images/button.png) no-repeat 0px -94px; text-indent: -999em; margin-left: -20px;}
.btn_login:hover { background-position: -163px -94px;}
.btn_getout {display:block; width: 163px; height: 38px; background:url(../images/button.png) no-repeat 0px -139px; text-indent: -999em; margin-left: -20px;}
.btn_getout:hover { background-position: -163px -139px;}
.btn_function {position:absolute;width: 210px;left: 20px;top: 192px;}
.btn_function li { float:left; margin-right: 10px;}
.btn_function li a { font-size: 12px; color: #ca201d; text-shadow: 0px 0px 6px #fff;}
.btn_function li a:hover {  text-decoration:underline;}
.p_user {border: solid 1px #00b5ff; height: 20px; width: 166px; line-height: 20px; margin-bottom: 10px; font-size: 12px; text-indent: 4px; background-color:#FFF; color:#000;}
/*--------------帳號按鈕 START----------------*/
.login_butten {display: inline-block;width: 241px;position:absolute;left: 718px;top: 301px;}
.login_butten li {padding: 0px;float: left;position: relative;margin:0px 4px 0 0;width: 35px;height: 40px;}
.login_butten a {position: absolute;}
.login_butten img {position: absolute;width: 35px;top: 0px;left: 0px;padding: 0px;margin: 0 8px 0 0;border: none;overflow: hidden;}
/*-------------帳號按鈕 END  ------------*/

/*-----------------------------page START------------------------------*/
.wrap { width: 1000px; margin: 0px auto; background:url(../images/bg_page.jpg) no-repeat 50% 0; }
.top_page { height: 136px; position:relative; }
.btn_homepage { display:block; width: 290px; height: 110px; text-indent:-999em;}
.btn_pagetop {position:absolute;left: 300px;top: 34px;}
.btn_pagetop li { float:left; margin-right: 6px;}
.btn_pagetop li a { display:block; width: 133px; height: 52px; background-image:url(../images/button.png); background-repeat:no-repeat; text-indent: -999em; }
.btn_pagetop_1 a { background-position: 0px -180px;}
.btn_pagetop_2 a { background-position: -133px -180px;}
.btn_pagetop_3 a { background-position: -266px -180px;}
.btn_pagetop_4 a { background-position: -399px -180px;}
.btn_pagetop_5 a { background-position: -532px -180px;}
.btn_pagetop_1 a:hover { background-position: 0px -232px;}
.btn_pagetop_2 a:hover { background-position: -133px -232px;}
.btn_pagetop_3 a:hover { background-position: -266px -232px;}
.btn_pagetop_4 a:hover { background-position: -399px -232px;}
.btn_pagetop_5 a:hover { background-position: -532px -232px;}

.btn_lingqu { padding: 0 0 0 113px; height: 88px;}
.btn_lingqu li { float:left;}
.btn_lingqu li a { display:block; width: 201px; height: 88px; }
.btn_lingqu li a:hover { display:block; width: 201px; height: 88px; background-image:url(../images/button.png); background-repeat: no-repeat;}
.btn_lingqu_1 a:hover { background-position: 0 -481px;}
.btn_lingqu_2 a:hover { background-position: -201px -481px;}
.btn_lingqu_3 a:hover { background-position: -402px -481px;}

.page_middle { height: 674px; background:url(../images/bg_page.jpg) no-repeat 50% -136px; position:relative;}

.page_left { width: 287px; float:left; position:relative;}
.login_page {width: 268px;height: 212px;position:absolute;left: 12px;top: 105px;}

.page_right { width: 713px; float:left; position:relative; }
.show { width: 713px; height: 82px; overflow:hidden; position:relative;}
.show_aready_1 {background:url(../images/bg_page_right1.jpg) no-repeat 0px 0px;}
.show_aready_2 {background:url(../images/bg_page_right2.jpg) no-repeat 0px 0px;}
.show_aready_3 {background:url(../images/bg_page_right3.jpg) no-repeat 0px 0px;}
.show_aready_4 {background:url(../images/bg_page_right4.jpg) no-repeat 0px 0px;}
.btn_lighting {position:absolute;left: 241px;width: 600px;}
.btn_lighting li { float:left; margin-right: 112px;}
.btn_lighting li a { display:block;width: 81px;height: 37px;}
.btn_getit {background:url(../images/button.png) no-repeat -326px -114px; }
.btn_getit:hover { background-position: -407px -114px;} 
.btn_getit_over {background:url(../images/button.png) no-repeat -488px -114px;}

.page_login_after { width: 287px; height: 82px; background:url(../images/page_login_after.jpg) no-repeat -1px 0px; position:relative;}
.btn_getout_page { display:block; width: 62px; height:23px; background:url(../images/button.png) no-repeat -380px -88px; text-indent: -999em; position:absolute; top: 42px; left:214px;}
.page_bottom { width: 1000px; height: 190px;}
.gamestart {display:block;width: 158px;height: 159px;background:url(../images/button2.png) no-repeat 0px 0px;text-indent: -999em;position:absolute;left: 59px;top: 112px;}
.gamestart:hover { background-position: 0px -159px;}

.game_box { width: 1000px; height: 580px;}

.pop_up { width: 365px; height: 210px; background:url(../images/bg_pop_up.gif) no-repeat 0px 0px; position:relative;}
.pop_up_a {display:block;position:absolute;left: 170px;top: 60px;text-align:center;width: 128px;}
.pop_up_a h1 { font-size: 60px; color:#f90001; text-shadow: 0px 0px 4px #000;}
.btn_pop_up { display:block; text-indent: -999em; width: 157px; height: 38px; background:url(../images/button.png) no-repeat -601px 0px; position:absolute; top: 140px; left: 154px;}
.btn_pop_up:hover { background-position: -601px -38px;}

.btn_back { display: block; width: 188px; height: 90px; background:url(../images/button2.png) no-repeat -158px -0px; position:absolute; top: 200px; left:0px; text-indent: -999em;}
.btn_back:hover { width: 246px; background-position: -158px -90px;}
.btn_gamestart { display:block; width: 217px; height: 37px; background:url(../images/button.png) 0 -353px; text-indent: -999em; margin-left: 25px;}
.btn_gamestart:hover { background-position: -217px -353px;}
.xlh {
	width: 316px;
	height: 25px;
	position:absolute;
	left: 198px;
	top: 167px;
	line-height: 25px;
	color:#FFF;
	text-align:center;
}

.middle .flash_lw {width: 592px;height: 79px;position:absolute;left: 59px;top: 206px;}

.btn_lingqu.rw1 { background: url(../images/rw1.jpg) no-repeat 0 0;}
.btn_lingqu.rw2 { background: url(../images/rw2.jpg) no-repeat 0 0;}
.btn_lingqu.rw3 { background: url(../images/rw3.jpg) no-repeat 0 0;}

.btn_nest { width: 183px; height: 87px; display:block; background:url(../images/button2.png) no-repeat -164px -182px; position:absolute;  top: 200px; right:0;}
.btn_nest:hover {top: 202px;}
.flash_page_lw { width: 681px; height: 88px; float:right}