@charset "UTF-8";
/* CSS Document */

/******************* Common *******************/
* {
    outline:none;
	border:none;
	margin:0px;
	padding:0px;
    font-family:'/5FAE/8EDF/6B63/9ED1/9AD4','微軟正黑體','NotoSansHant-DemiLight-Alphabetic', Arial, Helvetica, sans-serif;
}
body {
    background-color:#000;
	position:relative;
}

.BU {
	position: absolute;
	outline: none;
	cursor: pointer;
	cursor: hand;
	z-index: 100;
}

.BU:hover {
	opacity:0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
}
#Menubar .BU:hover {
	opacity:1;
}
/**************************************/
#content {
	position:relative;
    width:720px;
	height:448px;
	/*background-image:url('../img/bg_index.jpg');*/
	
    -moz-transform:scale(1.5); /* Firefox */
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -o-transform:scale(1.5); /* Opera */
   		
	transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
	
	margin:0 auto;
	zoom: 150%\9;
	left:50%\9;
	margin-left:-540px\9;
	
	overflow:hidden;
	
}
#bg {
    position:absolute;
	z-index:-1;
}
.main {
    position:relative;
    width:500px;
	top:35px;
}
.main > div {
    position:absolute;
}
#girl {
    position:absolute;
	right:-50px;
	bottom:0px;
}
/******************* menu *******************/
#Menubar {
	background:url(../img/menu_bg.png) no-repeat;
    width:412px;
	height:36px;
	position:absolute;
	left:30px;
	bottom:5px;
}
#Menubar ul {
    position:absolute;
	top:10px;
	left:30px;
}
#Menubar ul ,#Menubar ul li {
	list-style:none;
}
#Menubar > ul > li {
	height:71px;
	float:left;
	position:relative;
}
#Menubar > ul > li > a {
	height:36px;
	display:block;
	text-decoration:none;
	color:#F7DF74;
	font-size:12px;
	margin-right:15px;
	font-weight:bold;
    font-family:'/5FAE/8EDF/6B63/9ED1/9AD4','微軟正黑體','NotoSansHant-DemiLight-Alphabetic', Arial, Helvetica, sans-serif;
}
#Menubar > ul > li > a:hover , #Menubar > ul > li > a.select {
	color:#FFF;
	opacity:1;
}
/******************* index *******************/
body[page="index"] #logo {
	/*background:url(../img/logo.png) no-repeat;*/
	width:434px;
	height:169px;
	position:absolute;
	top:25px;
	left:60px;
}
body[page="index"] #txt {
	position:absolute;
	top:190px;
	left:138px;
}
body[page="index"] #btn_go {
	position:absolute;
	top:265px;
	left:145px;
}
body[page="index"] #btnlist {
	position:absolute;
	top:195px;
	left:305px;
}
/******************* rule *******************/
body[page="rule"] {
    color:#FFF;
}
body[page="rule"] .main #txt {
	position:absolute;
	top:30px;
	left:80px;
}
body[page="rule"] #frame {
	background:url(../img/frame.png) no-repeat;
	width:433px;
	height:150px;
	position:absolute;
	top:155px;
	left:55px;
}
body[page="rule"] #frame #rule_txt {
    font-family:'/5FAE/8EDF/6B63/9ED1/9AD4','微軟正黑體','NotoSansHant-DemiLight-Alphabetic', Arial, Helvetica, sans-serif;
	font-size:10px;
	width:380px;
	height:110px;
	position:absolute;
	left:10px;
	top:25px;
	padding-left:30px;
}
body[page="rule"] #frame #rule_txt a{
	color:#FFF;
}

body[page="rule"] #frame #rule_txt p {
     margin-bottom:10px;
}

body[page="rule"] #frame #rule_txt ul {
	list-style-image: url('../img/icon.png');
}
body[page="rule"] #frame #rule_txt ul , body[page="rule"] #frame #rule_txt ol{
	list-style-position:inside;
}
body[page="rule"] #frame #rule_txt ul h2{
    color:#F2C736;
	font-size:12px;
    font-family:'/5FAE/8EDF/6B63/9ED1/9AD4','微軟正黑體','NotoSansHant-DemiLight-Alphabetic', Arial, Helvetica, sans-serif;
	line-height:16px;
	display:inline-block;
}
body[page="rule"] #btn_join {
	position:absolute;
	top:310px;
	left:200px;
}
/******************* login *******************/
body[page="login"] #txt {
    position:absolute;
	top:25px;
	left:50px;
}
body[page="login"] #form {
    position:absolute;
	top:140px;
	left:20px;
}
body[page="login"] #form #left {
    width:240px;
	float:left;
	position:relative;
	top:24px;
} 
body[page="login"] #form #right {
    width:240px;
	float:left;
} 
body[page="login"] #form h3 ,body[page="login"] #form input {
    display:inline-block;
	margin:3px auto;
}
body[page="login"] #form h3 {
    margin-right:10px;
	margin-bottom:0px;
	font-size:10px;
	width:80px;
	text-align:right;
	color:#FFF;
}
body[page="login"] #form #right h3 {
	width:60px;
}
body[page="login"] input[type=text] {
	background-color:#FFF;
	color:#000;
	font-size:12px;
	font-weight:bold;
	height:16px;
	padding-left:8px;
	border:solid 1px #999;
	width:120px;
	vertical-align:middle;
}
body[page="login"] #ran {
	position:relative;
	top:-5px;
}
body[page="login"] #frame {
	width:300px;
	height:48px;
	position:relative;
	background-color:#FFF;
	overflow-y:scroll;
	margin:0 auto;
	top:5px;
}
body[page="login"] #frame #text {
	font-size:10px;
	color:#000;
	margin:5px;
}
body[page="login"] #frame #text ul { 
    list-style-position: inside;
}
body[page="login"] #frame #text .title {
    font-weight:bold;
}
body[page="login"] #frame #text p {
     margin-bottom:5px;
}
body[page="login"] .check {
	position:relative;
    background:url(../img/checkbox.png) no-repeat;
    width:18px;
	height:20px;
	display:inline-block;
	left:30px;
    background-position:0px 0;
}
body[page="login"] .check.select {
    background-position:-20px 0;
}
body[page="login"] #form #agree_data , body[page="login"] #form #agree_rule {
    width:290px;
	text-align:left;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
body[page="login"] #form #check_data ,body[page="login"] #form #agree_data {
    top:8px;
	left:100px;
}
body[page="login"] #form #check_rule ,body[page="login"] #form #agree_rule {
    top:0px;
	left:100px;
}

body[page="login"] #btn_share {
	position:absolute;
	top:310px;
	left:200px;
}
/******************* 抽獎頁 *******************/
body[page="done"] #Menubar {
	left:50%;
	margin-left:-206px;
}
body[page="done"] .main {
	width:600px;
	left:76px;
}
body[page="done"] #txt {
	position:relative;
	left:198px;
	top:55px;

}
body[page="done"] #allmir {
     position:relative;
	 left:60px;
	 top:35px;
	 width:460px;
}
body[page="done"] .mir {
    /*background:url(../img/gifts.png) no-repeat;*/
	width:115px;
	height:112px;
	position:relative;
	float:left;
}
body[page="done"] .mir .mir_bg {
    position:absolute;
	z-index:1;
	top:0px;
}
body[page="done"] .mir .gift {
    position:absolute;
	top:35px;
	left:20px;
	z-index:2;
}
body[page="done"]  #miss #txt {
   left:100px;
   top:60px;
}
body[page="done"]  #get #txt {
   left:100px;
   top:60px;
}
body[page="done"]  #noshare #txt {
   left:100px;
   top:60px;
}
body[page="done"] .btn_home {
    position:absolute;
	top:190px;
	left:155px;
}
body[page="done"] .btn_more {
    position:absolute;
	top:190px;
	left:310px;
}
body[page="done"] .btn_share {
    position:absolute;
	top:190px;
	left:155px;
}
body[page="done"] .btn_just {
    position:absolute;
	top:190px;
	left:310px;
}
body[page="done"] .pic {
    position:absolute;
	top:220px;
	left:0px;
}
/****************list****************/
body[page="list"] #frame {
	width:500px;
	height:150px;
	position:absolute;
	top:160px;
	left:235px;
	overflow:hidden;
}
body[page="list"] #list_txt {
	padding:10px;
    position:absolute;
	top:0px;
	left:0px;
	width:450px;
	height:135px;
}

/******************* winner *******************/
body[page="win"] {
    color:#FFF;
}
body[page="win"] .main #txt ,body[page="win"] .main #txt2 {
	position:absolute;
	top:35px;
	left:50px;
}
body[page="win"] #frame, body[page="win"] #frame2 {
	background:url(../img/win_frame_03.png) no-repeat;
	width:421px;
	height:201px;
	position:absolute;
	top:165px;
	left:55px;
}
body[page="win"] #frame #win_txt,body[page="win"] #frame2 #win_txt2 {
	width:405px;
	height:150px;
	position:absolute;
	padding-left:10px;
	top:25px;
	left:0px;
}

body[page="win"] #morewin ,body[page="win"] #morewin2{
	position:absolute;
	top:352px;
	left:210px;
	font-size:10px;
	color:white;
	padding:2px 5px;
	text-decoration:none;
	border:1px solid #4e240a;
	background-color:#000;
	width:80px;
}
#winb1, #winb2 {
    position:absolute;
	left:350px;
}
#winb1 {
	top:340px;
}
#winb2 {
	top:358px;
}