@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1260px) /*PC*/ {
    #index .datebox p { display:none; }
    .content { padding:0 1.5%; } /* 左右留邊 */
    div.content940, .focus .swiper-container, .news2, .breakingnews, .week_hot { max-width:none; }
    .focus .swiper-slide .title b { font-size:25px; height: 37px; }
}
@media screen and (max-width:1150px) and (min-width:1101px)  {
    .topic ul.tabs li a, .proj .tab-nav a { font-size:22px; padding: 8px 10px; }
    .proj .topic_box .btn a { font-size:16px; }
}
@media screen and (max-width:1100px) /*PAD*/ {
    aside { display:none; }
    div.content940 { width:100%; }
    .box440 { margin-bottom:10px; }
    .breakingnews, .week_hot { width:100%; margin-bottom:2%; }
    .week_hot ul li span { line-height:0.8; }
    .week_hot a.title { width:calc(85% - 167.2px); }
}
@media screen and (max-width:960px) {
    .content { padding:0; margin:0 auto; }
    .first_part, .breakingnews, .week_hot, .event, .topic, .evt, .topic_m, .channel, .proj .tab-con { padding-right:1.5%; padding-left:1.5%; } /* 左右留邊 */
    .focus .swiper-container { width: calc(100% - 35% - 1%); margin-right: 1%; }
    .event .main_img { width:45%; padding-bottom:30%; }
    .labelC, .event ul { width:calc(100% - 45%); }
}
@media screen and (max-width:960px) and (min-width:829px)  {
    .topic ul.tabs li a, .proj .tab-nav a { font-size:20px; }
}
@media screen and (min-width:829px) {
    /* PC+M-重要專題 */
    .evt, .evt_up { margin:0 0 20px; }
    .evt div, .evt_up div{ position:relative; width:100%; height:0; padding-bottom:29.7%; }
    .evt div img, .evt_up div img { position:absolute; top:0; left:0; }
    .topic_m .labelA { display:none; }
}
@media screen and (max-width:828px) /*PHONE*/ {
    /* 浮水印廣告 */
    .door-bottom-head{position: fixed; z-index: 1000;}
    .door-bottom{text-align:center; bottom: 0; width: 100%; height: 50px;}
    .door-bottom-space{float: left; position:relative; background-color:#eee; z-index:11;}
    .door-bottom i.close{width:30px;height:30px;border:1px solid #999;border-radius:100%;background-color:rgba(0,0,0,0.15); position:absolute;top:-30px;left:0; display:none;}
    .door-bottom i.close:before{content:"×";font-size:2rem;color:#555;font-style:normal;line-height:0.9;}

    .week_hot ul li a.img, .event ul li:not(:first-child), .event ul li:before, .topic, .c_box ul li:last-child, .proj { display:none!important; }
    /*重要專題*/
    .topic_m { width: 100%; background: #fff; padding-top:15px; overflow: hidden; }
    .evt, .evt_up { display:block!important; }
    .evt_m { position:relative; width:100%; height:0; padding-bottom:29.7%; }
    .evt_m div img { position:absolute; top:0; left:0; }
    /*粗底線*/
    .first_part, .second_part, .breakingnews, .evt_up { border-bottom:20px solid #ddd; }
    .event { border-bottom:20px solid #ddd; margin-bottom:0; box-shadow:none; }
    /**/
    .labelA b, .labelC b { font-size:27px; }
    .focus .swiper-container { width:100%; margin: 0 0 2% 0; }
    .focus .swiper-slide .title { background: rgba(0,0,0,0.7); }
    .news2 { width:100%; margin-bottom:2%; border-bottom:1px dotted #444; display:flex; justify-content:space-between; }
    .box440 { flex:0 0 49%; margin-bottom:15px; padding-bottom:27.5%; }
    .box440 .title { padding:1.8% 3%; }
    /*news list*/
    .news12 { display:block; margin-bottom:0; }
    .news12 a, .breakingnews ul li { width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #444; }
    .news12 a:last-child, .breakingnews ul:last-child li:last-child, .week_hot ul li:last-child { border:none; padding-bottom:0; margin-bottom:2%; }
    .news12 a figure, .second_part a.img { width:25%; margin:0; padding-bottom:16.66%; float:left; }
    .news12 a p, .breakingnews ul li a.title { width:calc(100% - 25% - 24px); margin-right:6px; height:auto; font-size:20px; line-height:1.4; float:right; }
    .breakingnews ul { width:100%; display:block; }
    .breakingnews ul li:nth-child(7), .breakingnews ul li:nth-child(8), .breakingnews ul li:nth-child(9), .breakingnews ul li:nth-child(10) { display:block; }
    .breakingnews ul li span { font-size:16px; margin-bottom:5px; }
    .week_hot ul li { border-bottom:1px solid #bbb; margin-bottom:15px; padding-bottom:15px; }
    .week_hot span { margin-bottom:0; }
    .week_hot a.title { width:87%; height:auto; font-size:20px; line-height:1.4; }
    /*hashtag*/
    .hashtag { font-size:14px; color:#fff!important; font-weight:bold; background:#d66a00; border-radius:8px; padding: 2.5px 6px 2px; overflow:hidden; max-width:176px; height:23px; }
    .hashtag:not(:nth-child(2)) { margin-left: 2px; }
    .hashtag:nth-child(6) { display:none; }
    /**/
    .event ul { padding:0 0 0 3%; }
    .event ul li:first-child a { font-size:20px; line-height:1.4; max-height:none; }
    .c_box .big_box div { height:77px; padding:2% 3% 4%; }
    .c_box .big_box b { font-size:20px; line-height:1.4; max-height:56px; }

    /*廣告切換電腦版手機版*/
    .ad.pc {display: none;}
    .ad.m { display: block; }
    .ad.m > div {margin: 0 auto;}
}

@media screen and (max-width:640px) {
    .mobileHide {display: none;}
    .suggest { display:none; } /*廣告*/
    .focus .swiper-slide .title { height:20%; padding: 1% 2% 2%; }
    .focus .swiper-slide .title b { font-size:22px; height:28px; }
    .focus .swiper-button-prev { width:55px; height:55px; left:-25px; }
    .focus .swiper-button-next { width:55px; height:55px; right:-25px; }
    .focus .swiper-button-prev::before { font-size: 34px; line-height:1.7; right: 7px; }
    .focus .swiper-button-next::before { font-size: 34px; line-height:1.7; left: 7px; }
    .news2 { display:block; }
    .news2 .box440 { width:100%; padding-bottom:56.25%; }
    .news12 a figure, .second_part a.img { width:40%; padding-bottom:26.66%; }
    .news12 a p, .breakingnews ul li a.title { width:calc(100% - 40% - 24px); }
    .labelC { width:100%; margin-bottom:12px; }
    .labelC b { margin-left:0; }
    .channel { padding:15px 0; display:block; }
    .c_box { width:100%; border-bottom:20px solid #ddd; padding:0 1.5%; }
    .c_box:last-child { border-bottom:none; }
    .c_box .labelA { margin-bottom:12px; }
    .c_box .labelA:after, .c_box .labelA b:after { display:block; }
    .c_box .labelA .triangle { right:0; }
    .c_box ul a { font-size:20px; height:auto; overflow:initial; }
    .c_box .big_box div { height: 85px; padding: 3% 4%; }
    .hashtag:nth-child(4), .hashtag:nth-child(5) { display:none; }

    /* 推播QA-webpush 輪播圖調整 */
    .webpushbox_a .wpbox_word { width: 100%; }/* 文字步驟寬度調整 */
    .webpushbox_a .wpbox_pic { width: 100%; padding: 0 2%;}
    .abox_swiper .swiper-wrapper .swiper-slide { padding: 0 30px;}
    .abox_swiper .swiper-button-prev { left: -3%;}
    .abox_swiper .swiper-button-next { right: -1%;}
}
@media screen and (max-width:400px) {
    .labelA b, .labelB b, .labelC b { font-size:25px; }
    .labelA .triangle, .labelB .triangle, .labelC .triangle { width:15px; height:15px; bottom:16px !important; }
    .focus .swiper-slide .title { height:25%; padding: 2% 1%; }
    .focus .swiper-slide .title b { font-size:18px; font-weight:normal; height:21px; }
    .hashtag { display:none; }
    }