@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-color: #ffffff;
}

.empty{
	margin: 0 auto;
	width: 1000px;
	height: 440px;
	display: block;
}
.content{
	margin: 0 auto;
	width: 100%;
}
.article{
	margin: 0 auto;
	width: 1000px;
	position: absolute;
	margin-top: -420px;
	left: 50%;
	margin-left: -500px;
}

#gotop {
    display: none;
    position: fixed;
    margin-left: 1000px;
    top: 370px;     
    background: url(images/btn_gotop.png) no-repeat;
	width: 80px;
	height: 90px;
	cursor: pointer;
	z-index: 100;}
#gotop:hover{
	background-position: 0 -90px;
}
#girl a{
    display: none;
    position: fixed;
    margin-left: -178px;
    top: 100px;     
    background: url(images/btn_girl.png) no-repeat;
	width: 250px;
	height: 500px;
	z-index: 100;}
#girl a:hover{
	background-position: -250px 0;
}
.wait{
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -230px 0 0 -430px;
	width: 860px;
	height: 270px;
	display: none;
	z-index: 300;	
}
.bg_black{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #000000;
	opacity: 0.9;
	filter:alpha(opacity=90);
	z-index: 200;
	background: url(images/lightbox_bg.jpg);
}
.white{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	display: none;
	background-color: #ffffff;
	z-index: 400;
}

.btn_close{
	position: absolute;
	bottom: 25px;
	right: 43px;
	width: 50px;
	height: 50px;
	display: block;
	font-size: 25px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
}
.btn_close:hover{
	color: #ffee33;
}










.btn_01 a{
	position: absolute;
	top: 40px;
	margin-left: 207px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -72px;
}
.btn_01 a:hover{background-position: -600px -212px;}
.btn_02 a{
	position: absolute;
	top: 75px;
	margin-left: 231px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -92px;
}
.btn_02 a:hover{background-position: -600px -232px;}
.btn_03 a{
	position: absolute;
	top: 111px;
	margin-left: 244px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -112px;
}
.btn_03 a:hover{background-position: -600px -252px;}
.btn_04 a{
	position: absolute;
	top: 40px;
	margin-left: 597px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -132px;
}
.btn_04 a:hover{background-position: -600px -272px;}
.btn_05 a{
	cursor: pointer;
	position: absolute;
	top: 75px;
	margin-left: 572px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -152px;
}
.btn_05 a:hover{background-position: -600px -292px;}
.btn_06 a{
	cursor: pointer;
	position: absolute;
	top: 110px;
	margin-left: 556px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -172px;
}
.btn_06 a:hover{background-position: -600px -312px;}
.btn_07 a{
	cursor: pointer;
	position: absolute;
	top: 147px;
	margin-left: 400px;
	width: 200px;
	height: 20px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -600px -192px;
}
.btn_07 a:hover{background-position: -600px -332px;}


/* ------------------------------------------首頁的按鈕-------------------------------------------- */
.btn_sub1_1 a{
	cursor: pointer;
	position: absolute;
	top: 216px;
	margin-left: 138px;
	width: 184px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: 0px 0px;
}
.btn_sub1_1 a:hover{background-position: 0px -36px;}
.btn_sub1_2 a{
	cursor: pointer;
	position: absolute;
	top: 216px;
	margin-left: 322px;
	width: 184px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -184px 0px;
}
.btn_sub1_2 a:hover{background-position: -184px -36px;}
.btn_sub1_3 a{
	cursor: pointer;
	position: absolute;
	top: 216px;
	margin-left: 506px;
	width: 184px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -368px 0px;
}
.btn_sub1_3 a:hover{background-position: -368px -36px;}
.btn_sub1_4 a{
	cursor: pointer;
	position: absolute;
	top: 216px;
	margin-left: 690px;
	width: 184px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -552px 0px;
}
.btn_sub1_4 a:hover{background-position: -552px -36px;}


.btn_sub1 a{
	cursor: pointer;
	position: absolute;
	top: 1100px;
	margin-left: 190px;
	width: 615px;
	height: 150px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: 0px -442px;
}
.btn_sub1 a:hover{background-position: 0px -592px;}

/* ------------------------------------------第二頁-------------------------------------------- */
.btn_sub2 a{
	cursor: pointer;
	position: absolute;
	top: 1455px;
	margin-left: 406px;
	width: 183px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: 0px -370px;
}
.btn_sub2 a:hover{background-position: 0px -406px;}
.system0{
	width: 1000px;
	background: url(images/bg.png);
	color: #ffffff;
	font-size: 16px;
	font-family: "微軟正黑體";
}
.system0 .content{
	margin-left: 105px;
}
.system0 .content table{
	border: 1px solid #ffcc01; 
}
.system0 .content table tr td{
	padding: 8px 3px 8px 3px;
}

.system0 .content div{
	color: #ffe401;
	font-size: 16px;
	line-height: 30px;
}
.system0 .content span{
	color: red;
	font-size:22px;
	font-weight: bold;
}
/* ------------------------------------------第三頁-------------------------------------------- */
.system{
	width: 1000px;
	background: url(images/bg.png);
	color: #ffffff;
	font-size: 16px;
	font-family: "微軟正黑體";
}
.system .content{
	margin-left: 105px;
}
.system .content table{
	border: 1px solid #ffcc01; 
}
.subtitle{
	padding-top: 20px;
	color: #ffcc01;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}
.system .content table tr td{
	padding: 8px 3px 8px 3px;
}
.system .content span{
	width: 100px;
	height: 25px;
	display: block;
	background-color: red;
	float: left;
	margin: 10px 10px 5px 0;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}

.data01{display: none;}
.data02{display: none;}
.data03{display: none;}
/* ------------------------------------------第四頁-------------------------------------------- */
.system2{
	width: 1000px;
	background: url(images/bg.png);
	color: #ffffff;
	font-size: 16px;
	font-family: "微軟正黑體";
	line-height: 50px;
}
.system2 .content2 .item{
	font-size: 20px;
	font-weight: bolder;
	line-height: 20px;
	color: #f8c600;
}
.system2 .content2 table{
	text-align: center;
}
.ps2{
	margin-left: 280px;
	padding-top: 8px;
	color: red;
}
.icon_1{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 0;}
.icon_2{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -50px;}
.icon_3{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -100px;}
.icon_4{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -150px;}
.icon_5{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -200px;}
.icon_6{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -250px;}
.icon_7{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -300px;}
.icon_8{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -350px;}
.icon_9{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -400px;}
.icon_10{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -450px;}
.icon_11{background:url(images/sub_04/icon.png) no-repeat;	background-position: 0 -500px;}
/* ------------------------------------------第五頁-------------------------------------------- */
.system3{
	width: 1000px;
	background: url(images/bg.png);
	color: #ffffff;
	font-size: 16px;
	font-family: "微軟正黑體";
}
.system3 .content{
	margin-left: 105px;
}
.system3 .content table{
	border: 1px solid #ffcc01; 
}

.system3 .content table tr td{
	padding: 8px 3px 8px 8px;
}
.ps{
	padding-top: 8px;
	color: red;
}
.btn_sub5 a{
	cursor: pointer;
	position: absolute;
	top: 678px;
	margin-left: 157px;
	width: 184px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -183px -370px;
}
.btn_sub5 a:hover{background-position: -183px -406px;}
/* ------------------------------------------第六頁-------------------------------------------- */

.btn_sub6_l a{
	cursor: pointer;
	position: absolute;
	top: 920px;
	margin-left: 210px;
	width: 277px;
	height: 149px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: 0px -742px;
}
.btn_sub6_l a:hover{background-position: 0px -891px;}
.btn_sub6_r a{
	cursor: pointer;
	position: absolute;
	top: 920px;
	margin-left: 512px;
	width: 277px;
	height: 149px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -277px -742px;
}
.btn_sub6_r a:hover{background-position: -277px -891px;}
/* ------------------------------------------第七頁-------------------------------------------- */
.btn_sub7_1 a{
	cursor: pointer;
	position: absolute;
	top: 363px;
	margin-left: 112px;
	width: 184px;
	height: 40px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -680px -400px;
}
.btn_sub7_1 a:hover{background-position: -680px -560px;}
.btn_sub7_2 a{
	cursor: pointer;
	position: absolute;
	top: 363px;
	margin-left: 296px;
	width: 184px;
	height: 40px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -680px -440px;
}
.btn_sub7_2 a:hover{background-position: -680px -600px;}
.btn_sub7_3 a{
	cursor: pointer;
	position: absolute;
	top: 363px;
	margin-left: 480px;
	width: 184px;
	height: 40px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -680px -480px;
}
.btn_sub7_3 a:hover{background-position: -680px -640px;}
.btn_sub7_4 a{
	cursor: pointer;
	position: absolute;
	top: 363px;
	margin-left: 664px;
	width: 224px;
	height: 40px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -680px -520px;
}
.btn_sub7_4 a:hover{background-position: -680px -680px;}


.video_boy{
	position: absolute;
	top: 845px;
	margin-left: 83px;
	width: 400px;
	height: 300px;
	display: block;
	background-position: 0px -742px;
}
.video_girl{
	position: absolute;
	top: 845px;
	margin-left: 514px;
	width: 400px;
	height: 300px;
	display: block;
	background-position: 0px -742px;
}





/* ------------------------------------------底部-------------------------------------------- */
.bottom_bg{
	width: 100%;
	height: 413px;
	background: url(images/bottom_03.jpg) no-repeat top center;
}

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