@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
}

/* change colours to suit your needs */
ins {
   /* background-color:#ff9;*/
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    /*background-color:#ff9;*/
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ol, ul { list-style: none; }



/*******global.css**************************************************************/

/*border-box*/
* {
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

/*所有通用設定-----------------------------------------------------------------------*/
body { font-family:"新微軟正黑體","微軟正黑體", Arial, Helve tica, sans-serif; font-size:15px; line-height:1.5; font-weight:normal; color:#000;background:#FFF;}

/* 修正粗體 */
@font-face {
	font-family: '新微軟正黑體';	/* 第一順序字體 */
	unicode-range: U+7db0, U+78A7, U+7B75;	/* ASCII (碧筵綰) */
	font-style: normal;
	font-weight: bold;
	src: local(Yu Gothic), local(MS Gothic);
}

/* 一般粗細的時候改回微軟正黑 */
@font-face {
	font-family: '新微軟正黑體';	/* 第一順序字體 */
	unicode-range: U+7db0, U+78A7, U+7B75;	/* ASCII (碧筵綰) */
	font-style: normal;
	font-weight: bold;
	src: local(微軟正黑體);
	}

/*預設連結狀態*/
a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:active { color:#000; text-decoration:underline; }

/*圖片無框*/
a img { border:none; }

/*h標題設定*/
h1 { font-size:15px;}
h2 { font-size:15px;}
h3 { font-size:13px;}
h4 { font-size:13px;}

/*清除 clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {*zoom: 1; _zoom: 1; }

/* 影音 icon */
i.icon_type_video{ clear:both; display:inline-block; width:20px; height:20px; background:url(../images/icon_type_video.png) no-repeat; background-size:contain; margin-right:5px; position:relative; top:3px;}

.pic_video_icon{position: relative;}
.pic_video_icon a::after{ content:""; display: block; width: 100px; height: 100px; background: url('../images/icon_play.png') top left / 100% auto no-repeat; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); opacity: .7;}

/*more基本型*/
.more_box { clear:both; }
.more {width:45px; height:18px; font-size:14px; text-align:center; line-height:1; border: 1px solid #ce6b00; border-radius: 3px; display: inline-block;}
.more:link, .more:visited { color:#ce6b00; text-decoration:none; }
.more:hover, .more:active { color:#ce6b00; text-decoration:none; }
.more_box .more{ margin-top:0px;}

/*麵包屑=======*/
.breadcrumb_box {clear:both; margin-bottom:20px;}
.breadcrumb_box .date{float:right; font-size:13px; color:#666;}
.menu_bread_crumb {font-size:13px;float:left; }
.menu_bread_crumb > div {display:inline-block; margin:0px 4px;}
.menu_bread_crumb span { color:#777;}
.menu_bread_crumb a:link, .menu_bread_crumb a:visited { color:#777; text-decoration:none; }
.menu_bread_crumb a:hover, .menu_bread_crumb a:active { color:#777; text-decoration:underline; }

/*分頁組件=======*/
.menu_page { text-align:center; clear:both; margin:10px 0px; font-size:16px; color:#000; padding-top:20px;}
.menu_page a:link, .menu_page a:visited { color:#b18665; font-weight:bold; text-decoration: none; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; margin-right:3px; margin:0px 3px; fill:#b18665;}
.menu_page a:hover, .menu_page a:active { color:#ea734d;}
.menu_page span.current { font-weight:bold; display:inline-block; width:30px; height:30px; line-height:30px; margin:0px 3px; color: #b34e00;}
.menu_page span.disabled{ text-decoration:none; display:inline-block; width:30px; height:30px; line-height:30px; margin:0px 3px; color:#dbdbdb; fill:#dbdbdb;}
.menu_page_info{text-align:center; font-size:15px; margin-bottom:10px; color: #b34e00;}
.menu_page .material-icons { font-size:30px; line-height:25px; vertical-align:bottom;}
.menu_page .icon {display: inline-block; width:30px; height:30px; vertical-align:middle;}
.menu_page{color: #b34e00;}

/*table_z*/
.table_z{}
.table_z { border:1px solid #ccc;}
.table_z th { border-bottom:1px solid #ccc; text-align: left; padding-left:10px;}
.table_z td{ padding:18px 10px; border-bottom:1px solid #ccc; text-align: left;}
.table_z .t1{ background:#ebebeb; color:#666; font-size:16px; }
.table_z .t2{ }
.table_z a:link, .table_z a:visited { color:#EA4C41; text-decoration:none; }
.table_z a:hover, .table_z a:active { color:#EA4C41; text-decoration:underline; }
/*******layout.css**************************************************************/
/*wrapper ===================*/
.wrapper_box{}
.wrapper{}

/*header ====================*/
.header_box { min-width:1200px; background: linear-gradient(135deg,rgba(255,255,255,0) ,rgba(227,185,125,1) 15%,rgba(176,108,55,1) 85%,rgba(176,108,55,0)), radial-gradient(rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 25%), linear-gradient( 135deg, #e3b97d, #b06c37);background-size:auto,7px 7px,auto;}
.header{ height:70px; width:1200px; margin:0 auto; position:relative;}

/*主選單*/
.main_nav { position: relative;}
.fixed {position: fixed; z-index: 999999; top:0; width:100%; height:70px; /*transition:1s;*/ }
.main_nav .main_logo{ width: 220px; height: 70px; background: #ce6b00;  float: left;}
.main_nav .main_logo a { display: block; width: 220px; height: 70px; background: url(../images/logo.png) no-repeat center center; text-indent: 100%; white-space: nowrap; overflow: hidden; transition:.2s;}
.main_nav ul{ min-width:900px; height:70px; display:flex; align-items:center; }
.main_nav li{ display:inline-block; /* float:left; */ text-align: center; position: relative; height:70px;}
.main_nav li:last-child{border-right:none;}
.main_nav li a { display:inline-block; height:70px; line-height:70px; text-align:center; font-size:17px; color:#fff; /*padding:0 20px;*/  position: relative;  transition:.2s;}
.main_nav li a:after{content:"▼"; font-size: 16px; display: block; position:absolute; width:20px; height:20px; opacity: 0; left:50%; margin-left:-10px; text-align: center; color: #fff;  line-height: 0; transition:.2s; transform:translateY(-5px); z-index: 55;}

.main_nav a:link, .main_nav a:visited { color:#fff; text-decoration:none;}
.main_nav a:hover, .main_nav a:active { color:#fff; text-decoration:none;}
.main_nav a:hover{/*transform:translateY(-3px);*/}
.main_nav a:hover:after{opacity: 1; transform:translateY(-12px);}
.main_nav .btn_search { position: absolute; right:20px; bottom:50%; margin-bottom: -13px; background:url(../images/icon_search.png) no-repeat; width: 26px; height: 26px; text-indent:150%; white-space: nowrap; overflow: hidden; cursor: pointer; }

/*子選單*/
.main_nav li .sub {position: absolute; top:70px; width: 100%; z-index: 20; display: none; border:1px solid #b06c37; padding:0 5px; background:#fff; }
.main_nav li.hover a{}
.main_nav li.hover a:hover{ }

.main_nav li .sub a {width: 100%; display: block; height:50px; line-height:50px; background-color:#fff; color:#000; border-bottom: 2px dotted #e4b99c; font-size: 15px;}
.main_nav li.hover .sub a:last-child{border-bottom: none;}
.main_nav .sub a:hover:after{opacity: 1; transform:translateY(-2px); }
.main_nav li.hover .sub a:hover { color:#b06c37;}
.main_nav li.hover .sub a:hover:after{display: none;}

/*搜尋框*/
.search_box{ position: absolute; right:0px; bottom: 0px;}
.search_box .txt{border:none; background:#fff; color:#999; height:26px; padding:0px 5px; border: 1px solid #ccc; border-radius: 12px;}
.search_box .btn{background:url(../images/icon_search.png) no-repeat; width: 26px; height: 26px; border:none; text-indent:200%; white-space: nowrap; overflow: hidden; cursor: pointer;}

/*container =================*/
.container_box{width:1200px; margin:0 auto; padding:30px 0px 10px 0px;}
.container{  }
.r1{ clear:both;}
.c1{ width:870px; float:left;}
.c2{ width:300px; float:right; transition:1s;}

/*footer ====================*/
.footer_box{ clear:both; background-color:#E6E6E6;}
.footer{ width:1200px; margin: 0 auto; padding:30px 0px; color:#676767; font-size:15px; text-align: center;}

/*版頭文字連結*/
.ettop{ min-width:1200px; height:60px; font-size:15px; line-height:60px; background: #f2f2f2;}
.ettop .inner { width: 1000px; margin: 0 auto; position: relative;}
.ettop a { display:inline-block; height:20px; margin-right:15px; }
.ettop a:link, .ettop a:visited { color:#666; text-decoration:none; }
.ettop a:hover, .ettop a:active { color:#666; text-decoration:underline;}
.ettop .nav_1 { color:#000;}

/*版權*/						
.footer address{ font-style:normal; color:#676767; }
.footer .footer_menu{ margin-bottom:10px;}
.footer .footer_menu a{ margin-right:5px; }
.footer a:link, .footer a:visited { color:#676767; text-decoration:none;}
.footer a:hover, .footer a:active { color:#000; text-decoration:none;}
/*******block.css**************************************************************/
.block_title{ font-size:24px; font-weight: bold; position:relative; margin-bottom:18px; display: flex; color: #ce6b00; align-items: baseline ; border-bottom: 2px solid #ce6b00;}
.block_title.icon::before{content:''; width:30px; height:30px; margin-right:5px; background:url(../images/house_icon.png); background-size: 100% auto; position:relative; top:5px;}
.block_title.t2{border-bottom: none;}
.block_title.t2::after{content:""; max-width:100%; min-width:20%; margin: 0px 10px; border-bottom: 2px solid #ce6b00; flex-grow:1;}
.block_title.t2::before{ content:''; width:30px; height:30px; margin-right:5px; background:url(../images/house_icon.png); background-size: 100% auto; position:relative; top:5px;} 
.block_title .more { order:3; font-weight: normal;}
.block_title_2 { color:#ce6b00; font-size:24px; margin-bottom:15px;}
.block_title_3 { color:#ce6b00; font-size:24px; margin-bottom:15px; border-bottom: 2px solid #ce6b00; font-size:21px;}
.block_title_3 .more{ float:right; font-weight:normal; font-size:18px; width:80px; border:none; }
.block_title_3 .more:link, .block_title_3 .more:visited{color:#ce6b00;}
.block_title_4{font-size:21px; color:#ce6b00; border-left:3px solid #ce6b00; padding-left:10px; line-height: 1; margin-bottom:20px; position: relative;}
.block_title_4 .more{position: absolute; right:0; top:4px;}
.block_1{ margin-bottom:50px;}
.block_2{margin-bottom:60px;}

/*兩欄區塊*/
.part_col2{clear: both;}
.part_col2 .col{ width: calc(50% - 15px); display: inline-block; margin-bottom: 50px; margin-right:30px; margin-left: -3px; vertical-align: top;}
.part_col2 .col:nth-child(2n){margin-right:0px;}

.part_pic{ width:415px; height:210px; margin-bottom:10px; overflow:hidden;}
.part_pic a{ display:block; width:100%; height:100%; position:relative;}
.part_pic a img{ width:100%; height:auto; position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:0px auto;}


.part_txt_1 {padding:0px 3px;}
.part_txt_1 h3 { margin-bottom:7px; font-size:16px; font-weight: normal; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.part_txt_1 h3:before{ content: "\220E"; color: #455451; font-size: 10px; transform:scaleY(0.5); vertical-align: 5px; margin-right:10px;}

.part_thumb_1{}
.part_thumb_1 .box_0{ display:inline-block; width:160px; margin-right:10px; margin-bottom: 30px; vertical-align: top;}
.part_thumb_1 .box_0:nth-of-type(5n){margin-right: 0px;}
.part_thumb_1 .box_0 .pic{ width: 160px; height: 107px; overflow: hidden; margin-bottom: 10px;}
.part_thumb_1 .box_0 .pic img{width: 100%; height: auto;}
.part_thumb_1 .title a:link,  .part_thumb_3 .title a:visited {color:#000; font-size:15px; font-weight: normal;}

.part_thumb_2 {padding-top:10px;}
.part_thumb_2 .box_0{ display:inline-block; width:50%; background:#f1f1f1; margin-bottom:10px; margin-left: -4px; vertical-align: top}
.part_thumb_2 .box_0 .box_1 { float:left; margin-right:5px; padding:5px; padding-left:13px; width: calc(100% - 210px);}
.part_thumb_2 .box_0 .box_1 h4 { font-size:20px; }
.part_thumb_2 .box_0 .pic{line-height:0; width:200px; height:150px; overflow:hidden; float:right;}
.part_thumb_2 .box_0 .pic img{height:auto; width:100%;}

.part_thumb_3{}
.part_thumb_3 .box_0{ display:inline-block; width:200px; margin-right:16px; margin-bottom: 30px; vertical-align: top;}
.part_thumb_3 .box_0:nth-of-type(4n){margin-right: 0px;}
.part_thumb_3 .box_0 .pic{ width: 200px; height: 150px; overflow: hidden; margin-bottom: 10px;}
.part_thumb_3 .box_0 .pic img{width: 100%; height: auto;}
.part_thumb_3 .title a:link,  .part_thumb_3 .title a:visited {color:#000; font-size:15px; font-weight: normal;}

.part_thumb_3{}


.part_pictxt_1{ clear:both;}
.part_pictxt_1 .box_0{clear:both; border-bottom:1px dotted #ddd; margin-bottom:10px; }
.part_pictxt_1 .box_0 .pic{ float:left; margin-right:10px; margin-bottom:5px; border:1px solid #dedede; padding:2px;}
.part_pictxt_1 .box_0 h3{ font-weight:normal; font-size: 15px; color:#717071;}
.part_pictxt_1 .box_0 .summary{word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;overflow:hidden;color:#000 ; font-size: 14px;}
.part_pictxt_1 .box_1 {margin-bottom:8px; padding-bottom:3px; border-bottom:1px dotted #ccc;}
.part_pictxt_1 .box_1 h2 span{ font-weight:bold; color:#FF0000; margin-right:5px;}
.part_pictxt_1 a:link, .part_pictxt_1 a:visited { color:#717071; text-decoration:none; }

.part_pictxt_2 {position: relative; margin-bottom: 50px;}
.part_pictxt_2 .pic{ line-height: 0;}
.part_pictxt_2 .pic img { width:100%; height: auto;}
.part_pictxt_2 .title { width:100%; background: rgba(0,0,0,.7); height:60px; line-height:60px; z-index:3; font-size:22px; padding-left: 10px; font-weight: normal;}
.part_pictxt_2 a:link, .part_pictxt_2 a:visited { color:#fff; text-decoration:none; }

/*part_pictxt_3*/
.part_pictxt_3{}
.part_pictxt_3 .box{ padding: 25px 0px;}
.part_pictxt_3 .box:first-child {padding-top: 0px;}
.part_pictxt_3 .box:last-child {padding-bottom: 0px;}
.part_pictxt_3 .box .pic{ margin-right:24px; float: left; width:280px; height:210px; overflow: hidden;}
.part_pictxt_3 .box .pic img {width: 100%; height: auto;}
.part_pictxt_3 .box h3 { font-size: 22px; line-height: 1.3; margin-bottom: 15px; color: #000; font-weight: normal;}
.part_pictxt_3 .box .icon_type_video {top:0px;}
.part_pictxt_3 .box p{ color: #717071; font-size: 16px; }
.part_pictxt_3 .box .date{ color: #717071; font-size: 13px; text-align: right; margin-top: 10px;}
.part_pictxt_3 h3 a:link, .part_pictxt_3 h3 a:visited { color:#000; text-decoration:none; }
.part_pictxt_3 h3 a:hover, .part_pictxt_3 h3 a:active { color:#666; text-decoration:none; }

/*part_pictxt_4*/
.part_pictxt_4{ }
.part_pictxt_4 a.piece{ display:block; padding:20px 0px; border-top:1px solid #e6e6e6;}
.part_pictxt_4 a.piece:last-child{ border-bottom:1px solid #e6e6e6;}
.part_pictxt_4 a.piece .pic{ width:260px; height:138px;  margin-right:24px; float:left; overflow:hidden; position:relative;}
.part_pictxt_4 a.piece .pic img { width:100%; height:auto; position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:0px auto;}
.part_pictxt_4 a.piece:hover{ text-decoration:none;}
.part_pictxt_4 a.piece:hover .pic img{ transform: scale(1.1); transition:all 0.3s ease-Out;}
.part_pictxt_4 a.piece h3 { font-size: 22px; line-height: 1.3; margin-bottom: 15px; color: #000; font-weight:bolder;}
.part_pictxt_4 a.piece:link h3, .part_pictxt_4 a.piece:visited h3 { color:#000; text-decoration:none;}
.part_pictxt_4 a.piece:hover h3, .part_pictxt_4 a.piece:active h3 { color:#dc4e42; }
.part_pictxt_4 a.piece .icon_type_video {top:0px;}
.part_pictxt_4 a.piece p{ color: #717071; font-size: 16px; }
.part_pictxt_4 a.piece p.date{ color: #717071; font-size: 13px; text-align: right; margin-top: 10px;}


/*part_menu_4 操作====*/
.part_menu_4{ clear:both; margin-bottom:20px;}
.part_menu_4 a.btn{ display:inline-block; width:35px; height:35px; background:url(../images/icon_002_35x35.png) no-repeat; margin-right:3px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.part_menu_4 a.btn.message{ width:140px; background-position:0px 0px;}
.part_menu_4 a.rss{ background-position:-140px 0px;}
.part_menu_4 a.fb{ background-position:-175px 0px;}
.part_menu_4 a.ig{ background-position:-210px 0px;}
.part_menu_4 a.weibo{ background-position:-245px 0px;}
.part_menu_4 a.gplus{ background-position:-280px 0px;}
.part_menu_4 a.twitter{ background-position:-315px 0px;}
/*友善列印*/
.part_menu_4 .icon_print{ display:inline-block; width:35px; height:35px; background:url(../images/icon_002_35x35.png)-350px 0px no-repeat; margin-right:3px; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}


/*part_menu_5*/
.part_menu_5{ margin-bottom:50px; padding:5px; border:1px solid #e6e6e6;}
.part_menu_5 ul{ background-color:#e6e6e6;}
.part_menu_5 ul li{ font-size:0;}
.part_menu_5 ul li a.btn{ display:inline-block; width:18%; padding:5px; text-align:center; font-size:14px;}
.part_menu_5 ul li a.btn.current{ background-color:#be814a; color:#fff;}
.part_menu_5 ul li a:link, .part_menu_5 ul li a:visited { color:#000;}
.part_menu_5 ul li a:hover, .part_menu_5 ul li a:active { color:#fff; background-color:#dbb57d; text-decoration:none;}

/*area_pic*/
.area_pic{ width:100%; height:460px; margin-bottom:50px; overflow:hidden;}
/*area_pic box_1*/
.area_pic .box_1{ width:560px; height:460px; float:left; overflow:hidden;}
.area_pic .box_1 a.pic{ display:block; width:560px; height:460px; position:relative; overflow:hidden; border:1px solid #e6e6e6; background:#eee;}
.area_pic .box_1 a.pic img{ width:auto; height:100%; max-width:inherit; position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;}
.area_pic .box_1 a.pic h3{ width:100%; padding:2px 10px; font-size:20px; color:#fff; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,.7); z-index:10;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
overflow:hidden;}
.area_pic .box_1 a.pic h3:hover{ text-decoration:underline;}


/*area_pic box_2*/
.area_pic .box_2{ width:300px; float:right; overflow:hidden;}
.area_pic .box_2 a.pic{ display:block; height:225px; margin-bottom:10px; overflow:hidden; position:relative; border:1px solid #e6e6e6;}
.area_pic .box_2 a.pic:nth-child(2) { margin-bottom:0px;}
.area_pic .box_2 a.pic img{ height:100%; width:auto; max-width:inherit; position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;}

.area_pic .box_2 a.pic h3{ width:100%; padding:2px 15px; font-size:20px; color:#fff; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,.7); z-index:18;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
overflow:hidden;}
.area_pic .box_2 a.pic h3:hover{ text-decoration:underline;}


.area_pic .box_1 a.pic.icon_type_video:before { content:""; display:block; width:100px; height:100px; background:url(../images/icon_play.png) no-repeat; background-size:100% auto; opacity:0.9; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 20;}

.area_pic .box_2 a.pic.icon_type_video:before { content:""; display:block; width:50px; height:50px; background:url(../images/icon_play.png) no-repeat; background-size:100% auto; opacity:0.9; position:absolute; left:50%; top:40%; transform:translate(-50%, -50%); z-index: 20;}


/*part_tab_1*/
.part_tab_1{}
.part_tab_1 .tab_title { border-bottom:1px solid #ccc;}
.part_tab_1 .tab_title h3{display:inline-block; font-size:18px; padding:3px 15px; cursor:pointer; position:relative;}
.part_tab_1 .tab_title h3.current { color:#b06c37; border-bottom:3px solid #b06c37; }
.part_tab_1 .tab_title h3.current:after{content:"▼"; display:block; width:10px; height:10px; position:absolute; left:35%;}
.part_tab_1 .tab_content .box{ /* display:none; */} 

/*gallery*/
.gallery{ margin-bottom: 60px;}
.gallery img {display:none;}
.gallery .bx-wrapper .bx-viewport{left: 0;}
.gallery .bx-wrapper {box-shadow: none; border: none; background:none; margin-bottom:10px;}
.gallery .bx-wrapper .bx-viewport {border: 0px solid #fff; box-shadow: 0 0 0px #ccc; }
.gallery .bx-wrapper .bx-caption{background:rgba(0,0,0,0.0); background-image:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.9) 100%); z-index:2;}
.gallery .bx-wrapper .bx-caption span{ font-family:"微軟正黑體", Arial, Helve tica, sans-serif; font-size:20px; letter-spacing:1px; line-height: 1.2;}
.gallery .bx-wrapper .bx-prev{ background: url(../images/icon.png) no-repeat; width: 70px; height: 70px; background-position: 0px 0px; margin-top: -35px; }
.gallery .bx-wrapper .bx-next{ background: url(../images/icon.png) no-repeat; width: 70px; height: 70px; background-position: -70px 0px;  margin-top: -35px; }
.gallery .bx-controls .bx-pager{ bottom:-35px;}
.gallery .bx-controls .bx-pager a { background: #ccc;}
.gallery .bx-controls .bx-pager a.active { background: #b06c37; }
.gallery .bx-controls .bx-pager a:hover{ background: #b06c37;}
.gallery .piece{ /*background: #526360;*/ }
.gallery .piece:after{ display:block; content:""; width:100%; height:0px; padding-bottom:70%; overflow:hidden; position:relative; text-align:center;}
.gallery .piece a { display:block;width:100%; height:0px; padding-bottom:70%; overflow:hidden; position:absolute; top:0; z-index:1;}
.gallery .piece img{ width:auto; height:100%; max-width:inherit; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto;}
.gallery .gpager{margin:20px 0px;}
.gallery .gpager a{ width:140px; height:109px; float:left; overflow:hidden; margin-right:6px; margin-bottom:6px; position:relative;}
.gallery .gpager a.active{ border:2px solid #b06c37; }
.gallery .gpager a:nth-of-type(6n){ margin-right:0px;}
.gallery .gpager a img{ width:auto; height:100%; overflow:hidden; }
.gallery .title{ font-size:22px; padding:5px 0px 5px 10px; position:relative; display: flex; align-items :center; justify-content:space-between; color: #b06c37;}
.gallery .title:after{ content:""; max-width:100%; min-width:20%; height:2px; margin: 0px 0px; border-bottom: 1px solid #b06c37; flex-grow:1; }


.gallery_b{ margin-bottom:10px; position:relative;}
.gallery_b img{ display:none;}
.gallery_b a.piece{}
.gallery_b a.piece .pic{ margin-bottom: 5px; width:158px; height:89px; overflow:hidden;}
.gallery_b a.piece .pic img{ width:100%; height:auto; }
.gallery_b a.piece span{}
.gallery_b a.piece h3{ font-size: 16px; font-weight:normal;}
.gallery_b .time{ margin-bottom:5px; display: inline-block; color:#666;}
.gallery_b .bx-wrapper {margin-bottom: 15px; box-shadow: none; margin:inherit;}
.gallery_b .bx-wrapper .bx-viewport {border: 0px solid #fff; box-shadow: 0 0 0px #ccc; left:0px;}
.gallery_b .bx-wrapper .bx-controls .bx-prev, .gallery_b .bx-wrapper .bx-controls .bx-next{ top: 75px; margin-top: -40px;}


/*.首頁輪播 gallery_3==========================*/
.gallery_3{ clear:both; margin-bottom:20px;} 
.gallery_3 .run{ width:500px; height:375px; float:left; overflow:hidden;}
.gallery_3 .run .bx-wrapper{ margin:0px;}
.gallery_3 .run .bx-wrapper .bx-viewport { border:0px solid #fff; box-shadow:0 0 0px #ccc; left:0px;}
.gallery_3 .run .piece{ text-align:center; background:#555;}
.gallery_3 .run .piece a{ display:block; width:500px; height:375px; background:#efefef; position:relative; overflow:hidden;}
.gallery_3 .run .piece a img{ display:block; height:100%; width:auto; max-width:inherit; position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;}
.gallery_3 .pic_video_icon a::after{ transform: translate(-50%, -50%);}

.gallery_3 .pager{ width:370px; height:375px; float:right; background:#fff; padding-left:5px;}
.gallery_3 .pager h3{ height:60px; border-bottom:1px dotted #b3b3b3; font-size:15px; padding-left: 8px;}
.gallery_3 .pager h3 a{ display:block; height:60px; line-height:60px; padding:0px 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery_3 .pager h3 a:link, .gallery_3 .pager h3 a:visited { color:#000; text-decoration:none; }
.gallery_3 .pager h3 a:hover, .gallery_3 .pager h3 a:active { color:#dd2424; text-decoration:none; }
.gallery_3 .pager h3.current a{ color:#dd2424;}
.gallery_3 .pager h3:nth-last-of-type(1){ border-bottom:none;}


/*新聞模組*/
.subject_article{ clear:both; padding-right:20px;}
.subject_article h1.title{ font-size:32px; color:#3f3a39; margin-bottom:30px;}
.subject_article .date{ margin-bottom: 10px; color: #666;}
.subject_article p.tag{ height:25px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px; overflow:hidden;}
.subject_article p.tag:hover{ height:auto; white-space:pre-wrap;}
.subject_article p.tag span{}
.subject_article p.tag a:link, .subject_article p.tag a:visited{ color:#143b5c;}
.subject_article p.tag a:hover, .subject_article p.tag a:active{ color:#666;}
.subject_article p.note{ font-size:15px; color:#f28107; margin-bottom:10px;}
.subject_article p.comment{ font-size:15px; border-top:1px solid rgba(150,140,135,0.7); border-bottom:1px solid rgba(150,140,135,0.7); padding:8px 0px; margin-bottom:20px;}
.subject_article p.comment span{}

/*story 內文*/
.subject_article .story {clear:both;margin-bottom:25px; }
.subject_article .story a{ color:blue }
.subject_article .story p{ font-size:18px; line-height:1.7; margin-bottom:25px;}
.subject_article .story img{ max-width:650px; height:auto; vertical-align: bottom;}
/*圖說*/
.subject_article .story p.no_margin{margin-bottom:0px;}
.subject_article .story strong.figcaption{ display: block; background:linear-gradient(90deg, rgba(220, 220, 220, 1) 0%, rgba(220, 220, 220, 0.8) 60%, transparent 100%); font-size: 15px; font-weight: normal; color:#333; line-height: 1.5; padding: 10px;}

.subject_article .fb_fans{ margin-bottom:10px;}
.subject_article .fb_fans a:link, .subject_article .fb_fans a:visited{ color:#00447e;}
.subject_article .fb_fans a:hover, .subject_article .fb_fans a:active{ color:#666;}
.subject_article .fb_fans em{ font-style:normal;}

/*operate_1 操作=========*/
/*.subject_article .operate_1{ margin-bottom:15px; position:relative; height:55px;}*/
/*ad_txt_1*/
/*
.subject_article .operate_1 .ad_txt_1{ clear:both;}
.subject_article .operate_1 .ad_txt_1 a{ display:inline-block; background:#ededed; font-size:13px; padding:0px 5px; height:30px; line-height:32px; border:1px solid rgba(150,140,135,0.7);}
.subject_article .operate_1 .ad_txt_1 a:link, .ad_txt_1 a:visited { color:#968d89;}
.subject_article .operate_1 .ad_txt_1 a:hover, .ad_txt_1 a:active { color:#3f3a39;}
*/
/*memu_1*/
/*
.subject_article .operate_1 .memu_1{ clear:both; display: inline-block; margin-bottom:20px; position:absolute; right:0px; bottom:-28px;} 
.subject_article .operate_1 .memu_1 .fb_like_fans{ display:block; transform:scale(0.7); position:absolute; right:-45px; bottom:-5px;}
.subject_article .operate_1 .memu_1 .fb_like_news{ display:block; transform:scale(0.85); position:absolute; right:195px; bottom:1px;}
.subject_article .operate_1 .memu_1 .icon_adult{ display:block; width:50px; height:50px; background:url(../images/icon_003_50x50.png) -50px 0px no-repeat; position:absolute; right:250px; bottom:6px;}
*/

/*operate_2 操作====*/
.subject_article .operate_2{ margin-bottom:20px;} 
.subject_article .operate_2 a{ display:inline-block; height:30px; line-height:32px; background:#ededed; font-size:15px; border-radius:3px; padding:0px 10px; margin:0px 5px 8px 0px;}
.subject_article .operate_2 a:link, .subject_article .operate_2 a:visited { color:#968d89;}
.subject_article .operate_2 a:hover, .subject_article .operate_2 a:active { color:#3f3a39;}


/*廣告*/
/*置頂：轟天雷/凱旋門廣告*/
.top-sky {width:1200px;margin:0 auto;text-align:center;position:relative;}
.ad_300{ margin-bottom:60px; }
.ad_300x250{ margin-bottom:60px; }
/*超級大橫幅*/
.ad_970 { width:970px; margin:10px auto 0 auto;}

/*新聞內頁標題下文字廣告*/
.text_ad_top {float:left;margin-bottom:10px;}
.text_ad_top a{display: inline-block; background: #F5F5F5; width: 490px; font-size: 18px; padding: 20px; height: auto; line-height: 30px; border-top: 1px solid rgba(150,140,135,0.7); border-bottom: 1px solid rgba(150,140,135,0.7);}/*文字廣告ad_txt_1*/
.text_ad_top a:hover, .text_ad_top a:active { color: #62A8FF;}


/*大圖輪播 尺寸錯誤修正*/
.house_slide_1 img, .house_slide_2 img{width:100%!important; height:auto!important;}

/*隱藏microdata圖片用*/
span[itemprop="publisher"] img {display:none;}

/*ai workzone產出的表格*/
.et_table-1{ clear:both; width:100%; max-width:600px; border-collapse:collapse; border:1px solid #2e2770; margin:0px auto 15px auto;}
.et_table-1 thead{ background-color:#2e2770; color:#fff; font-weight:300;}
.et_table-1 thead th{ padding:5px 0px;}
.et_table-1 tbody td{ padding:5px; border:1px solid #d6d6d5;}
.et_table-1 tbody tr:nth-of-type(even){ background-color:#eee;}
/*******page.css**************************************************************/

/*search.htm*/
.search_area{  border-bottom: 1px dashed #ea4c41; padding-bottom: 30px; margin-bottom:50px; color: #333;}
.search_area .txt{ border:none; border:1px solid #ccc; font-size: 16px; width:300px; padding:5px 5px 5px 40px ; background:url(../images/icon_search.png) #faf9f7 5px 7px no-repeat; margin-bottom: 5px; height:40px; color:#333;}

/*bulid_inner*/
.bulid_info {position:relative;}
.bulid_info .part_menu_4{ position:absolute; top:-5px; right:0px; background:#fff;}
.map{margin-top:25px;}
.map iframe{margin-top:25px; width: 100%; height: 450px;}
.table_z .t2 .style_1{ color:#ce6b00; font-size:24px; padding:5px; font-weight:normal;}
.table_z .t2 .style_1 .icon{ color:#999; }

/*video_box.htm*/
.video_box{}
.video_box .inner{ margin-bottom: 10px;}
.video_box .title{ display:inline-block; margin-bottom:10px; font-size:26px; font-weight: normal; }
.video_box .tag{ background: #ea4c41; color: #fff; font-size: 16px; margin-right: 10px; vertical-align:3px; padding: 0px 3px; display:inline-block;}
.video_box .part_menu_4{margin-top:10px;}

.video_box .icon_adult{ display:inline-block; width:50px; height:50px; background:url(../images/icon_003_50x50.png) -50px 0px no-repeat; margin-right:10px;}

/*熱門快報標題修正*/
#hot-events .block_title { color:#ce6b00; border-left:3px solid #ce6b00; padding-left:10px; line-height: 1; margin-bottom:20px; position: relative; border-bottom: none;}
#hot-events .block_title h2{font-size:21px;}
#hot-events .box_0{border-bottom:none;}
#hot-events .box_0 h3 a{color:#000;}
#hot-events .box_0 .pic{border:none;}

/* 模組 新聞內頁 分享按鈕====*/
#et_sticky_pc{ width: 50px; height: 0px;/*彈性高度*/ position: fixed; left:50%; top: 75px; margin-left:-650px; z-index: 10; overflow: hidden; transition: height 0.6s ease-in-out;}
#et_sticky_pc a.btn{ display: block; width: 40px; height: 40px; background: url(../images/et_sticky_pc.png) no-repeat; background-size: auto 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 50%; margin-bottom: 5px; box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
#et_sticky_pc a.btn.logo{ background-position: 0px 0px;}
#et_sticky_pc a.btn.fb{ background-position: -40px 0px;}
#et_sticky_pc a.btn.weibo{ background-position: -80px 0px;}
#et_sticky_pc a.btn.twitter{ background-position: -120px 0px;}
#et_sticky_pc a.btn.gplus{ background-position: -160px 0px;}
#et_sticky_pc a.btn.link{ background-position: -200px 0px;}
#et_sticky_pc a.btn.line{ background-position: -240px 0px;}

/*幸福空間*/
.business_space{}
.business_space .gallery_1 .piece img{width: 100%; height: auto;}
.business_space .gallery_1 .bx-wrapper {}
.business_space .gallery_1 .bx-wrapper .bx-viewport{height: 640px!important;}
.business_space .gallery_1 .bx-wrapper .bx-caption { /*height:100px; line-height:80px;*/ height:50px; line-height:30px; bottom:-35px;background: #fff;}
.business_space .gallery_1 .bx-wrapper .bx-caption span { display:inline-block; text-overflow:ellipsis; white-space:nowrap;/* font-size:26px;*/  font-size:22px; color: #CE6B00; }

.part_ad_1{position: absolute; left: 380px; top:5px;}
.part_ad_1 .box{width: 120px; height: 50px; display: inline-block; margin-right: 10px;}

/* 新聞內頁 模組 et_ad_group_1 文末各關企廣告字====*/
.et_ad_group_1{ margin-bottom:20px; padding:10px 0px;}
.et_ad_group_1 p{ margin-bottom:10px; font-size:18px; font-weight:bold;}
.et_ad_group_1 p:last-child{ margin-bottom:0px;}
.et_ad_group_1 p.ad_txt_p_1 a:link,.et_ad_group_1 p.ad_txt_p_1 a:visited{ color:#0000ff;}
.et_ad_group_1 p.ad_txt_p_1 a:hover{ color:#0202eb;}
.et_ad_group_1 p.ad_txt_p_2 a:link,.et_ad_group_1 p.ad_txt_p_2 a:visited{ color:#0000ff;}
.et_ad_group_1 p.ad_txt_p_2 a:hover{ color:#d56020;}

/* et_social_1 文首分享組件及文字廣告 ======================== */
.et_social_1{ float:right;height:58px;margin-bottom:10px;position:relative;}
.et_social_1 .icon_adult{display:block; background:url(../images/icon_adult.png) no-repeat; height:50px;width:50px;float:left;margin-right:10px;}

/*ad_txt_1*/
.et_social_1 .ad_txt_1{}
.et_social_1 .ad_txt_1 a{ display:inline-block; background:#ededed; font-size:13px; padding:0px 5px; height:30px; line-height:30px; border:1px solid rgba(150,140,135,0.7);}
.et_social_1 .ad_txt_1 a:link, .et_social_1 .ad_txt_1 a:visited { color:#968d89;}
.et_social_1 .ad_txt_1 a:hover, .et_social_1 .ad_txt_1 a:active { color:#3f3a39;}
.et_social_1 .menu{ float:left;}

/* et_social_2 文末各社群分享組件 ======================== */
.et_social_2{ clear: both; margin-bottom: 20px;}
.et_social_2 p{ color: #666; font-weight: bold; margin-bottom: 5px;}
.et_social_2 .menu{ display: flex;}
.et_social_2 .menu > div, .et_social_2 .menu > a{ display: block; width: 50px; height: 50px; background: url(../images/et_icon_social-2.png) no-repeat; background-size: auto 100%; border-radius: 3px; overflow: hidden; transition: box-shadow 0.3s linear;}	
.et_social_2 .menu > :nth-child(n+2){ margin-left: 10px;}
.et_social_2 .menu > :not(.fb_box):hover{ box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.2) inset;}
.et_social_2 .menu .fb_box{ border: 1px solid #aaa; position: relative;}
.et_social_2 .menu .fb_box .fb-like{ margin-top: 3px; position: absolute; left: 50%; transform: translateX(-50%);}
.et_social_2 .menu .fb_box .fb-like::before{ display: block; content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 10;/*遮原生黑色框線*/}
.et_social_2 .menu .fb_box{ background-position: calc( 50px * 0) 0px;}
.et_social_2 .menu .facebook{ background-position: calc( 50px * -1) 0px;}
.et_social_2 .menu .line{ background-position: calc( 50px * -2) 0px;}
.et_social_2 .menu .twitter{ background-position: calc( 50px * -3) 0px;}
.et_social_2 .menu .copy-link{ background-position: calc( 50px * -4) 0px; cursor: pointer;}
.et_social_2 .menu .print{ background-position: calc( 50px * -5) 0px; cursor: pointer;}
.et_social_2 .menu .message{ background-position: calc( 50px * -6) 0px; width: 130px; cursor: pointer;}

/* et_social_3 文末各社群追蹤組件 ======================== */
.et_social_3{ clear: both; margin-bottom: 20px;}
.et_social_3 p{ color: #666; font-weight: bold; margin-bottom: 5px;}
.et_social_3 .menu{ display: flex;}
.et_social_3 .menu .fb_box{ width: 180px; height: 60px; border-radius: 3px; overflow: hidden;}
.et_social_3 .menu .fb_box > div{ transform: scale(0.8); transform-origin: left top;}
.et_social_3 .menu > a{ display: block; width: 60px; height: 60px; background: url(../images/et_icon_social-3.png) no-repeat; background-size: auto 100%; border-radius: 3px; overflow: hidden; transition: box-shadow 0.3s linear;}
.et_social_3 .menu > :nth-child(n+2){ margin-left: 10px;}
.et_social_3 .menu > a:hover{ box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.2) inset;}
.et_social_3 .menu .youtube{ background-position: calc( 60px * 0) 0px;}
.et_social_3 .menu .instagram{ background-position: calc( 60px * -1) 0px;}
.et_social_3 .menu .line{ background-position: calc( 60px * -2) 0px;}
.et_social_3 .menu .twitter{ background-position: calc( 60px * -3) 0px;}
.et_social_3 .menu .telegram{ background-position: calc( 60px * -4) 0px;}

/* et_comments 全站共用 留言版模組 =======================================*/
#et_comments {padding:5px; background-color:#fff;}
#et_comments *{font-style:normal;/*取消斜體*/}

/* menu tab 選單 ======================*/
#et_comments .menu{  display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:10px;}
#et_comments .menu button{ width:50%; height:40px; font-size:15px; border-radius: 3px; background-color:#fff; color:#636573; cursor: pointer; border:1px solid #636573;}
#et_comments .menu button.current{ background-color:#3788E6; color:#fff; border:none;}
#et_comments .menu button.btn_et{ }
#et_comments .menu button.btn_fb{ }

/*按鈕 前往新聞雲APP*/
#et_comments a.btn_go{ height:40px; background-color:#3788E6; color:#fff; font-size:15px; text-decoration:none; border-radius:3px; border:none; display:flex; flex-direction:column; justify-content:center; align-items:center;}

/*fb_board 留言版 =====================*/
#et_comments .fb_board{display:none;/*初始隱藏*/}

/* et_board 自行開發 留言版=====================*/
#et_comments .et_comments_inner{ width:100%;}
#et_comments .et_board{ padding:5px;}
#et_comments .et_board iframe{ width:100%; min-height:247px;}