/*******reset.css**************************************************************/

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap&subset=chinese-traditional");
@charset "utf-8";

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; }



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/*******global.css**************************************************************/
:root{
  --color_1:#3E85F6;
  --color_2:#8D8D8D;
  --color_3:#D1D5DB;
  --color_4:#65a0ff;
}

* {font-family: "Noto Sans TC", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;  box-sizing:border-box;}
html{height: 100%;}
/*所有通用設定-----------------------------------------------------------------------*/
body { font-size:15px; line-height:1.5; font-weight:normal; color:#333; scroll-behavior: smooth; }

/*預設連結狀態*/
a:link, a:visited { color:#333; text-decoration:none; }
a:hover, a:active { color:var(--color_4); text-decoration:none; }

/*圖片無框*/
a img { border:none; }

/*h標題設定*/
h1 { font-size:15px; font-weight:normal;}
h2 { font-size:15px; font-weight:normal;}
h3 { font-size:13px; font-weight:normal;}
h4 { font-size:13px; font-weight:normal;}

/*清除 clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {*zoom: 1; _zoom: 1; }

/*文字隱藏*/
.txt-hide{text-indent:200%; overflow:hidden; white-space:nowrap;}


/* 影音 icon */
i.icon_type_video{ clear:both; display:inline-block; width:16px; height:16px; background:url(../images/icon_type_video.png) no-repeat; background-size:contain; position:relative; top:1px; margin-right: 5px;}
i.icon_type_video::before{display: none;}

.icon_type_video{}
.icon_type_video::before { content: ''; display: block; width: 40px; height: 40px; background:url(../images/icon_play.png) no-repeat; background-size: contain; position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.8;}


/*more基本型*/
.more {width:80px; height:24px; background: url(../images/icon/more.svg) no-repeat; background-size: contain; font-size:13px; position: relative; padding-left: 18px; line-height: 23px;}
.more .icon-plus {width: 11px; height: 11px; vertical-align: -1px; fill: #ffffff; transition: .5s;}
.more:hover .icon-plus {fill: #bcd5fd;}
.more:link, .more:visited { color:#fff; text-decoration:none; }
.more:hover, .more:active { color:#fff; text-shadow: 0px 0px 3px #cecece; text-decoration:none;}
@media only screen and (max-width:768px){
  .more {font-size:12px; line-height: 23px; width:70px; height:20px; padding-left: 11px; line-height: 19px;}
  .more::before{ width: 10px; height: 10px;}
}

.more.s2 {width:70px; height:24px; background:none; font-size:13px; position: relative; transition: .2s; padding-left: 0px;}
.more.s2 .icon-plus { fill: var(--color_2); width: 11px; height: 11px;}
/* .more.s2:hover .icon-plus {fill: var(--color_1); } */
.more.s2:link, .more.s2:visited { color:var(--color_2);}
.more.s2:hover, .more.s2:active { color:var(--color_1); text-shadow:1px 2px 3px #bee8fc;}

/*麵包屑=======*/
.breadcrumb_box {clear:both; margin-bottom:20px;}
.breadcrumb_box .date{float:right; font-size:13px; color:#666;}
.menu_bread_crumb { font-size:14px; float:left;}
.menu_bread_crumb > div {display:inline-block; margin:0px 3px;}
.menu_bread_crumb span { color:#333; font-weight: 300; }
.menu_bread_crumb a:link, .menu_bread_crumb a:visited { color:#666; text-decoration:none; }
.menu_bread_crumb a:hover, .menu_bread_crumb a:active { color:#666; text-decoration:underline; }
.menu_bread_crumb > div:nth-last-child(1) span{ font-weight: 500;}

@media only screen and (max-width:1200px){
.breadcrumb_box{ margin-bottom: 5px;}
.breadcrumb_box .date{float:none; }
.menu_bread_crumb {display: none;}
}


/*分頁組件=======*/
.menu_page { text-align:center; clear:both;  margin-top:10px; padding-top:20px; margin-bottom:10px; font-size:13px; color:#000;}
.menu_page a:link, .menu_page a:visited { color:#000; background-color:#dcdcdc; text-decoration: none; padding:5px 12px; margin-right:3px;}
.menu_page a:hover, .menu_page a:active { color:#fff; background-color:#959595; }
.menu_page span.current { padding:5px 12px; font-weight:bold; color:#fff; margin-right:3px; background-color:#959595;}
.menu_page span.disabled{ text-decoration:none; padding:5px 8px;  margin-right:3px; background-color:#dcdcdc;} 
.menu_page_info{text-align:center; font-size:15px; margin-bottom:10px;}
.menu_page .info { margin-top:10px;}

/*gototop*/
.gototop { position: fixed; bottom: 100px; right: 20px; width: 45px; height: 45px; border-radius: 50%; background: url(../images/icon_gototop.png) no-repeat center center; background-size: contain; z-index: 56; cursor: pointer; opacity: 0.2; transition: .2s; display: none;}
.gototop:hover { opacity: 0.3;}


/*ajax loading圖*/
/* .loading { background:url(../images/reload.gif) no-repeat; background-size:50px 50px; width:50px; height:50px; position:fixed; left:50%; transform: translateX(-50%); bottom:50px; margin-left:-160px; display:none; z-index:11;} */

/* #infinite_block{ padding-bottom: 500px;} */


/*******layout.css**************************************************************/
.wrapper_box{  }
.wrapper{ width: 100%; max-width: 1200px; padding: 0 5px; margin: 0 auto; background: #fff; }

/*topbar ============================ */
.topbar_box{  }
.topbar{ width: 100%; position: relative; height: 35px; display: flex; align-items: center; justify-content: space-between; background: #F6F6F6; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); padding: 0 10px;}

.menu_z{ flex-shrink: 0;}
.menu_z a{color: #818181; margin-right: 10px;}
.menu_z a:hover{color: var(--color_1); text-decoration: none;}
@media only screen and (max-width:1200px){
  .menu_z a{font-size: 14px;}
}

.search_box{ transition: .5s }
.search_box .btn_open_search, .search_box .btn{background: no-repeat #9F9F9F center center; background-size: 20px 20px; width: 25px; height: 25px; background-image:url(../images/icon/search.svg);  display: inline-block; vertical-align: middle; border: none; border-radius: 50%; cursor: pointer;}
.search_box .btn_open_search{}
.search_box .btn{ }
.search_box form{ display: none; }

.search_box.active > .btn_open_search{ display: none;}
.search_box.active > form{ display: flex; gap: 5px;}
.search_box.active .btn { flex-shrink: 0;}
.search_box.active .txt {border: none; outline: none; width: 100%; height: 25px; color: #868686; font-size: 13px; padding:0px 5px; border: 1px solid #9F9F9F; border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media only screen and (max-width:1200px){
.wrapper{ max-width: 768px; padding: 0px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);}
.topbar{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; height: 35px;}
.search_box{width: 250px; height: 25px; position: relative;}
.search_box .btn_open_search{ position: absolute; right: 0px; top:0px;}
/* .search_box.active > form{ width: 100%;}
.search_box.active .txt{ width: 100%;} */
}

/*header ============================ */
.header_box{}
.header{height: 110px; position: relative;}
.main_logo{background: url(../images/logo.png) no-repeat center center; width: 265px; height: 45px;background-size: contain; position: relative; left: 5px; top:40px}
.main_logo a{display: block; width: 100%; height: 100%; }

.main_nav{ position: absolute; right: 0; top: 40px; background: var(--color_1); border-radius: 30px;}
.main_nav .inner{ height:40px; display: flex; align-items: center; justify-content:center;  padding: 0 25px;}
.main_nav a{color: #FFFFFF; font-size: 16px; font-weight: 500; padding: 0px 20px; text-decoration: none;}
.main_nav a:hover{color: #f4fcc6; text-shadow: #b3cdf8 0px 0px 1px;}
.main_nav.fixed{ position: fixed; right: 0; top: 0; width: 100%; padding: 0 5px; z-index:1000; background: var(--color_1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12); border-radius: 0;}
.main_nav.fixed .inner{ max-width: 1200px; margin: 0 auto; justify-content: flex-end;}
.main_nav.fixed .inner a{ padding: 0px 15px; position: relative;  }
.main_nav.fixed .inner a::before{ content: ''; display: inline-block; width: 1px; height: 14px; background: #FFFFFF; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

@media only screen and (max-width:1200px){
.header{ height: auto;}
.main_logo{width: 200px; height: 55px; position: static; background-size: 90% auto; }
.main_nav{ position: initial; top: initial; right: initial; width: 100%; padding: 0; border-radius: 0; overflow:hidden; overflow-x:auto; overflow-y: hidden; -webkit-overflow-scrolling:touch; width:100%; height:40px; line-height:40px; font-size:16px;  }
.main_nav .inner{border-radius: 0; display: block; white-space: nowrap; padding-left: 10px;}
.main_nav a, .main_nav.fixed .inner a{padding: 0px 10px;}
.main_nav.fixed{ z-index:999999999;}
.main_nav.fixed .inner a::before{ display: none; }
}


/*container ============================ */
.hot_zone{ margin-bottom: 50px;}
.container_box{}
.container{padding-top: 20px;}

.r1{ clear: both;}
.r1 .c1{ width: 850px; float: left;}
.r1 .c2{ width: 300px; float: right; }

@media only screen and (max-width:1200px){
.r1 .c1{ width: 100%; float: none;}
.r1 .c2{ display: none;}
.hot_zone{ margin-bottom: 20px;}
.container{padding-top: 15px;}
}

/*footer ============================ */
.footer {background: #fff; border: 1px solid #D4D4D4; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); padding: 20px; font-size: 13px; margin-bottom:30px;}
.footer .menu_1{ margin-bottom:10px;}
.footer .menu_1 a{ display:inline-block; color:var(--color_1); margin:0px 5px 5px 0px; font-size: 14px; font-weight: 400;}
.footer .menu_1 a:hover{ text-decoration:underline;}
.footer address{font-style: normal; line-height: 1.6;
}/*******block.css**************************************************************/

.block_1{ border: 1px solid #D4D4D4; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); padding:25px 15px;}
.block_2{margin-bottom: 30px; background: #ffffff;}
.block_3{margin-bottom: 40px; background: #ffffff;}

.title_a{font-size: 24px; color: var(--color_1); position: relative; margin-bottom: 35px; display: flex; justify-content: space-between; align-items: center; line-height: 0.7; font-weight: 500; gap: 10px;  }
.title_a span{display: block; background: #fff; flex-shrink: 0; }
.title_a::after{content: ''; display: block; width: 100%; height: 1px; background: #333;}
.title_a .more{order: 1; flex-shrink: 0;}

.title_b{color: var(--color_1); font-size: 18px;  position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom:15px; gap: 10px; }
.title_b span{display: block; background: #fff; flex-shrink: 0; font-weight: 400;}
.title_b::after{content: ''; display: block; width: 100%; height: 1px; background: #333;}
.title_b .more{order: 1; flex-shrink: 0;}
/* .title_b:has(a)::after{ width: calc(100% - 80px); } */

/* .btn_a */
.btn_a {text-align: center;}
.btn_a a{display: inline-block; width: 180px; height: 35px; line-height: 35px; background: #DBEAFE; text-align: center; font-size: 14px; border-radius: 5px; transition: .3s; color:var(--color_1); font-weight: 500;}
.btn_a a:hover, .btn_a a:active { color:#fff; background: var(--color_1); }
.block_2 .btn_a {display: none;}

/*首頁客製-科普文字區塊只在 Mobile 出現*/
.mobile_show{ display:none;}

@media only screen and (max-width:1200px){
.title_a{font-size: 20px; margin-bottom: 30px;}
.block_2{ padding: 0 15px; margin-bottom: 40px;}
.block_2 .btn_a {display: block; margin-top: 10px;  }
.block_2 .btn_a a{width: 220px; font-size: 16px; height: 40px; line-height: 40px;}
.block_3{ padding: 0 15px;}
.mobile_show{ display:block; margin:40px 15px 50px;}	
}

/* .part_pictxt_1 */
.part_pictxt_1{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.part_pictxt_1 .box_0{ width: calc(50% - 18px); flex-shrink: 0; display: flex; position: relative; padding-bottom: 24px; border-bottom: 1px solid var(--color_3); margin-bottom: 24px;}

.part_pictxt_1 .box_0:last-child,
.part_pictxt_1 .box_0:nth-child(odd):nth-last-child(2) {border-bottom: 0;}

.part_pictxt_1 .box_0 .pic{width:120px; height: 94px; display: block; border: #f0f0f0 1px solid; flex-shrink: 0; }
.part_pictxt_1 .box_0 .pic img{width: 100%; height: 100%; object-fit: cover; }
.part_pictxt_1 .box_0 .title{font-size: 18px; color: #333; font-weight: 400; line-height: 1.5; margin-left: 10px; flex-grow: 1; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;}
.part_pictxt_1 .box_0 .time{ position: absolute; bottom:24px; right:0; color: #B2B2B2; font-size: 14px;}

@media only screen and (max-width:768px){
.part_pictxt_1 .box_0{ width: 100%; padding-bottom: 15px; margin-bottom: 15px;} 
/* .part_pictxt_1 .box_0 .title{font-weight: 300;} */
.part_pictxt_1 .box_0 .time{font-size: 12px; bottom:15px; }

.part_pictxt_1 .box_0:nth-child(odd):nth-last-child(2) {border-bottom: 1px solid var(--color_3);}
}

/* .part_pictxt_2 */
.part_pictxt_2{ }
.part_pictxt_2 .box_0{  display: flex; position: relative; padding-bottom: 24px; border-bottom: 1px solid var(--color_3); margin-bottom: 24px;}
.part_pictxt_2 .box_0:last-child{border-bottom: none;}

.part_pictxt_2 .box_0 .pic{width:150px; height: 113px; display: block; border: #f0f0f0 1px solid; flex-shrink: 0; margin-right: 25px; }
.part_pictxt_2 .box_0 .pic img{width: 100%; height: 100%; object-fit: cover; }
.part_pictxt_2 .box_0 .title{font-size: 20px; color: #333; height: 80px; }
.part_pictxt_2 .box_0 .title a{ display: block; font-weight: 400; line-height: 1.5; flex-grow: 1; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;}
.part_pictxt_2 .box_0 .title i.icon_type_video{ width: 20px; height: 20px; top:2px; margin-right: 5px;}

.part_pictxt_2 .box_0 p {margin-bottom: 10px; font-weight: 350;}
.part_pictxt_2 .box_0 .time{ position:absolute; bottom:30px; right:10px; color: #B2B2B2; font-size: 14px; margin-bottom: 0px;}

@media only screen and (max-width:1200px){
.part_pictxt_2 .box_0{padding-bottom: 15px; margin-bottom: 15px;}
.part_pictxt_2 .box_0 .pic{width:120px; height: 94px; display: block; border: #E1E1E1 1px solid; flex-shrink: 0; margin-right: 10px; }

.part_pictxt_2 .box_0 .title{font-size: 18px; color: #333; font-weight: 400; line-height: 1.5; height: auto; position: relative;}
.part_pictxt_2 .box_0 p{display: none;}
.part_pictxt_2 .box_1{}
.part_pictxt_2 .box_0 .time{ position: absolute; bottom:15px; right:0; color: #B2B2B2; font-size: 12px; display: block;}
}


/* part_pictxt_4 最夯影音(側欄)*/
.part_pictxt_4{}
.part_pictxt_4 .cover_pic{ width: 100%; height: 168px; position: relative; overflow: hidden; margin-bottom: 20px; background: #bebebe;}
.part_pictxt_4 .cover_pic img{ width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }
.part_pictxt_4 .cover_pic h3{ position: absolute; bottom: 0px; left: 0px; color: #fff; font-size: 15px; padding: 10px; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; background: linear-gradient(0deg, rgba(56, 56, 56, 0.8) 0%, rgba(102,102,102,0.9) 40%, rgba(20, 20, 20, 0) 100%);}
.part_pictxt_4 .piece{ display: flex; margin-bottom: 15px; border-bottom: 1px solid var(--color_3); padding-bottom: 10px;  }
.part_pictxt_4 .piece .pic { width:140px; height: 78px; display: block; overflow: hidden; background: #bebebe; flex-shrink: 0; margin-right: 10px; position: relative;}
.part_pictxt_4 .piece .pic img{ width: 100%; height: 100%; object-fit: cover; }
.part_pictxt_4 .piece h3{font-size: 15px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;}
.part_pictxt_4 .piece:last-child{border-bottom: none; padding-bottom: 0;}

/*原生廣告結構============*/
.part_pictxt_4 .ad_pictxt_1{ border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px;}
.part_pictxt_4 .ad_pictxt_1 a.pic{ display:block; width:140px; height:78px; background:#ededed; overflow:hidden; float:left; margin-right:10px; position:relative;}
.part_pictxt_4 .ad_pictxt_1 a.pic img{ width:auto; height:100%;}
.part_pictxt_4 .ad_pictxt_1 a.pic:before{ display:block; content:"";/*播*/ display:block; width:40px; height:40px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% 100%; opacity:0.7; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;/*置中*/ z-index:20;}
.part_pictxt_4 .ad_pictxt_1 h3{ font-size:15px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;}
.part_pictxt_4 .ad_pictxt_1 span.date{ display:none;}
.part_pictxt_4 .ad_pictxt_1 span.tag{ display:none;}
/*hover*/
.part_pictxt_4 .ad_pictxt_1 a.pic:hover:before{ opacity:1;}

/* part_pictxt_6 熱門快報(側欄)*/
.part_pictxt_6{}
.part_pictxt_6 .piece{ margin-bottom: 15px; border-bottom: 1px solid var(--color_3); padding-bottom: 10px;  }
.part_pictxt_6 .piece .pic { width:75px; height: 75px; display: block; overflow: hidden; background: #bebebe;  margin-right: 10px; position: relative; float: left;}
.part_pictxt_6 .piece .pic img{ width: 100%; height: 100%; object-fit: contain; }
.part_pictxt_6 .piece h3{font-size: 14px; line-height: 1.3;}
.part_pictxt_6 .piece p{font-size: 13px; font-weight: 300; line-height: 1.3;}
.part_pictxt_6 .piece:last-child{border-bottom: none; padding-bottom: 0;}



/* .part_tag_1 */
.part_tag_1{ display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 20px; gap: 10px; margin: 30px 0; align-items: center; }
.part_tag_1 a{ padding: 3px 8px; color: #333; font-size: 14px; border-radius: 5px; transition: .3s; border: 1px solid var(--color_1); color: var(--color_1); font-weight: 500; }
.part_tag_1 a:hover{ background: var(--color_1); color: #fff; }

/* .part_txt_1 */
.part_txt_1{ font-size: 14px; font-weight: 300; line-height: 1.8; margin-bottom: 20px;}

/* part_txt_2 */
.part_txt_2{ margin-top:-2px; padding-right:2px;}
.part_txt_2 .list { list-style-type:none; list-style-type: decimal !ie; /*IE 7*/  margin:0; counter-reset:li-counter; }
.part_txt_2 .list > li{ position:relative; font-size:16px; padding:10px 0px 10px 28px; border-bottom:1px solid var(--color_3) }
.part_txt_2 .list > li:first-of-type{padding-top: 0;}
.part_txt_2 .list > li:before {position:absolute; top:13px; left:0px; width:20px; font-size:20px; line-height:1; color:#BCBCBC; content:counter(li-counter);counter-increment:li-counter; font-weight: 500;}
.part_txt_2 .list > li:first-of-type:before{top:2px;}
.part_txt_2 .list li a{ display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box;}
.part_txt_2 .list > li:last-child {border-bottom:none;}

/* part_txt_3 */
.part_txt_3{ }
.part_txt_3 h2 { border-bottom: 1px solid var(--color_3); font-size: 18px;}
.part_txt_3 h2 a {display: block; padding: 15px 0px;}
.part_txt_3 h2:last-child {border-bottom: none; }
.part_txt_3 h2:first-child a {padding-top: 0; }

/* .gallery_a */
.gallery_a { position:relative; min-height:400px;}
.gallery_a a:link, .gallery_a a:visited { color:#fff; text-decoration:none; }
.gallery_a a:hover, .gallery_a a:active { color:#fff; text-decoration:none;}
.gallery_a .owl-carousel {min-height:200px;}
.gallery_a .owl-stage{ min-height:460px; display: flex; align-items: center; justify-content: center; }

.gallery_a .owl-item{ transition: .8s;}
.gallery_a .owl-item.center{ transform:scale(1.45); z-index: 5; }
.gallery_a .item { width: 396px; height:300px;  overflow:hidden; position:relative; border-radius: 15px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);}
.gallery_a .item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.gallery_a .item img { width: 100%; height: 100%; object-fit: cover;}
.gallery_a .caption{ width:100%; position:absolute; bottom:0px; left:0px; padding:0 20px 15px 20px; pointer-events: none; background: linear-gradient(0deg, rgba(85, 85, 85, 0.8) 0%, rgba(102,102,102,0.9) 40%, rgba(102,102,102,0) 100%);}
.gallery_a .caption span{ font-size:20px; font-weight: 500; text-shadow: 2px 2px 5px #000; color:#fff;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }

.gallery_a .owl-prev span {background: url(../images/icon/prev.svg); width: 22px; height: 42px; display: block; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); text-indent:200%; overflow:hidden; white-space:nowrap;}
.gallery_a .owl-next span {background: url(../images/icon/next.svg); width: 22px; height: 42px; display: block; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);  text-indent:200%; overflow:hidden; white-space:nowrap;}

.gallery_a .owl-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 100%; z-index: 55;}
.gallery_a .owl-dots button {/* width: calc((100% - 8px) / 5);*/ margin-right: 15px;}
.owl-dots .owl-dot span { width: 100%;  min-width: 10px; background: #8D8D8D; display: block; height: 5px;  }
.gallery_a .owl-dots .owl-dot.active span { background: var(--color_1); }

@media only screen and (max-width:768px){
.gallery_a { min-height:auto;}
.gallery_a .owl-item.center{ transform:scale(1); }
.gallery_a .owl-item{}
.gallery_a .owl-carousel .item { max-width: 768px; padding-bottom: 75%; height: 0; width: 100%;  overflow:hidden; position:relative; border-radius: 0px;}
.gallery_a .owl-stage{ min-height:inherit;}
.gallery_a .caption span{ font-size:25px; font-weight: 500;}
.gallery_a .owl-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.gallery_a .owl-dots button{margin-right: 0; margin:0 2px;}
}


/*news.htm=====================================================*/
.module_1{ clear:both; }
.module_1 .title{ color:#333333; font-size: 32px; line-height: 1.4; font-weight: 500; margin-bottom:40px; position:relative;}
.module_1 .date { color:#666; text-align:right;}
.module_1 .social_menu_1{height: 60px; float: right; margin: 0px 0px 20px; position: relative;}

/*本文*/
.module_1 .story {clear:both;color:#333;font-size:16px; line-height:1.8; margin-bottom:30px;}
.module_1 .story p {margin:25px auto; font-size:18px;}
.module_1 .story p:nth-child(1) {margin-top:0px}
.module_1 .story img{ max-width:100%; height:auto; vertical-align: bottom;}
.module_1 .menu_page{ margin-bottom:15px;}
.module_1 .icon_adult { display: block; width: 50px; height: 50px; border-radius: 3px; background: url(../images/icon_adult.png) no-repeat; float: right; margin-bottom: 10px;}


/*圖說*/
.module_1 .story p.no_margin{margin-top:0px; margin-bottom:0px;}
.module_1 .story p.no_margin+p{margin-top:0;}
.module_1 .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; font-style: normal; color: #333; line-height: 1.6; padding: 10px;}

.module_1.size_1{}
.module_1.size_1 .title{ font-size:24px;}
.module_1.size_1 .date{ font-size:13px;}
.module_1.size_1 .story p{ font-size:18px;}

.module_1.size_2{}
.module_1.size_2 .title{ font-size:25px;}
.module_1.size_2 .date{ font-size:15px;}
.module_1.size_2 .story p{ font-size:20px;}

.module_1.size_3{}
.module_1.size_3 .title{ font-size:28px;}
.module_1.size_3 .date{ font-size:18px;}
.module_1.size_3 .story p{ font-size:24px;}

.block_3 .note{ color: #666; font-size: 14px;}

/*sharebox_2 */
.sharebox_2{ clear:both; display: flex; gap: 5px; margin-bottom:20px; position: relative; display: none;  }
/*menu_1*/
.sharebox_2 .menu_1{ display: flex; gap: 5px; width:auto; height:30px;}
.sharebox_2 .menu_1 a{ display:block; width:30px; height:30px; border-radius:3px; background-size: contain;}
.sharebox_2 .menu_1 a.fb{ background: url(../images/v2/icon_facebook.svg);}
.sharebox_2 .menu_1 a.line{ background: url(../images/v2/icon_line.svg);}
.sharebox_2 .menu_1 a.fb-messenger{ background: url(../images/v2/icon_fb-messenger.svg);} 
.sharebox_2 .font_size_switch{ width: 30px; height:30px; background: url(../images/v2/icon_font-size.svg); background-size: contain;}
.sharebox_2 .date{ position: absolute; right: 5px; top: 5px; font-size: 13px;}

/* part_area_1*/
.part_area_1{ background-color: #fff; border-radius: 10px; padding: 15px; text-align: center; margin: 0px 15px 40px 15px;}
.part_area_1 .area_download{margin-bottom: 20px; display: inline-block; font-size: 15px;}
.part_area_1 .part_pictxt_1:nth-last-of-type(1){ padding-bottom: 5px;}
.part_area_1 .part_pictxt_1:nth-last-of-type(1) .date{ bottom: 0px;}

@media only screen and (max-width:1200px){
  .module_1 .title{ font-size: 26px; line-height: 1.4; font-weight: 400; margin-bottom: 20px; }
  .sharebox_2{display: flex;}
}

/*共用 廣告 =================================================*/
/*新聞內頁_文字廣告(上)============*/
.ad_txt_1{ width:100% !important; float:left; margin-top:10px; margin-bottom:20px;}
.ad_txt_1 a{ display:inline-block; background:#F5F5F5; 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 a:link, .ad_txt_1 a:visited { color:#000;}
.ad_txt_1 a:hover, .ad_txt_1 a:active { color:#62A8FF;}
@media only screen and ( min-width:1200px){
  .ad_txt_1{ width:490px; margin-top:-15px;}
  .ad_txt_1 a{ display:inline-block; width:490px;}	
}

/*熱門新聞文字廣告*/
.ad_txt_4 #word_mobile, .ad_txt_5 #word_mobile { padding:0px; border-bottom:0px!important;}
.ad_txt_4 #word_mobile ._popIn_recommend_art_title a{ padding:0px; color:#333;}
.ad_txt_5 #word_mobile ._popIn_recommend_art_title a{ padding:0px; color:#333;}
@media only screen and ( min-width:1200px){
  .ad_txt_4 #word_pc ._popIn_recommend_art_title a{ font-size:18px; line-height:25px;}
  .ad_txt_5 #word_pc ._popIn_recommend_art_title a{ font-size:18px; line-height:25px;}	
}

/*新聞內頁文中廣告*/
body .module_1 .story .ad_in_news{ width:100% !important;}
.ad_in_news { margin:10px auto; text-align:center;}
.ad_in_news img { display:inline!important;}
.ad_in_news .ad_readmore{ display:none;}

/*Mobile 廣告==============================================*/
@media only screen and (max-width:768px){
/*版頭70x35廣告-*/
.ad_70x35 { width:70px; height:35px; position:absolute; top:10px; right:10px;}
.ad_70x35 img{ width:100%;height:auto;}
	
/*橫幅*/
.ad_320x50{ width:100%; text-align:center; margin:0 auto 15px auto; overflow-x: hidden;}	

/*mobileweb_inread & 大看板*/
.ad_300x250{ width:100%; padding:10px 0; margin:0 auto 15px; text-align:center;}
.ad_300x250 .adJS01{ margin:0 auto;} /*巨幅*/
.ad_300x250 .adIF01{ margin:0 auto;} /*HTML5廣告*/
	
/* ad_native 圖文廣告*/
/*推廣1*/
.ad_native1 { width:100%;}	
.ad_native1 .ad_pictxt_1{ clear:both; margin-bottom:15px; padding-bottom:15px; position:relative; border-bottom:1px solid var(--color_3);}
.ad_native1 .ad_pictxt_1 .pic{ display:block; width:120px; height:94px; float:left; margin-right:10px; overflow:hidden;}
.ad_native1 .ad_pictxt_1 .pic img{ width:100%; height:100%; object-fit: cover; box-shadow: 0px 0px 1px rgba(30,25,20,0.5);}
.ad_native1 .ad_pictxt_1 h3{ font-size:18px; font-weight:normal;}
.ad_native1 .ad_pictxt_1 .date{ display:block; font-size:13px; color:#b2b2b2; position:absolute; right:0px; bottom:20px;}
.ad_native1 .ad_pictxt_1 .tag{ display:none;}
/*推廣2*/
.ad_native1 .part_pictxt_1{ clear:both; margin-bottom:15px; padding-bottom:15px; position:relative; border-bottom:1px solid var(--color_3);}
.ad_native1 .part_pictxt_1 .pic{ display:block; width:120px; height:94px; float:left; margin-right:10px; overflow:hidden;}
.ad_native1 .part_pictxt_1 .pic img{ width:100%; height:100%; object-fit: cover; box-shadow: 0px 0px 1px rgba(30,25,20,0.5);}
.ad_native1 .part_pictxt_1 h3{ width:62.3%; font-size:18px; font-weight:normal;}
.ad_native1 .part_pictxt_1 .date{ display:block; font-size:13px; color:#b2b2b2; position:absolute; right:0px; bottom:20px;}
.ad_native1 .part_pictxt_1 .tag{ display:none;}	
.ad_native1 .part_pictxt_1{ margin-top: 0px!important; margin-bottom:15px!important;}
/*compass-fit-widget廣告*/
#compass-fit-widget{ margin-bottom:15px;}
#compass-fit-widget .box_0 .pic{ margin-right:10px;}	
#compass-fit-widget .box_1 h3{ font-size:18px;}	
/*taboola廣告*/
body .trc_elastic_thumb-stream-article .trc_rbox_outer .videoCube{ margin-bottom:15px!important; padding-bottom:20px!important; border-bottom: 1px solid var(--color_3)!important;}	
body .thumbBlock_holder{ width:120px!important; height:94px!important;}	
body .thumb-stream-article .videoCube.syndicatedItem .thumbBlock{ width:120px!important; height:94px!important; border-radius:0px!important;}
/*置底廣告*/
.ad_320x50_fixed{ width:320px; text-align:center; display:none; position:fixed; bottom:0; margin:auto; left:0; right:0; z-index:888;}	
}
/*在PC時隱藏與客製樣式*/
@media only screen and (min-width:1200px){
.ad_native1, .mw_dakanban, #mobileweb_320x50_top{ display:none;}
#mobileweb_native_4 ~ .box_0 { border-bottom:0;}
}	

/*PC 廣告 =================================================*/
@media only screen and (min-width:1200px){
/*轟天雷*/
.top-sky{ width:1000px; margin:0 auto; text-align:center; position:relative; top:0px; left:0px;}

/*版頭小橫幅*/
.header .ad250x50{ position:absolute; left:315px; top:35px;}
.header .ad120x50-1{ position:absolute; left:508px; top:35px; z-index: 20;}
	
/*新聞內頁_文字廣告(下)============*/
.ad_txt_2{ clear:both; margin-bottom:30px;}
.ad_txt_2 li{ height:35px; line-height:35px; font-size:15px; background:#f3f3f3; border-bottom:1px solid rgba(150,140,135,0.7); padding-left:8px;}
.ad_txt_2 li:nth-of-type(1){ border-top:1px solid rgba(150,140,135,0.7);}
.ad_txt_2 li:nth-of-type(n+3){ background:#fff;}	
	
/*新聞內頁_黃金文字*/
.ad_txt_3{ clear:both; width:1000px; margin:30px auto;}
.ad_txt_3 li{ float:left;}
.ad_txt_3 li:not(:last-of-type){ margin-right:25px;}
.ad_txt_3 a{ display:block; width:316px; height:30px; line-height:32px; background:#ededed; font-size:15px; text-align:center; letter-spacing:1px;}
.ad_txt_3 a:link, .ad_txt_3 a:visited{ color:#968d89;}
.ad_txt_3 a:hover, .ad_txt_3 a:active{ color:#3f3a39;}

/*超級大橫幅*/	
.ad_970{ clear:both; width:970px; text-align:center; margin:0 auto 30px auto; position: relative; z-index:1;/* 防止廣告內 z-index 過高 */}	
	
/*sidebar側欄*/
.ad_300{ margin-bottom:30px;}
}	

/*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**************************************************************/

/* 最夯影音 */
.block_1.hot_video{border: 1px solid #D4D4D4; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); padding:25px 15px;}
.block_1.hot_video .block_title {  position: relative; }
.block_1.hot_video > .block_title::after{content: ""; display: block; width: 135px; height: 1px; background: #333; position: absolute; top: 14px; left: 80px;}
.block_1.hot_video .block_title h3{color: var(--color_1); font-size: 18px; height: 40px;}
.block_1.hot_video .block_title .btn_more{ font-size:13px; color: var(--color_2); position: absolute; right: 0; top:5px; display: flex; align-items: center; flex-direction: row-reverse; transition: .2s;}
.block_1.hot_video .block_title .icon_arrow{ width: 14px; height: 14px; background: url(../images/icon/plus-grey.svg) no-repeat center center; margin-right: 3px;
}
.block_1.hot_video .block_title .btn_more:hover, .hot_video .block_title .btn_more:active { color:var(--color_1); text-shadow:1px 2px 3px #bee8fc;}

/* 熱門快報 */
.block_1 .block_title { position: relative;  }
.block_1 .block_title::after{content: ""; display: block; width: 180px; height: 1px; background: #333; position: absolute; top: 14px; left: 80px;}
.block_title h3{color: var(--color_1); font-size: 18px; height: 40px;}


/*part_social_2*/
.part_social_2{ clear:both; display: none; justify-content: center; gap: 10px; padding: 10px 15px; margin: 30px 0; background-color: rgba(180, 180, 180, 0.1); border-radius: 10px; border: 1px solid #e2e2e2;}
.part_social_2 a{ display:block; width:35px; height:35px; border-radius:5px; background-size: contain; shape-rendering:optimizeSpeed;}
.part_social_2 a.fb{ background: url(../images/v2/icon_facebook.svg);}
.part_social_2 a.line{ background: url(../images/v2/icon_line.svg);}
.part_social_2 a.youtube{ background: url(../images/v2/icon_youtube.svg);}
.part_social_2 a.message{ background: url(../images/v2/icon_comments.svg); text-indent: 100%; white-space: nowrap; overflow: hidden;}


@media only screen and (max-width:1200px){
.et_social_2, .et_social_3{ display: none; }
.part_social_2{display: flex;}
}

.etvideo_collect_2{display: none;}
@media only screen and (max-width:1200px){
  .etvideo_collect_2{ display: block; }
}

.video_frame{margin-bottom: 50px!important;}
@media only screen and (max-width:1200px){
  .video_frame{margin-bottom: 20px!important;}
}


/*模組 新聞內頁(pc) 分享按鈕 =======================================*/
#et_sticky_pc{ display:block; width:50px; height: 0px;/*å½ˆæ€§é«˜åº¦*/ position:fixed; left:50%; top:50px; 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.wechat{ background-position: -160px 0px; display:none; /*20211109æš«æ™‚éš±è—*/}
#et_sticky_pc a.btn.link{ background-position: -200px 0px;}
#et_sticky_pc a.btn.line{ background-position: -240px 0px;}	

@media only screen and (max-width:1200px){
  #et_sticky_pc{ display: none; }
}

/*新聞頁選單釘住(mobile)==============*/
#et_sticky{ display: none; width: 100%; height: 44px; position: fixed; left: 0px; top: -300px; z-index: 5; background: #fff; box-shadow:0px 0px 3px 2px rgba(0,0,0,0.2); transition: all 0.3s ease;}
/*麵包屑*/
#et_sticky .part_breadcrumb_2{ display: block; position: absolute; left: 10px; top:10px;}
#et_sticky .part_breadcrumb_2{ font-size: 13px;}
#et_sticky .part_breadcrumb_2 .menu_bread_crumb{ display:block; }
#et_sticky .part_breadcrumb_2 .menu_bread_crumb > div{ display: inline-block;}
#et_sticky .part_breadcrumb_2 .menu_bread_crumb > div:not(:nth-of-type(1)) * { display: none;}
#et_sticky .part_breadcrumb_2 .menu_bread_crumb > div:nth-last-child(1){ font-weight: bold;}
/*社群*/
#et_sticky .sharebox_2{ position: absolute; right: 10px; top: 8px; transform: scale(0.85); }
#et_sticky .sharebox_2 a{ display: inline-block; margin: 0 2px;}
#et_sticky .sharebox_2 .date{display: none;}
#et_sticky .font_size_switch{display: none;}

@media only screen and (max-width:1200px){
  #et_sticky{ display: block; }
}

/*360 å¤§æ‰‹æ©Ÿ*/
@media only screen and (min-width:360px){
  #et_sticky .part_breadcrumb_2 .menu_bread_crumb > div:not(:nth-of-type(1)) * { display: inline-block;}
}

/* 新聞內頁 模組 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_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;}