@charset "UTF-8";

html {overflow-x:hidden;overflow-y:scroll;}
body {
	margin:0px;
	background-color:#eee;
}
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:#fff; line-height:160%;font-weight:500;}
select,textarea,input {
	font-family:"微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:1rem; color:#000; line-height:160%;font-weight:500;}
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%;
}
#bg_list .bg.bg0 {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	background:url('../images/bg0.jpg') no-repeat center center;
	background-size:1920px;
	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.jpg') no-repeat center center;
	background-size:1920px;
	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.jpg') no-repeat center center;
	background-size:1920px;
	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.jpg') no-repeat center center;
	background-size:1920px;
	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%;
}
#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%;
	max-width:720px;
}
#main {
	position:relative;
	margin:0 auto;
}
#logo_list {
	position:relative;
	margin:0 auto;
	width:90%;
}
#logo_list img {
	margin:0 auto;
	max-width:100%;
	display:block;
}
#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;
}
#foot_list {
	position:relative; 
	border-top:1px solid #ccc;
	width:100%;
	font-size:13px; font-size:0.813rem; color:#999; font-weight:300; line-height:140%; text-align:center;
	z-index:1;
}
#foot_list a {
	color:#333; text-decoration:underline;
}
#foot_list a:hover,#foot_list a:active {
	color:#000; text-decoration:none;
}
#foot_list img {
	vertical-align:-13px;
}
#foot_list .copy {
	padding:15px 8%;
	text-align:center;
	display:inline-block;
}
#foot_list .copy img {
	margin:0 6px 0 0;
	height:2.5rem;
}
#foot_list .copy .foot_logo {
	/*float:left;*/
	padding-bottom:15px;
}
#foot_list .copy .foot_copy {
	/*float:left;*/
}
#foot_list .link {
	position:absolute;top:-3.4rem;right:0;
}
#foot_list .link img {
	margin:0 5px 0 5px;
	height:3rem;
}
.touch_img {
	cursor:pointer;
}