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

body {
	font-size: 12px;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	margin:0;
	padding:0;
	background: #000 url(../images/dark_stripes.png) repeat;
}
img {
	border:0;
}
a {
	color:#c9c9c9;
}
a:hover {
	color:#FFF;
}
.main {
	width:1024px;
	margin:0 auto;
}
.title {
	height:39px;
	width:1024px;
	background:url(../images/top.jpg) no-repeat;
}
.top-list {
	margin:9px 0 0 0;
	padding:0;
	float:right;
	width:340px;
	list-style-type:none;
}
.top-list li {
	margin:0;
	padding:0;
	float:left;
	color:#c9c9c9;
}
.foot {
	height:37px;
	background:url(../images/foot.jpg) no-repeat;
	padding:10px;
	text-align:center;
	color: #c9c9c9;
	font-family: Verdana, Geneva, sans-serif;
}


.menu_block{
	width:100%;
	height:79px;
	position:relative;
	}
	
.menu_left{
	width:46px;
	height:79px;
	position:absolute;
	top:0;
	left:0;
	}
	
.menu_right{
	width:50px;
	height:79px;
	position:absolute;
	top:0;
	left:974px;
	}
	
.menu_01{
	width:136px;
	height:79px;
	position:absolute;
	top:0;
	left:46px;
	background-image:url(../images/pic_03_roll.jpg);
	}
	
.menu_01 a:link{
	width:136px;
	height:79px;
	display:block;
	background-image:url(../images/pic_03.jpg);
	}	
	
.menu_01 a:visited{
	width:136px;
	height:79px;
	display:block;
	background-image:url(../images/pic_03.jpg);
	}
	
.menu_01 a:hover{
	width:136px;
	height:79px;
	display:block;
	background-image:url(../images/pic_03_roll.jpg);
	}	
	
.menu_01 a:active{
	width:136px;
	height:79px;
	display:block;
	background-image:url(../images/pic_03_roll.jpg);
	}	
	

.menu_02{
	width:131px;
	height:79px;
	position:absolute;
	top:0;
	left:182px;
	background-image:url(../images/pic_04_roll.jpg);
	}
	
.menu_02 a:link{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_04.jpg);
	}
.menu_02 a:visited{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_04.jpg);
	}
	
.menu_02 a:hover{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_04_roll.jpg);
	}
.menu_02 a:active{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_04_roll.jpg);
	}
	
.menu_03{
	width:131px;
	height:79px;
	position:absolute;
	top:0;
	left:313px;
	background-image:url(../images/pic_05_roll.jpg);
	}
	
.menu_03 a:link{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_05.jpg);
	}
.menu_03 a:visited{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_05.jpg);
	}
.menu_03 a:hover{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_05_roll.jpg);
	}
.menu_03 a:active{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_05_roll.jpg);
	}
	
.menu_04{
	width:132px;
	height:79px;
	position:absolute;
	top:0;
	left:444px;
	background-image:url(../images/pic_06_roll.jpg);
	}
	
.menu_04 a:link{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_06.jpg);
	}
.menu_04 a:visited{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_06.jpg);
	}
.menu_04 a:hover{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_06_roll.jpg);
	}
.menu_04 a:active{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_06_roll.jpg);
	}
	
.menu_05{
	width:132px;
	height:79px;
	position:absolute;
	top:0;
	left:576px;
	background-image:url(../images/pic_07_roll.jpg);
	}
	
.menu_05 a:link{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_07.jpg);
	}

.menu_05 a:visited{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_07.jpg);
	}
	
.menu_05 a:hover{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_07_roll.jpg);
	}

.menu_05 a:active{
	width:132px;
	height:79px;
	display:block;
	background-image:url(../images/pic_07_roll.jpg);
	}
	

.menu_06{
	width:131px;
	height:79px;
	position:absolute;
	top:0;
	left:708px;
	background-image:url(../images/pic_08_roll.jpg);
	}
	
.menu_06 a:link{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_08.jpg);
	}
	
.menu_06 a:visited{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_08.jpg);
	}
	
.menu_06 a:hover{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_08_roll.jpg);
	}

.menu_06 a:active{
	width:131px;
	height:79px;
	display:block;
	background-image:url(../images/pic_08_roll.jpg);
	}
	
.menu_07{
	width:135px;
	height:79px;
	position:absolute;
	top:0;
	left:839px;
	background-image:url(../images/pic_09.jpg);
	}
	
.menu_07 a:link{
	width:135px;
	height:79px;
	display:block;
	background-image:url(../images/pic_09.jpg);
	}
	
.menu_07 a:visited{
	width:135px;
	height:79px;
	display:block;
	background-image:url(../images/pic_09.jpg);
	}
	
.menu_07 a:hover{
	width:135px;
	height:79px;
	display:block;
	background-image:url(../images/pic_09_roll.jpg);
	}
	
.menu_07 a:active{
	width:135px;
	height:79px;
	display:block;
	background-image:url(../images/pic_09_roll.jpg);
	}
	
	
	
	
	
.g_title{
	width:100%;
	height:188px;
	}
	
.g_content01{
	width:100%;
	height:466px;
	background-image:url(../images/pic_12.jpg);
	position:relative;
	}
	
.g_btn01{
	width:186px;
	height:43px;
	position:absolute;
	top:394px;
	left:205px;
	background-image:url(../images/btn01.jpg);
	background-repeat:no-repeat;
	}
	
.g_btn01 a:link{
	width:186px;
	height:43px;
	display:block;
	background-image:url(../images/btn01.jpg);
	background-repeat:no-repeat;
	}
	
.g_btn01 a:visited{
	width:186px;
	height:43px;
	display:block;
	background-image:url(../images/btn01.jpg);
	background-repeat:no-repeat;
	}
	
.g_btn01 a:hover{
	width:186px;
	height:43px;
	display:block;
	background-image:url(../images/btn01_roll.jpg);
	background-repeat:no-repeat;
	}
	
.g_btn01 a:active{
	width:186px;
	height:43px;
	display:block;
	background-image:url(../images/btn01_roll.jpg);
	background-repeat:no-repeat;
	}
	
#movie{
	width:215px;
	height:120px;
	position:absolute;
	top:228px;
	left:491px;
	}
	
	
.g_content02{
	width:100%;
	height:312px;
	background-image:url(../images/pic_14.jpg);
	position:relative;
	}
	
#movie2{
	width:333px;
	height:188px;
	position:absolute;
	top:87px;
	left:562px;
	}
	
.g_content03{
	width:100%;
	height:354px;
	position:relative;
	z-index:0;
	}
	
.g_book{
	width:396px;
	height:185px;
	position:absolute;
	top:78px;
	left:131px;
	}
	
.g_home{
	width:138px;
	height:57px;
	position:absolute;
	right:16px;
	bottom:37px;
	}
	
.sticky a {
width: 80px;
height: 200px;
background: url(../images/ot.gif) no-repeat;
background-image: url(http://hamibook.com.tw/event/201409/hami_monthly/images/ot.gif);
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
text-transform: uppercase;
z-index: 99;
position: fixed;
top: 150px;
right: 0px;
display: block;
}

.gift01_input{
	width: 100%;
	height: 419px;
	position:relative;
	z-index: 0;
}


.gift01_phone{
	width:190px;
	height:19px;
	position:absolute;
	top:99px;
	left:286px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	

	}
	
.gift01_checkbox{
	position:absolute;
	top:161px;
	left:332px;
	z-index:999;	
	}
	


.gift02_input{
	width: 100%;
	height: 724px;
	position:relative;
	z-index: 0;
}
	
.gift02_name{
	width:190px;
	height:19px;
	position:absolute;
	top:137px;
	left:341px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift02_msisdn{
	width:190px;
	height:19px;
	position:absolute;
	top:200px;
	left:341px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift02_phone{
	width:190px;
	height:19px;
	position:absolute;
	top:261px;
	left:341px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift02_email{
	width: 450px;
	height:19px;
	position:absolute;
	top:325px;
	left:341px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift02_address{
	width: 450px;
	height:19px;
	position:absolute;
	top:369px;
	left:341px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift02_checkbox{
	position:absolute;
	top:453px;
	left:340px;
	z-index:999;	
	}
	
	
.gift03_input{
	width: 100%;
	height: 491px;
	position:relative;
	z-index: 0;
	}
		
.gift03_msisdn{
	width:190px;
	height:19px;
	position:absolute;
	top:90px;
	left:338px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift03_phone{
	width:190px;
	height:19px;
	position:absolute;
	top:153px;
	left:338px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift03_checkbox{
	position:absolute;
	top:214px;
	left:332px;
	z-index:999;	
	}
	
	



.gift04_input{
	width: 100%;
	height: 651px;
	position:relative;
	z-index: 0;
}
	
.gift04_name{
	width:190px;
	height:19px;
	position:absolute;
	top:85px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift04_msisdn{
	width:190px;
	height:19px;
	position:absolute;
	top:147px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift04_phone{
	width:190px;
	height:19px;
	position:absolute;
	top:209px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift04_email{
	width: 490px;
	height:19px;
	position:absolute;
	top:272px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift04_address{
	width: 490px;
	height:19px;
	position:absolute;
	top:316px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift04_checkbox{
	position:absolute;
	top:390px;
	left:332px;
	z-index:999;	
	}
	
	
	
.gift05_input{
	width: 100%;
	height: 650px;
	position:relative;
	z-index: 0;
}
	
.gift05_name{
	width:190px;
	height:19px;
	position:absolute;
	top:85px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift05_msisdn{
	width:190px;
	height:19px;
	position:absolute;
	top:147px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift05_phone{
	width:190px;
	height:19px;
	position:absolute;
	top:209px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift05_email{
	width: 490px;
	height:19px;
	position:absolute;
	top:272px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift05_address{
	width: 490px;
	height:19px;
	position:absolute;
	top:316px;
	left:322px;
	padding:0 5px;
	border:solid 1px #ffd57b;
	z-index:999;	
	}
	
.gift05_checkbox{
	position:absolute;
	top:390px;
	left:332px;
	z-index:999;	
	}