<!--CSS-->



/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


img {border: 0;}
a img{border: 0;}

ol, ul, li {list-style: none;}

a{ text-decoration:none;
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}/*去除連結虛線框*/

/*以上做網頁先複製


<!--CSS-->



/*背景body*/
body{
	font-family: "微軟正黑體";
	width:100%;
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	background-image: url(../images/b1.jpg);
	padding: 0;
	margin: 0;
	
	
}


/*外圍wrapper*/
#wrapper{
	width: 1024px;
	/*position:relative;*/
	margin: 0 auto;
	
	
	
	} 



#header{
	width: 1024px;
	height: 124px;
	position:relative;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(../images/new_02.png);	
}


#logo{float:left;
	width: 387px;
	height: 103px;
	margin: 20px 0px 0px 20px;
	background-image: url(../images/head_logo.png);
}





#header_bg1{
	width:277px;
	
	
	min-height:871px;
	/*max-height: auto;*/
	background-repeat: no-repeat;
	float:left;
	background-color: #b6b7fe;
	background-image: url(../images/new_05_01.png) ;
	display : block; 
	border-radius:0px 0px 0px 20px;
	box-shadow:5px 5px 5px  #737373;	
	
 
	
		
} 


#header_bg2{
	width: 277px;
	 min-height: 100px;
	 opacity:0.6; 
	
	
		
} 




#header_bg3{
	width:277px;
	float:left;
	background-color: #b6b7fe;
	height:auto;
	min-height: auto;
	
		
} 


#content_box{
	width: 1024px;
	display : block; 
	background-color: #b6b7fe;

	
	
		
}




#content{
	width: 747px;
	
	 min-height: auto;
	/* max-height: auto;*/
	 float:right;
	/*min-height: 686px;*/
	/*position:relative;*/
	margin: 0 auto;
	background-color: #fff;
	background-repeat: no-repeat;
	
	
	overflow-y:auto;
	overflow-x: hidden;
	display : block; 

	
		
}



#content_1{
	width: 747px;
	height: 100%;
	/*min-height: 686px;*/
	/*position:relative;*/
	margin: 0px 0px 0px 277px;
	background-color: #FFF;
	background-repeat: no-repeat;
	/*float:right;	
	overflow-y:auto;
	overflow-x: hidden;*/
	float:left;
		
}



/*右方內容區背景*/
#right-content{
	width: 747px;
	height: auto;
    min-height: 871px;/*最小高度*/
	margin: 0px 0px 0px 0px;
	float: right;
	
	
	
	
}


/*底部footer*/
#footer{
	width: 1024px;
	height: 144px;
	/*position:relative;*/
	margin: -95px 0px 0px 0px;
	float:left;
	z-index:-999;
}







/*-------nav-------------------------*/
#nav{float:right;width:302px;height:48px;margin: 70px 30px 0px 0px;}

ul.td_menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.td_nav > li {
	position: relative;
	float: left;
	
	-webkit-transition: background 300ms linear;
	-moz-transition: background 300ms linear;
	-o-transition: background 300ms linear;
	transition: background 300ms linear;
}

ul.td_nav > li.nav_01 {
	width: 107px;
	height: 48px;
}

ul.td_nav > li.nav_02 {
	width: 104px;
	height: 48px;
	
	
}

ul.td_nav > li.nav_03 {
	width: 91px;
	height: 48px;
	
}


/*-------navend-------------------------*/




.p1 {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
}

.p1 a:link {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none; 
}
.p1 a:visited {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p1 a:hover {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p1 a:active {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p2,.p2 a {
	font-family: "微軟正黑體";
	font-size: 10pt;
	color: #E30083;
	word-wrap: break-word;
	word-break: break-all;
}
/*小連結*/
.p3 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
}
.p3 a:link {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p3 a:visited {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #666666;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p3 a:hover {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #999999;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
.p3 a:active {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #FFFFFF;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
/*小連結*/



.p4 {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #000000;
	word-wrap: break-word;
	word-break: break-all;
	font-weight: bold;
}
.p5 {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #8866ff;
	word-wrap: break-word;
	word-break: break-all;
	/*font-weight: bold;*/   /*粗體*/
}
.p6 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #017CB9;
	word-wrap: break-word;
	word-break: break-all;
}
.p7 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #0066ca;
	word-wrap: break-word;
	word-break: break-all;
}

.p8 {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #ffffff;
	word-wrap: break-word;
	word-break: break-all;
}

.p9 {
	font-family: "微軟正黑體";
	font-size: 12pt;
	color: #FF0000;
	word-wrap: break-word;
	word-break: break-all;
}

.p10 {
	font-family: "微軟正黑體";
	font-size: 13pt;
	color: #24219e;
	word-wrap: break-word;
	word-break: break-all;
	
}

.p11 {
	font-family: "微軟正黑體";
	font-size: 11pt;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
	/*font-weight: bold;*/
	
}



/*分頁*/
.page{
	margin-top:10px;
	text-align:center;
	padding:2px;font-weight:bolder;font-size:12px;}/*分頁整體間距;字體粗體;字體大小*/
.page a{
	border: 1px solid #ccc;
	padding: 0 5px 0 5px;
	margin: 2px;
	text-decoration: none;
	color: #666;
	border-radius: 5px;
} /*連結後邊框粗細、線條、顏色;內間距;外間距;字底線;字顏色*/

.page span{
	padding: 0 5px 0 5px;/*內間距*/
	margin: 2px;/*外間距*/
	color: #000;/*字顏色*/
	border-radius: 5px;
	border: 1px solid #d6d5ff; /*邊框顏色*/
	background-color: #fff;/*背景色*/
}


/* Border styles */
#table-4 thead, #table-4 tr {
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(211, 202, 221);
}
#table-4 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(211, 202, 221);
}

/* Padding and font style */
#table-4 td, #table-4 th {
padding: 5px 10px;
font-size: 12px;
font-family: Verdana;
color: rgb(95, 74, 121);
}

/* Alternating background colors */
#table-4 tr:nth-child(even) {
background: rgb(223, 216, 232)
}
#table-4 tr:nth-child(odd) {
background: #FFF
}


/* Table Head */
#table-6 thead th {
background-color: #eeeeff;
color: #000;
border-bottom-width: 0;
}

/* Column Style */
#table-6 td {
color: #000;
}
/* Heading and Column Style */
#table-6 tr, #table-6 th {
border-width: 1px;
border-style: solid;
border-color: #eeeeff;
}

/* Padding and font style */
#table-6 td, #table-6 th {
padding: 5px 10px;
font-size: 15px;
font-family: "微軟正黑體";

}



#table-6 iframe {
	max-width:100%;
}