@charset "utf-8";
/* CSS Document */
body{ background: url("../images/bg.jpg") center top no-repeat #000;}
.page_bg{ position:absolute; top:0; left:0; z-index:0; width:100%; height:1031px; }
.h40{ height: 1px; display: block;}
.mt10{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.page_content{ width:100%; height:950px; z-index:2; background: url("../images/bg_1.jpg") center top no-repeat; }
.main{width: 1000px; margin: 0 auto; position: relative;}
.login{ width: 366px; margin:0 0 0 164px; position: relative; z-index: 10;}
.header{ height: 245px; position: relative; z-index: 10;}
.header a{ margin-left:650px;}
.header a img{ margin-top:30px;}
.input_layout{ display: block; }
.input_title{ display: block; width: 244px; font-size: 16px; margin: 0 auto; color: #FFFFFF; line-height: 24px; font-family: "Footlight MT Light",'Segoe UI' , Arial, sans-serif;}
input.input_text{width: 313px; height: 43px; line-height: 1; vertical-align: middle; margin: 0 auto 10px; padding: 0 0 0 20px; border: 0; display: block; background: url("../images/input_bg.jpg") 0 0 no-repeat; color: #000000; font-size:16px;}
.input_layout span.hd{ width: 104px; height: 32px; float: left; line-height: 97px; font-size: 14px; margin: 0 0 0 40px; display: block; text-align: left; background: }
.input_layout.ckbox{ color: #FFFFFF; margin-bottom: 7px; padding-left: 45px; font-size: 12px;  font-family: Arial, sans-serif; text-shadow:1px 1px 1px #000000;}
.input_layout.ckbox a{ color: #FFFFFF; font-size: 12px;}
.input_layout.ckbox span{ height: 20px; line-height: 20px; font-size: 12px; color: #FFFFFF;}
.play_now{ width: 184px; height: 64px;display: block; margin: 30px auto 20px;}
.play_now a{ width: 184px; height: 64px; display: block; background: url("../images/playnow.png") 0 0 no-repeat;}
.play_now a:hover{ background-position: center bottom;}

.fb_login{ width: 333px; height: 42px; margin: 0 auto 10px; background: url("../images/f_bg.png") right no-repeat;}
.fb_login a{ float: right; width: 38px; height: 42px; display: block; margin: 0 0 0 2px;}
.r2Acc{ text-align: center; width: 100%; }
.r2Acc a{ color: #FFFFFF; font-size: 14px; text-shadow:1px 1px 1px #000000; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; line-height: 20px; }

.footer{width:100%; margin-top: -80px; position: relative; }
.footer .links a, .footer .links {color: #a7a7a7; line-height: 25px; font-size: 14px; text-decoration: none; text-shadow: 1px 1px 1px #222; }
.links {display: block; margin: 0 auto; width: 550px; position: relative; padding-left: 370px; }
.w1000{width: 1000px; margin: 0 auto; }
.r2logo{ bottom: 5px; left: 140px; position: absolute;}

.ui-helper-hidden-accessible{ display: none;}
.ui-button-text-only{ padding-left: 25px; display: block; height: 16px; line-height: 16px; width: 100%; background: url("../images/ck_ui.png") 0 -16px no-repeat;}
.ui-button-text-only.ui-state-active{ background-position: 0 0;}

.bgswf{ position: absolute; z-index: 5; top: 0; left: 0;}