body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, border, img {
	margin: 0;
	padding: 0;
	border: 0;
}

body,h1,h2,h3,h4,p,div, table, tr, td, p{
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

body { 
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 1000px;
	background-attachment: fixed;
	background-image: url(images/bg.jpg);
	background-position: center;
	background-repeat:no-repeat;
	height: 100%;}

ol, ul {
	list-style:none;
}

/* 整體連結 */
a:link {color:#666666; text-decoration: none;} 
a:visited {color:#666666; text-decoration: none;} 
a:hover {color:#333333; text-decoration: none;} 
a:active {color:#666666; text-decoration: none;}

#main {
	display: block;
	width: 100%;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
}

#logo_all {
	width:800px;
	margin:0 auto;}

.logo { 
	width: 800px;
	height: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.lo01 {
	display: block;
	height: 36px;
	margin-left: 10px;
	margin-right: 5px;
	float: left;
}

.lo02 {
	display: block;
	margin-top: 9px;
	float: left;
}

.lo03 {
	display: block;
	height: 36px;
	margin-left: 10px;
	margin-right: 10px;
	float: right;
}

#down_all {
	width:800px;
	margin:0 auto;
	}

.down {
	display: block;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	}

.down2 {
	display: block;
	margin-top: 16px;
	margin-left: 10px;
	float: left;
	display: none;
	}

.ex {
	width: 780px;
	margin-left: 10px;
	border-top: solid 1px #CCCCCC;
}

.down_p {
	
}

/* 首頁中間BANNER輪撥 display: none; */

#container100{
	width: 100%;
	float: left;
	background-color: #FFF;}

#container{
	background-position: 0 top;
	width: 984px;
	margin:0 auto;
	padding-bottom:48px;
	}

#wowslider-container {
	overflow: hidden;
	zoom: 1;
	position: relative;
	width:800px;
	min-height: 600px;
	margin:0 auto;
	z-index:100;
}

#wowslider-images{
	width:100%;
	overflow:hidden;
}
#wowslider-images a{
	color:transparent;
}

#wowslider-images img{
	width: 100%;
	top:0;
	left:0;
	border:none 0;
}
#wowslider-container a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	top:0;
	right: 0;
	z-index:1001;
}

#wowslider-container .ws_bullets a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #444444; 
	color: #d6d6d6; 
	text-indent: -1000px; 
	background-image:url("data:image/gif;base64,");
	position:relative;
}

#wowslider-container .ws_selbull { 
	background-color: #444444; 
	color: #FFFFFF; 
}

#wowslider-container .ws_bullets a:hover, #wowslider-container .ws_overbull { 
	background-color: #444444;
	color: #FFFFFF; 
}

#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
	position:absolute;
	display:block;
	top:38%;
	
	position:absolute;
	z-index:1001;
	height: 67px;
	width: 32px;
	background-image: url(arrows.png);
}

#wowslider-container a.ws_next{
	background-position: 0 0; 
	right:0px;
}

#wowslider-container a.ws_prev {
	left:-7px;
	background-position: 0 100%; 
}

#wowslider-container a.ws_next:hover{
	background-position: 100% 0; 
}

#wowslider-container a.ws_prev:hover{
	background-position: 100% 100%; 
}

#wowslider-container .ws-title{
	position: absolute;
	bottom:7%;
	left: 0;
	margin-right:5px;
	z-index: 50;
	background-color:#FFF;
	color:#1E4553;
	padding:10px;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
}

#wowslider-container .ws-title div{
	padding-top:5px;
	font-size: 12px;
}

#wowslider-container .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:12px;
	left:-120px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #B8C4CF;
}

#wowslider-container .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}

#wowslider-container .ws_bulframe div {
	overflow:hidden;
	width:240px;
}

#wowslider-container .ws_bulframe{
	display:none;
	top:25px;
	overflow:hidden;
	position:absolute;
	cursor:pointer;
    border: 2px solid #B8C4CF;
}

#wowslider-container .ws_bulframe span{
	position:absolute;
}

/* 介紹文 */

#title {
	width: 100%;
	padding: 15px;
}

#txt_1 {
	display:block;
	width: 100%;
	border-bottom: solid 1px #cecece;
	overflow: auto;
	}

#txt_1 .p1 {
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	border-right: solid 1px #cecece;
	float: left; 
	}

#txt_1 .p2 {
	display: block;
	font-size: 15px;
	padding: 15px;
	float: left; 
	}

#txt_1 .p3 {
	display: block;
	padding: 15px;
	float: right;
	}
	
#txt_2 {
	display:block; 
	width: 100%;
	overflow: auto;
	margin-bottom: 15px;
	}

#txt_2 .p1 {
	display: block;
	font-size: 13px;
	padding: 15px;
	line-height: 20px;
	float: left; 
	}

#all_p {
	width: 100%;
	position: absolute;
	min-height: 100px;
	bottom: 0;
	color: #888;
	z-index:2000;
	background-color: #FFF;
	}

.all_ple {
	display: inline-block;
	width: 40%;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	
	float: left;
	}

.all_rig {
	display: inline-block;
	width: 55%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	}

.item {
	font-size: 11px;
	
	margin-bottom: 3px;
}

.p11 {
	font-size: 11px;
	margin-bottom: 3px;
}

.p12 {
	font-size: 12px;
}

.p14 {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 7px;
}

.p16_b {
	font-size: 15px;
	font-weight: bold;
	
}

.p16 {
	font-size: 15px;
	
}

.p16_comp1 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
}

.p16_comp2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
	display: none;
}

/* ============================================================
	navi
   ============================================================ */

#navi {
	position: absolute;
	/*top: 0px;*/
	/*left: 0;*/
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	z-index: 500;
	/*background: url(http://www.opds.tw/images/bg.jpg);*/
	background-color: #f5f5f5;
	}
	
#navi.fixed {
	position: fixed;
	/*top: 87px;*/
	top: 0px;
	
	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression('0px');
	top: expression(documentElement.scrollTop>67 || document.body.scrollTop>67 ? ((documentElement.scrollTop || document.body.scrollTop)-67)+'px':'0px');
	}

#navi li {
	display: block;
	position: relative;
	float: left;
	padding-bottom: 3px;
	}
#navi a.main {
	display: block;
	height:25px;
	text-indent: -9999px;
	background: url(img/h01.gif) no-repeat;
	}
#navi li div {
	display: none;
	position: absolute;
	top: 25px;
	left: 0px;
	width: 195px;
	padding-top:1px;
	/*background: transparent no-repeat 0 0;*/
	background-color: #fff;
	}
#navi li.cur div {
	display: block;
	}
#navi li div a {
	display: block;
	width: 195px;
	height: 25px;
	text-indent: -9999px;
	background: transparent no-repeat 0 0;
	}
/*
#navi li div a:hover {
	background-position-x: -195px;
	}
*/

#con {
	width: 90%;
	display: block;
	text-align: center;
	float: left;
}


#ex {
	display: block;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	margin: 0 auto;
	height: 8px;
	border-top: solid 1px #cbc8c4;
}

#ex2 {
	display: block;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	min-height: 30px;
	margin: 0 auto;
}

#ex3 {
	display: block;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	margin: 0 auto;
	height: 8px;
	border-bottom: solid 1px #cbc8c4;
	
}

#fb {
	display: block;
	width: 5%;
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
}

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