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

body { margin: 0px;}
img{ border:0;}
a{ text-decoration:none;}



.outer {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
}
.wrapper {
	display: block;
	width: 1180px;
	height: 450px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


.logo{
	position: absolute;
	left: 97px;
	top:20px;
}

.logo a{
	display: block;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 161px;
	height: 40px;
	
}

.icon01{
	position: absolute;
	top: 340px;
	left: 105px;
}
.icon01 a{
	display: block;
	width: 126px;
	height: 84px;
	background-image: url(../images/icon_01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.icon01 a:hover{
	display: block;
	background-position: 0px -92px;
}

.icon02{
	position: absolute;
	top: 345px;
	left: 259px;
}
.icon02 a{
	display: block;
	width: 139px;
	height: 77px;
	background-image: url(../images/icon_02.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.icon02 a:hover{
	display: block;
	background-position: 0px -82px;
}

.icon03{
	position: absolute;
	top: 345px;
	left: 415px;
}
.icon03 a{
	display: block;
	width: 128px;
	height: 82px;
	background-image: url(../images/icon_03.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.icon03 a:hover{
	display: block;
	background-position: 0px -90px;
}

/*-----------金銀島選單------------*/
.apDiv-pk {
	position: absolute;
	top: 418px;
	left: 353px;
	
	width: 279px;
	height: 76px;
	
	z-index: 5;
	background-image: url(../images/icon-back.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.f01a { font-size: 15px; line-height: 24px; color: #333; font-family: Verdana, Geneva, sans-serif; text-decoration: none;}
.f01a a { text-decoration: none; color: #630;}
.f01a a:hover { text-decoration: none; color: #63F;}

.icon04 {
	position: absolute;
	top: 335px;
	left: 573px;
}
.icon04 a{
	display: block;
	width: 106px;
	height: 93px;
	background-image: url(../images/icon_04.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.icon04 a:hover{
	display: block;
	background-position: 0px -100px;
}
.icon05{
	position: absolute;
	top: 360px;
	left: 706px;
}
.icon05 a{
	display:block;
	width: 82px;
	height: 66px;
	
	background-image: url(../images/icon_05.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.icon05 a:hover{
	display: block;
	background-position: 0px -77px;
}
.icon06{
	position: absolute;
	top: 350px;
	left: 807px;
}
.icon06 a{
	display: block;
	width: 136px;
	height: 75px;
	
	background-image: url(../images/icon_06.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.icon06 a:hover{
	display: block;
	background-position: 0px -89px;
}

.icon2016{
	position: absolute;
	top: 310px;
	left: 960px;

}
.icon2016 a{
	display:block;
	width: 110px;
	height: 137px;

	background-image: url(../images/icon_2016.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*---------------------2016--------------------------*/
.content_ALL{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: left;
	background-color: #000000;
	padding-bottom: 30px;
}
.content{
	width: 1057px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	background-color: #FFFFFF;
	border-radius: 12px;
	background-position: center top;
	padding-top: 25px;
	padding-bottom: 130px;
	box-shadow: inset 0px 0px 13px 0px rgba(100,81,188,0.75);
	position: relative;
}


.bold_1{
	font-weight:bold;
	font-family: Gotham, "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif;
	font-size: 24px;
}
.bold_2{
	font-weight:bold;
	font-family: Gotham, "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif;
	font-size: 18px;
}
.BOX1{
	border: 1px dashed #001A94;
}

.note{
	width: 1057px;
	font-family: Gotham, "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif;
	color: #3f3f3f;
	font-size: 11px;
	line-height: 25px;
	float: left;
	padding-top: 25px;
}
/*----------------------下方登入按鈕-------------------------*/

.btu{
	display: block;
	width: 1057px;
	height: 85px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.input{
	position: absolute;
	top: 34px;
	left: 200px;
}
.input a{
	display:block;
	width: 122px;
	height: 41px;
	background-image: url(../images/input.png);
	background-repeat: no-repeat;
}

.new{
	position: absolute;
	top: 34px;
	left: 475px;
}
.new a{
	display:block;
	position: absolute;
	width: 122px;
	height: 41px;
	background-image: url(../images/new.png);
	background-repeat: no-repeat;

}
.download {
	position: absolute;
	top: 34px;
	left: 760px;
}
.download a{
	display:block;
	position: absolute;
	width: 122px;
	height: 41px;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;

}

/*----------轉轉樂按鈕------------*/

.btu2{
	display: block;
	width: 1057px;
	height: 85px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.go01{
	position: absolute;
	top: 34px;
	left: 348px;
}
.go01 a{
	display:block;
	position: absolute;
	width: 122px;
	height: 41px;
	background-image: url(../images/go_01.png);
	background-repeat: no-repeat;
	
}

.go02{
	position: absolute;
	top: 34px;
	left: 558px;
}
.go02 a{
	display:block;
	position: absolute;
	width: 122px;
	height: 41px;
	background-image: url(../images/go_02.png);
	background-repeat: no-repeat;

}

/*-----------表格------------*/
.w { color: #FFF;}
.black {
	color: #333;
}

.line {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #666;
}




.el{
	width: 1057px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}