@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,ol {white-space:normal;list-style:none;} table {border-collapse: collapse;}
body { background-color:#000; font-family: "微軟正黑體",Helvetica,sans-serif; color:#fff;} 

.wrap { position:relative;} 
.top { height: 553px; background:url(../images/bg_top.jpg) no-repeat 50% 0;}
.top_main { width: 1000px; height: 553px; margin:0 auto; background:url(../images/bg_top.jpg) no-repeat 50% 0;position:relative;}
.middle { height: 907px; background:url(../images/bg_middle.jpg) no-repeat 50% 0; }
.middle_main {height: 907px; background:url(../images/bg_middle.jpg) no-repeat 50% 0; width: 1000px; margin:0 auto; position:relative;}
.bottom { height: 555px; background:url(../images/bg_bottom.jpg) no-repeat 50% 0;}
.bottom_main {height: 555px; background:url(../images/bg_bottom.jpg) no-repeat 50% 0; width: 1000px; margin:0 auto;position:relative;}

.login {position: absolute;width: 298px;height: 165px;left: 48px;top: 18px;}
.input_login { width: 160px; height: 26px; margin-bottom: 8px; border: none; background: none; padding-left: 6px;font-family: "微軟正黑體",Helvetica,sans-serif; font-size: 14px; color:#FFF; line-height: 26px;}
.form_login { padding: 18px 0 0 104px;}
.yzm { margin-left: 6px;}

.btn_login { display:block; width: 116px; height: 42px; background:url(../images/button.png) no-repeat 0 0; margin-left: 30px; margin-top: -4px;}
.btn_login:hover { background-position: -116px 0;}
.btn_login_other {position: absolute;left: 155px;top: 134px;}
.btn_login_other a{ font-size:15px; color:#ffdfd3; font-weight:600; margin-right: 6px; text-decoration: underline; }
.btn_login_other a:hover { text-decoration: none;}
.login_after {position: absolute;width: 298px;height: 165px;left: 46px;top: 19px; background:url(../images/login_after.jpg) no-repeat 0 0; }
.after_login { line-height: 21px; font-size:15px; font-weight:600; padding: 6px 0 0 54px; color:#351910;text-shadow: 0 0 2px #fff;}
.user_msg { color:#FF0;text-shadow: 0 0 2px #000;}
.btn_login_after { }
.btn_login_after a { color:#b6e538;text-shadow: 0 0 2px #000; text-decoration:underline; padding: 0 8px;}

.Pai{position: absolute;left: 105px;top: 319px;width: 850px;}
.Pai_list li { float:left; margin-right: 56px; margin-bottom: 22px; width: 152px; height: 224px;}
.Pai_list li a{ display:block; width: 152px; height: 224px; background:url(../images/pai_befor.gif) no-repeat 0 0;}
.Pai_list li a:hover { background:url(../images/pai_befor_h.png) no-repeat 0 0; }
.Pai_over { display:none;}
.Pai_on { display:none;}

.btn_middle {position: absolute;left: 147px;top: 492px;width: 597px;}
.btn_middle li { float:left; margin-right: 70px;}
.btn_middle li a{ display:block; width: 205px; height: 54px; background-image: url(../images/button.png); background-repeat: no-repeat;}
.btn_middle_1 a { background-position: 0 -42px;}
.btn_middle_2 a { background-position: 0 -96px;}
.btn_middle_1 a:hover { background-position: -205px -42px;}
.btn_middle_2 a:hover { background-position: -205px -96px;}

.msg { padding: 95px 30px 0 40px; line-height: 30px; font-size:16px; color:#abc1dc; font-weight:bold;}

/*-=獲獎記錄彈出框
-------------------------------------------*/
.pop_up { width: 680px;font-family: "微軟正黑體",Helvetica,sans-serif; position:relative; border: 1px solid #000;}
.pop_up3_top {background-color:#361408;height: 54px;line-height: 54px; border-bottom: solid 1px #612611;}
.pop_up3_top h1 { font-size: 30px; text-align:center; color:#FC0; letter-spacing: 4px;}
.div_table td { height: 34px; line-height: 34px; text-align: center; padding:2px;}
.div_table tr:nth-child(odd){ background-color:#63220b;}
.pop_up3_main { background-color: #43190b; padding: 4px 0 0px 0; font-size:14px; }
.head_table { font-size: 17px; line-height: 40px; border-bottom: dashed 1px #8b3517; font-weight:bold; color:#d09a37;}
/*------頁碼------*/
.page_number { text-align:center; height: 20px; line-height: 20px; padding: 20px 0;}
.page_number a { padding: 4px 8px; border: solid 1px #5b432b; margin-right: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; color:#f3d68f;}
.page_number a:hover {border: solid 1px #8c4024; color:#f3d68f;}
.btn_page_nest { border: none;border-top: 1px solid #c77614; background: #35281d; background: -webkit-gradient(linear, left top, left bottom, from(#87633b), to(#35281d)); background: -webkit-linear-gradient(top, #87633b, #35281d); background: -moz-linear-gradient(top, #87633b, #35281d); background: -ms-linear-gradient(top, #87633b, #35281d); background: -o-linear-gradient(top, #87633b, #35281d); font-weight:bold;}
.btn_page_nest:hover { background: none;}
.page_number .current { padding: 4px 8px; border: solid 1px #8c4024; margin-right: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; background-color: #2b0b03; color:#fdb800;}
.btn_close { display:block; width: 30px; height: 30px; background:url(../images/button2.png) no-repeat -126px 0; position:absolute; top:0; right:0;}
.btn_close:hover { background-position: -126px -30px;}

.pop_tpThow { height: 280px; padding: 10px 0 0 34px;}
.pop_tpThow li { float:left; width: 120px; text-align:center; margin-bottom: 16px;}
.pop_tpThow li p{ line-height: 30px; font-size: 14px; }
.pop_tpThow li img { border: 2px solid #000;}
.pop_tpThow li img:hover { border: 2px solid #399;}

.btn_homgpage { display:block; width: 144px; height: 153px; background:url(../images/button.png) no-repeat 0 -150px; position:absolute; top: -47px; right: 10px;}
.btn_homgpage:hover { top: 0px;}