/* Minification failed. Returning unminified contents.
(84,22): run-time error CSS1036: Expected expression, found ':'
 */

@charset "UTF-8";

html, body {
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
}

a:focus,a:hover{
    text-decoration: none;
}
    @font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  /*src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       /*url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
       url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');*/
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;   /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.homeicon.material-icons {
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-top: -5px;    
}



    body{

        font-family: Arial, "微軟正黑體";
        overflow-x: hidden;
    }

    .index-big-banner-block.fill-width, .index-big-banner-bottom, .big-date, .event-temp.float-right.text-right{
        background: #ececec;
    }

    .index-big-banner-bottom>div {
        padding-top:15px;
    }
    .big-date span {
        font-size: 15px;
        color:#707070;
    }
    .event-temp {
        padding-top: 8px !important;
    }
    .event-temp .mark-red {
        color:#000;
        font-weight: : normal;
    }
    .event-temp .mark-big {
        font-size: 20px;
        color:#b02e36;
/*        font-weight:bold;*/
        padding-right: 5px;
    }

    .hot_tabs_table_con {
        max-width: 1024px;
        padding-left: 20px;
        padding-right: 0px !important;
    }
    
    .hot_tabs_table {
        margin: 0 auto;
        padding-left:0px;
        padding-right:0px;
/*        padding-right: 0px !important;*/
    }

    .hot_tabs_table .tab-content{
        overflow: initial;
        max-width: 100%;
        width:100%;
        border:1px solid transparent;
    }
    
    .hot_tabs_table .row {
  /*      border:1px solid hotpink;*/
        margin-right:0;
        margin-left: 0;
        max-width: 120%;
        width:100%;
    }
    
    .hot_cat {
        padding: 0;
        margin: 0 auto;
/*        border: 1px solid green;*/
        width:  100%;
        margin-left: -10px;
    }
    
    .table-home td {
        padding: 0;
    }
    .table_header_1 {
        margin-top: 10px;
    }
    
    .table_header_2,
    .table_header_3 {
        margin-top: -20px;
    }
    
    #hot_fb table tbody td,
    #hot_ptt table tbody td,
    #hot_news table tbody td,
    #hot_diss table tbody td {
        line-height: 0.65 !important;
    }
    
   /* #hot_fb table tbody tr:nth-child(1) td:nth-child(1),
    #hot_fb table tbody tr:nth-child(2) td:nth-child(1),
    #hot_fb table tbody tr:nth-child(4) td:nth-child(1),
    #hot_fb table tbody tr:nth-child(5) td:nth-child(1),
    #hot_fb table tbody tr:nth-child(7) td:nth-child(1),
    #hot_fb table tbody tr:nth-child(8) td:nth-child(1),
    #hot_ptt table tbody tr:nth-child(1) td:nth-child(1),
    #hot_ptt table tbody tr:nth-child(2) td:nth-child(1),
    #hot_ptt table tbody tr:nth-child(4) td:nth-child(1),
    #hot_ptt table tbody tr:nth-child(5) td:nth-child(1),
    #hot_ptt table tbody tr:nth-child(7) td:nth-child(1),
    #hot_ptt table tbody tr:nth-child(8) td:nth-child(1),
    #hot_news table tbody tr:nth-child(1) td:nth-child(1),
    #hot_news table tbody tr:nth-child(2) td:nth-child(1),
    #hot_news table tbody tr:nth-child(4) td:nth-child(1),
    #hot_news table tbody tr:nth-child(5) td:nth-child(1),
    #hot_news table tbody tr:nth-child(7) td:nth-child(1),
    #hot_news table tbody tr:nth-child(8) td:nth-child(1) {
        border-bottom: 1px solid transparent;
    }*/
    
    .notitle {
        border: 1px solid transparent !important;
    }
    
    #hot_fb .table1 tbody tr:last-child, #hot_ptt .table2 tbody tr:last-child, #hot_news .table2 tbody tr:last-child, #hot_diss .table1 tbody tr:last-child   {
        border-bottom: 1px solid #98b9be;
    }
    
    #hot_fb .table2 tbody tr:last-child, #hot_ptt .table1 tbody tr:last-child, #hot_news .table3 tbody tr:last-child {
        border-bottom: 1px solid #dbabb0;
    }
    
    #hot_fb .table3 tbody tr:last-child, #hot_ptt .table3 tbody tr:last-child, #hot_news .table1 tbody tr:last-child  {
        border-bottom: 1px solid #b5b5b5;
    }
    #hot_diss .table1 tbody tr:last-child .topnum_blue{
        margin-left: -25px;
    }
    
    .topnum_blue,
    .topnum_red,
    .topnum_gray {
        font-size: 48px;
        font-style: italic;
        font-family: 'Roboto', sans-serif;
        color: #147fa3;
/*        border: 1px solid blue;*/
    }
    
    .topnum_red {
        color: #d04b5a;
    }
    
    .topnum_gray {
        color: #898989;
    }
    
/*    .maintxt img {
        padding-right: 5px;
    }*/
    
    .numdata_blue p,
    .numdata_red p,
    .numdata_gray p {
/*        padding-top: 5px;*/
        display: inline-block;
    }
    
    .numdata_blue {
        color: #369C97;
    }
    
    .numdata_red {
        color: #AE384D;
    }
    
    .numdata_gray {
        color: #756D6E;
    }
    
    .author,
    .more {
        color: grey;
    }
    
    .author,
    .numdata,
    .numdata_icon {
        display: inline-block;
        font-size: 15px;
    }
    
    
    .numdata {
/*        font-weight: bold;*/
        margin-top: -10px;
    }
    
    .more {
        margin-top: 30px;
    }
    
    .nav-pills {
/*        border-bottom: 3px #eaeaea solid;*/
/*        height: 40px;*/
        text-align: center;
/*        border:1px solid red;*/
        display: table; 
    }
    
    .nav-pills li {
        height: 40px;
        color: #fff;
        font-size: 28px;
        font-family: Arial, "微軟正黑體";
        display: table-cell;
        width: auto;
        text-align: center;
/*        border:1px solid yellow;*/
        float:none;
        width: calc(100% / 3);
    }
    
    .nav-pills li a {
        border-radius: 0;
        color: #a0a0a0;
        font-size: 18px;
        font-family: Arial, "微軟正黑體";
        padding: 0px;
/*        padding-left: 12px;
        padding-right: 12px;*/
        line-height: 40px;
/*        padding: 5px;
        padding-top: 12px;*/
    }
    
    .nav-pills>li:nth-child(1).active>a {
        background-color: #147fa3;
    }
    
    .nav-pills>li:nth-child(2).active>a {
        background-color: #d04b5a;
    }
    
    .nav-pills>li:nth-child(3).active>a {
        background-color: #898989;
    }
    
    .nav-pills>li:nth-child(4).active>a {
        background-color: #147fa3;
    }
    
    .nav-pills>li:nth-child(1).active {
        background-color: #147fa3;
    }
    
    .nav-pills>li:nth-child(2).active {
        background-color: #d04b5a;
    }
    
    .nav-pills>li:nth-child(3).active {
        background-color: #898989;
    }
    
    .nav-pills>li:nth-child(4).active {
        background-color: #147fa3;
    }

/*    #top100_Carousel_mobile .nav-pills {
        border-bottom: 1px solid transparent;
    }*/
     #top100_Carousel_mobile .top100img{
        background-image:url('../img/home_mobile/top100_bg_temp.png');
        width:100%;
        height:100%;
        background-repeat: no-repeat;
     }
    .last_update_time {
        font-size: 14px;
    }
    
    #hot_fb .last_update_time,
    #hot_diss .last_update_time {
        color: #147fa3;
    }
    
    #hot_ptt .last_update_time {
        color: #d04b5a;
    }
    
    #hot_news .last_update_time {
        color: #898989;
    }
    
    .maintxt {
        color: #000;
        font-size: 16px;
        text-decoration: none;
    }
    
    .mostandmore .bluetag,
    .mostandmore .redtag,
    .mostandmore .graytag,
    .mostandmore a {
        display: inline-block;
        margin-top: 15px;
        font-size: 15px;
        padding-top: 5px;
    }
    
    .mostandmore a {
        margin-left: 10px;
    }
    
    .bluetag,
    .redtag,
    .graytag {
        width: 80px;
        height: 35px;
        color: #369C97;
        border: 2px solid #147fa3;
/*        font-weight: bold;*/
        text-align: center;
    }
    
    .redtag {
        color: #d04b5a;
        border: 2px solid #d04b5a;
    }
    
    .graytag {
        color: #898989;
        border: 2px solid #898989;
    }
    
    .nopadding {
        padding: 10px 0px 15px 0px !important;
    }
    
    .nopadding a {
        text-decoration: none;
    }


    .hot_tabs_table_con p {
        max-width: 250px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }




    /*/keypoBar*/

     .carousel-control {
        border:1px solid transparent;
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
        width: 30px;
        height: 70px;
    }

    .left.carousel-control,
    .right.carousel-control {
        background: transparent;
        margin-right: -15px;
        margin-top:30px;
        width: 25px;
    }

    .left.carousel-control {
        margin-left: -15px;
    }

    .glyphicon-chevron-left {
        content: url("/Content/img/home_pc/arrowPre.png");
    }

    .glyphicon-chevron-right {
        content: url("/Content/img/home_pc/arrowNext.png");
       /* margin-right: -50px;*/
    }

    .glyphicon-chevron-left:hover {
        content: url("../img/home_pc/arrowPre_hover.png");
    }

    .glyphicon-chevron-right:hover {
        content: url("../img/home_pc/arrowNext_hover.png");
    }


    #top100_Carousel_mobile_container {
        max-width: 1024px!important;
        margin-top: 10px;
        /*        border:1px solid hotpink;*/
    }

     

   #top100_Carousel_mobile_container .topcon_row:nth-of-type(1) .top_con1 .topidx {
        color: #a72126;
    }
   #top100_Carousel_mobile_container .topcon_row:nth-of-type(2) .top_con1 .topidx {
        color: #d2575c;
    }
   #top100_Carousel_mobile_container .topcon_row:nth-of-type(3) .top_con1 .topidx {
        color: #f08f93;
    }

     .topcon_bg {
        padding-bottom: 20px;
/*        border:1px solid purple;*/
        background-image:url('/Content/img/home_pc/top100_bg.png');
        background-repeat: no-repeat;
        background-position: 20px 0px;
    }
    
    .hot_tabs_table .nav {
        margin-top: 11px;
        margin-bottom: 8px;
        width: 100%;
    }
    
    .m_hottabs .nav-pills .active a {
        height:42px;
    }

        .hot_tabs_table>.nav-pills>li.active #hotpill_fb {
        background: #4AA8BC;
    }

        .hot_tabs_table>.nav-pills>li.active #hotpill_ptt {
        background: #d04b5a;
    }

        .hot_tabs_table>.nav-pills>li.active #hotpill_diss {
        background: #337ab7;
    }

        .hot_tabs_table>.nav-pills>li.active #hotpill_news {
        background: #898989;
    }

    
    .hot_tabs_table .col-xs-6,
    .top100_update.col-xs-12 {
        padding: 0 !important;
    }
    
    .hot_tabs_table .nav li a {
        border-radius: 0;
/*        font-weight: bold;*/
        font-size: 16px;
    }

    .hot_tabs_table .nav li a {
        border-radius: 0;
/*        font-weight: bold;*/
        font-size: 18px;
    }

    @media (max-width:350px){

        .hot_tabs_table .nav li a {
        border-radius: 0;
/*        font-weight: bold;*/
        font-size: 14px;
    }


    }
    
    .top100_logo_cat {
        height:40px;
       /* border:1px solid green;*/
    }
    .top100_bg_cat {
        font-size: 28px;
        line-height: 50px;
        height:50px;
    }
    .top100_bg_cat .cleanLink {
        color:#5a5a5a !important;
        padding-left:15%; 
    }
    .top100_title {
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        color:#4d4d4d;
        font-weight: normal;
        padding-left: 30%;
    }
    
    .top100_bg_cat i {
/*        padding-right: 5px;*/
        padding-left: -2px;
        line-height: 0.8;
/*        font-size: 20px !important; */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        margin-top: -5px;
    }
    
    .top_title {
        background: #fff;
        color: #9d9d9d;
        font-family: Arial, "微軟正黑體";
    }
    
    .top_title_more {
        margin-left: 3px;
        margin-top: 10px;
        color: maroon;
        font-size: 13px !important;
        display: inline-block !important;
        padding: 0 !important;
    }
    
    .topcon_row {
        background: #f6f6f6;
        height: 105px;
        width: 120%;
        margin-top: 3px;
    }
    
    .topcon_row .col-xs-3, .topcon_row .col-xs-2 {
        padding: 0;
    }
    
    .top_con1,
    .top_con2 {
        padding-left: 8px;
        padding-right:8px;
    }

    .top_con2 {
        padding-left: 5px;
        margin:0px;
        height:60px;
    }
    
    .top_con2_1 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .top_con1 {
        text-align: center;
        /*   border: 1px solid blue;*/
    }
   .top_con1 img {
        display: inline-block;
        width: 25px;
    }

    .no1_second_img {
        margin-left: -5px; 
    }

/*    .topic_img_con {
        background: #fff;
        margin-top: 17px;
        height:46px;
        border:1px solid #bfbfbf;
        width: 48px;
    }*/
    .topic_img_con img {
        position: absolute;
        left: 3px;
        top: 20px;
        width: 42px;
        height: 42px;
        display:inline-block; 
        box-shadow: 2px 2px 5px #888888; 
        border: 1px solid #a3a3a3;
    }



    .topidx {
        color: #9d9d9d;
        font-size: 27px;
        font-style: italic;
        font-family: 'Roboto', sans-serif;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    
    .topname {
        color: #2b2b2b;
        font-size: 14px;
        font-family: Arial, "微軟正黑體";
        padding:0px;
        margin:0px;
        padding-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topname .cleanLink{
        white-space: nowrap; 
        width: 145px; 
        overflow: hidden;
        text-overflow: ellipsis; 
        color:#4d4d4d;
    }
    
    .topnum {
        color: #b0b0b0;
        font-size: 13px;
        font-family: Arial, "微軟正黑體";
        margin-top: -10px;
        /*        border: 1px solid green;*/
    }
    
    .stacked-bar-graph {
        width: 90%;
        height: 10px;
        color: #414042;
/*        margin-top: 5px;*/
    }
    
    .bar-1,
    .bar-2,
    .bar-3 {
        display: inline-block;
        height: 5px;
        box-sizing: border-box;
        float: left;
        color: #fff;
/*        font-weight: bold;*/
        font-family: arial, sans-serif;
    }
    
    .bar-1 {
        background: #B11030;
    }
    
    .bar-2 {
        background: #777884;
    }
    
    .bar-3 {
        background: #4AA8BC;
    }
    
    .ptxt,
    .netxt,
    .ntxt {
        font-size: 9px;
        padding: 0px;
    }

    .ptxt span img,
    .netxt span img,
    .ntxt span img {
        height:18px;
        width:14px;
        padding-bottom:4px;
    }
    
    .ppt,
    .nept,
    .npt {
        font-size: 14px;
/*        font-weight: bold;*/
        font-family: 'Roboto', sans-serif;
    }
    
    .ptxt,
    .ppt {
        color: #B11030;
    }
    
    .netxt,
    .nept {
        color: #777884;
    }
    
    .ntxt,
    .ntp {
        color: #4AA8BC;
    }
    
   /* .left.carousel-control,
    .right.carousel-control {
        background: transparent;
        margin-left: -30px;
    }
    
    .right.carousel-control {
        margin-right: -30px;
    }
    
    .carousel-indicators li {
        display: none;
    }
    
    .glyphicon-chevron-left {
        content: url("home_pc/arrowPre.png");
    }
    
    .glyphicon-chevron-right {
        content: url("home_pc/arrowNext.png");
    }
    
    .glyphicon-chevron-left:hover {
        content: url("home_pc/arrowPre_hover.png");
    }
    
    .glyphicon-chevron-right:hover {
        content: url("home_pc/arrowNext_hover.png");
    }
    */
    .col-xs-12 .topic_datanum_con {
        padding:0px;
        text-align:left;
        border-top:1px solid #d2d2d2;
        margin-top: 8px;
    }
   .datanum {
        font-family: 'Roboto', sans-serif; 
        font-size: 18px;
        color:gray;
        text-align:center;
        padding-left: 5px;
    }
    .topic_datanum_con .morebtn, .btn-collapse .morebtn {
        background:#aaa;
        color:#fff;
        border-radius: 10px;
        width:75px; 
        font-size: 13px;
        font-family: 'Roboto', sans-serif; 
        text-align:center;
        padding-left:3px;
        letter-spacing: 1.5px;
/*        font-weight: 500;*/
        margin-top: 5px;
        height:20px;
        line-height: 20px; 
    }
    .topic_datanum_con .morebtn i {
        padding-left:4px;
    }
    
    .col-xs-12 .topic_datanum_con img {
        width: 80px;
    }

    .loupdate {
        margin-top: 15px;
    }
    
    .top100_update {
        padding:0px;
        text-align: right;
    }
    .top100_update p {
        color: gray;
        font-size: 14px;
        line-height: 5px;
    }
    .top100_update p:nth-child(1) {
        margin-top: 10px;
        padding:0px;
    }
    .top_more {
        display: inline-block;
        color: #9d9d9d;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        margin-right: 5px;
    }

     .topcon .item {
        padding-right: 0px;
    }

    @media (min-width: 420px) {
        .hot_tabs_table .row {
            width:95%;
        }
    }

    @media (max-width: 420px){
        .top_more {
            margin-top: -50px;
        }
    }

    @media (max-width: 320px) {
        .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
            width: 20px;
            height: 60px;
        }
        .hot_tabs_table .row {
            width:113%;
            margin-left: -15px;
        }
        .top100_update p {
            font-size: 14px;
            line-height: 5px;
            padding:5px;
          /*  margin-left:-20px;*/
        }
        .top_more {
            margin-right: -5px;
            margin-top: -55px;
        }
        .top100_title, .top100_bg_cat .cleanLink {
            font-size: 24px;
        }
        .nav-pills li a{
            padding-left: 5px;
            padding-right: 5px;
        } 
        .top100_title{
            padding-left: 10%;
        }
        .top100_bg_cat .cleanLink { 
            padding-left: 0px;
        }
        .topic_img_con img {
            width: 45px;
            height: 45px;
        }
    }












    /* top 100 */
.top100_layer1_bread_crumb {
    display: block;
    /* margin-left: 10px; */
    color: #888;
    background-color: #efefef;
    margin-top: 0px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
/*    margin-left: -15px;
    margin-right: -15px;*/
}

.top100_layer1_bread_crumb a {
    color: #888;
}


.top100_layer1_container
{
    display: inline-block;
    margin:0px auto;
    width: 1024px;
}

.top100_layer1_itemLink{

    text-decoration: none;
    color:#000;

}

.popular_title {
    text-align:center;
    color:#707070;
    padding-bottom:0px;
/*    font-weight: bold;*/
    font-size:26px;
}
.popular_border_red {
    border-top:5px solid #b11030;
}

.popular_border_blue {
    border-top:5px solid #369C97;
}
.popular_img{
    display:inline-block;
    width:100%;
}

.goviral_title, .hotarticle_title {
    text-align: center;
     color: #4d4d4d;
     font-size:28px;
     margin-top: 40px;
     border-bottom:2px solid #4AA8BC;
     margin-left: 15px;
     margin-right: 15px;
     height:50px;
     line-height: 50px;
     font-weight: normal;
}
.goviral_title {
    border-bottom:2px solid #b11030;
}
#mobile_popular_Carousel .carousel_inner .col-xs-6{
    padding:0px;
    border:1px solid brown;
    background: yellow;
}
#mobile_popular_Carousel h6, #mobile_dv_Carousel h6{
    width: calc(100% - 5px); 
    text-align: right; 
    color: #707070;
    margin-top: 5px;
    margin-bottom: 5px;
}

#mobile_popular_Carousel hr, #mobile_dv_Carousel hr {
    margin: 0px;
}
#mobile_popular_Carousel h6 span, #mobile_dv_Carousel h6 span{
    color:#b11030;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
/*    font-weight:bold;*/
}
.righth6 {
    width:100% !important;
}
#mobile_dv_Carousel a h4, #mobile_popular_Carousel a h4 {
    display:inline-block;
    width:calc(100% - 5px);
    margin-top:0;
    margin-bottom: 0;
    padding-top: 5px;
    font-size: 14px;
    line-height: 20px;
    height:42px;
    border-top:1px solid #e0dfdf;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hot_tabs_table_con .nav-pills {
    height:35px;
}

.hot_tabs_table_con .nav-pills li a {
    padding-top: 10px;
}

.hot_tabs_table_con .hot_tabs_table {
    margin-top: 10px;
}

.shareicons img{
    width:55px;
    padding:0;
    margin:0;
}




    .navbar-fixed-top {
        height: 60px;
    }
    
    .navbar-fixed-top .container-fluid,
    .navbar-header {
    /*    background: #fff;*/
    }
    
    .navpart2 {
        /*border-top: 1px solid #9ecad3;*/
    }
    
    .navpart2:before{
        content: '';
        margin-left: 10%;
        padding-bottom: 3%;
        width: 80%;
        border-top: 1px solid #9ecad3;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #A40815;
    }
    
    .navbar-default .navbar-toggle {
        border: white;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: transparent;
    }
    
    #myNavbar {
        background: #0788ab;
        margin-top: -2px;
        float:right;
        width:55vw;
    }

    #myNavbar ul li a {
        color: #fff;
/*        font-weight: bold;*/
        font-size: 18px;
        padding-left: 15vw;
    }

    #myNavbar ul .m_social_icons a {
        padding-left: 0px;
    }

    @media (max-width: 375px) {
        .shareicons img {
            width:45px;
        }
        #myNavbar {
            width: 60vw;
        }
        #myNavbar ul li a {
            padding-left: 18vw;
        }
    }
    @media (max-width: 360px) { 
        .hot_tabs_table .nav li a {
            font-size: 16px;
        }
    }
    @media (max-width: 320px) { 
        #myNavbar {
            width: 65vw;
        }
        #myNavbar ul li a {
            padding-left: 20vw;
        }
    }

    @media screen and (min-width: 480px) {
        #myNavbar {
        margin-right: -15px;
        }
    }

    

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 100vh;
    }

    .collapse.navbar-collapse.collapse.in {
        height:100vh;
    }
 
    #search_block #search_button {
        padding-left: 5px;
    }
    #search_block  {
        padding-left: 10px;
        width:80%;
        border-bottom: 1px solid #9ecad3; 
        margin-left: 10%
    }
    
    #search_block input:focus {
        outline: none;
    }

    #myNavbar .navpart2 li a {
        color: #84CCD2;

    }
    
    #myNavbar ul li a i,
    #myNavbar ul li a span {
        padding-right: 5px;
    }
    
    .navbar-brand img {
        width: 160px;
        height: 60px;
        margin-top: -15px;
        margin-left: 5px;
    }


@media (max-width: 1025px) {
  .navbar-header {
      float: none;
      height: 60px;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      background: #fff;
      border-bottom:2px solid #ab0e1b;

  }
  .addshadow {
    box-shadow: 0 2px 5px #d0c7c7;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

.navbar-brand
{

    padding-left: 0px;
}
.navbar-header button
{
    margin-right:-10px;


}



.cleanLink 
{
    display: inline-block;
    text-decoration: none;
/*    color:initial;*/
}

.cleanLink:hover
{
    color:inherit;

}

.cf{
    color: #fff;
}

.m_shareicons{
    width:55px;
    height: 55px;
}

.m_shareicons_con {
   display:flex;
   flex-direction: row;
   justify-content: space-between;
}

.top100_c1:hover, .top100_c2:hover, .top100_c3:hover, .top100_c4:hover {
    text-decoration: none;
}

.top100_c1 span:hover, .top100_c3 span:hover {
    background: #febb1a;
}

.top100_c2 span:hover {
    background: #4aafd1;
}

.top100_c4 span:hover {
    background: #ee4d4d;
}



#searchText {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #7b7b7b;
    font-size: 16px;
    font-family: Arial, "微軟正黑體";
    padding: 0px;
}

#searchText::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6ba2b5 !important;
}
#searchText::-moz-placeholder { /* Firefox 19+ */
  color: #6ba2b5 !important;
}
#searchText:-ms-input-placeholder { /* IE 10+ */
  color: #6ba2b5 !important;
}
#searchText:-moz-placeholder { /* Firefox 18- */
  color: #6ba2b5 !important;
}


.strikethrough {
  position: relative;
  margin-left: 95%;
  padding-left: 40px;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: -40px;
/*  top: 50%;*/
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform:rotate(-60deg);
  -moz-transform:rotate(-60deg);
  -ms-transform:rotate(-60deg);
  -o-transform:rotate(-60deg);
  transform:rotate(-60deg);
}

@media (min-width:350px) and (max-width:380px){
    .top100_title {
        padding-left:10%;
    }
    .top100_bg_cat .cleanLink{
        padding-left: 0px;
    }
}

.top100_bg_cat span {
    margin-left: -5px;
}

/* hide the results console logged by autocomplete */
.ui-helper-hidden-accessible {
    display: none;
}

#mobile_medias > div {
    max-width: 95vw; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}

/*daily_content_padding*/
#daily_article_content .column-content p{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:10px;
}

/*#daily_article_content .column-content p span {
    display: inline-block;
    border:1px solid lightgray;
}*/

/*#popular_article_content {
    border:1px solid pink;
}
#popular_article_content p span {
    display: inline-block;
    border:1px solid lightgray;
}*/

#daily_article_content .column2-imgsrc {
    padding-left: 5px;
}

/*DailyMobile Pre And Next*/

#pre_and_next_pre
{
    background-color: #444;display: inline-block;width: 100%;padding-bottom: 5px;
}

#pre_and_next_next
{
    background-color: #444;display: inline-block;width: 100%;padding-bottom: 5px;
}
#pre_and_next_pre #preP{
    color:#fff;text-align:left;float:left;display:inline-block;width : 100%;padding-top:10px;
}

#pre_and_next_pre #preP i{

float:left;width:20px;;display:inline-block;padding-top:5px;padding-left:10px;margin-right:10px

}


#pre_and_next_pre #preP span{
     float:left;text-align:left;overflow : hidden;text-overflow : ellipsis;white-space : nowrap;width:85%;display:inline-block;
}





#pre_and_next_next #nextP{
    color:#fff;text-align:left;float:left;display:inline-block;width : 100%;padding-top:10px;
}

#pre_and_next_next #nextP i{
     margin-left:10px;width:20px;;display:inline-block;float:right;padding-top:5px;padding-right:10px;
}



#pre_and_next_next #nextP span{
     float:right;text-align:right;overflow : hidden;text-overflow : ellipsis;white-space : nowrap;width:85%;display:inline-block;
}


/*css for Xmas Promote*/


@keyframes shake {
    0% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(-10deg);
    }
}

@keyframes jump {
    0% {
        width: 0;
        height: 0;
    }
    100% {
        width: 90%;
        height: 90%;
    }
}


#XmasPromote {
    position:fixed;width:70px;right:0px;bottom:0;z-index:999;
    animation: shake 1s linear infinite alternate both;
}

#PrivacyAlert {
    width: 100%;
    background: #f2f2f2e6;
    position: fixed;
    z-index: 1200;
    padding: 15px 10px 5px 10px;
    text-align: center;
}

    #PrivacyAlert.inactive {
        display: none;
    }

    #PrivacyAlert button {
        margin-left: 50px;
    }