@charset "utf-8";

/* CSS Document */

/*****************************************general**************************************************/
/*margin padding 標準化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,input, p, blockquote, th, td,{margin:0; padding:0;}

/*標題font-size的標準化
h1, h2,  h4, h5, h6{font-size:100%;}*/

/*移除清單的list-style樣式*/
ol, ul{list-style:none;}

/*將font-style及font-weight標準化成normal*/
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}

/*移除table外框*/
table{border-collapse:collapse; border-spacing:0; text-align: left;}

/*移除fieldset和img的border*/
fieldset,img{border:0; text-align: center; z-index: 3;}

/*caption和th的文字要向左對齊*/
caption,th{text-align:left;}

/*移除q的引號*/
q:before,q:after{content: ;}

html,body{margin:0; padding:0; height: 100%; background-color:#ffffff;}
body{font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;}
a{border:0; text-decoration:none;}


/*************************index頁面**********************************/
.ow_container{ width:100%; margin:0; padding:0;}
.ow_content{ width:950px; padding:0; margin:0 auto;}
@media screen and (max-width: 978px) {
	.ow_content {
		width: 100%;
	}
}

/*#banner {position:relative; width:950px; height:320px; overflow:hidden;}
#banner_bg {position:absolute; bottom:0; height:30px; z-index:1000; cursor:pointer; width:478px; }
#banner_info{position:absolute; bottom:4px; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; z-index:1002;
margin:0; padding:0; bottom:3px; right:5px; height:20px; display:none;}
#banner ul li { padding:0 8px; line-height:18px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background-color:#6f4f67;cursor:pointer; margin:0; font-size:16px;}
#banner_list a{position:absolute;} <! 让四张图片都可以重叠在一起*/
.ow_banner{
	width:950px;
	height:320px;
	padding:0;
	margin:0;
	position:relative;
}

#banner { width: 950px; height: 320px; position: relative; overflow: hidden; border: 0; padding:0; margin:0;}
#banner ul.list{ padding: 0; margin: 0; list-style: none; position: absolute; width: 2850px; height: 320px;}
#banner ul.list li{ float: left; width: 950px; height: 320px; padding:0; margin:0;}
#banner .list img{ width: 100%; height: 100%; border: 0;}
#banner ul.playerControl { margin: 0; padding: 0; list-style: none; position: absolute; height: 14px; bottom: 10px; z-index: 100;}
#banner ul.playerControl li { float: left; width: 10px; height: 10px; cursor: pointer; margin: 0px 2px; background: url(images/cir_ctrl.png) no-repeat -10px 0;}
#banner ul.playerControl li.current {  background-position: 0 0;}





.ow_showbox{ background:url(../images/showbox_bg.jpg) no-repeat; width:950px; height:200px; padding:0; margin:0; float:left; }

.ow_showbox .text{
	position:absolute;
	padding:0;
	margin:0;
	z-index:5;
	width:96%;
	top:12px;
	left:10px;
}
.ow_showbox .pic{ position:absolute; padding:0; margin:0; z-index:2; width: auto; left:140px; top:0;}

.ow_showbox .title{ position:absolute; padding:0; margin:0; z-index:2; width:138px; left:0; top:0; line-height:15px; font-size:11px;}

.ow_showbox .more{ position:absolute; padding:0; margin:0; z-index:3; width: auto; left:0; top:125px;}
.ow_showbox .more a{ color:#009ee0; font-size:12px;}

.ow_showbox .title h1{ font-size:22px; font-weight: lighter; color:#008787; line-height:22px; margin-bottom:8px;}

.ow_showbox_control{
	width:10px;
	float:left;
	padding-top:60px ;
	margin:12px 0 0 12px;
	}

.ow_showbox_right_block{
	width:258px;
	padding:0;
	margin:15px 0 0 10px;
	float:left;
}

.ow_showbox_main_block{
	width:258px;
	padding:0 ;
	margin:15px 30px 0 26px;
	float:left;
}
.ow_showbox_main{
	width:307px;
	height:180px;
	padding:0px;
	margin:0;

	position:relative;
}

.ow_showbox h1{
	color:#03665e;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	padding:0;
	margin:0 0 5px 0;
}
.ow_showbox p{color:#555555; font-size:13px; line-height:16px; padding:0; margin:0;}
.ow_showbox p.ow_more{
	font-size: 12px;
	color:#009ee0;
	margin: 5px 10px 0 0;
	padding:0 7px 0 0;
	background: url(../images/more_arrow.png) no-repeat right center;
	display:block;
	text-align:right;
	float:left;
	bottom: 0px;
	z-index: 99;
	width:26px;
}
.ow_showbox p.ow_more a{color:#009ee0;}
.ow_showbox p.ow_more a:hover{ text-decoration: underline; color:#009ee0;}


@media screen and (max-width: 978px) {
	.ow_showbox {
		display: flex;
    flex-direction: column-reverse;
		position: relative;
		-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
		width: 95%;
		height: auto;
		margin: 0 auto 24px;
		padding: 24px 24px 0;
    box-sizing: border-box;
		float: none;
		background: #f3f3f3;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#e7e7e7));
    background: -moz-linear-gradient(#f3f3f3, #e7e7e7);
    -pie-background: linear-gradient(#f3f3f3, #e7e7e7);

	}

	.div_bannerLeft,
	.div_bannerCenter,
	.div_bannerRight {
		width: 100%;
	}

	.div_bannerCenter {
		order: 1;
	}

	#div_bannerLeft,
	#div_bannerCenter,
	#div_bannerRight {
		width: 100% !important;
		height: 140px !important;
		margin: 0 !important;
		float: none !important;
	}

	#div_bannerLeft {
		margin-top: 24px;
	}

	.ow_showbox_main {
		width: 100%;
		height: 140px;
	}

	.ow_showbox .title {
		width: calc(100% - 120px);
		padding-top: 4px;
		left: 120px;
	}

	.ow_showbox .title h1 {
		font-size: 20px;
	}

	.ow_showbox .title br {
		display: none;
	}

	.ow_showbox .pic {
		width: 35%;
		left: 0;
	}

	.ow_showbox .pic img {
		width: 100px;
    height: auto;
	}

	.ow_showbox .more {
    top: 96px;
		left: auto;
		right: 6px;
	}

	.div_bannerRight .rslides_nav.prev,
	.div_bannerRight .rslides_nav.next {
		margin-top: 0 !important;
		margin-left: 0 !important;
    top: 50%;
    transform: translateY(-50%);
	}

	.div_bannerRight .rslides_nav.prev {
		left: 12px;
	}

	.div_bannerRight .rslides_nav.next {
		right: 12px;
	}
}


/*************************NEWS**********************************/
.ow_news{
	width:950px;
	height:30px;
	float:left;
	padding: 0px;
	margin:10px 0 10px 0px;
	background:#f3f3f3;/* Old browsers */
	/*background: -moz-linear-gradient(top,  #f3f3f3 0%, #e7e7e7 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f3f3f3 0%,#e7e7e7 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f3f3f3 0%,#e7e7e7 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#e7e7e7));
	background: -moz-linear-gradient(#f3f3f3, #e7e7e7);
	-pie-background: linear-gradient(#f3f3f3, #e7e7e7);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
	position: relative;
}
.ow_news img{ padding:0; margin:0; float:left;}
.ow_news h3{font-size:12px; color:#009ee0; line-height:30px; text-align:left; font-weight: bold; padding: 0px 20px 0 25px; margin:0;float:left;}

/*.owpsp_news p{ font-size:12px; color:#009ee0; line-height:30px; text-align:left; padding: 0px; margin:0;}
.owpsp_news p a{ text-decoration: none; padding: 0px 0 0 20px; margin:0; color:#009ee0;}
.owpsp_news p a:hover{ text-decoration: underline; padding: 0px 0 0 20px; margin:0; color:#009ee0;}*/

.ow_news .prev {background: url(../images/news_icon_left.png) no-repeat;}
.ow_news .next {background: url(../images/news_icon_right.png) no-repeat; right: 0;}
.ow_news .feedback {position: absolute; top: 0px; right:0; width: 163px; height: 30px;}
.ow_news .slides { overflow: hidden; position: relative; padding:0; margin:0;  width: 750px;	/* 框架中間區塊的寬 */ height: 30px;	/* 框架中間區塊的高 */}
.ow_news .slides ul { position: absolute; width: 9990px; height: 100%; padding:0; margin:0;}
.ow_news .slides li {
	width: 750px;	/* 框架中間區塊的寬 */
	float: left;
	padding: 0px 0 0 20px;
	margin:0;
	font-size:12px;
	line-height:30px;
}
.ow_news .slides li a{ color:#009ee0; padding: 0px 0 0 20px; margin:0; font-size:12px; line-height:30px;}
.ow_news .slides li a:hover{ color:#009ee0; text-decoration:underline;}

.ow_news a.prev{position: absolute; top: 0px; left: 80px; display: block; width: 19px;	/* 左右鈕圖片的寬 */ height: 30px;	/* 左右鈕圖片的高 */text-indent: -9999px;}
.ow_news a.next {position: absolute; top: 0px; left: 99px; display: block; width: 19px;	/* 左右鈕圖片的寬 */ height: 30px;	/* 左右鈕圖片的高 */text-indent: -9999px;}

@media screen and (max-width: 978px) {
	.ow_news {
		width: calc(95% - 24px);
		height: auto;
		margin: 10px auto;
		padding: 4px 12px;
		float: none;
	}

	.ow_news h3 {
		display: none;
	}

	.ow_news .slides {
		width: 100%;
	}

	.ow_news .slides li {
		width: 100%;
		padding: 0;
		overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #009ee0;
	}

	.ow_news .slides li a {
		padding: 0;
	}

	.ow_news a.prev,
	.ow_news a.next {
		display: none;
		top: 4px;
		left: auto;
	}

	.ow_news a.prev {
		right: 31px;
	}

	.ow_news a.next {
		right: 12px;
	}
}





.clear { clear:both;}
.clearfloat { /* 此類放在 div 或 break 元素上，而且應該放置在包含浮動容器關閉之前的最後一個元素 */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}