@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-repeat: no-repeat;
	background-color: #000000;
}

#gotop {display: none;position: fixed; bottom: 100px; right: 10px;background: url(images/btn_gotop.png) no-repeat;width: 118px;height: 118px;cursor: pointer;z-index: 200;}#gotop:hover{background-position: 0 -118px;}
#faq a{display: none;position: fixed; bottom: 177px; right: 45px;background: url(images/btn_faq.png) no-repeat;width: 76px;height: 235px;cursor: pointer;z-index: 199;}#faq a:hover{background-position: -76px 0;}
/* -----------------版頭------------------------- */
.empty{	margin: 0 auto;	width: 1200px;	height: 700px;	display: block;	background-position: center top;}
.empty .logo_month a{	width: 200px;	height: 150px;	display: block;	background: url(images/logo_month.png) no-repeat;	position: absolute;	margin: 10px 0 0 -100px;	left: 50%;	z-index: 99;}.empty .logo_month a:hover{	background-position: 0 -150px;}

.main_1,.main_2,.main_3,.main_4{ display:block; position:absolute; left:50%; cursor:pointer;}
.main_1{ width:339px; height:140px; margin:500px 0 0 -613px;}
.main_2{ width:339px; height:140px; margin:500px 0 0 -342px;}
.main_3{ width:339px; height:140px; margin:500px 0 0 16px;}
.main_4{ width:339px; height:140px; margin:500px 0 0 275px;}
.m1,.m1_h,.m2,.m2_h,.m3,.m3_h,.m4,.m4_h{ position:absolute;}
.m1_h,.m2_h,.m3_h,.m4_h{ z-index: 100; display: none;}

/* -----------------CONTENT------------------------- */
.content{ margin: 0 auto;width: 1200px;height: 4000px;display: block;background-position: center top; background: url(images/content2.jpg) no-repeat;}

.btn_1 a,.btn_2 a,.btn_3 a,.btn_4 a{width: 580px; height: 100px; display: block; background: url(images/content3_btn.png) no-repeat; position: absolute; left: 50%;}
.btn_1 a{ margin: 12px 0 0 -578px;}.btn_1 a:hover{ background-position: -580px 0;}
.btn_2 a{ margin: 85px 0 0 3px; background-position: 0 -100px;}.btn_2 a:hover{ background-position: -580px -100px;}
.btn_3 a{ margin: 122px 0 0 -578px; background-position: 0 -200px;}.btn_3 a:hover{ background-position: -580px -200px;}
.btn_4 a{ margin: 195px 0 0 3px; background-position: 0 -300px;}.btn_4 a:hover{ background-position: -580px -300px;}



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