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: -31px;
	+left: -135px;
	+position: absolute;
}
.main {
	+background-image: url(../images/main.png);
	+background-repeat: no-repeat;	
	+margin: 50px auto 190px auto;
	+width: 720px;
	+height: 700px;
}
/*	--------------------------------------------------
	box (區塊)
	-------------------------------------------------- */

.box {
	+position: absolute;
	+top: 185px;
	+left: 400px;
}

.a, .b, .c, .d, .e, .f, .g, .h {
	+background-image:url(../images/s_btn.png);
	+height: 50px;
	+width: 50px;
}

.a {
	+position: absolute;
	+top: -39px;
	+left: -30px;
}
.b {
	+position: absolute;
	+top: 100px;
	+left: -170px;
}
.c {
	+position: absolute;
	+top: 300px;
	+left: -167px;
}
.d {
	+position: absolute;
	+top: 442px;
	+left: -22px;
}
.e {
	+position: absolute;
	+top: 439px;
	+left: 170px;
}
.f {
	+position: absolute;
	+top: 300px;
	+left: 310px;
}
.g {
	+position: absolute;
	+top: 108px;
	+left: 313px;
}
.h {
	+position: absolute;
	+top: -35px;
	+left: 180px;
}
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;
}

/*	--------------------------------------------------
	start (按鈕)
	-------------------------------------------------- */
#start {
	+background-image: url(../images/start.png);
	+display: block;
	+width: 160px;
	+height: 160px;
	+position: relative;
	+top: 332px;
	+left: 280px;
}
#start a{	
	+display: block;
	+width: 160px;
	+height: 160px;
}
#start a:hover {
	+background-image: url(../images/start.png);
	+background-position: 0px 160px;
}
/*	--------------------------------------------------
	event (按鈕)
	-------------------------------------------------- */
.event {
	+background-image: url(../images/event_btn.png);
	+display: block;
	+width: 280px;
	+height: 90px;
	+position: relative;
	+top: 640px;
	+left: 70px;
}
.event a{	
	+display: block;
	+width: 280px;
	+height: 90px;
}
.event a:hover {
	+background-image: url(../images/event_btn.png);
	+background-position: 0px 90px;
}
/*	--------------------------------------------------
	record (按鈕)
	-------------------------------------------------- */
.record {
	+background-image: url(../images/record_btn.png);
	+display: block;
	+width: 280px;
	+height: 90px;
	+position: relative;
	+top: 550px;
	+left: 360px;
}
.record a{	
	+display: block;
	+width: 280px;
	+height: 90px;
}
.record a:hover {
	+background-image: url(../images/record_btn.png);
	+background-position: 0px 90px;
}
#point {
	+position: relative;
	+top: -40px;
	+left: 370px;	
}
/*	--------------------------------------------------
	footer (底部)
	-------------------------------------------------- */
#footer {
	+background-image: url(../images/footer.png);
	+background-repeat: repeat-x;
	+width: 100%;
	+height: 405px;
}
.copyright {
	+background-image: url(../images/text.png);
	+background-repeat: no-repeat;
	+margin: 0px auto 0px auto;
	+position: relative;
	+top: 55px;
	+width: 1150px;
	+height: 335px;
}


/*	--------------------------------------------------
	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;
}
