/*-------------------------------基本設定-----------------------------------*/
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-color: #FFF;
	background-image: url(images/downer.jpg);/*重複背景用*/
	background-position:bottom center;
	background-repeat:no-repeat;
	overflow-x:hidden;
}
	
	
/*-----------------------------預設文字設定---------------------------------*/	
body, td, th ,.BOX {
	color: #000;
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
	font-family: "微軟正黑體", "新細明體", "Arial";
/*	font-weight: bold;*/
}
a {
	text-decoration: none;
	color: #09F;
	outline: none; /* for Firefox 清虛線*/
 	hlbr:expression(this.onFocus=this.blur()); /* for IE 清虛線*/
}
img {
	border: 0px;
}


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

/*----------浮動區塊----------*/
.fb_ {
	z-index: 90;
	position: absolute;
	margin-top: 10px;
	margin-left: 750px;
}
.uper{/*上面滑動*/
	position: absolute;
	top:0px;
	width:100%;
	height:492px;
		background-image:url(images/uper.jpg);
	background-position: 50% bottom;
	z-index:10;
	
	}
.downer{/*下面滑動*/
	position: absolute;
	top:491px;;
	width:100%;
	height:609px;
	background-image:url(images/downer.jpg);
	background-position: 50% top;
	
	z-index:10;
	}
.downer-cover{/*為了遮住最下面的底*/
	position: absolute;
	top:400px;;
	width:100%;
	height:300px;
	background-color:#FFF;
	background-position: 50% top;
	z-index:2;
	display:none;
	
	}

.logo {
	position: absolute;
	margin-left: 390px;
	top: -300px;
	z-index: 90;

}
.gotoweb {/*進入官網*/
	position: absolute;
	margin-left: 400px;
	top:550px;
	z-index: 95;
	display:none;

}

.man {
	position: absolute;
	display:none;
	left: 500px;
	top: 50px;
	z-index: 88;cursor:pointer;
	width:100%;
}


.open{
	display:block;
	cursor:pointer;
	position: absolute;
	margin-left: 290px;
	margin-top:500px;
	z-index: 7;
	width:467px;
	height:151px;
	}


.BB
{position: absolute;
	margin-left: 120px;
	top: 310px;
	z-index: 9;
-webkit-animation:pulse 0.9s 1.5s  2 ease both;
-moz-animation:pulse 0.9s 1.5s  2 ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
55%{-webkit-transform:scale(0.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
55%{-moz-transform:scale(0.9)}
100%{-moz-transform:scale(1)}
}
.BB2
{position: absolute;
	margin-left: 50px;
	top: 490px;
	z-index: 8;
}
#gotop {/*回頂端*/
	display: none;/*預設隱藏*/
	position: fixed;/*固定在右下角*/
	right: 15px;
	bottom: 50px;
	padding: 10px 15px;
	font-size: 20px;
	background-color: #4CA2F7;
	color: #FFFFFF;
	cursor: pointer;
	z-index: 100;
}
/*-----------展開收起------------*/



#BOX { /*內文預設是關閉的*/
	
	width: 800px;
	margin: 0 auto;
	clear: both;
	margin-top:70px;
	display: none;
	width: 750px;
	overflow: hidden;
}
/*----------切版------------*/

/*上方背景用*/
.TOP_BG {overflow:hidden;
	width:100%;
	background-color:#FFF;
	background-image:	url(images/downer.jpg);

	background-position: 50% bottom;
	background-repeat: no-repeat;
	min-width: 1002px;/*最小寬度設定*/
	 width: expression(document.body.clientWidth < 1002? "1002px": "auto" );
}
.WRAP {width:100%;
	max-width: 1002px;/*最大寬度設定*/
 	width: expression(document.body.clientWidth > 1002? "1002px": "auto" );
	margin: 0 auto;
	position: relative;
	
}
/*以下頁首*/
.TOP {
	display: block;
	height:650px; /*492px*/;
	background-position: 50% top;
}
/*以下內容區*/
.CONTENT {
	/*height: 818px;不可以設高才能延伸*/
	/*background-image: url(images/index_05.jpg);*/
	background-repeat: no-repeat;/*background-color:#0F0;*/
}
/*以下頁尾*/
 .FOOTER {
	display: block;
	height: 600px;

	background-repeat: no-repeat;
	background-position: center bottom;
}


/*----------表格------------*/
.table {	           /*整體表格*/
	width: 100%;
	margin: 10px 2% 10px 0%; /*表格與外部的間距*/
	font-size: 1em;       /*文字大小*/
	text-align: center; /*框線顏色,樣式*/
	/*外_框線粗細*/
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-color: #C4ECFF;
}

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



	/*==================手機版本================*/
@media screen and (min-width: 1024px)  {}

@media screen  and (max-width: 1024px) {




}