.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after { /*修正Float 撐開 DIV*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.txtAlert {
    color: #dc0f0f !important;
}

.txtSmall {
    font-size: small !important;
}

/*----------------- Web Navigation -----------------*/
/*#region Top Web Navigation */

.cons .website .site ol li {
    padding-left: 0;
}

@media screen and (min-width: 981px) {
    .website .site > ol {
        width: 20%;
    }

        .website .site > ol:first-child {
            width: 24%;
        }

        .website .site > ol:nth-of-type(2) {
            width: 53%;
        }
}

/*#endregion */
/*----------------- Main Aside -----------------*/
/*#region Main Aside */
aside.main_aside .submu > li:hover > a,
aside.main_aside .submu > li.on > a {
    clear: both;
}

@media (max-width: 980px) {
    aside.main_aside .submu .seconmu > li {
        width: 100%;
        float: none;
    }

        aside.main_aside .submu .seconmu > li:nth-child(odd) a {
            margin-right: 0;
        }

        aside.main_aside .submu .seconmu > li:nth-child(even) a {
            margin-left: 0;
        }
}



/*#endregion */
/*----------------- News List -----------------*/
/*#region newslist */
.fa, .fas, .fab {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

    .fa:before, .fas:before, .fab:before {
        font-family: 'Font Awesome 5 Free';
    }

.fa-input {
    font-family: "\5FAE\8EDF\6B63\9ED1\9AD4","Font Awesome 5 Free", Arial;
}

.newscard .srh .btn-search {
    display: inline-block;
    background-color: #795548;
    opacity: 1;
    color: #fff;
    padding: 12px 80px;
    border-radius: 100px;
    margin: 10px 0 10px 10px;
    text-align: center;
    border: none;
    min-width: inherit;
    cursor: pointer;
    transition: all .2s;
}

    .newscard .srh .btn-search:hover,
    .newscard .srh .btn-search:focus {
        background: #a1887f;
        transition: all .2s;
    }

@media (max-width: 1200px) {
    .newscard .srh .btn-search {
        width: calc( 100% - 108px - 362px - 19px);
        padding: 12px 0;
    }
}

@media (max-width: 720px) {
    .newscard .srh .btn-search {
        width: 100%;
        margin: 10px auto;
    }
}

/*----------------- EnvTopics > AirQuality -----------------*/
.Mytxt {
    padding-bottom: 30px;
}

    .Mytxt a {
        text-decoration: underline;
        color: #666;
    }

.cons h4 {
    font-size: 1.25rem !important;
    font-weight: bold;
    color: #333 !important;
    padding: 0.5em 0;
}

.cons p {
    color: #666;
    line-height: 1.6em;
    font-size: 1.125rem;
}

.cons * + h4 {
    margin-top: 2rem;
}

.cons .txt h4 + p {
    margin-top: 0;
}


.cons ol {
    margin: 1rem auto;
}

    .cons ol li {
        color: #666;
        line-height: 1.6rem;
        font-size: 1.125rem;
        text-indent: -2.5rem;
        padding-left: 2.5rem;
    }

        .cons ol li ol {
            margin: 0;
        }

.cons ul.sub {
    margin: 0.5em 0 0.5em 20px;
}

    .cons ul.sub li {
        list-style: decimal;
        color: #666;
        line-height: 1.6rem;
        font-size: 1.125rem;
    }

/*---------table---------*/
.cons .txt table th, .cons .txt table td {
    padding: 15px 10px;
}

.cons .txt table.tb-center th, .cons .txt table.tb-center td {
    text-align: center;
}

.cons .txt table td a {
    text-decoration: none;
}

    .cons .txt table td a.btnPDF:before {
        display: inline-block;
        content: "PDF";
        color: #d84a4a;
        border: 2px solid #d84a4a;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 2px 8px;
        margin-right: 0.5rem;
    }

    .cons .txt table td a:hover {
        text-decoration: underline;
    }

    .cons .txt table td a.btnPDF:hover:before {
        background-color: #d84a4a;
        color: #FFF;
    }

table.ev1_2 {
    table-layout: fixed;
    width: 100%;
    min-width: 780px;
}

    table.ev1_2 thead th {
        position: relative;
        padding-top: 5px;
        font-weight: bold;
        min-width: 105px;
        vertical-align: middle;
    }

        table.ev1_2 thead th:before {
            content: '';
            display: block;
            width: 100%;
            height: 5px;
            position: absolute;
            left: 0;
            top: 0
        }

        table.ev1_2 thead th.lv01:before {
            background: #ee9f4a
        }

        table.ev1_2 thead th.lv02:before {
            background: #be0130
        }

        table.ev1_2 thead th.lv03:before {
            background: #61227f
        }

        table.ev1_2 thead th.lv04:before {
            background: #76001e
        }

        table.ev1_2 thead th.lv05:before {
            background: #710220
        }

    table.ev1_2 th, table.ev1_2 td {
        border: 1px solid #ccc;
        color: #666;
    }

    table.ev1_2 th {
        background: #f6f7f8;
        text-align: center;
        padding: 15px 5px;
    }

    table.ev1_2 td {
        text-align: center;
        padding: 15px 5px
    }

.Mytxt img.MyImg {
    margin: 2rem auto;
    height: auto;
}

.inputField {
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: middle;
}

    .inputField select {
        padding: 0.5rem;
        border: 2px solid #2e7d32;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

.rwdTable {
}

    .rwdTable:before, .rwdTable:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .rwdTable:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .rwdTable .tbt {
        background: #e0e0e0;
        border: 1px solid #ccc;
        border-bottom: none;
        text-align: center;
        line-height: 30px;
        padding: 10px 0;
    }

    .rwdTable .mthead {
        display: none;
        float: left;
        font-size: 1.125em;
    }

        .rwdTable .mthead table th div {
            font-size: 0.875em;
        }

    .rwdTable .mtcon table {
        width: 100%;
    }

    .rwdTable table sup.red {
        color: red;
        font-weight: normal;
    }

    .rwdTable table th {
        background: #f8f8f8;
        font-size: 0.875em;
        height: 62px;
        padding: 0;
        border: 1px solid #CCC;
        text-align: center;
        font-weight: normal;
    }

    .rwdTable table tr th:first-child {
        font-weight: bold;
        text-align: left;
    }
    /*針對AQI濃度值表*/
    .rwdTable.aqiTable table tr th:first-child {
        width: 150px;
    }
    /*END*/

    /*針對健康影響及活動建議表*/
    .rwdTable.sugguestTable table th + th {
        width: 14%;
        text-align: center;
    }

    .rwdTable.sugguestTable table tr th:first-child {
        width: 140px;
        text-align: center;
    }
    /*END*/

    .rwdTable table tr:first-child th:first-child {
        text-align: center;
    }

    .rwdTable table th div {
        padding: 15px 0 15px 10px;
        border-left-width: 5px;
        border-left-style: solid;
        color: #000;
    }

        .rwdTable table th div span {
            display: block;
            font-weight: normal;
            color: #000;
        }

    .rwdTable table td {
        font-size: 0.875em;
        text-align: center;
        color: #000;
        border: 1px solid #CCC;
    }

        .rwdTable table td.red {
            color: red;
        }

    .rwdTable.aqiTable .mtcon table tr:nth-child(odd) td {
        background-color: #fafafa;
    }

    .rwdTable.sugguestTable tr:first-child th {
        background-color: #e0e0e0;
        font-weight: bold;
    }

    .rwdTable.sugguestTable td.aircl {
        padding: 0;
    }

main > #Content .rwdTable.sugguestTable td.aircl div {
    line-height: 57px;
}

.rwdTable.sugguestTable td.aircl div {
    border-top-width: 5px;
    border-top-style: solid;
    height: 62px;
}

/*AQI顏色設定*/
.rwdTable table .airgreen {
    background: #e5f4ef;
}

    .rwdTable table .airgreen div {
        border-color: #009865;
    }

.rwdTable table .airyellow {
    background: #ffffe9;
}

    .rwdTable table .airyellow div {
        border-color: #fffb26;
    }

.rwdTable table .airorange {
    background: #fff4ea;
}

    .rwdTable table .airorange div {
        border-color: #ff9835;
    }

.rwdTable table .airred {
    background: #fae5ea;
}

    .rwdTable table .airred div {
        border-color: #ca0034;
    }

.rwdTable table .airpurple {
    background: #f0e5f5;
}

    .rwdTable table .airpurple div {
        border-color: #670099;
    }

.rwdTable table .airbrown {
    background: #f2e5e9;
}

    .rwdTable table .airbrown div {
        border-color: #7e0123;
    }

/*文字不斷行表格*/
@media (max-width: 480px) {
    .nowrapTable table {
        white-space: nowrap;
    }
}

@media (max-width: 980px) {
    .rwdTable .mthead {
        display: block;
    }

    .rwdTable .mtcon {
        display: block;
        float: left;
        overflow-x: auto;
    }

    /*針對AQI濃度值表*/
    .rwdTable.aqiTable .mthead {
        width: 150px;
    }

    .rwdTable.aqiTable .mtcon {
        width: calc(100% - 150px);
    }
    /*END*/

    /*針對健康影響及活動建議表*/
    .rwdTable.sugguestTable .mthead {
        width: 140px;
    }

    .rwdTable.sugguestTable .mtcon {
        width: calc(100% - 140px);
    }

    .rwdTable.sugguestTable .mthead tr:nth-child(2) {
        height: 150px;
    }

    .rwdTable.sugguestTable .mthead tr:nth-child(3) {
        height: 75px;
    }

    .rwdTable.sugguestTable .mthead tr:nth-child(4) {
        height: 89px;
    }

    .rwdTable.sugguestTable .mthead tr:nth-child(5) {
        height: 155px;
    }

    .rwdTable.sugguestTable .mthead tr:nth-child(6) {
        height: 155px;
    }
    /*END*/

    .rwdTable .mtcon table {
        min-width: 980px;
    }

        .rwdTable .mtcon table tr th:first-child {
            display: none;
        }

        .rwdTable .mtcon table td {
            height: 75px;
        }

    .scrollBox, .cons .txt.scrollBox {
        max-width: 100%;
        overflow-x: auto;
    }

        .scrollBox table, .cons .txt.scrollBox table {
            width: 860px;
        }
}

/*---------下載列表---------*/
.cons ul.DownloadList {
    margin-left: 0;
    margin-bottom: 1rem;
}

.DownloadList li {
    list-style-type: none;
    float: left;
    width: 24%;
    height: 4.5rem;
    background-color: #F3FBF2;
    margin: 0.25rem 0.5%;
    position: relative;
}

.DownloadList.five-col li {
    width: 19%;
    min-width: 160px;
}

.DownloadList li:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
    font-size: 3rem;
    color: #BEE6B9;
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -1rem;
}

.DownloadList li:hover:before {
    color: #94c78e;
}

.DownloadList li.largeCard {
    width: 99%;
    background-color: #F9F8E7;
}

    .DownloadList li.largeCard:before {
        color: #F5DD7F;
    }

    .DownloadList li.largeCard:hover:before {
        color: #f9cf29;
    }

.DownloadList li.disabled {
    background-color: #F8F8F8;
}

    .DownloadList li.disabled:before {
        content: none;
    }

.DownloadList li a {
    display: block;
    width: 100%;
    height: 4.5rem;
    position: relative;
    padding-left: 2rem;
}

main > #Content .DownloadList li a {
    line-height: 4.5rem;
}

.DownloadList li a:before {
    position: absolute;
    left: 0.5rem;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    content: "\f111";
    color: #BEE6B9;
}

.DownloadList li.largeCard a:before {
    color: #F5DD7F;
}

.DownloadList li.disabled a:before {
    color: #CCC;
}

.cons .DownloadList li a span {
    display: block;
    font-size: 0.75rem;
    position: absolute;
    bottom: 0.25rem;
}

@media (max-width: 800px) {
    .DownloadList li {
        height: 5.5rem;
    }

    main > #Content .DownloadList li a {
        height: 5.5rem;
    }
}

@media (max-width: 720px) {
    .DownloadList li, .DownloadList.five-col li {
        width: 32%;
        min-width: auto;
    }
}

@media (max-width: 600px) {
    .DownloadList li, .DownloadList.five-col li {
        width: 49%;
        min-width: auto;
    }
}

/*---------修正內文照片---------*/
.cons .txt img {
    margin: 1rem auto;
}

@media (max-width: 720px) {
    .cons img {
        width: 100%;
        max-width: 100%;
    }
}

/*---------內文照片---------*/
.MyFigure {
}

    .MyFigure img {
        margin: 0 auto;
    }

    .MyFigure figcaption {
        text-align: center;
    }

    .MyFigure.col-three figure {
        float: left;
        width: 32%;
    }

        .MyFigure.col-three figure + figure {
            margin-left: 2%;
        }

        .MyFigure.col-three figure img {
            width: 100%;
        }

@media (max-width: 720px) {
    .MyFigure.col-three figure {
        width: 100%;
    }

        .MyFigure.col-three figure + figure {
            margin-left: 0;
        }
}

/*---------內文照片---------*/
.MyQueryArea {
    padding: 2rem;
    background-color: #f6f7f8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 1rem;
}

    .MyQueryArea.noBg {
        background-color: #FFF;
    }

    .MyQueryArea select {
        display: inline-block;
        vertical-align: middle;
        border: #cecece 2px solid;
        border-radius: 5px;
        padding: 5px 8px;
        background: transparent;
    }

    .MyQueryArea .btn-search {
        display: inline-block;
        background-color: #795548;
        opacity: 1;
        color: #fff;
        padding: 12px 80px;
        border-radius: 100px;
        margin: 10px 0 10px 10px;
        text-align: center;
        border: none;
        min-width: inherit;
        cursor: pointer;
        transition: all .2s;
        font-family: 'Font Awesome 5 Free', 'Microsoft JhengHei';
        font-weight: 900;
    }

        .MyQueryArea .btn-search:hover,
        .MyQueryArea .btn-search:focus {
            background: #a1887f;
            transition: all .2s;
        }

    .MyQueryArea .date {
        margin-top: 0;
    }

        .MyQueryArea .date input {
            display: inline-block;
            vertical-align: middle;
            border: #cecece 2px solid;
            border-radius: 5px;
            background: url(../images/cal_icon.svg) right center no-repeat transparent;
            min-width: 150px;
            padding: 5px 40px 5px 8px;
        }

    .MyQueryArea .btnList, .MyQueryArea .ckeckList {
        margin-bottom: 15px;
    }

        .MyQueryArea .ckeckList input.btnFa {
            font-family: 'Font Awesome 5 Free','Microsoft JhengHei';
            font-weight: 900;
        }

        .MyQueryArea .ckeckList .ckeckListArea {
            padding-left: 5rem;
        }

            .MyQueryArea .ckeckList .ckeckListArea span {
                display: block;
                margin: 0.25rem 0;
            }

            .MyQueryArea .ckeckList .ckeckListArea .sub {
                padding-left: 1rem;
            }

                .MyQueryArea .ckeckList .ckeckListArea .sub span {
                    display: inline-block;
                    width: 8rem;
                }

.MyCalendarArea {
    display: block;
    width: 50%;
    min-width: 300px;
    float: left;
}

    .MyCalendarArea + .MyQueryArea {
        display: block;
        width: 50%;
        max-width: calc(100% - 300px);
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
    }

.MyCalendar {
    width: 100%;
    min-height: 300px;
    border: 2px solid #4E8B07;
    margin: 1rem 0;
    position: relative;
    padding: 0.75rem;
}

    .MyCalendar p {
        color: #4E8B07;
        font-weight: bold;
        font-size: 1.5rem;
        text-align: center;
    }

    .MyCalendar .Calendar_left, .MyCalendar .Calendar_right {
        position: absolute;
        top: 0.75rem;
        background-color: #4e8b07;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
    }

        .MyCalendar .Calendar_left:hover, .MyCalendar .Calendar_right:hover {
            background-color: #aae06b;
        }

    .MyCalendar .Calendar_left {
        left: 1rem;
    }

    .MyCalendar .Calendar_right {
        right: 1rem;
    }

        .MyCalendar .Calendar_left i, .MyCalendar .Calendar_right i {
            color: #FFF;
            width: 2rem;
            text-align: center;
            line-height: 2rem;
        }

            .MyCalendar .Calendar_left i:before, .MyCalendar .Calendar_right i:before {
                font-size: 1.25rem;
                color: #FFF;
                font-family: "Font Awesome 5 Free";
                line-height: 2rem;
            }

    .MyCalendar ul.week {
        padding: 0.5rem 0;
        margin-top: 1rem;
        border-bottom: 2px solid #8CCC40;
    }

        .MyCalendar ul.week li {
            width: 14.25%;
            float: left;
            text-align: center;
            font-size: 0.75rem;
            line-height: 0.75rem;
        }

    .MyCalendar .calendarDate div {
        float: left;
        text-align: center;
        width: 14.25%;
        height: 2.25rem;
        line-height: 2.25rem !important;
        padding-top: 10px;
        margin: 0.25rem auto;
    }

        .MyCalendar .calendarDate div a {
            display: inline-block;
            width: 2.25rem;
            height: 2.25rem;
            line-height: 2rem !important;
            color: #333;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: #ececec;
            border: 2px solid #FFF;
        }

            .MyCalendar .calendarDate div a:hover {
                background-color: #DDD;
                border: 1px solid #888;
            }

        .MyCalendar .calendarDate div.hasEvent a {
            background-color: #ffefd1;
        }

            .MyCalendar .calendarDate div.hasEvent a:hover {
                background-color: #ffe4c7;
                border: 1px solid #ee9f4a;
            }

        .MyCalendar .calendarDate div.theDay a {
            background-color: #2e7d32;
            color: #FFF;
        }

            .MyCalendar .calendarDate div.theDay a:hover {
                background-color: #4E8B07;
                border: 1px solid #2e7d32;
            }

        .MyCalendar .calendarDate div.theDay.hasEvent a,
        .MyCalendar .calendarDate div.theDay.hasEvent a:focus {
            background-color: #815d37;
            color: #FFF;
        }

            .MyCalendar .calendarDate div.theDay.hasEvent a:hover {
                background-color: #815d37;
                color: #FFF;
                border: 1px solid #815d37;
            }


        .MyCalendar .calendarDate div.today a, .MyCalendar .calendarDate div.today a:hover {
            cursor: default;
            background-color: #e8fbde;
            color: #111;
            border: 1px solid #FFF;
        }

.MyCalendarLegend {
    position: absolute;
    top: 100%;
    left: 2rem;
}

    .MyCalendarLegend li span {
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        background-color: #ececec;
        vertical-align: middle;
    }

        .MyCalendarLegend li span.hasEvent {
            background-color: #ffefd1;
        }

@media (max-width: 600px) {
    .MyCalendarArea, .MyCalendarArea + .MyQueryArea {
        width: 100%;
    }

        .MyCalendarArea + .MyQueryArea {
            padding: 0;
            max-width: 100%;
        }

    .MyCalendarLegend {
        position: static;
        margin-bottom: 1rem;
    }
}
/*-----------------新聞內頁照片輪播-----------------*/
.MyNewCarousel {
    width: 100%;
    margin: 1rem auto;
    position: relative;
    overflow: hidden
}

    .MyNewCarousel .MyNewCarouselInner {
        width: 50%;
        margin: 0 auto
    }

    .MyNewCarousel .pt_bannerList {
        width: 100%;
        margin: 0 auto
    }

    .MyNewCarousel .carousel_box {
        width: 100%;
        height: 450px;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        position: absolute
    }

        .MyNewCarousel .carousel_box img {
            max-height: 100%;
            display: inline-block
        }

    .MyNewCarousel .carousel_indicator {
        text-align: center;
        z-index: 923;
        width: 90%;
        margin: 0 auto
    }

        .MyNewCarousel .carousel_indicator li {
            display: inline-block;
            width: 40px;
            height: 40px;
            text-align: center;
            vertical-align: bottom;
            position: relative;
            line-height: 1.625rem;
            background-color: #FFF
        }

            .MyNewCarousel .carousel_indicator li a {
                display: block;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background-color: #CCC;
                text-align: center;
                position: absolute;
                top: 14px;
                left: calc(50% - 7px)
            }

            .MyNewCarousel .carousel_indicator li.on {
                background-color: #FFF
            }

                .MyNewCarousel .carousel_indicator li.on a {
                    background-color: #16b4d0
                }

        .MyNewCarousel .carousel_indicator p {
            line-height: 1.625rem;
            font-size: 1rem
        }

    .MyNewCarousel a {
        width: 50px;
        position: absolute;
        top: calc(50% - 4rem);
        text-align: center;
        cursor: pointer;
        vertical-align: middle
    }

        .MyNewCarousel a#carousel_prev {
            left: calc(25% - 50px);
        }

        .MyNewCarousel a#carousel_next {
            right: calc(25% - 50px);
        }

.article .article_text .MyNewCarousel a i {
    margin: 0
}

.MyNewCarousel a i:before {
    font-size: 36px;
    color: #DDD;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px
}

.MyNewCarousel a i:hover:before {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #FFF;
    background-color: #16b4d0;
    border-radius: 50%
}

@media screen and (max-width: 1200px) {
    .MyNewCarousel .carousel_indicator div {
        width: 42.5px
    }
}

@media screen and (max-width: 1024px) {
    .MyNewCarousel .carousel_indicator p {
        display: none
    }

    .MyNewCarousel .carousel_indicator li.on p {
        display: block
    }

    .MyNewCarousel .carousel_indicator div span {
        width: 10px;
        height: 10px
    }
}

.MyCarousel {
    width: 100%;
    height: 550px;
    margin: 1rem 0;
    position: relative
}

    .MyCarousel .MyCarouselInner {
        width: 90%;
        margin: 0 auto;
        height: 500px;
        overflow: hidden
    }

    .MyCarousel .carousel_box {
        width: 100%;
        height: 500px;
        margin: 0 auto;
        overflow: hidden;
        float: left
    }

        .MyCarousel .carousel_box img {
            width: 100%;
            max-height: 500px;
            margin: 0 auto;
            vertical-align: central
        }

    .MyCarousel .carousel_indicator {
        height: 50px;
        text-align: center;
        z-index: 924;
        width: 90%;
        margin: 0 auto;
        position: absolute;
        left: 5%;
        bottom: 0
    }

        .MyCarousel .carousel_indicator div {
            display: table-cell;
            width: 40px;
            height: 82px;
            text-align: center;
            vertical-align: bottom;
            position: relative;
            line-height: 1.625rem
        }

            .MyCarousel .carousel_indicator div span {
                display: block;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                background-color: #CCC;
                text-align: center;
                position: absolute;
                top: 8px;
                left: 13px
            }

            .MyCarousel .carousel_indicator div.active span {
                background-color: #16b4d0
            }

            .MyCarousel .carousel_indicator div p {
                line-height: 1.625rem;
                font-size: 1rem
            }

        .MyCarousel .carousel_indicator li {
            display: table-cell;
            width: 40px;
            height: 82px
        }

            .MyCarousel .carousel_indicator li:before {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                background-color: #CCC
            }

                .MyCarousel .carousel_indicator li:before:hover, .MyCarousel .carousel_indicator li.on:before {
                    background-color: #bfe4ff
                }

    .MyCarousel a {
        width: 50px;
        position: absolute;
        top: 225px;
        text-align: center;
        cursor: pointer;
        vertical-align: middle
    }

        .MyCarousel a#carousel_prev {
            left: 0
        }

        .MyCarousel a#carousel_next {
            right: 0
        }

.article .article_text .MyCarousel a i {
    margin: 0
}

.MyCarousel a i:before {
    font-size: 36px;
    color: #DDD;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px
}

.MyCarousel a i:hover:before {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #FFF;
    background-color: #16b4d0;
    border-radius: 50%
}

@media screen and (max-width: 1200px) {
    .MyCarousel .carousel_indicator div {
        width: 42.5px
    }
}

@media screen and (max-width: 1024px) {
    .MyCarousel {
        height: 324px
    }

        .MyCarousel .MyCarouselInner, .MyCarousel .carousel_box {
            height: 274px
        }

            .MyCarousel .carousel_box img {
                max-height: 274px
            }

        .MyCarousel a {
            top: 137px
        }

        .MyCarousel .carousel_indicator div p {
            display: none
        }

        .MyCarousel .carousel_indicator div.active p {
            display: block
        }

        .MyCarousel .carousel_indicator div span {
            width: 10px;
            height: 10px
        }
}

@media screen and (max-width: 600px) {
    .MyCarousel {
        height: 230px
    }

        .MyCarousel .MyCarouselInner, .MyCarousel .carousel_box {
            height: 180px
        }

            .MyCarousel .carousel_box img {
                max-height: 180px
            }

        .MyCarousel a {
            top: 65px
        }

    .MyNewCarousel .pt_bannerList {
        width: 90%;
        margin: 0 auto
    }

    .MyNewCarousel .carousel_box {
        width: 90%;
        height: 350px;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        position: absolute
    }

        .MyNewCarousel .carousel_box img {
            width: auto;
        }

    .MyNewCarousel a#carousel_prev {
        left: 0;
    }

    .MyNewCarousel a#carousel_next {
        right: 0;
    }
}

.MyNewsSlide.md_slideShow {
    margin: 1rem auto 0
}

.md_slideShow .pt_bannerList li figure {
    background-color: #FFF
}

.MyNewsSlide.md_slideShow .pt_bannerList img {
    max-height: 300px
}