@charset "utf-8";
/* CSS Document */

.Index_content { max-width:1100px; width:100%; margin:0 auto; overflow:hidden; }

@media screen and (max-width:1130px) {
    .Index_content { width:100%; padding:0 1.5%; }
}
@media screen and (max-width:500px){
    .Index_content { padding:0; }
}

/* ---------------------------- 大圖 ---------------------------- */
/* 首頁滑動大圖 */
.swiper-container.swiper_3c { width:65%; margin:20px 0px 30px; padding:0; float:left; position:relative; z-index:0; border:1px solid #eee; background-color:#eee; }
.swiper-slide a { display:block; line-height:0; }
.swiper-slide a .swiper-img { width:100%; height:0; padding:0 0 66%; overflow:hidden; }
/* 左右鍵 */
.swiper_3c .swiper-button-prev, .swiper_3c .swiper-button-next { width:40px; height:40px; position:absolute; opacity:0.6; }
.swiper_3c .swiper-button-prev { background:url(../images/arrows_bl.svg) no-repeat center; background-size:40px; }
.swiper_3c .swiper-button-next { background:url(../images/arrows_br.svg) no-repeat center; background-size:40px; right:0; }
/* 分頁 */
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 5px; }
.swiper-pagination-bullet { width:10px; height:10px; opacity:0.8; background-color:#818697; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; }
.swiper-pagination-bullet-active { background-color:#048eb8; }
/* 標 */
.swiper-slide a h2 { width:100%; font-size:26px; color:#000; line-height:1.3; letter-spacing:1px; font-weight:600; padding:10px 25px 25px 25px; position:absolute; bottom:0; left:0; background-color:rgba(255,255,255,0.6); transition:all 0.3s ease; }
.swiper-slide a:hover h2 { color:#048eb8; background-color:rgba(255,255,255,0.8); transition:all 0.3s ease; }

@media screen and (max-width:900px){
    .swiper-container.swiper_3c { margin:20px 0px; }
    .swiper-slide a h2 { font-weight:500; }
}
@media screen and (max-width:800px){
    .swiper-container.swiper_3c { margin:20px 0px 0px; }
}
@media screen and (max-width:750px){
    .swiper-container.swiper_3c { width:100%; float:none; }

}
@media screen and (max-width:600px){
    .swiper-container.swiper_3c { margin:0 0 15px; }
    .swiper-container-horizontal>.swiper-pagination-bullets { bottom:4px; }
}
@media screen and (max-width:500px){
    .swiper-slide a h2 { font-size:1.4rem; padding:6px 10px 25px 12px; }
}
@media screen and (max-width:380px){
    .swiper-container-horizontal>.swiper-pagination-bullets { display:none; }
    .swiper-slide a h2 { font-size:1.3rem; padding:6px 6px 8px 8px; }
}
@media screen and (max-width:330px){
    .swiper-slide a h2 { font-size:1.2rem; padding:6px 6px 6px 8px; }
}

/* ---------------------------- 熱門影音：大圖右側影音 2 則 ---------------------------- */
.photoRight { float:right; width:33.5%; margin:20px 0px 0px; }
/* 5則影音輪播 */
.photoRight a.videoTit { display:block; height:31px; line-height:31px; color:#fff; font-size:18px; letter-spacing:1px; background-color:#07b8ea; margin:0 0 15px; padding:0 8px; position:relative; }
.photoRight a.videoTit span { float:right; font-size:15px; font-weight:bold; letter-spacing:normal; background: url(../images/more.svg) no-repeat left center; background-size:16px;
padding-left:20px; position:absolute; right:8px; top:0px; } /*more*/
.photoRight a.videoTit:hover span { padding-left:28px; transition:all 0.2s linear; }
.yt_box { width:100%; height:0; padding:0 0 56%; line-height:0; overflow:hidden; position:relative; }
.yt_box .btnPrev, .yt_box .btnNext { display:block; width:45px; height:75px; position:absolute; z-index:1; top:30%; cursor:pointer; }
.yt_box .videoMask { background: transparent; display: block; position: absolute; width:369px; height:207px; top: 0; left: 0; cursor: pointer; }
.yt_box .btnNext { right: -6px; }
.yt_box .btnPrev { left: -6px; }
.yt_box .btnPrev:before, .yt_box .btnNext:before { display: block; width: 100%; height: 100%; text-shadow: 1px 1px 6px #000; opacity: 0.7; }
.yt_box .btnNext:before { content: ""; background: url(../images/bt_right.png) no-repeat center; background-size: 70%; }
.yt_box .btnPrev:before { content: ""; background: url(../images/bt_left.png) no-repeat center; background-size: 70%; }
.yt_box iframe, .yt_box object, .yt_box embed { width:100%; height:100%; position:absolute; top:0; left:0; }
/* 單則影音 */
a.yt_line { display:block; line-height:0; float:right; width:33.5%; margin:17px 0px 0px; }
a.yt_line div.ph { width:100%; height:0; padding:0 0 56%; overflow:hidden; transition:all 0.3s ease; }
a.yt_line:hover div.ph { opacity:0.7; transition:all 0.3s ease; }
/* 5則影音圖片輪播 */
.photoRight .swiper-container.swiper_YT { display:none; }

@media screen and (max-width:1000px) {
    .photoRight a.videoTit { margin:0 0 10px; }
    a.yt_line { margin:13px 0px 0px; }
}
@media screen and (max-width:850px) {
    .photoRight a.videoTit { margin:0 0 8px; }
    a.yt_line { margin:8px 0px 0px; }
}
@media screen and (max-width:750px){ /* 5則影音輪播隱藏 */
    .photoRight .yt_box, a.yt_line { display:none; }
    .photoRight { float:none; width:100%; }
    /* 5則影音圖片輪播 */
    .photoRight .swiper-container.swiper_YT { width:100%; display:block; z-index:0; }
    /* 左右鍵 */
    .swiper_YT .swiper-button-next.YT3c, .swiper_YT .swiper-button-prev.YT3c { display:block; width:45px; height:75px; position:absolute; top:43%; cursor:pointer; }
    .swiper_YT .swiper-button-next.YT3c { background: url(../images/bt_right.png) no-repeat center; background-size: 70%; right:0; }
    .swiper_YT .swiper-button-prev.YT3c { background: url(../images/bt_left.png) no-repeat center; background-size: 70%; }
}
@media screen and (max-width:500px){
    .photoRight { width:95%; margin:20px auto 0px; }
}

/* ---------------------------- more ---------------------------- */
.morenews { width:100%; text-align:center; margin:0 0 10px; }
a.more { display:block; width:30%; height:40px; line-height:40px; background-color:#07b8ea; line-height:42px; letter-spacing:1px; color:#fff; font-size:18px; text-align:center; margin:0px auto; transition:all 0.3s ease; }
a.more:hover { color:#07b8ea; background-color:#fff; border:1px solid #07b8ea; transition:all 0.3s ease; }

@media screen and (max-width:600px){
    a.more { width:50%; line-height:38px; color:#07b8ea; background-color:#fff; border:1px solid #07b8ea; margin:0 auto; border-radius:2px; }
}
@media screen and (max-width:380px){
    a.more { font-size:1rem; }
}

/* ---------------------------- 9宮格 ---------------------------- */
.grid9 { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 30px 0px; clear:both; }
.grid9 div.box { width:31%; margin:0 0 30px 0;  }
/* 縮圖 */
.grid9 .box a.ph { display:block; width:100%; height:0; padding:0 0 66%; overflow:hidden; border-bottom:4px solid #febd23; transition:all 0.3s ease; background-color:#eee; }
.grid9 .box a.ph:hover { opacity:0.8; transition:all 0.3s ease; }
/* 大標 */
.grid9 .box a.tit { margin:7px 0px; }
.grid9 .box a.tit h3 { height:54px; font-size:19px; line-height:1.4; letter-spacing:1px; font-weight:400; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
/* summary */
.grid9 .box p { font-size:16px; color:#666; line-height:1.5; letter-spacing:1px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
/* time */
.grid9 .box span { font-size:14px; color:#999; display:block; margin-top:10px; }
/*更多新聞 */
.grid9 .box.morenews { width:100%; margin:0; }

@media screen and (max-width:1000px){
    .grid9 div.box { width:32%; }
    .grid9 .box a.tit { margin:5px 0 0; }
    .grid9 .box a.tit h3 { font-size:1.2rem; height:72px; line-height:1.3; -webkit-line-clamp:3; }
    .grid9 .box p, .grid9 .box span { display:none; }
}
@media screen and (max-width:850px){
    .grid9 div.box { width:48%; margin:20px auto 0; }
    .grid9 .box.morenews { width:100%; margin:20px auto 0px; }
}
@media screen and (max-width:600px){ /* 縮圖 + 標 */
    .grid9 { border-top:1px solid #c5c5c5; margin:0; }
    .grid9 div.box { width:100%; border-bottom:1px solid #c5c5c5; margin:15px auto 0; padding-bottom:15px; }
    .grid9 .box a.ph { display:block; float:left; width:30%; height:0; padding:0 0 19%; overflow:hidden; border-bottom:none; }
    .grid9 .box a.tit { display:block; float:left; width:70%; padding:0 10px; margin:0; }
    .grid9 .box a.tit h3 { font-weight:normal; letter-spacing:normal; font-family:Verdana, "微軟正黑體", "新細明體", sans-serif, Arial; }
    .grid9 div.box a.tag { display:none; }
    /*更多新聞 */
    .grid9 .box.morenews { width:100%; background-color:transparent; border-bottom:none; margin:0px auto; }
    .grid9 a.more { width:50%; margin:20px auto 0; }
}
@media screen and (max-width:500px){
    .grid9 { width:95%; margin:0px auto; }
    .grid9 .box a.tit { width:60%; }
    .grid9 .box a.tit h3 { line-height:1.4; height:auto; margin: -4px 0 0; font-weight:400; font-family:Verdana, "微軟正黑體", "新細明體", sans-serif, Arial; }
    .grid9 .box a.ph { width:40%; padding:0 0 26%; }
}
@media screen and (max-width:380px){
    .grid9 div.box { margin:12px auto 0; padding-bottom:10px; }
    .grid9 .box a.tit { padding:0px 3px 0px 7px; }
    .grid9 .box a.tit h3 { font-size:1.15rem; }
}

/* ---------------------------- 首頁用分類：9宮格、腰帶下940分類 ---------------------------- */
a.tag { display:inline-block; height:25px; text-align:center; padding:0 10px; color:#fff; background-color:#04b8e9; font-size:16px; line-height:1.6; letter-spacing:1px; }
a.tag:hover {background-color:#0297c4; }
a.tit { display:block; color:#222; }
a.tit:hover { color:#1e8ec5; }

/* ---------------------------- 橫標：影音專區、熱門文章、熱門索引 ---------------------------- */
div.titlabel { text-align:center; margin:20px auto 0px; padding:0px 0px 0px 45px; position:relative; }
div.titlabel span { font-size:21px; font-weight:500; color:#222; letter-spacing:1px; font-family:'Noto Sans TC'; }
div.titlabel img { width:32px; margin:-5px 10px -4px -40px; }
div.titlabel .KWimg { width:30px; }
div.titlabel:before, div.titlabel:after { content:""; display:block; width:42%; height:2px; background-color:#0069b3; position:absolute; top:15px; }
div.titlabel:before { left:0; }
div.titlabel:after { right:0; }
.belt .content div.titlabel { margin:35px auto 0px; } /* 熱門文章(腰帶100%) */

@media screen and (max-width:900px){
    div.titlabel:before, div.titlabel:after { width:40%; }
}
@media screen and (max-width:700px){
    div.titlabel:before, div.titlabel:after { width:38%; }
}
@media screen and (max-width:600px){
    div.titlabel { text-align:left; padding:0; }
    div.titlabel span { color:#06b8ea; }
    div.titlabel img, div.titlabel:after { display:none; }
    div.titlabel span:after { content:" 》"; }
    div.titlabel:before { width:100%; top:27px; background-color:#06b8ea; }
    /* 熱門文章(腰帶100%)、熱門索引 */
    .belt .content div.titlabel, div.content div.titlabel { margin:15px 15px 0px; }
}
@media screen and (max-width:500px){
    div.titlabel { width:95%; }
    div.titlabel span { font-size:1.2rem; }
    .belt .content div.titlabel, div.content div.titlabel { margin:15px auto 0px; }
}


/* ---------------------------- 影音專區 ---------------------------- */
.Videoswiper-box { height:auto; background-color:#fff; padding:15px 0; position:relative; overflow:hidden; }
.swiper-wrapper { z-index:0; } /* 浮水印廣告 */
.Videoswiper-container { margin:0 0 30px; }
.Videoswiper-container img { width:100%; height:auto; }
.Videoswiper-container a h3 { width:100%; font-size:18px; font-weight:300; line-height:1.3; margin:0px auto; height:50px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.Videoswiper-container a:hover h3 { color:#1e8ec5; }
/* 分頁 */
.Videopagination { width:100%; bottom:18px; z-index:0;/* 浮水印廣告 */ }
.swiper-pagination-bullet { margin:0 3px; }
.swiper-pagination-bullet-active { background-color:#07b8ea; }
/* 左右鍵 */
.Videoswiper-button-next, .Videoswiper-button-prev { width:40px; height:40px; border-radius:100%; background-color:rgba(0,0,0,0.7); top:30%; position:absolute; z-index:0; cursor:pointer; }
.Videoswiper-button-next { right:10px; }
.Videoswiper-button-prev { left:10px; }
.Videoswiper-button-next span, .Videoswiper-button-prev span { font-size:23px; color:#fff; line-height:40px; }
.Videoswiper-button-next span { padding:0 0 0 12px; }
.Videoswiper-button-prev span { padding:0 0 0 5px; }

@media screen and (max-width:800px) {
    .Videoswiper-container a h3 { height:73px; -webkit-line-clamp:3; }
    .Videoswiper-button-next, .Videoswiper-button-prev { top:23%; }
}
@media screen and (max-width:600px) {
    .Videoswiper-box { padding:0 0 15px; margin-top:12px; }
    .Videoswiper-container a h3 { font-size:20px; height:54px; -webkit-line-clamp:2; padding:0 5px; font-weight:400; font-family:Verdana, "微軟正黑體", "新細明體", sans-serif, Arial; }
    .Videoswiper-button-next, .Videoswiper-button-prev { top:31%; }
}
@media screen and (max-width:500px) {
    .Videoswiper-container a h3 { font-size:1.2rem; height:51px; padding:0 6px 0 8px; }
    .Videoswiper-button-next, .Videoswiper-button-prev { top:29%; }
}

/* ---------------------------- 事件專題 ---------------------------- */
.subject { width:100%; background-color:#f4f4f4; overflow:hidden; margin:0px auto 35px; }
/* 標 */
.subject label { display:block; background:linear-gradient(to right, #0069b3, #00a9d8 100%); color:#fff; font-family:'Noto Sans TC'; font-weight:400; letter-spacing:1px; }
.subject label a { display:block; overflow:hidden; padding:8px 15px; }
.subject label a p { width:calc(100% - 100px); float:left; color:#fff; font-size:22px; }
.subject label a span { display:block; float:right; font-size:15px; letter-spacing:0px; color:#fff; margin:5px 0 0; background:url(../images/more.svg) no-repeat left center; padding-left:20px; position:relative; }
.subject label a:hover span { padding-left:28px; transition:.2s linear; }
/* 專題首圖 */
.subject a.subject_photo { display:block; float:left; width:40%; margin:15px; position:relative; }
.subject a.subject_photo div.subject_ph { width:100%; height:0; padding:0 0 62%; overflow:hidden; }
.subject a.subject_photo div.subject_ph img { transition:transform, 0.5s; }
.subject a.subject_photo:hover div.subject_ph img { -webkit-filter: grayscale(20%); transform: scale(1.15); }
.subject a.subject_photo .first_tit { width:100%; height:100%; display:block; position:absolute; bottom:-50%; right:-50%; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ transform: translate(-50%, -50%); opacity: 0; transition: opacity, 0.5s; }
.subject a.subject_photo:hover .first_tit { opacity: 1; background: rgba(0, 0, 0, 0.8); }
.subject a.subject_photo .first_tit h3 { font-size:20px; font-weight:300; color: #fff; line-height:1.5; text-align:center; padding:0 15px; position:absolute; bottom:-30%; left: 0; right: 0; z-index:1; }
.subject a.subject_photo:hover .first_tit h3 { transform: translateY(-200px); transition:transform, 0.5s; }
.subject a.subject_photo:before, .subject a.subject_photo:after { content:""; display:block; width:0;height:0; position:absolute; z-index:2; }
.subject a.subject_photo:before { border-top:22px solid #f4f4f4; border-right:22px solid transparent; }
.subject a.subject_photo:after { border-bottom:22px solid #f4f4f4; border-left:22px solid transparent; bottom:0px; right:0px; }
/* 專題列表 */
.subject ul { width:56%; float:right; margin:10px 0px 15px; padding:0px 15px 0px 0px; }
.subject ul li { padding:12px 0px 9px; position:relative; border-bottom:1px solid #ddd; }
.subject ul li a { font-size:1.1rem; height:25px; overflow:hidden; display:block; line-height:1.4; letter-spacing:1px;}
.subject ul li a div.ph { display:none; } /*圖*/
.subject ul li a h3 { font-size:18px; font-weight:300; color:#111; }
.subject ul li:first-child a h3 { color:#0069b3; font-weight:400; font-family:'Noto Sans TC'; }
.subject ul li:first-child:hover a h3, .subject ul li:hover a h3 { color:#1e8ec5; }

@media screen and (max-width:951px){
    /* 專題首圖 */
    .subject a.subject_photo div.subject_ph { padding:0 0 65%; }
    .subject a.subject_photo:hover div.subject_ph img { -webkit-filter:grayscale(0); transform:scale(1); opacity:0.8; }
    .subject a.subject_photo .first_tit { position:static; height:auto; opacity:1; transform:none; margin:10px 0 0; }
    .subject a.subject_photo .first_tit h3 { position:static; color:#333; line-height:1.3; text-align:left; height:50px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0; }
    .subject a.subject_photo:hover .first_tit { opacity:1; background:none; }
    .subject a.subject_photo:hover .first_tit h3 { transform:none; color:#1e8ec5; }
    .subject a.subject_photo:before, .subject a.subject_photo:after { display:none; }
    /* 專題列表 */
    .subject ul li a h3 { height:25px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
}
@media screen and (max-width:780px){ /* 縮圖 + 標 */
    .subject a.subject_photo, .subject ul { width:100%; float:none; overflow:hidden; margin:0; padding:0; }
    .subject a.subject_photo { padding:15px; border-bottom:1px solid #ddd; }
    /* 專題首圖 */
    .subject a.subject_photo div.subject_ph { float:left; width:30%; padding:0 0 19%; }
    .subject a.subject_photo .first_tit { float:right; width:70%; margin:0; padding:0 15px; }
    /* 專題列表 */
    .subject ul li { padding:15px; }
    .subject ul li a { height:auto; }
    .subject ul li a div.ph { display:block; float:left; width:30%; height:0; padding:0 0 19%; overflow:hidden; }
    .subject ul li a h3 { display:block; height:auto; overflow:visible; float:right; width:70%; padding:0 15px; font-size:20px; }
    .subject ul li:first-child a h3 { color:#111; font-weight:normal; }
}
@media screen and (max-width:780px){
    .subject { margin:0px auto 20px; }
}
@media screen and (max-width:500px){
    .subject label a p { font-size:1.2rem; }
    .subject a.subject_photo .first_tit h3, .subject ul li:first-child a h3, .subject ul li a h3 { font-size:1.2rem; letter-spacing:normal; font-weight:400; font-family:Verdana, "微軟正黑體", "新細明體", sans-serif, Arial; }
    .subject a.subject_photo div.subject_ph, .subject ul li a div.ph { width:40%; padding:0 0 26%; }
    .subject a.subject_photo .first_tit, .subject ul li a h3 { width:60%; }
}
@media screen and (max-width:380px){
    .subject label a { padding:5px 10px; }
    .subject a.subject_photo, .subject ul li { padding:10px; }
}

/* ---------------------------- 熱門文章(腰帶100%) ---------------------------- */
.belt { width:100%; background-color:#eef6f9; }
.belt .content { margin:15px auto; }
ul.index_hotnews { display:flex; padding:17px 0px 28px; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
ul.index_hotnews li { flex:0 0 49%; padding:10px 0px; position:relative; }
ul.index_hotnews li:before { content:""; display:inline-block; width:5px; height:5px; border-radius:5px; background-color:#0269ac; margin:0px 0px 4px; position:absolute; top:18px; left:0px; }
ul.index_hotnews li a { display:block; margin:0px 0px 0px 13px; }
/* 圖 */
ul.index_hotnews li a div.ph { display:none; }
/* 標 */
ul.index_hotnews li a h3 { font-size:18px; line-height:1.35; font-weight:300; }
ul.index_hotnews li a:hover h3 { color:#1e8ec5; }

@media screen and (max-width:1000px){
    ul.index_hotnews { padding:5px 0px 10px; }
    ul.index_hotnews li { flex:0 0 48.5%; }
}
@media screen and (max-width:780px){ /* 縮圖 + 標 */
    ul.index_hotnews li { flex:0 0 90%; margin:0 auto; padding:15px 0px; border-bottom:1px solid #a4bac1; }
    ul.index_hotnews { counter-reset:section; }
    ul.index_hotnews li:before { counter-increment:section; content:""counter(section)""; color:#42b4d8; font-size:7vmin; font-family:cursive; font-style:italic; font-weight:bold; width:8%; overflow:hidden; float:left; background-color:transparent; height:auto; border-radius:0; position:static; }
    /* 圖 */
    ul.index_hotnews li a div.ph { display:block; float:left; width:32%; height:0; padding:0 0 20%; overflow:hidden; }
    /* 標 */
    ul.index_hotnews li a h3 { float:right; width:61%; font-size:1.2rem; padding:0 0 0 13px; }
}
@media screen and (max-width:600px){
    ul.index_hotnews li a h3 { font-weight:400; font-family:Verdana, "微軟正黑體", "新細明體", sans-serif, Arial; }
}
@media screen and (max-width:500px){
    ul.index_hotnews li { flex:0 0 95%; }
}
@media screen and (max-width:380px){
    ul.index_hotnews li { padding:10px 0px; }
    ul.index_hotnews li a div.ph { display:none; }
    ul.index_hotnews li a h3 { width:94%; }
    ul.index_hotnews li:before { font-size:10vmin; padding:0 0 0 3px; }
}

/* ---------------------------- 熱門索引 ---------------------------- */
.indexKW { width:100%; max-width:1260px; margin:0px auto 30px; display:flex; flex-direction:row; justify-content:space-between; flex-wrap: wrap; }
.indexKW a.KW { width:16%; font-size:18px; text-align:center; color:#fff; font-family:'Noto Sans TC'; font-weight:400; padding:7px 0; margin:12px 0px 0px; align-self:auto; background-color:#0168b3; } /*藍底*/
a.KW:nth-child(2), a.KW:nth-child(11) { background-color:#ffab1a; } /*黃底*/
a.KW:nth-child(4), a.KW:nth-child(6), a.KW:nth-child(7), a.KW:nth-child(9) { background-color:#808e97; } /*灰底*/
.indexKW a.KW:hover { opacity:0.8; }

@media screen and (max-width:600px){
    .indexKW { padding:5px 15px; }
    .indexKW a.KW { width:31%; }
    a.KW:nth-child(7), a.KW:nth-child(8), a.KW:nth-child(9), a.KW:nth-child(10), a.KW:nth-child(11), a.KW:nth-child(12) { display:none; }
}
@media screen and (max-width:600px){
    .indexKW { padding:5px 10px; }
    .indexKW a.KW { width:32%; font-size:16px; }
}

/* ---------------------------- 960-4分類 + 300側邊欄 ---------------------------- */
/* 分類標 */
label.index_list_tit { display:block; width:100%; height:30px; position:relative; }
label.index_list_tit:before, label.index_list_tit:after { content:""; display:inline-block; height:4px; position:absolute; bottom:0px; }
label.index_list_tit:before { width:10%; background-color:#06b7e9; left:0; }
label.index_list_tit:after { width:90%; background-color:#555; right:0; }
label.index_list_tit a { display:block; color:#555; font-size:18px; font-weight:500; font-family:'Noto Sans TC'; line-height:26px; letter-spacing:1px; }
label.index_list_tit a span.listmore { background:url(../images/more.svg) no-repeat left center;background-size:16px;font-size:15px;font-weight:bold;letter-spacing:normal;padding-left:20px;position:absolute;right:0;top:0px; }
label.index_list_tit:hover a span.listmore { padding-left:28px; transition:.2s linear; color:#111; }
label.index_list_tit:hover a, label.index_list_tit:hover a span.listmore { color: #1e8ec5; }
label.index_list_tit:hover:before, label.index_list_tit:hover:after { background-color:#1e8ec5; }
/* 4分類列表 */
ul.index_list { margin:0px 0px 30px;}
ul.index_list li { padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden; position:relative;}
ul.index_list li:hover { background-color:#f6f6f6;}
/* 縮圖 */
ul.index_list li a.ph { display:block; float:left; width:25%; height:0; padding:0 0 16%; overflow:hidden; }
ul.index_list li:hover a.ph { opacity:0.8; }
/* 文 */
ul.index_list li div { width:75%; overflow:hidden; float:left; padding:0 0 0 15px; }
ul.index_list li div a.tit { display:block;  margin:5px 0; }
ul.index_list li div a.tit h3 { font-size:20px; line-height:1.3; font-weight:300; }
ul.index_list li div a.tit:hover h3 { color:#1e8ec5; }
ul.index_list li div span { display:block; font-size:13px; line-height:15px; color:#777; }

@media screen and (max-width:600px){
    label.index_list_tit, ul.index_list { display:none; }
}
/*調整大圖樣式開始*/
.swiper-img {
    width: 100%;
    height: 0;
    padding-bottom: 66.6666%;
    overflow: hidden;
}
/*調整大圖樣式結束*/