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

/* 網站基本設定
---------------------------------------------*/
html,body {
	height:100%; /*垂直延伸*/
	color: #4e4e4e;
	background:url(../images/mobilr_content_bg.gif) repeat;
	font: 85% "微軟正黑體", verdana, Geneva;
	background: url(../images/body_bg.jpg) repeat;
}
a {
	color: #444;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: none;
	}
img {	
    display: block;
}
.clean-float {
	clear: both;
}

/* 網站結構設定
---------------------------------------------*/
#wrapper {
	width:100%;
	margin: 30px auto;
	padding:0 9px;
}
#content{
	width:982px;
	height:972px;
	margin:0 auto;
	position: relative;
	background: url(../images/index_bg.jpg) no-repeat;
}
#highSpeed{
	position:absolute;
	left:2px;
	top: 484px;
	}
#colorWind01{
	position:absolute;
	left: 622px;
	top: 426px;
	}
#colorWind02{
	position:absolute;
	left: 738px;
	top: 466px;
	}
#fbShare{
	position:absolute;
	width:127px;
	height:23px;
	left: 836px;
	top: 520px;
	}
#fbShare a{
	display:block;
	height:100%;
	background: url(../images/fb_share_icon.gif) no-repeat;
	}
#fbShare a:hover{
	background: url(../images/fb_share_icon_o.gif) no-repeat;
	}
	
#navigation{
	width:982px;
	position:absolute;
	display:block;
	left: 258px;
	top: 560px;
	}
#navigation li{
	display:block;
	margin-right:20px;
	float:left;
	}
#menu01{width:130px; height:37px;}
#menu01 a{
	display:block;
	height:100%;
	background: url(../images/menu_01.png) no-repeat;
	}
#menu01 a:hover{
	background: url(../images/menu_01_o.png) no-repeat;
}
#menu02{width:130px; height:37px;}
#menu02 a{
	display:block;
	height:100%;
	background: url(../images/menu_02.png) no-repeat;
	}
#menu02 a:hover{
	background: url(../images/menu_02_o.png) no-repeat;
} 
#menu03{width:130px; height:37px;}
#menu03 a{
	display:block;
	height:100%;
	background: url(../images/menu_03.png) no-repeat;
	}
#menu03 a:hover{
	background: url(../images/menu_03_o.png) no-repeat;
}
#menu04{width:209px; height:37px;}
#menu04 a{
	display:block;
	height:100%;
	background: url(../images/menu_04.png) no-repeat;
	}
#menu04 a:hover{
	background: url(../images/menu_04_o.png) no-repeat;
} 
#app{
	position:absolute;
	left: 368px;
	top: 604px;
	z-index: 4;
	}
#giftTitle{
	position:absolute;
	left: 440px;
	top: 614px;
	z-index: 2;
	}
#giftIcon{
	position:absolute;
	left: 747px;
	top: 620px;
	z-index: 5;
	}
#giftMini{
	position:absolute;
	left:731px;
	top: 673px;
	z-index: 3;
	}
#giftText{
	position:absolute;
	left: 369px;
	top: 734px;
}
#qrcodeApple{
	position:absolute;
	display:block;
	left: 43px;
	top: 626px;
	}
#qrcodeApple li{
	display:block;
	margin-bottom:8px;
	left: 1px;
	}
#qrcodeAndroid{
	position:absolute;
	display:block;
	left: 213px;
	top: 626px;
	}
#qrcodeAndroid li{
	display:block;
	margin-bottom:8px;
	}
#qrcodeText{
	position:absolute;
	left: 46px;
	top: 815px;
}
#shareContent{position:absolute; visibility:hidden;}
#shareContent img{}
#shareContent h1{}
#shareContent p{}

#indexFooter{
	position:absolute;
	bottom:35px;
	left:22px;
	}

.winnerBtn{
	position:absolute;
	width:168px;
	height:37px;
	left: 368px;
	bottom: 113px;
}
.winnerBtn a{
	display:block;
	height:100%;
	background: url(../images/winner_icon.png) no-repeat;
}
.winnerBtn a:hover{
	background: url(../images/winner_icon_o.png) no-repeat;
}