@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/*RESET OVER*/
body{-webkit-text-size-adjust: none; font-family: '微軟正黑體','Microsoft JhengHei',Arial,sans-serif;}
.wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.bg{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 600px;
	background-image: url(../images/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition:0.5s ease;
}

/*header
============================================================== */
.header { background:url(../images/header_bg.png) repeat-x 0 0 ; width:100%; height:130px; position:relative;  position:absolute; top:0px; left:0;z-index:3;}
.header .logo_a { position:absolute; left:0; top:10px; background:url(../images/logo_a.png) no-repeat 0 0; width:80px; height:65px; text-indent:-5000px;}
.header .nav { width:470px; height:60px; position:absolute; top:10px; left:520px;}
.header .nav ul li { float:left;}
.header .nav ul li a { background:url(../images/nav.png) no-repeat 0 0; display:block; text-indent:-5000px; height:30px; z-index:3; position:relative;}
.header .nav ul li.nav1 a { background-position:0 0; width:90px;}
.header .nav ul li.nav2 a { background-position:-90px 0; width:80px;}
.header .nav ul li.nav3 a { background-position:-170px 0; width:80px;}
.header .nav ul li.nav4 a { background-position:-250px 0; width:115px;}
.header .nav ul li.nav5 a { background-position:-365px 0; width:105px; cursor:pointer;}
.header .nav ul li.nav1 a:hover { background-position:0 -30px;}
.header .nav ul li.nav2 a:hover { background-position:-90px -30px;}
.header .nav ul li.nav3 a:hover { background-position:-170px -30px;}
.header .nav ul li.nav4 a:hover { background-position:-250px -30px;}
.header .nav ul li.nav5 a:hover { background-position:-365px -30px;}
.header .nav ul li .copy { position:absolute; z-index:2; top:10px; right:0; opacity:0; FILTER: alpha(opacity=0); width:220px; height:35px;}
.header .nav:hover{background-position: bottom;}


/*content
============================================================== */
.content{	
    width:1000px;
	height:600px;
	position:relative;
	 z-index:2;
	/*left: 50%; top: 50%;
	margin-left:-500px; 
	margin-top:-320px; width: 105px; height: 120px; */
}
.kv{width: 250px; height: 500px; position: absolute; top: 100px; left: 600px; z-index: 2; margin-left:80px; opacity: 0;}
.piano{width: 535px; height: 230px; position: absolute; top: 415px; left: 534px;opacity: 0;}
.hq{width:225px; height: 85px; position: absolute; top: 155px; left: 138px; opacity:0; margin-left: -50px;}
.t1{width: 415px; height: 50px; position: absolute; top: 238px; left: 146px; margin-top:-60px; opacity:0;}
.t2{width: 476px; height: 58px; position: absolute; top: 290px; left: 128px;opacity:0;}
.dha{width: 105px; height: 75px; position: absolute; top: 100px; left: 550px; opacity:0;}
.sign{width: 120px; height: 85px; position: absolute; top:305px; left: 847px; opacity:0;}
.star{width: 100px; height: 55px; position: absolute; top: 204px; left: 510px;opacity:0; margin-left: 20px;}
.btn{width: 465px; height: 145px; position: absolute; top:360px; left: 128px; margin-left:-30px;
	opacity:0;}
.gift{display:block; width: 94.5px; height: 108px; position: absolute; top:8px; left: 5px; z-index: 3;  }
.gift img{width: 100%; height: 100%; }

.btn_go {
	height: 100px;
	width: 307px;
	background: url(../images/btn_go.png) no-repeat 0 0;
	display:block;
	position:absolute; 
	text-indent:-5000px;
	left: 30px;
	top: 15px;
}

.btn_go:hover{
	background: url(../images/btn_go2.png) no-repeat 0 0;

}
.num { position:absolute; left:470px; top:358px; background:url(../images/num_bg.png) no-repeat 0 0; width:135px; height:130px; font-size:14px; line-height:23px; padding-top:40px; padding-left:22px;margin-left:-30px; opacity:0;}
.num span { color:#ff0101; font-size:30px;}
.txt{width: 210px; height: 14px; position: absolute; top: 105px; left: 86px;}
a.logo_s { position:absolute; right:7px; bottom:25px;}
/*footer
============================================================== */
.footer { width:100%; height:20px; text-align:center; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; position:absolute; bottom:0; left:0; background-color:#005bab; font-weight:normal; font-weight:normal;z-index:2;}




/*winner
============================================================== */
.winner { position:fixed;width:100%;height:100%;z-index:10;left:0;top:0; background: url(../images/bb.png);}
.winnercon { background:url(../images/pop_winner.png) no-repeat 0 0; width:440px; height:550px;position:relative;top:50%;left:50%;margin-top:-275px;margin-left:-220px;}
.winnercon .btnx{position:absolute;top:0px;right:-50px; cursor:pointer;}