@charset "utf-8";
/* CSS Document */
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}
body {
	font-family: Helvetica, Arial, sans-serif, 微軟正黑體;
	background-color: #000000;
}
:focus { outline: 0; }
table { border-spacing: 0 }
ol,
ul { list-style: none }
a { text-decoration: none }
abbr,
acronym,
fieldset,
img { border: 0 }
img { display: block; }

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after { clear: both; }
.btn { position: absolute; }
.header {
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,1);
	z-index: 70;
	position: fixed;
	border-bottom: rgba(255,255,255,.35) solid 1px;
}
.menu { margin: 14px 10px 0; float:left; }
.menu li {
	float: left;
	margin:0 5px;
}
.menu li.home { margin-top:-4px; margin-right:10px;}
.menu li:not(.home) a {
	color: #333;
	display: block;
	width:100px;
	height:32px;
	line-height:32px;
	text-align: center;
	text-decoration: none;
	background-image:url(../images/menu.png);
	background-position: left top;
	background-repeat:no-repeat;
}
.menu li:hover a,
.menu li.active a {
	color: #fff;
	background-position: right top;
}
.social_media { float: right; margin-top:16px; }
.social_media li.media {
}
.social_media li:not(.home) a { padding: 0; width:auto; height:auto; background-image:none; }
.join {
	position:absolute;
	top:659px;
	left:50%;
	transform: translateX(-50%);
}
.join2 {
	top:1685px;
	transform: translateX(-1.5%);
}
.join a {
	display: block;
	width:400px;
	height:90px;
	background-image:url(../images/join.png);
	background-position: left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.join a:hover {
	background-position: left bottom;
}
.customer {
    position: absolute;
    top: 2595px;
    left: 50%;
    transform: translateX(40%);
}
.customer a {
	display: block;
	width:112px;
	height:30px;
	text-indent:-9999px;
	background-color: rgba(255,255,0,.25);
}
/******************************************************************/
.wrap {
	height: 2970px;
	min-width:1280px;
	background-image: url(../images/index.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
@media screen and (max-device-width: 480px){
.join {
	transform: translateX(-12%);
}
.join2 {
	transform: translateX(37.5%);
}
.customer {
    transform: translateX(178%);
}
}