/*-------------------------------以下基本設定------------------------------------*/
img {
	border: 0px;
}
body {
	/*background-color: #850E12;重複背景用*/
	overflow-x:hidden;
	background-attachment: fixed;
	background-color:#000;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(images/bg.jpg);

	
	}
/*-----------------------------預設文字設定---------------------------------*/	
	body,td,th {
	color: #FFF;
	font-size: 1em;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.02em;
	font-family: "微軟正黑體", "新細明體", "Arial";
}
a{
	text-decoration:none;
	color:#06F;
	}


/*----------浮動區塊----------*/
.fb_{
	z-index:90;
	position: absolute;
	margin-top: 10px;
	margin-left: 550px;

}

.title{
	position: absolute;

	z-index: 2;
	left:90px;
	top: -80px;

	
-webkit-animation:flipInX 4s .8s alternate ease both;/*alternate 反向播放*/
-moz-animation:flipInX 4s .8s  alternate ease both;

	-webkit-animation-iteration-count:infinite;/*播放次數*/
    -moz-animation-iteration-count:infinite;}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
	


.logo{
	position:
	fixed;
	width: 262px;
	height: 242px;
	margin-left: 660px;
	margin-top: 610px;
	z-index: 10;
	}




/*----------切版------------*/

/*上方背景用*/
.TOP_BG{
	/*background-image: url(images/bg.jpg);
	background-position: 50% top;
	background-repeat:no-repeat;
	background-attachment: fixed;*/

	
	}
	
.WRAP{
	width:1002px;
	margin:0 auto;
	position:relative;

	}

/*以下頁首*/
.TOP{
	display:block;
	height:323px;
	/*background-image:url(images/index_02.jpg);*/
	position:absolute;
	}

	
/*以下內容區*/
.CONTENT{
	height: 577px;/*不可以設高才能延伸*/
	/*background-image: url(images/index_05.jpg);*/
	background-repeat:no-repeat;
	position:relative;
	
	}
		

.footer {/*頁尾*/
/*	background: url(images/footer.jpg) no-repeat 50% bottom ;*/
height: 50px;
width:100%;
background-color:#000;
/*	position:fixed;
	position:absolute;
	bottom:0;*/
	text-indent:-999px;

	
}
/*----------內文------------*/
.TEXT{
	margin:0 0 0 8%;
	width:600px;
	position:absolute;

	}

.TEXT ol,li{
	margin-left:-10px;
	}


/*----------文字------------*/

.font1{/*文字下間距*/
	padding-bottom: 30px;
	}
.font2{/*變顏色*/
	color: #FF3333;
	}
.fontred{/*變紅色*/
	color:	#F00;
	}
.font3{/*文字靠左*/
	text-align:left;	
	}
.font4{/*首字凸出，下列字縮排*/
	 margin-left : 1em; 
	 text-indent : -1em; 
	}



/*-----------------------------以下表格-------------------------------------*/

.table {	           /*整體表格*/
	width: 85%;
	margin: 10px 3% 10px 0%; /*表格與外部的間距*/
	/*text-shadow: 1px 1px 2px #333;  文字陰影*/
	border: 0px	#FFF solid; /*框線顏色,樣式*/
/*	background-color: #FF9393;*/
	border-collapse: collapse; /*允許框線重疊*/
}

.table td {
	text-align: center;	   /*文字置中*/
	height:1.6em;
	line-height: 1.6em;/*列_高度*/
	padding: 0.2em;/*列_文字與框的距離*/
	border: #FFF dashed;/*框線顏色,樣式*/
	

	/*內_框線粗細*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}
.table th {
	line-height: 2em;/*第1列_高*/
	color: #FFF;/*第1列_文字顏色*/
	text-align: center;/*第1列_文字置中*/
	font-weight: bold;/*第1列_粗體*/
	letter-spacing: 2px;
	background-color: #FF3333;/*第1列_底色*/
	border: #FFF dashed;/*框線顏色,樣式*/
	/*首_框線粗細*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}
.table tr:hover {   /*滑鼠滑過*/
	background-color: #FFFFFF;
	background-color: rgba(255,102,102,0.4);
}

/*--------banner-----------*/

.slide-wrapper {/*整個外框*/
	width: 600px;
	height: 400px;
	padding: 5px 10px 10px 0px;
	border: 0px solid #ccc;
/*	background-color: #FC6;*/
	position: relative;
}


.pics {/*圖片*/
	margin-top:85px;

}

#nav {/*數字按鈕*/
	font-family: "微軟正黑體", "新細明體", "Arial";
	font-size:13px;
	line-height:15px;
	position: absolute;
	left: 380px;
	top: 70px;
	z-index: 999;
}

#nav a {
	color: #FFF;
	/*background-color: #F60;*/
	border: 1px solid #FFF;
	opacity:0.7;
	text-decoration: none;
	margin: 4px 4px;/*外間距*/
	padding: 2px 5px 2px 5px;/*內間距*/	
}
#nav a.activeSlide {/*目前按鈕*/
	background-color: #FFE8E8;
	color: #F00;
}
#nav a:focus {
	outline: none;
}



#msg {/*圖說*/
	font-family: "微軟正黑體", "新細明體", "Arial";
	font-size:0.95em;
	position: absolute;
	top:0px;
	left: 2px;
	/*width: 100%;*/
/*	height: 30px;*/
	z-index: 99;/*讓說明文字的階層高一點 不會被擋到*/
	color: #FFF;
	line-height: 30px;
	padding:0 20px 0 0px;
	
}
.msgbg {/*半透明文字框的底*/
	background-color: #000;
	opacity:0.2;
	position: absolute;
	top:0px;
	left: 0;
	width: 100%;
/*	height: 30px;*/
	z-index: 99;
}