/*-------------------------------基本設定-----------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,img {
	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;
	border: 0px;
}
body {
	
/*	background: url(images/bg-s.jpg) 50% 50%;*/
	overflow:hidden;
	min-width: 1002px;/*最小寬度設定*/
 	width: expression(document.body.clientWidth < 1002? "1002px": "auto" );
	background-color: #000;
}
.img-responsive {/*圖片自動伸縮 chrome才有用*/
height: auto;max-width: 100%;

}


*{	/*解決用了padding後版面亂掉的問題,ie8不支援*/
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;   
 	box-sizing: border-box;         
	
	}
a {
	text-decoration: none;
	color: #06F;
	outline: none; /* for Firefox 清虛線*/
 hlbr:expression(this.onFocus=this.blur()); /* for IE 清虛線*/
}
img {
	border: 0px;
}


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

.TOP_BG {/*上方背景用*/
	width: 100%;

	background-position: left top;
	background-repeat: no-repeat;
	background-image:url(images/bg.jpg);
	min-width: 1002px;/*最小寬度設定*/
 width: expression(document.body.clientWidth < 1002? "1002px": "auto" );
}
.WRAP {

	position: relative;
	max-width: 1002px;
/*	margin: 0 auto;  靠左*/

	max-width: 1002px;/*最大寬度設定*/
 width: expression(document.body.clientWidth > 1002? "1002px": "auto" );
}

.header {/*頁首*/
	height: 900px;
	/*background-image:url(images/index_02.jpg);*/
}

.article {/*內容區*/
	/*height: 818px;不可以設高才能延伸*/
	/*background-image: url(images/index_05.jpg);*/
	background-repeat: no-repeat;/*background-color:#0F0;*/
}

.footer {/*頁尾*/
	background: url(images/footer.jpg) no-repeat 50% top ;
height: 100px;
width:100%;
background-color:#000;
/*	position:fixed;*/
/*	position:absolute;*/
position:absolute;
z-index:92;
	
}


/*------------------------------以下浮動區塊------------------------------------*/
.fb_ {
	position: absolute;
	z-index: 99;
	margin-top: 10px;
	left: 580px;
}
.BB {
	position: absolute;
	z-index: 20;
	left: 0px;
	top: 0px;
	width:600px;
	height:400px;
}
.logo {
	position: absolute;
	z-index: 5;
	left:150px;
	top: 65px;
}

#gotop {/*回頂端*/
	display: none;/*預設隱藏*/
	position: fixed;/*固定在右下角*/
	right: 15px;
	bottom: 50px;
	padding: 10px 15px;
	font-size: 20px;
	background-color: #FF6600;
	color: #FFFFFF;
	cursor: pointer;
}



	#close2{
position:absolute;
/*background-color:#063;*/
left:180px;
top:400px;
z-index:21;
width:100px;
height:100px;
cursor:pointer;
	}

/*--------------------------------以下文字-------------------------------------*/

body, td, th ,.BOX {
	color: #6A0000;
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.02em;
	font-family: "微軟正黑體", "新細明體", "Arial";	font-weight: bold;
}

.green0{/*變藍色*/
	font-size: 13px;
	color: #FF3300;
	font-weight: normal;
	text-align:right;
}




.sp {/*文字註解*/
	font-size: 0.9em;
}

/*-----------------------------以下表格-------------------------------------*/
.table {	           /*整體表格*/
	width: 85%;
	margin: 10px 3% 10px 0%; /*表格與外部的間距*/
	font-size: 1em;       /*文字大小*/
	text-align: center;	   /*文字置中*/
	/*text-shadow: 1px 1px 2px #333;  文字陰影*/
	border:	#FFF dashed; /*框線顏色,樣式*/
	/*外_框線粗細*/
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 1px;
		background-color: #FF3333;
	

}

.table td {		 /**/
	line-height: 1.6em;/*列_高度*/
	padding: 3px;/*列_文字與框的距離*/
	/*font-weight: bold;列_文字粗體*/
	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: #FF0000;/*第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(255,102,102,0.4);
}

/*------------------------------以下選單（按鈕）-----------------------------------*/

#leftmenu{/*左邊選單*/
	position:absolute;
	
left:-551px;
width:2551px;
height:900px;
background-image:url(images/menu.jpg);
	z-index: 1;
}


#line{
/*background-color:#F30;*/
position:absolute;
z-index:91;
left:2px;cursor:pointer;
	}
#open{
/*background-color:#F30;*/
position:absolute;
left:50px;
top:585px;
z-index:91;
width:600px;
height:400px;
cursor:pointer;
	}
	
#close {/*關閉*/
	/*background-color: #30F;*/
	position: absolute;
	left:50px;
	top: 585px;
	z-index: 90;
	width: 600px;
	height: 400px;
	cursor: pointer;
}
/*-----------------------------以下內頁-------------------------------------*/




.BOXS	{
	width:540px;
	height:900px;
	padding-right:20px;
	position: absolute;
	left:-550px;
	z-index: 10;
	/*background-color:#0F0;*/
	}
 #BOX1,#BOX2,#BOX3 {
	/*display: none;*/

}