@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/index_BG2.jpg);
	background-color: #0c0002;
}

.empty{
	margin: 0 auto;
	width: 1000px;
	height: 400px;
	display: block;
}
.empty .logo a{
	width: 200px;
	height: 150px;
	display: block;
	background: url(images/logo_free.png) no-repeat;
	position: absolute;
	margin-top: 80px;
	margin-left: 150px;
	z-index: 99;
}
.empty .logo a:hover{
	background-position: 0 -150px;
}
.content{
	margin: 0 auto;
	width: 1000px;
}

#gotop {
    display: none;
    position: fixed;
    margin-left: 980px;
    top: 370px;     
    background: url(images/btn_gotop.png) no-repeat;
	width: 100px;
	height: 155px;
	cursor: pointer;}
#gotop:hover{
	background-position:-100px 0 ;
}

.content .people{
	position: absolute;
    margin-left: -168px;
    margin-top: -343px;
}

.pic_boy{
	position: absolute;
	margin-top: -370px;
	margin-left: 720px;
	z-index: 99;}


.btn_2 a{
	cursor: pointer;
	position: absolute;
	margin-top: 160px;
	margin-left: 120px;
	width: 166px;
	height: 167px;
	z-index: 99;
	display: block;	
	background: url(images/btn_2.png);}
.btn_2 a:hover{background-position:  0 -167px;}
.btn_3 a{
	cursor: pointer;
	position: absolute;
	margin-top: 260px;
	margin-left: 270px;
	width: 166px;
	height: 167px;
	z-index: 99;
	display: block;	
	background: url(images/btn_3.png);}
.btn_3 a:hover{background-position:  0 -167px;}
.btn_4 a{
	cursor: pointer;
	position: absolute;
	margin-top: 160px;
	margin-left: 420px;
	width: 166px;
	height: 167px;
	z-index: 99;
	display: block;	
	background: url(images/btn_4.png);}
.btn_4 a:hover{background-position:  0 -167px;}
.btn2 a{
	cursor: pointer;
	position: absolute;
	margin-top: 690px;
	margin-left: 286px;
	width: 456px;
	height: 77px;
	z-index: 99;
	display: block;	
	background: url(images/btn2.png);}
.btn2	 a:hover{
	background-position:  0 -77px;
}
.btn_1_2 a{
	cursor: pointer;
	position: absolute;
	margin-top: 1778px;
	margin-left: 420px;
	width: 166px;
	height: 167px;
	z-index: 99;
	display: block;	
	background: url(images/btn_1.png);}
.btn_1_2 a:hover{
	background-position:  0 -167px;
}

.video_boy{
	position: absolute;
	top: 2425px;
	margin-left: 90px;
	width: 400px;
	height: 300px;
	display: block;
	background-position: 0px -742px;
	z-index: 9999;
}
.video_girl{
	position: absolute;
	top: 2425px;
	margin-left: 510px;
	width: 400px;
	height: 300px;
	display: block;
	background-position: 0px -742px;
	z-index: 9999;
}








.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;	
}