body {
	font-family: "微軟正黑體", serif, sans-serif, cursive, fantasy, monospace;
	margin: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	margin-top: 0px;
	color: #fff;
}
#wrap {
	width: 1000px;
	position: relative;
	margin: 0 auto 0 auto;
	+margin: 45px auto 0 auto;
}
.logo {
	top: 15px;
	left: 15px;
	position: absolute;
}
.main {
    /*background-image: url(../images/main.png);*/
    background-repeat: no-repeat;
    margin: 50px auto 190px auto;
    width: 720px;
    height: 130px;
}
.slogan {
	background: url(../images/slogan.png);
    width: 1131px;
    height: 258px;
    position: relative;
    z-index: 50;
    margin-top: -10px;
    left: 50%;
    margin-left: -529px;
	/*-webkit-animation: float ease-in-out 1.5s infinite;
	animation: float ease-in-out 1.5s infinite;
	-moz-animation: float ease-in-out 1.5s infinite;
	-ms-animation: float ease-in-out 1.5s infinite;*/
}
.star1 {
	background: url(../images/star_03.png);
    width: 235px;
    height: 234px;
    position: relative;
    z-index: 50;
    margin-top: -220px;
    left: 50%;
    margin-left: 290px;
	-webkit-animation: swing ease-in-out 1.5s infinite;
	animation: swing ease-in-out 1.5s infinite;
	-moz-animation: swing ease-in-out 1.5s infinite;
	-ms-animation: swing ease-in-out 1.5s infinite;
}
.star2 {
	background: url(../images/star_09.png);
    width: 232px;
    height: 231px;
    position: relative;
    z-index: 50;
    margin-top: -200px;
    left: 50%;
    margin-left: -500px;
	-webkit-animation: swing ease-in-out 3s infinite;
	animation: swing ease-in-out 3s infinite;
	-moz-animation: swing ease-in-out 3s infinite;
	-ms-animation: swing ease-in-out 3s infinite;
}
.star3 {
	background: url(../images/star_06.png);
    width: 92px;
    height: 94px;
    position: relative;
    z-index: 50;
    top: -290px;
    left: 50%;
    margin-left: -560px;
	-webkit-animation: swing ease-in-out 2s infinite;
	animation: swing ease-in-out 2s infinite;
	-moz-animation: swing ease-in-out 2s infinite;
	-ms-animation: swing ease-in-out 2s infinite;
}
.star4 {
	background: url(../images/star_12.png);
    width: 91px;
    height: 97px;
    position: relative;
    z-index: 50;
    top: -370px;
    left: 50%;
    margin-left: -290px;
	-webkit-animation: swing ease-in-out 4s infinite;
	animation: swing ease-in-out 4s infinite;
	-moz-animation: swing ease-in-out 4s infinite;
	-ms-animation: swing ease-in-out 4s infinite;
}
.star5 {
	background: url(../images/star_16.png);
    width: 98px;
    height: 95px;
    position: relative;
    z-index: 50;
    top: -480px;
    left: 50%;
    margin-left: 550px;
	-webkit-animation: swing ease-in-out 1s infinite;
	animation: swing ease-in-out 1s infinite;
	-moz-animation: swing ease-in-out 1s infinite;
	-ms-animation: swing ease-in-out 1s infinite;
}
.star6 {
	background: url(../images/star_19.png);
    width: 92px;
    height: 92px;
    position: relative;
    z-index: 50;
    top: -530px;
    left: 50%;
    margin-left: 500px;
	-webkit-animation: swing ease-in-out 2.5s infinite;
	animation: swing ease-in-out 2.5s infinite;
	-moz-animation: swing ease-in-out 2.5s infinite;
	-ms-animation: swing ease-in-out 2.5s infinite;
}
	
.point01 {
	width: 120px;
	position: absolute;
	top: 298px;
	left: 510px;
	text-align: center;
	font-size: 30px;
	color: #ffee31;
	font-weight:bold;
	letter-spacing: -1px;
}
.point02 {
	width: 120px;
	position: absolute;
	top: 298px;
	left: 213px;
	text-align: center;
	font-size: 30px;
	color: #ffee31;
	font-weight: bold;
	letter-spacing: -1px;
}
/*	--------------------------------------------------
	box (區塊)
	-------------------------------------------------- */

.box {
	background-image:url(../images/box.png);
	width:564px;
	height:564px;
	position: absolute;
	top: 360px;
	left: 45px;
}

.a, .b, .c, .d, .e, .f, .g, .h {
	background-image:url(../images/s_btn.png);
	height: 50px;
	width: 50px;
}

.a {
	position: absolute;
	top: 10px;
	left: 155px;
}
.b {
	position: absolute;
	top: 150px;
	left: 15px;
}
.c {
	position: absolute;
	top: 345px;
	left: 10px;
}
.d {
	position: absolute;
	top: 495px;
	left: 165px;
}
.e {
	position: absolute;
	top: 485px;
	left: 356px;
}
.f {
	position: absolute;
	top: 345px;
	left: 493px;
}
.g {
	position: absolute;
	top: 150px;
	left: 493px;
}
.h {
	position: absolute;
	top: 10px;
	left: 356px;
}
input {
	width: 340px;
	height: 35px;
	margin-bottom: 8px;
	border-radius: 10px;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,0.6);
	padding-left: 5px;
}
select {
	width: 340px;
	height: 35px;
	margin-bottom: 8px;
	border-radius: 10px;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,0.6);
	padding-left: 5px;
}

.rotate {
	margin-left:32px;
	margin-top:30px;
}
/*	--------------------------------------------------
	start (中間轉輪)
	-------------------------------------------------- */
#start {
	display: block;
	width: 171px;
	height: 295px;
	position: relative;
	top: -268px;
	left: 95px;
}

/*	--------------------------------------------------
	list (中間轉輪)
	-------------------------------------------------- */
.list {
	width:283px;
	height:550px;
	float:right;
	position:absolute;
	top:338px;
	right:59px;	
}
.list ul{
	
}
.list ul li {
    padding-top: 15px;
    /* padding-left: 25px; */
    height: 41px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.select {
    /* padding-left: 50px; */
    background-image: url(../images/pin.png);
    color: #b90000;
}
	
/*	--------------------------------------------------
	play (按鈕)
	-------------------------------------------------- */
.play {
	background-image: url(../images/play.png);
	display: block;
	width: 263px;
	height: 77px;
	position: relative;
	top: -100px;
	left: 50%;
	margin-left:-440px;
}
.play a{	
	display: block;
	width: 263px;
	height: 77px;
}
/*.play a:hover {
	background-image: url(../images/play.png);
	background-position: 0px 98px;
}*/
/*	--------------------------------------------------
	play11 (按鈕)
	-------------------------------------------------- */
.play11 {
	background-image: url(../images/play11.png);
	display: block;
	width: 263px;
	height: 77px;
	position: relative;
	top: -178px;
	left: 50%;
	margin-left:-122px;
}
.play11 a{	
	display: block;
	width: 263px;
	height: 77px;
}
/*.play11 a:hover {
	background-image: url(../images/play11.png);
	background-position: 0px 98px;
}*/
/*	--------------------------------------------------
	record (按鈕)
	-------------------------------------------------- */
.record {
	background-image: url(../images/record_btn.png);
	display: block;
	width: 263px;
	height: 77px;;
	position: relative;
	top: -255px;
	left: 50%;
	margin-left:180px;
}
.record a{	
	display: block;
	width: 263px;
	height: 77px;
}
/*.record a:hover {
	background-image: url(../images/record_btn.png);
	background-position: 0px 98px;
}*/

/*	--------------------------------------------------
	注意事項
	-------------------------------------------------- */
.remarks {
    background-image: url(../images/text.png);
    background-repeat: no-repeat;
    position: relative;
    width: 1100px;
    height: 365px;
    margin-left: -40px;
}

/*---------------------------
	FOOTER
----------------------------*/

#footer {
    width: 100%;
    height: 70px;
    color: #000;
    font-size: 12px;
    /* margin-top: 20px; */
}
.copyright {
	width: 1000px;
	height: 70px;
	margin: 0 auto;
	position: relative;
}
.copyright table {
	margin: 0 auto 0 auto
}
.copyright table td {
	padding-right: 8px
}
.copyright .about {
	line-height: 20px;
	color: #fff;
}
.copyright table span {
	color: #E8E500;
}
.copyright table .t {
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.big-link {
	display: block;
	margin-top: 100px;
	text-align: center;
	font-size: 70px;
	color: #06f;
}
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
	visibility: hidden;
	top: 30px;
	left: 50%;
	position: absolute;
	z-index: 101;
	margin-left: -335px;
}
.reveal-modal .close-reveal-modal {
	background-image:url(../images/close.png);
	height: 35px;
	width: 35px;
	position: absolute;
	top: 12px;
	right: 14px;
	cursor: pointer;
}