/*-------------------------------以下基本設定------------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	border-top-width: 100%;
	border-right-width: 100%;
	border-bottom-width: 100%;
	border-left-width: 100%;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
body {
	background-image: url(images/index_03.jpg);
	background-repeat: repeat;
	background-position:	center top;

}
/*-----------------------------以下切版-------------------------------------*/

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

	min-width: 1002px;
	width: 100%;
	overflow: hidden;
	/*最小寬度設定*/
/*		min-width: 1002px;
 width: expression(document.body.clientWidth < 1002? "1002px": "auto" );*/
}
.WRAP {	
	position: relative;
	margin: 0 auto;
	width: 100%;
		max-width: 1002px;/*最大寬度設定*/
 width: expression(document.body.clientWidth > 1002? "1002px": "auto" );
	
	/*max-width: 1002px;最大寬度設定*/
 	/*width: expression(document.body.clientWidth > 1002? "1002px": "auto" );*/
}
.header {/*頁首*/
	position: relative;
	margin: 0 auto;

	height: 688px;/*background:url(images/index_01.jpg) no-repeat  top center;*/
}
.article{
	background-image:url(images/index_02.jpg);
	background-repeat: no-repeat;
	background-position:	top center;
	}

.footer {/*頁尾*/
	background: url(images/index_04.jpg) no-repeat 50% bottom;
	height: 132px;
	max-width: 100%;/*	position:fixed;*/
/*	position:absolute;*/
	
}
/*------------------------------以下浮動區塊------------------------------------*/
.fb_ {
	position: absolute;
	z-index: 99;
	margin-top: 10px;
	left: 100px;
}
.BB {
	right: 30px;
	position: absolute;
	z-index: 10;
	top: 373px;
}
.logo {
	position: absolute;
	z-index: 99;
	left: 38%;
	top: 400px;
}
.open {/*動態PNG*/
/*	position: absolute;
	margin-left: 300px;
	margin-top: 700px;
	z-index: 108;
	width: 467px;
	height: 151px;*/
}
#gotop {/*回頂端*/
	/*display: none;預設隱藏*/
	position: fixed;/*固定在右下角*/
	right: 15px;
	bottom: 25px;
	padding: 10px 15px;
	font-size: 20px;
	background-color: #56D8FC;
	color: #FFFFFF;
	cursor: pointer;
	z-index: 999;
}
/*-----------------------------以下切換頁-------------------------------------*/

.BOX {	text-align: justify;

	
	max-width: 850px;
最大寬度設定  width: expression(document.body.clientWidth >850? "850px": "auto" );
	margin: 0 auto;
	width: 100%;
	padding: 5px 3% 5px 5%; /*表格與外部的間距*/
}
.BOX1 {	text-align: justify;

	padding: 0px 5% 5px 20%; /*表格與外部的間距*/
}
.BOX img {
	margin-right: 30px;
}
/*-----------------------------圖片特效設定---------------------------------*/	
.BOX2 {width: 200px;
	float:left;
	
}
.BOX2 ul {
	margin: 0px;
padding:16px 0px 0px 0px;
	list-style: none;
	height: 300px;
}
.BOX2 ul li {
	margin-top: 10px;
	border: 0px solid #e0e0e0;
}
.BOX2 ul li a {
	display: block;
}
.BOX2 ul li a img {
	width: 170px;
	border: 2px solid #006633;
	border-radius: 8px;
}
.BOX2 ul li a:hover img {
	border: 2px solid #FF6600;
	border-radius: 8px;
}
.datu {/*跳出來的大圖*/
	position: absolute;
	border: 6px solid #FF8A3C;
	height: 400px;
	margin: 0;
	padding: 0;
	border-radius: 8px;
}
/*-----------------------------預設文字設定---------------------------------*/	
body, td, th {
	font-size: 1em;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.02em;
	font-family: "微軟正黑體", "新細明體", "Arial";
}
a {
	text-decoration: none;
	color: #06F;
	outline: none; /* for Firefox 清虛線*/
 hlbr:expression(this.onFocus=this.blur()); /* for IE 清虛線*/
}
img {
	border: 0px;
}
h5 {/*文字下間距*/
	font-size: 2em;
	color: #8989D8;
	padding-bottom: 50px;/*font-weight: bold;*//*text-shadow: 0px 0px 1px rgba(0,0,0,0.3);*//*letter-spacing: 0.1em;*/
}
h6 {/*文字前有小圖*/
	font-size: 1em;
	color: #CC0000;
	padding-left: 1em;
}
.red {/*變紅色*/
	font-size: 1em;
	color: #FF0000;
}
.green {/*變綠色*/
	font-size: 1em;
	color: #0791BE;
}
.sp {/*文字註解*/
	font-size: 0.9em;
	color: #000000;
	line-height: 1.5em
}
/*-----------------------------以下表格-------------------------------------*/

.table {	           /*整體表格*/
	width: 70%;
	margin: 10px 0% 10px 0%; /*表格與外部的間距*/
	/*text-shadow: 1px 1px 2px #333;  文字陰影*/
	border: 1px #FFF solid; /*框線顏色,樣式*/
	background-color: #9EE4FC;
	border-collapse: collapse; /*允許框線重疊*/
}
.table td {
	text-align: center;	   /*文字置中*/
	height: 1.6em;
	line-height: 1.6em;/*列_高度*/
	padding: 0.2em;/*列_文字與框的距離*/
	border: #FFF dashed;/*框線顏色,樣式*/
	/*內_框線粗細*/
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	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: #26C3F8;/*第1列_底色*/
	border: #FFF dashed;/*框線顏色,樣式*/
	/*首_框線粗細*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
}
.table tr:hover {   /*滑鼠滑過*/
	background-color: #FFFFFF;
	background-color: rgba(38,195,248,0.4);
}

/*------------------------------- 手機版本 -----------------------------------------*/

@media screen and (min-width: 1299px) and (max-width: 1500px) {
}
@media screen and (min-width: 600px) and (max-width: 1300px) {
}