@charset "UTF-8";

html {overflow-x:hidden;overflow-y:scroll;}
body {
	margin:0px;
	background: url('../../images/bg.jpg') no-repeat center center fixed;
	background-size: cover;
	background-color:#000000;
}
/* a {blr:expression(this.onFocus=this.blur()); outline:none;} */
img {border:0px;}

body, td, p {font-family:"微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:1rem; color:#000; line-height:160%;}
select,textarea,input {font-family:"微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:1rem; color:#000; line-height:160%;}
a {color:#ffee00; text-decoration:none;}
a:hover,a:active {color:#ffff00; text-decoration:none;}
ul,li {margin: 0;padding: 0;list-style: none;}

/*bg*/
#bg_list {
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background-color: #000;
}
#bg_list .bg.bg0 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg0.png') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg1 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg1.png') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg2 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg2.png') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg3 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg3.png') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg4 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg4.jpg') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg5 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg5.jpg') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg6 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg6.jpg') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg7 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg7.jpg') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg8 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg8.jpg') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_list .bg.bg9 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg9.jpg') no-repeat center center;
	background-size:cover;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#bg_mask_l {
	position:absolute;
	width:100%;
}
#bg_mask_l img {
	max-width:100%;
	display:block;
}
#bg_mask_t {
	position:absolute;
	width:100%; height:30%;
	background: -moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#bg_mask_r {
	position:absolute;bottom:0;right:0;
	width:100%;
}
#bg_mask_r img {
	max-width:100%;
	display:block;float:right;
}
#bg_mask_b {
	position:absolute;bottom:0;
	width:100%; height:30%;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*doc*/
#doc {
	position:relative;
	margin:0 auto;
	width:100%;
}
#main {
	position:relative;
	margin:0 auto;
	/* max-width:1280px; */
}
#logo_list {
	position:relative;
	margin:0 auto;
	width:96%;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#logo_list img {
	margin:0 auto;
	max-width:100%;
	display:block;
}
#coming_soon {
	position:relative;
	margin:0 auto;
	padding-top:3%;
	width:96%;
}
#coming_soon .coming {
	position:relative;top:0;left:29.31%;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#coming_soon .coming img {
	max-width:45%;
}
#coming_soon .soon {
	position:relative;top:0;right:29.31%;
	text-align:right;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
}
#coming_soon .soon img {
	max-width:45%;
}
#enter_list {
	position:relative;
	margin:0 auto;
	padding:8% 0 0 0;
	width:75%;
	text-align:center;
	font-weight:900;
}
#enter_list span {
	color:#ff0054;
}
#enter_list img {
	margin-top:-2%;
	width:33.3333%;
	min-width:150px;
}
#enter_list .underline {
	margin:0 auto;
	width:40%;height:2px;
	background-color:#ff0054;
}
.touch_img {
	cursor:pointer;
}