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


/* --------------------------------------------RESET-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
/* ------------------------------------------RESET END-------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "微軟正黑體","Microsoft JhengHei", Times, serif, Gadget;
	font-size: 14px;
	background-image: url(images/bg_1.jpg);
	background-repeat: repeat;
	background-color: #88878b;
}

.empty{
	margin: 0 auto;
	width: 100%;
	height: 800px;
	display: block;
	background-position: center top;
	background-image: url(images/01_pic.png);
	background-repeat: no-repeat;
}
.empty .logo a{
	width: 200px;
	height: 150px;
	display: block;
	background: url(images/logo_free.png) no-repeat;
	position: absolute;
	margin-top: 10px;
	left: 50%;
	margin-left: 100px;
	z-index: 99;
}
.empty .logo a:hover{
	background-position: 0 -150px;
}
.content{
	margin: 0 auto;
	width: 1000px;
}

#gotop {
    display: none;
    position: fixed;
    margin-left: 1000px;
    bottom: 100px;     
    background: url(images/btn_gotop1.png) no-repeat;
	width: 74px;
	height: 78px;
	cursor: pointer;
	z-index: 20;}
#gotop:hover{
	background-position: 0px -78px;
}

.btn_ram a{
	position: absolute;
	margin: 0 auto;
	margin-left: 180px;
	margin-top: 175px;
	width: 232px;
	height: 36px;
	display: block;
	z-index: 10;
	background: url(images/btn_ram.png) no-repeat;
}
.btn_ram a:hover{background-position: 0 -36px;}



.btn_goto2 {
	position: absolute;
	margin: 0 auto;
	margin-left: 700px;
	margin-top: -150px;
	width: 166px;
	height: 166px;
	display: block;
	z-index: 10;
}

.btn_goto2 .btn_goto2_1{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}
.btn_goto2 .btn_goto2_2{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
}










.footer{
	width: 100%;
	margin: 0 auto;
	background-color: #000;
}
.footer .copyright{
	width: 1000px;
	height: 70px;
	display: block;
	background-color: #333;
}
.footer .copyright .btn_bf a{
	position: absolute;
	margin-left: 0;
	width: 220px;
	height: 70px;
	display: block;	
}