@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_BG.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: 7250px;display: block;background-position: center top; background: url(images/content.jpg) no-repeat;}


.f1,.f2,.f3,.f4,.f5,.f6,.f7,.f8,.f9,.f10{ position: absolute; left: 50%; z-index: 50; width: 513px; height:57px; display:block; z-index:50; cursor: pointer;}
.f2,.f4,.f6,.f8,.f10{ margin-left: -527px;}.f10{margin-top: 690px;}.f8{margin-top: 840px;}.f6{margin-top: 990px;}.f4{margin-top: 1140px;}.f2{margin-top: 1290px;}
.f1,.f3,.f5,.f7,.f9{ margin-left: 24px;}.f9{margin-top: 780px;}.f7{margin-top: 930px;}.f5{margin-top: 1080px;}.f3{margin-top: 1230px;}.f1{margin-top: 1380px;}
.f11{ width:800px; height:450px; display:block; position:absolute; left:50%; margin:200px 0 0 -400px; z-index: 50; cursor: pointer;}

.f1_h,.f2_h,.f3_h,.f4_h,.f5_h,.f6_h,.f7_h,.f8_h,.f9_h,.f10_h{ position: absolute; left: 50%; z-index: 50; width: 770px; height:554px; display:none; z-index:60; cursor: pointer; margin-left:-385px;}
.f1_h{ margin-top: 1080px;}
.f2_h{ margin-top: 980px;}
.f3_h{ margin-top: 930px;}
.f4_h{ margin-top: 1050px;}
.f5_h{ margin-top: 1000px;}
.f6_h{ margin-top: 880px;}
.f7_h{ margin-top: 800px;}
.f8_h{ margin-top: 750px;}
.f9_h{ margin-top: 700px;}
.f10_h{ margin-top: 580px;}
.f11_h{ width:714px; height:107px; display:none; position:absolute; left:50%; margin:660px 0 0 -338px; z-index: 60;}

.btn_more a{ width: 742px; height: 160px; display: block; background: url(images/btn_more.png) no-repeat; position: absolute; left: 50%; margin: 7035px 0 0 -371px; cursor:pointer;}.btn_more a:hover{ background-position: 0 -160px;}


/* -----------------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;}
