@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{
	cursor: pointer;
	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{
	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: 38px;
	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: 222px;
	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: 406px;
	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: 590px;
	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_5 a{
	cursor: pointer;
	position: absolute;
	top: 216px;
	margin-left: 773px;
	width: 184px;
	height: 36px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -734px 0px;
}
.btn_sub1_5 a:hover{background-position: -734px -36px;}

.btn_sub1_l a{
	cursor: pointer;
	position: absolute;
	top: 1329px;
	margin-left: 210px;
	width: 277px;
	height: 149px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: 0px -72px;
}
.btn_sub1_l a:hover{background-position: 0px -221px;}
.btn_sub1_r a{
	cursor: pointer;
	position: absolute;
	top: 1329px;
	margin-left: 512px;
	width: 277px;
	height: 149px;
	display: block;
	background: url(images/btn.png) no-repeat;
	background-position: -277px -72px;
}
.btn_sub1_r a:hover{background-position: -277px -221px;}

/* ------------------------------------------第二頁按鈕-------------------------------------------- */
.btn_sub2 a{
	cursor: pointer;
	position: absolute;
	top: 1058px;
	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;}

/* ------------------------------------------第三頁-------------------------------------------- */
.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;
}
.list_icon1_1{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 0;}
.list_icon1_2{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -50px;}
.list_icon1_3{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -100px;}
.list_icon1_4{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -150px;}
.list_icon1_5{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -200px;}
.list_icon1_6{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -250px;}
.list_icon1_7{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -300px;}
.list_icon1_8{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -350px;}
.list_icon1_9{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -400px;}
.list_icon1_10{background: url(images/sub_04/icon.png) no-repeat; background-position: 0 -450px;}
.list_icon3{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: 625px;
	margin-left: 406px;
	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 -442px;
}
.btn_sub6_l a:hover{background-position: 0px -591px;}
.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 -442px;
}
.btn_sub6_r a:hover{background-position: -277px -591px;}








/* ------------------------------------------底部-------------------------------------------- */
.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;	
}