html {
    font-size: 1em;
    height: 100%
}

body {
    background: #fff;
    font-size: 1em;
    height: 100%;
    overflow-x: hidden !important
}

* {
    font-family: Arial, Helvetica, sans-serif, "微軟正黑體", "Microsoft JhengHei", "PMingLiU", "AppleGothic", "Dotum", "Lucida Grande", Verdana Sans-serif
}

img {
    max-width: 100%;
    height: auto
}

a {
    font-size: 1em;
    line-height: 1em;
    color: #666;
    text-decoration: none
}

    a:focus, a:hover {
        text-decoration: none
    }

#container {
    background: #fff
}

.container {
    width: 100%
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px
    }
}

@media (min-width: 1660px) {
    .container {
        max-width: 1600px
    }
}

.main-title {
    font-weight: 300;
    color: #3598a7
}

    .main-title .rss {
        background: cadetblue;
        color: #fff;
        border-radius: 50px
    }

.forward {
    padding: 10px;
    border-radius: 10px
}

    .forward h4 {
        display: inline-block;
        text-align: center;
        padding: 20px 5px;
        border-radius: 10px
    }

.confirm-btn {
    margin-top: 20px
}

.tab-block {
    margin-top: 10px
}

    .tab-block .tabs {
        background: #00bcd4;
        margin: 20px 0
    }

        .tab-block .tabs a {
            float: left;
            padding: 0px 15px;
            line-height: 35px;
            font-weight: 300;
            color: #fff;
            text-decoration: none
        }

            .tab-block .tabs a:hover {
                background: #80deea;
                border-right: 5px solid #fff
            }

            .tab-block .tabs a.active {
                background: #0097a7;
                border-right: 5px solid #fff
            }

                .tab-block .tabs a.active:hover {
                    background: #80deea;
                    border-right: 5px solid #fff
                }

.con-title {
    color: #3598a7
}

#page {
    text-align: center;
    padding: 40px 0
}

.info span {
    line-height: 30px
}

    .info span b {
        display: inline-block;
        padding: 0 10px;
        color: #3598a7
    }

    .info span a {
        padding: 0 5px;
        color: #3598a7;
        text-decoration: none
    }

        .info span a.active1 {
            padding: 5px 5px;
            color: #fff;
            background: #3598a7;
            border-radius: 50px
        }

.page {
    padding-top: 20px
}

    .page a {
        margin: 0 5px;
        text-decoration: none
    }

        .page a.num {
            padding: 0 5px;
            border-radius: 50px
        }

            .page a.num.active {
                color: #fff;
                border: 1px solid #3598a7;
                background-color: #3598a7
            }

    .page .prev i, .page .next i {
        padding: 5px 10px;
        border: 1px solid #666;
        border-radius: 50px
    }

    .page .first i, .page .last i {
        padding: 7px 10px;
        border: 1px solid #666;
        border-radius: 50px
    }

h1 {
    margin: 0
}

h2 {
    text-align: center;
    font-size: 2.8em;
    font-weight: 700;
    padding: 70px 20px 20px;
    margin-top: 0;
    margin-bottom: 50px;
    position: relative;
    font-family: "Noto Serif TC", serif
}
@media (max-width: 1024px) {
    .container, .container-md, .container-sm {
        max-width:inherit;
    }
    .search form {
        margin: 0 !important;
    }
    header .logo {
        height: inherit;
    }
}

    @media (max-width: 1024px) {
        h2 {
            padding-top: 40px;
            margin-bottom: 20px
        }
    }

    .nav-tabs {
        border-bottom: none
    }

        .nav-tabs > li {
            margin-bottom: 10px
        }

            .nav-tabs > li > a {
                border: none;
                border-radius: 5px;
                text-align: center;
                background-color: #0c85d5;
                margin-right: 10px;
                font-weight: 500;
                color: #fff;
                border-radius: 20px
            }

                .nav-tabs > li > a:hover {
                    background-color: #c75300;
                    box-shadow: 0px 0px 10px rgba(0,0,0,0.4)
                }

            .nav-tabs > li.active > a {
                color: #fff;
                cursor: default;
                background-color: #c75300;
                border: none;
                border-bottom-color: transparent;
                box-shadow: 0px 3px 10px rgba(0,0,0,0.4)
            }

                .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
                    color: #fff;
                    cursor: default;
                    background-color: #c75300;
                    border: none;
                    border-bottom-color: transparent
                }

    .dropdown-menu {
        padding: 0
    }

        .dropdown-menu > li > a {
            padding: 10px 20px;
            font-size: 1.15em;
            display: block;
            line-height: 1.42857143;
        }

            .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
                background-color: #003b81;
                color: #fff;
            }

    @media (max-width: 1024px) {
        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background-color: transparent
        }

        #navbar .collapse.navbar-collapse {
            display: none !important;
        }

            #navbar .collapse.navbar-collapse.in {
                display: block !important;
            }
    }

    .navbar-toggle .icon-bar {
        background-color: #555
    }

    header {
        background-color: rgba(255,255,255,0.5);
        position: absolute;
        z-index: 20;
        top: 0;
        width: 100%
    }

        header .logo {
            padding-top: 14px
        }

            header .logo a {
                display: inline-block
            }

        header .top_link {
            background-color: #ffffff;
            line-height: 40px;
            width: 100%;
            border-bottom: 5px solid #d6d6d6
        }

    @media (max-width: 480px) {
        header .top_link_main {
            float: right !important
        }
    }

    header .top_link_main ul.search-dropdown {
        line-height: 30px
    }

        header .top_link_main ul.search-dropdown li a {
            font-size: 1rem;
            padding: 4px 10px
        }

    header .top_link_main ul {
        list-style: none;
        display: inline-block;
        margin-bottom: 0;
        padding-left: 0;
        float: left
    }

    @media (max-width: 480px) {
        header .top_link_main ul {
            text-align: right
        }
    }

    header .top_link_main ul li {
        padding-left: 4px;
        padding-right: 4px;
        display: inline-block
    }

    @media (max-width: 1024px) {
        header .top_link_main ul li {
            padding-left: 2px;
            padding-right: 2px
        }
    }

    header .top_link_main ul li i {
        font-size: 1.125em;
        color: #757575
    }

    header .top_link_main ul li a {
        color: #757575;
        font-size: 0.8rem
    }

    header .top_link_main ul.lang_txt li {
        position: relative
    }

        header .top_link_main ul.lang_txt li::after {
            content: "|";
            position: absolute;
            right: -5px;
            top: -1px;
            color: #d0d0d0
        }

        header .top_link_main ul.lang_txt li:last-child::after {
            content: ""
        }

    header .search_hot {
        color: #757575;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block
    }

    @media (max-width: 1200px) {
        header .search_hot {
            width: 200px;
        }
    }


    @media (max-width: 1024px) {
        header .search_hot {
            display: none
        }
    }

    header .search_hot a {
        color: #757575;
    }

    header .search {
        display: block
    }

    @media (max-width: 480px) {
        header .search {
            display: none
        }
    }

    header .search .search_button {
        float: right
    }

        header .search .search_button i {
            font-size: 1.2em
        }

    header .search button.btn-search {
        background-color: transparent;
        border: 0;
        color: #90949c;
        height: 50px;
        width: 40px;
/*        z-index: 10;*/
    }

    header .search .form-control {
        width: 240px;
        height: 40px;
        line-height: 40px;
        background-color: #d7efff;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    @media (max-width: 1024px) {
        header .search .form-control {
            width: initial
        }
    }

    header .search .input-group-btn {
        float: right;
        right: 34px;
        width: 0;
        position: absolute
    }

    header .search button.btn-search {
        height: 40px;
        width: 30px;
        border: 0;
        padding: 0;
        position: absolute;
        top: 0px;
        right: 34px;
/*        z-index: 10;*/
        background-color: transparent !important
    }

        header .search button.btn-search:hover, header .search button.btn-search:focus {
            background-color: transparent !important
        }

        header .search button.btn-search .caret {
            top: -2px;
            position: relative
        }

    header .search .btn-outline-success {
        position: absolute;
        right: 8px;
        top: 4px;
        background-color: transparent;
        font-size: 1.5em;
        padding: 0;
        border: 0;
    }

        header .search .btn-outline-success svg path {
            color: #0070ba
        }

    header .search .search-div .search-dropdown {
        margin-top: 38px;
        display: none
    }

        header .search .search-div .search-dropdown li {
            width: 100%;
            padding: 0
        }

    header .search .search-div.open .search-dropdown {
        display: block
    }

    .banner {
        position: relative;
        z-index: 0;
    }

    @media (max-width: 1024px) {
        .banner {
            margin-top: 40px
        }
    }

    .banner .banner_box {
        margin-bottom: 0 !important
    }

        .banner .banner_box .banner_imgCount_a {
            width: 100%;
            display: inline-block;
            overflow: hidden;
            margin-bottom: -10px
        }

            .banner .banner_box .banner_imgCount_a img {
                width: 100%;
                height: auto
            }

    @media (max-width: 480px) {
        .banner .banner_box .banner_imgCount_a img {
            max-width: inherit;
            height: 400px;
            width: 163%;
            transform: scale(1.7, 1.3) translate(-228px, 9px)
        }
    }

    .banner .banner_box .slick-next {
        right: 30px;
        background: url("../../Images/home/A_prev.svg") no-repeat center center;
        width: 48px;
        height: 48px;
/*        z-index: 9;*/
        top: 54%
    }

    @media (max-width: 1024px) {
        .banner .banner_box .slick-next {
            top: 50%
        }
    }

    .banner .banner_box .slick-next:hover {
        background: url("../../Images/home/A_prevh.svg") no-repeat center center
    }

    .banner .banner_box .slick-prev {
        left: 30px;
        background: url("../../Images/home/A_next.svg") no-repeat center center;
        width: 48px;
        height: 48px;
/*        z-index: 9;*/
        top: 54%
    }

    @media (max-width: 1024px) {
        .banner .banner_box .slick-prev {
            top: 50%
        }
    }

    .banner .banner_box .slick-prev:hover {
        background: url("../../Images/home/A_nexth.svg") no-repeat center center
    }

    .banner .banner_box .slick-prev:before, .banner .banner_box .slick-next:before {
        content: ""
    }

    .banner .banner_box .slick-dots {
        bottom: 120px
    }

    @media (max-width: 1024px) {
        .banner .banner_box .slick-dots {
            bottom: 80px
        }
    }

    @media (max-width: 768px) {
        .banner .banner_box .slick-dots {
            bottom: 60px
        }
    }

    .banner .banner_box .slick-dots li {
        width: 50px;
        height: 6px;
        margin: 0;
        list-style: none
    }

        .banner .banner_box .slick-dots li.slick-active button:before {
            color: white;
            opacity: 1
        }

        .banner .banner_box .slick-dots li button {
            width: 20px;
            height: 6px;
            background-color: #ededed;
            border-radius: 3px;
            padding: 0;
            transition: 0.5s ease-in-out;
            position: relative;
            left: 0px
        }

            .banner .banner_box .slick-dots li button:before {
                content: "";
                width: 50px;
                height: 6px
            }

        .banner .banner_box .slick-dots li.slick-active button {
            width: 50px;
            transition: 0.5s ease-in-out;
            background-color: #0070ba;
            position: relative;
            left: -15px
        }

    .banner .warning {
        position: absolute;
        right: 5%;
        top: 20%;
        cursor: pointer
    }

        .banner .warning .warning_alert {
            display: none
        }

        .banner .warning img {
/*            z-index: 10;*/
            position: relative
        }

        .banner .warning:before {
            content: "";
            display: block;
            border-radius: 60px;
            height: 100px;
            width: 100px;
            box-shadow: 2px 2px 2px rgba(86,51,102,0.6),4px 4px 6px rgba(102,70,136,0.4),6px 6px 12px rgba(51,51,102,0.4);
            position: absolute;
/*            z-index: 2;*/
            -webkit-animation-duration: 3s;
            -moz-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-name: warning_bg;
            -moz-animation-name: warning_bg;
            animation-name: warning_bg;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            -moz-animation-direction: alternate;
            animation-direction: alternate;
            -webkit-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear
        }

        .banner .warning a {
            display: block
        }

    .banner .mbanner {
        bottom: -5.4%;
        position: absolute;
        z-index: 1;
        width: 100%
    }

    @media (max-width: 768px) {
        .banner .mbanner {
            position: relative;
            bottom: 0
        }
    }

    .banner .mbanner ul {
        padding-left: 0;
        margin: 0
    }

        .banner .mbanner ul li {
            list-style: none
        }

            .banner .mbanner ul li a {
                display: inline-block
            }

    .banner .mbanner img {
        width: 100%;
        height: 144px
    }

    @media (max-width: 1919px) {
        .banner .mbanner img {
            height: initial
        }
    }

    .banner .mbanner .item {
        width: 33.3333333%;
        float: left
    }

    @media (max-width: 768px) {
        .banner .mbanner .item {
            width: 50%
        }

            .banner .mbanner .item:last-child {
                display: none
            }
    }

    @media (max-width: 480px) {
        .banner .mbanner .item {
            width: 100%
        }

            .banner .mbanner .item:last-child {
                display: block
            }
    }

    .top_nav .search_hot {
        color: #0070ba;
        padding-bottom: 6px
    }

        .top_nav .search_hot a {
            color: #0070ba;
            padding-bottom: 6px
        }

    .news .news_block .other_news {
        padding-bottom: 0
    }

    .top_nav .search input.ac_input {
        width: 170px;
        height: 38px;
        border-radius: 0;
        margin-top: 6px;
        float: left
    }

    .top_nav .search form {
        height: 50px
    }

    .top_nav .navbar-collapse {
        padding: 0
    }

    .top_nav .nav > li > a {
        position: relative;
        display: block;
        margin: 0;
        font-size: 1.1em;
        padding-left: 20px;
        padding-right: 20px
    }

    .top_nav .form-inline {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .dropdown .dropdown-menu .dropdown-submenu {
        position: relative
    }

        .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -5px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
            min-width: 196px;
        }

        .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
            display: block
        }

        .dropdown .dropdown-menu .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px
        }

    @media (max-width: 1024px) {
        .dropdown .dropdown-menu .dropdown-submenu > a:after {
            display: none
        }
    }

    .AudioVisual .A_slick {
        width: 90%;
        margin: 0 auto
    }

    @media (max-width: 1024px) {
        .AudioVisual .A_slick {
            width: 100%
        }
    }

    .AudioVisual .A_slick iframe {
        width: 100%;
        height: 190px
    }

    @media screen and (max-width: 1024px) {
        .AudioVisual .A_slick iframe {
            height: 300px
        }
    }

    @media screen and (max-width: 768px) {
        .AudioVisual .A_slick iframe {
            height: 400px
        }
    }

    .AudioVisual .A_slick .slick-slide {
        transition: all 300ms ease
    }

        .AudioVisual .A_slick .slick-slide.slick-active.slick-center .A_s_video {
            transition: all 300ms ease;
            transform: scale(2)
        }

    @media screen and (max-width: 1024px) {
        .AudioVisual .A_slick .slick-slide.slick-active.slick-center .A_s_video {
            transform: none
        }
    }

    .AudioVisual .A_slick .slick-track {
        margin: 100px 0
    }

    @media (max-width: 1024px) {
        .AudioVisual .A_slick .slick-track {
            margin: 30px 0
        }
    }

    @media (max-width: 768px) {
        .AudioVisual .A_slick .slick-track {
            margin: 0
        }
    }

    .AudioVisual .A_slick .slick-track .A_s_video {
        width: 100%;
        display: block;
        transition: all 300ms ease
    }

        .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a {
            display: block;
            border-radius: 5px
        }

            .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a:hover {
                box-shadow: 3px 3px 5px #d4d4d4
            }

                .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a:hover .A_s_v_bgimg::before {
                    background: url("../../Images/home/A_playh.png") no-repeat center center
                }

            .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a .A_s_v_bgimg {
                height: 170px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 5px
            }

    @media (max-width: 1024px) {
        .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a .A_s_v_bgimg {
            height: 300px
        }
    }

    @media (max-width: 480px) {
        .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a .A_s_v_bgimg {
            height: 180px
        }
    }

    .AudioVisual .A_slick .slick-track .A_s_video a.A_s_v_a .A_s_v_bgimg::before {
        content: "";
        background: url("../../Images/home/A_play.png") no-repeat center center;
        background-size: 16%;
        width: 100%;
        height: 100%;
        display: block
    }

    .AudioVisual .A_slick .slick-dots li {
        width: 40px;
        height: 6px;
        margin: 0;
        list-style: none
    }

        .AudioVisual .A_slick .slick-dots li.slick-active button:before {
            color: white;
            opacity: 1
        }

        .AudioVisual .A_slick .slick-dots li button {
            width: 20px;
            height: 6px;
            background-color: #ededed;
            border-radius: 3px;
            padding: 0;
            transition: 0.5s ease-in-out;
            margin: 0 auto
        }

            .AudioVisual .A_slick .slick-dots li button:before {
                content: "";
                width: 40px;
                height: 6px
            }

        .AudioVisual .A_slick .slick-dots li.slick-active button {
            width: 40px;
            transition: 0.5s ease-in-out;
            background-color: #0070ba;
            margin: 0 auto
        }

    .AudioVisual .A_c {
        width: 90%;
        padding-top: 30px;
        margin: 0 auto
    }

    @media screen and (max-width: 768px) {
        .AudioVisual .A_c {
            padding-top: 0;
            width: 100%
        }
    }

    @media screen and (max-width: 480px) {
        .AudioVisual .A_c {
            padding-top: 40px
        }
    }

    .AudioVisual .A_c h3 {
        color: #0070ba;
        font-size: 2rem;
        line-height: 2.45rem;
        font-weight: 700;
        margin-bottom: 20px
    }

    @media screen and (max-width: 768px) {
        .AudioVisual .A_c h3 {
            margin-top: 0
        }
    }

    .AudioVisual .A_c .A_c_time {
        font-size: 1.325rem;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px
    }

    .AudioVisual .slick-next {
        content: "";
        width: 48px;
        height: 48px;
        background: url("../../Images/home/A_prev.svg") no-repeat center center;
/*        z-index: 2;*/
        right: -48px
    }

        .AudioVisual .slick-next:hover {
            background: url("../../Images/home/A_prevh.svg") no-repeat center center
        }

    .AudioVisual .slick-prev {
        content: "";
        width: 48px;
        height: 48px;
        background: url("../../Images/home/A_next.svg") no-repeat center center;
/*        z-index: 2;*/
        left: -48px
    }

        .AudioVisual .slick-prev:hover {
            background: url("../../Images/home/A_nexth.svg") no-repeat center center
        }

    @-webkit-keyframes warning_bg {
        from {
            background-color: #b80000
        }

        to {
            background-color: #0055b8
        }
    }

    @-moz-keyframes warning_bg {
        from {
            background-color: #b80000
        }

        to {
            background-color: #0055b8
        }
    }

    @keyframes warning_bg {
        from {
            background-color: #b80000
        }

        to {
            background-color: #0055b8
        }
    }

    .news_link {
        padding-top: 30px;
        position: relative;
        padding-bottom: 40px
    }

    @media (max-width: 480px) {
        .news_link {
            padding-top: 0
        }

            .news_link .col-md-7 {
                margin-bottom: 10px
            }
    }

    .news_link::after {
        content: "";
        background-color: #d7efff;
        height: 100%;
        width: 43%;
        right: 0;
        top: 0;
        position: absolute;
        z-index: -2
    }

    @media (max-width: 768px) {
        .news_link::after {
            height: 46%;
            width: 100%;
            right: 0;
            bottom: 0;
            top: inherit
        }
    }

    .news_link .n_l_box .n_l_content {
        margin-bottom: 30px;
        display: flex
    }

        .news_link .n_l_box .n_l_content .date {
            flex: 1;
            border: 1px solid #dedede;
            width: 60px;
            height: 60px;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px
        }

            .news_link .n_l_box .n_l_content .date .month {
                color: #484848;
                font-size: 1em;
                margin-bottom: 0;
                font-weight: 700
            }

            .news_link .n_l_box .n_l_content .date .day {
                color: #c75300;
                font-size: 1.875em;
                margin-bottom: 0;
                font-weight: 700;
                line-height: 1em
            }

        .news_link .n_l_box .n_l_content .txt {
            flex: 10;
            overflow: hidden;
            padding-left: 30px
        }

    @media (max-width: 480px) {
        .news_link .n_l_box .n_l_content .txt {
            flex: 4
        }
    }

    .news_link .n_l_box .n_l_content .txt a {
        color: #000;
        font-size: 1.3em;
        font-weight: 700;
        line-height: 1.62em;
        display: flow-root;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

        .news_link .n_l_box .n_l_content .txt a:hover {
            color: #0070ba
        }

    .news_link .n_l_box .n_l_content .txt p {
        margin-bottom: 0
    }

    .news_link .n_l_themeArea {
        margin-left: 10%
    }

    @media (max-width: 480px) {
        .news_link .n_l_themeArea {
            margin-left: 0
        }
    }

    @media (max-width: 1024px) {
        .news_link .n_l_themeArea .n_l_t_item {
            padding-left: 0
        }
    }

    .news_link .n_l_themeArea .n_l_t_item ul {
        padding-left: 0;
        margin-bottom: 0;
        display: flex
    }

        .news_link .n_l_themeArea .n_l_t_item ul:nth-child(2) {
            margin-top: 30px
        }

        .news_link .n_l_themeArea .n_l_t_item ul li {
            flex: 1;
            list-style: none;
            display: inline-block;
            text-align: center
        }

            .news_link .n_l_themeArea .n_l_t_item ul li a {
                display: block;
                cursor: pointer
            }

                .news_link .n_l_themeArea .n_l_t_item ul li a img {
                    margin: 0 auto
                }

                .news_link .n_l_themeArea .n_l_t_item ul li a span {
                    color: #2b2b2b;
                    padding: 10px 0;
                    font-weight: 700;
                    display: inline-block;
                    font-size: 1.125em;
                    line-height: 1.5em
                }

                .news_link .n_l_themeArea .n_l_t_item ul li a svg {
                    display: block;
                    margin: 0 auto
                }

                    .news_link .n_l_themeArea .n_l_t_item ul li a svg path {
                        fill: #2c8dcc
                    }

    @media (max-width: 1024px) {
        .news_link .n_l_themeArea .n_l_t_item ul li a svg {
            width: 90px;
            height: 90px
        }
    }

    @media (max-width: 480px) {
        .news_link .n_l_themeArea .n_l_t_item ul li a svg {
            width: 76px;
            height: 76px
        }
    }

    .news_link .n_l_themeArea .n_l_t_item ul li a:hover svg path {
        fill: #126fad
    }

    .news_link .n_l_themeArea .slick-dots {
        position: relative;
        text-align: left;
        display: inline;
        left: 9%
    }

    @media (max-width: 1024px) {
        .news_link .n_l_themeArea .slick-dots {
            left: 4%
        }
    }

    .news_link .n_l_themeArea .slick-dots li {
        height: 10px;
        width: initial
    }

        .news_link .n_l_themeArea .slick-dots li button {
            width: 10px;
            height: 10px;
            background-color: #ffffff;
            border-radius: 5px;
            padding: 0;
            transition: 0.5s ease-in-out
        }

            .news_link .n_l_themeArea .slick-dots li button:before {
                content: "";
                width: 50px;
                height: 6px
            }

        .news_link .n_l_themeArea .slick-dots li.slick-active button {
            width: 50px;
            transition: 0.5s ease-in-out;
            background-color: #0070ba
        }

    .news_link .n_l_themeArea .slick-prev, .news_link .n_l_themeArea .slick-next {
        content: "";
        width: 44px;
        height: 44px;
        top: auto;
        bottom: -60px;
        left: inherit
    }

    .news_link .n_l_themeArea .slick-prev {
        background: url("../../Images/home/slick-prev.png") no-repeat;
        right: 48px
    }

        .news_link .n_l_themeArea .slick-prev:hover {
            background: url("../../Images/home/A_nexth.svg") no-repeat
        }

    .news_link .n_l_themeArea .slick-next {
        background: url("../../Images/home/slick-next.png") no-repeat;
        right: 0
    }

        .news_link .n_l_themeArea .slick-next:hover {
            background: url("../../Images/home/A_prevh.svg") no-repeat
        }

    .news_link .n_l_themeArea .slick-list {
        margin-bottom: 24px
    }

    @media (max-width: 480px) {
        .news_link .col-md-5 {
            background-color: #d7efff
        }
    }

    .news_link .col-md-5 .center_title {
        margin-left: 10%
    }

    @media (max-width: 480px) {
        .news_link .col-md-5 .center_title {
            margin-left: 0
        }
    }

    .PressRelease {
        background-color: #f0f0f0;
        padding-bottom: 60px;
        position: relative
    }

        .PressRelease::after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 446px 376px;
            border-color: transparent transparent rgba(64,156,218,0.45) transparent;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 0
        }

    @media (max-width: 480px) {
        .PressRelease::after {
            z-index: -1
        }
    }

    .PressRelease .P_box {
        padding: 10px 10px 30px;
        border: 1px solid #bebebe;
        border-radius: 5px;
        box-shadow: 0 10px 14px rgba(0,0,0,0.1);
        background-color: #fff;
        overflow: hidden;
        position: relative;
        top: 0;
        transition: all 1s ease-out
    }

    @media (max-width: 1024px) {
        .PressRelease .P_box {
            padding-bottom: 10px
        }
    }

    .PressRelease .P_box:hover {
        top: -10px
    }

        .PressRelease .P_box:hover .p_img img {
            transition: all 1s ease-out;
            transform: scale(1.2, 1.2)
        }

    .PressRelease .P_box .p_img {
        width: auto;
        height: 270px;
        margin: auto;
        text-align: center;
        border-radius: 5px
    }

    @media (max-width: 1024px) {
        .PressRelease .P_box .p_img {
            height: 220px
        }
    }

    @media (max-width: 768px) {
        .PressRelease .P_box .p_img {
            height: 238px
        }
    }

    @media (max-width: 480px) {
        .PressRelease .P_box .p_img {
            height: 246px
        }
    }

    .PressRelease .P_box .p_img img {
        transform: scale(1, 1);
        width: 100%;
        height: auto
    }

        .PressRelease .P_box .p_img img.default_img {
            right: 0 !important;
            left: auto !important
        }

    .PressRelease .P_box .p_date {
        position: absolute;
        top: 50%;
        display: inline-block;
        left: 30px;
        background-color: #c75300;
        padding: 0px 10px 0;
        border-radius: 5px;
        text-align: center
    }

    @media (max-width: 1024px) {
        .PressRelease .P_box .p_date {
            top: 46%;
            left: 26px
        }
    }

    .PressRelease .P_box .p_date .month {
        font-size: 0.5em;
        color: #fff
    }

    .PressRelease .P_box .p_date .day {
        font-size: 2.2em;
        font-weight: 700;
        line-height: 0.7em;
        color: #fff;
        padding-top: 4px
    }

    .PressRelease .P_box h3 {
        font-weight: 700;
        font-size: 1.4em;
        max-height: 3em;
        line-height: 1.5em;
        margin-top: 0px;
        margin-bottom: 20px;
        color: #222222;
        text-align: justify;
        text-justify: inter-ideograph;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        word-break: break-all
    }

    .PressRelease .P_box .p_content {
        padding: 58px 10px 0px;
    }

        .PressRelease .P_box .p_content a {
            display: inline-block;
        }

        .PressRelease .P_box .p_content p {
            margin-bottom: 0
        }

            .PressRelease .P_box .p_content p.text {
                max-height: 4em;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                line-height: 30px
            }

    .PressRelease .col-md-3 {
/*        z-index: 2*/
    }

    .A_T_B {
        position: relative;
        background: url("../../Images/home/TradingPort_bg.png") no-repeat center center;
        margin-bottom: 70px
    }

        .A_T_B::before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 800px 720px 0 0;
            border-color: rgba(64,156,218,0.2) transparent transparent transparent;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0
        }

    .collapse.navbar-collapse {
    }


    @media (max-width: 1024px) {
        .A_T_B::before {
            border-width: 500px 400px 0 0
        }
    }

    @media (max-width: 480px) {
        .A_T_B::before {
            display: none
        }
    }

    .TradingPort {
        clear: both;
        margin-top: 30px
    }

    @media (min-width: 1200px) {
        .TradingPort .w-lg-20 {
            width: 20%;
        }
    }

    .TradingPort .col-md-4 .T_box a .T_img {
        height: 252px
    }

    .TradingPort .T_box {
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #d6d6d6;
        box-shadow: 0 1px 5px rgba(204,204,204,0.7);
        position: relative;
        transition: all 1s ease-out;
        top: 0
    }

        .TradingPort .T_box:hover {
            top: -10px
        }

    @media (max-width: 768px) {
        .TradingPort .T_box:hover {
            top: 0
        }
    }

    .TradingPort .T_box a {
        display: inline-block;
        width: 100%
    }

        .TradingPort .T_box a .T_img {
            overflow: hidden;
            border-radius: 5px 5px 0 0;
            min-height: 192px
        }

            .TradingPort .T_box a .T_img img {
                transform: scale(1, 1);
                transition: all 1s ease-out;
                width: 100%
            }

                .TradingPort .T_box a .T_img img:hover {
                    transform: scale(1.2, 1.2)
                }

        .TradingPort .T_box a .T_content {
            border-top: 5px solid #e99d34;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 10px
        }

            .TradingPort .T_box a .T_content h3 {
                font-size: 1.25em;
                font-weight: 700
            }

    .TradingPort h2 {
        padding-top: 50px
    }

    .more {
        text-align: center
    }

        .more a {
            padding: 15px 30px 12px;
            color: #0070ba;
            border: 1px solid #0070ba;
            font-size: 1.125em;
            display: inline-block;
            border-radius: 30px
        }

            .more a:hover {
                color: #fff;
                border: 1px solid #c75300;
                background-color: #c75300
            }

    .m-t-30 {
        margin-top: 30px
    }

    .Corporate {
        height: 400px;
        background: url(../../Images/home/Corporate_bg.png) no-repeat center;
        background-attachment: fixed;
        background-size: cover;
        position: relative;
        width: 100%;
        overflow: hidden
    }

    @media (max-width: 1024px) {
        .Corporate {
            height: 300px
        }
    }

    @media (max-width: 480px) {
        .Corporate {
            height: 130px;
            background-attachment: inherit
        }
    }

    .Corporate::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 836px 720px;
        border-color: transparent transparent rgba(64,156,218,0.45) transparent;
        position: absolute;
        right: 0;
        bottom: 0
    }

    @media (max-width: 1024px) {
        .Corporate::after {
            border-width: 0 0 836px 590px
        }
    }

    .Corporate .C_img {
        position: relative;
        top: 33%
    }

    @media (max-width: 1024px) {
        .Corporate .C_img {
            top: 24%;
            z-index: 1;
            left: -6%
        }
    }

    @-webkit-keyframes center_bg {
        0% {
            background-position: 100% 80%
        }

        100% {
            background-position: 100% 100%
        }
    }

    @-moz-keyframes center_bg {
        0% {
            background-position: 100% 80%
        }

        100% {
            background-position: 100% 100%
        }
    }

    @keyframes center_bg {
        0% {
            background-position: 100% 80%
        }

        100% {
            background-position: 100% 100%
        }
    }

    .lighthouse {
        background: url(../../Images/home/lighthouse_bg.png) no-repeat top;
        background-size: cover;
        clear: both;
        position: relative;
        display: flex
    }

    @media (max-width: 1024px) {
        .lighthouse {
            display: block
        }
    }

    .lighthouse .l_link {
        display: none
    }

    .lighthouse .l_map {
        position: relative;
        flex: 1;
        padding-top: 10px
    }

    @media (max-width: 1024px) {
        .lighthouse .l_map {
            padding: 3% 12% 0
        }
    }

    @media (max-width: 480px) {
        .lighthouse .l_map {
            padding-top: 3%
        }
    }

    .lighthouse .l_map ul {
        padding-left: 0;
        margin: 0;
        clear: both;
        display: flex
    }

        .lighthouse .l_map ul li {
            list-style: none;
            flex: 1
        }

            .lighthouse .l_map ul li img {
                border: 0;
                width: 100%;
                height: 100%
            }

    .lighthouse .l_map .tab-content {
        margin-top: 50px;
        margin-bottom: 100px;
        position: relative
    }

    .lighthouse .l_nav-tabs {
        flex: 1;
        padding: 0px 9% 0 4%
    }

        .lighthouse .l_nav-tabs .l_tab li a {
            border-top-right-radius: 20px;
            border-top-left-radius: 20px;
        }


    @media (max-width: 1024px) {
        .lighthouse .l_nav-tabs {
            top: 26%;
            padding: 0px 2% 0 2%;
            padding-bottom: 20px
        }
    }

    .lighthouse .nav-tabs > li > a {
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 1.25em;
        padding: 8px 15px
    }

    .lighthouse .l_title {
        margin-top: 100px
    }

    .lighthouse .l_b_title {
        position: relative;
        font-size: 1.875em;
        font-weight: 700;
        border-top: 5px solid #0070ba;
        border-bottom: 1px dashed #e2e2e2;
        padding: 10px 30px;
        background-color: #fff
    }

        .lighthouse .l_b_title p {
            margin-top: 0;
            margin-bottom: 0;
            display: inline-block;
            font-family: "Noto Serif TC", serif;
            color: #0070ae;
            font-size: 1.275em
        }

            .lighthouse .l_b_title p::before {
                content: "";
                background: url(../../Images/home/lighthouse_icon.png) no-repeat;
                width: 36px;
                height: 42px;
                display: inline-block;
                position: relative;
                top: 6px;
                left: -6px;
                background-size: cover
            }

        .lighthouse .l_b_title .l_b_t_a {
            font-size: 0.64em;
            color: #0070ae;
            position: absolute;
            right: 40px;
            top: 20px;
            display: inline-block;
            font-weight: 700
        }

    @media (max-width: 480px) {
        .lighthouse .l_b_title .l_b_t_a {
            position: relative;
            right: 0;
            top: 0
        }
    }

    .lighthouse .l_b_title .l_b_t_a::after {
        content: "";
        background: url(../../Images/home/slick-next.png) no-repeat;
        width: 22px;
        height: 22px;
        display: inline-block;
        background-size: 100%;
        position: relative;
        top: 4px;
        left: 4px
    }

    .lighthouse .l_block {
        background-color: #fff;
        border-radius: 5px;
        padding: 20px 30px;
        position: relative
    }

        .lighthouse .l_block .l_b_img {
            background: url(../Images/lighthouse_img.png) no-repeat;
            right: 26px;
            top: -49px;
            position: absolute;
            width: 170px;
            height: 282px;
            background-size: 100%
        }

        .lighthouse .l_block .l_b_content {
            display: block;
            font-size: 1.1em;
            font-weight: 700;
            margin-top: 10px;
            width: 50%;
            float: left
        }

        .lighthouse .l_block dl {
            font-size: 1.42em;
            margin-bottom: 0
        }

    @media (max-width: 480px) {
        .lighthouse .l_block dl {
            width: 100%
        }
    }

    .lighthouse .l_block dl::before {
        content: "";
        width: 4px;
        height: 16px;
        background-color: #0070ba;
        display: inline-block;
        position: relative;
        top: 14px;
        margin-right: 6px;
        vertical-align: top;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px
    }

    .lighthouse .l_block dl dt {
        vertical-align: top;
        display: inline-block;
        line-height: 1.8;
        font-weight: 500;
        font-family: "Noto Serif TC", serif
    }

    .lighthouse .l_block dl dd {
        display: inline-block;
        line-height: 2.1;
        font-size: 1.3rem
    }

    .lighthouse .l_block .l_b_a {
        margin-top: 10px;
        font-size: 1.3rem;
        color: #0070ae;
        display: inline-block
    }

    .lighthouse .l_block .l_b_map {
        position: relative;
        top: -8px
    }

    .lighthouse .tab-pane {
        margin-top: 30px;
        margin-bottom: 60px;
        box-shadow: 0 5px 20px #ccc;
        border-radius: 0 0 6px 6px
    }

    .top_nav_menu .navbar-toggle {
        margin-right: 0px
    }

    .middle {
        background: #e8f6ff url(../img/middle_bg_top.png) no-repeat top
    }

        .middle:before {
            content: url(../img/middle_bg_top.png);
            overflow: hidden;
            background: #f7f7f7;
            height: 80px;
            display: block
        }

        .middle:after {
            content: url(../img/middle_bg_bottom.png);
            overflow: hidden;
            background: #f7f7f7;
            height: 80px;
            display: block
        }

    .middle_trend {
        margin-top: 50px
    }

        .middle_trend h2 {
            margin-bottom: 20px
        }

            .middle_trend h2:after {
                outline: 15px solid #e8f6ff
            }

        .middle_trend .trend_main {
            padding: 15px;
            padding-bottom: 30px
        }

            .middle_trend .trend_main img {
                margin-bottom: 15px
            }

            .middle_trend .trend_main a {
                display: inline-block;
                text-align: center
            }

                .middle_trend .trend_main a:focus {
                    color: #0070ba
                }

                .middle_trend .trend_main a:hover {
                    color: #0070ba
                }

            .middle_trend .trend_main p.trend_content {
                text-align: center;
                font-size: 1.1em;
                font-weight: 700
            }

    .middle_fb {
        margin: auto;
        width: 340px
    }

    .business {
        margin-top: 50px
    }

    @media (max-width: 1024px) {
        .business {
            margin-top: 0
        }
    }

    .business img {
        width: 100%;
        height: 106px
    }

    .business .slick-prev, .business .slick-next {
        content: "";
        width: 44px;
        height: 44px;
        top: 50%;
        z-index: 9
    }

    @media (max-width: 1024px) {
        .business .slick-prev, .business .slick-next {
            display: none !important
        }
    }

    .business .slick-prev {
        background: url("../../Images/home/slick-prev.png") no-repeat;
        left: -48px
    }

        .business .slick-prev:hover {
            background: url("../../Images/home/A_nexth.svg") no-repeat
        }

    .business .slick-next {
        background: url("../../Images/home/slick-next.png") no-repeat;
        right: -48px
    }

        .business .slick-next:hover {
            background: url("../../Images/home/A_prevh.svg") no-repeat
        }

    .business .slick-list {
        margin-bottom: 24px
    }

    .footer_nav_none {
        -webkit-transition: 0.1s;
        -moz-transition: 0.1s;
        transition: 0.1s
    }

        .footer_nav_none .footer_click span {
            border: 5px solid #e8e9ee;
            border-top-color: transparent;
            border-right-color: transparent
        }

    .footer_link {
        background-color: #f0f0f0;
        text-align: center;
        position: relative;
    }

        .footer_link::before {
            content: "";
            width: 100%;
            height: 80px;
            background-image: url("../../Images/home/f_c_bg.png");
            background-size: 100%;
            position: absolute;
            top: -40px;
            left: 0
        }

        .footer_link .footer_click {
            display: inline-block;
            position: relative;
            cursor: pointer;
            z-index: 9;
            margin: 0 auto;
            width: 72px;
            top: -40px
        }

            .footer_link .footer_click img {
                text-align: center;
                background-color: #0070ba;
                padding: 16px;
                border-radius: 50px;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                transition: 0.5s
            }

        .footer_link .footer_nav {
            padding-bottom: 50px
        }

        .footer_link.footer_nav_none .footer_nav {
            padding: 0
        }

        .footer_link .footer_nav .footer_nav_block {
            width: 20%;
            float: left;
            text-align: left;
            z-index: 2;
        }

            .footer_link .footer_nav .footer_nav_block .footer_nav_title {
                margin: 20px;
                margin-left: 0;
                padding-bottom: 9px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

                .footer_link .footer_nav .footer_nav_block .footer_nav_title span {
                    color: #0070ba;
                    font-size: 1.4em;
                    font-weight: 700;
                    padding-bottom: 10px;
                    border-bottom: 2px solid #e99d34
                }

            .footer_link .footer_nav .footer_nav_block ul {
                list-style: none;
                padding-left: 0;
            }

                .footer_link .footer_nav .footer_nav_block ul li {
                    border-bottom: 1px dotted #bbbbbb;
                    padding: 5px 0;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                    .footer_link .footer_nav .footer_nav_block ul li.footer_nav_link_last {
                        border-bottom: none
                    }

                    .footer_link .footer_nav .footer_nav_block ul li:before {
                        content: url(../img/news_icon.png);
                        width: 7px;
                        height: 7px;
                        margin-right: 7px;
                        position: relative;
                        top: 3px
                    }

    footer {
        background-color: #0f7ac1;
        margin-top: -1px;
        color: #fff
    }

        footer:before {
            content: "";
            overflow: hidden;
            background-color: #f0f0f0;
            background-image: url(../../Images/footer_bg2.png);
            background-repeat: repeat no-repeat;
            -webkit-background-size: 300% 70%;
            background-size: 300% 70%;
            height: 68px;
            display: block;
            margin: auto;
            -webkit-animation-duration: 10s;
            -moz-animation-duration: 10s;
            animation-duration: 10s;
            -webkit-animation-name: footer_bg;
            -moz-animation-name: footer_bg;
            animation-name: footer_bg;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -o-animation-timing-function: linear;
            animation-timing-function: linear;
            position: absolute;
            width: 100%;
            margin-top: -1px
        }

        footer .container.nav {
            padding: 130px 20px 50px
        }

        footer ul {
            padding: 0
        }

            footer ul li {
                display: inline-block;
                list-style: none
            }

                footer ul li a {
                    color: #fff
                }

        footer .link {
            margin-top: 0
        }

        footer .footer_info {
            display: block;
            letter-spacing: 1px
        }

    @media (max-width: 480px) {
        footer .footer_info {
            font-size: 0.9em
        }
    }

    @-webkit-keyframes footer_bg {
        0% {
            background-position: -50% 100%, 0% 100%, 80% 100%
        }

        50% {
            background-position: 0% 100%, 650% 100%, 150% 100%
        }

        100% {
            background-position: 250% 100%, 900% 100%, 380% 100%
        }
    }

    @-moz-keyframes footer_bg {
        0% {
            background-position: -50% 100%, 0% 100%, 80% 100%
        }

        50% {
            background-position: 0% 100%, 650% 100%, 150% 100%
        }

        100% {
            background-position: 250% 100%, 900% 100%, 380% 100%
        }
    }

    @keyframes footer_bg {
        0% {
            background-position: -50% 100%, 0% 100%, 80% 100%
        }

        50% {
            background-position: 0% 100%, 650% 100%, 150% 100%
        }

        100% {
            background-position: 250% 100%, 900% 100%, 380% 100%
        }
    }

    .modal-content {
        background-color: transparent;
        -webkit-filter: drop-shadow(0px 5px 15px #000);
        -o-filter: drop-shadow(0px 5px 15px #000);
        filter: drop-shadow(0px 5px 15px #000);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: transparent
    }

        .modal-content .modal-header {
            height: 250px;
            background: transparent url(../../img/modal_bg.png) no-repeat bottom;
            -webkit-background-size: 100%;
            background-size: 100%;
            position: relative
        }

            .modal-content .modal-header img {
                position: absolute;
                z-index: -1;
                width: 260px;
                left: 30px;
                -webkit-animation-duration: 1s;
                -moz-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-name: modal_img;
                -moz-animation-name: modal_img;
                animation-name: modal_img;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                -webkit-animation-direction: alternate;
                -moz-animation-direction: alternate;
                animation-direction: alternate;
                -webkit-animation-timing-function: linear;
                -o-animation-timing-function: linear;
                animation-timing-function: linear
            }

            .modal-content .modal-header .close {
                position: absolute;
                bottom: -20px;
                right: 20px;
                font-size: 3em;
                z-index: 1
            }

        .modal-content .modal-body {
            margin-top: -1px;
            background-color: #bbe6ff;
            padding: 30px
        }

            .modal-content .modal-body h4 {
                color: #00006a;
                font-size: 2em;
                font-weight: 700
            }

            .modal-content .modal-body p {
                margin-bottom: 0;
                line-height: 1.4em;
                padding: 8px 10px;
                border-bottom: 1px dashed #fff
            }

            .modal-content .modal-body .semi-bold {
                margin-top: 0
            }

            .modal-content .modal-body p.modal_p_last {
                border-bottom: none
            }

    @-webkit-keyframes modal_img {
        0% {
            top: 35px
        }

        100% {
            top: 40px
        }
    }

    @-moz-keyframes modal_img {
        0% {
            top: 35px
        }

        100% {
            top: 40px
        }
    }

    @keyframes modal_img {
        0% {
            top: 35px
        }

        100% {
            top: 40px
        }
    }

    .dropdown .dropdown_span, .dropdown .collapse-close {
        display: none
    }

    #go_to_top {
        display: block;
        width: 66px;
        height: 66px;
        border-radius: 40px;
        background-color: #d7efff;
        border: 5px solid #0070ba;
        position: fixed;
        bottom: 8%;
        right: 3%;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
        z-index: 10;
        overflow: hidden
    }

    @media (max-width: 480px) {
        #go_to_top {
            background-image: none;
            bottom: 3%;
            right: 4%
        }
    }

    #go_to_top .wave {
        background: darkturquoise;
        overflow: hidden
    }

        #go_to_top .wave:after {
            content: "";
            width: 120px;
            height: 120px;
            background-color: #fff;
            position: absolute;
            left: 50%;
            top: 0;
            transform: translate(-50%, -60%);
            border-radius: 40%;
            animation: wave 10s linear infinite
        }

        #go_to_top .wave:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 0;
            color: darkturquoise;
            z-index: 99;
            transform: translate(-50%, 30px)
        }

    #go_to_top .g_text, #go_to_top .g_top {
        position: relative;
        text-align: center;
        display: block
    }

    #go_to_top .g_text {
        content: "";
        background: url("../../Images/g_text.png") no-repeat;
        width: 11px;
        height: 7px;
        display: block;
        text-align: center;
        margin: 0 auto;
        position: relative;
        top: 10px
    }

    #go_to_top .g_top {
        padding-top: 18px;
        font-weight: 700;
        color: #0070ba
    }

    @keyframes wave {
        100% {
            transform: translate(-50%, -60%) rotate(360deg)
        }
    }

    .link .link_main {
        font-weight: 700;
        font-size: 1.1em;
        color: #fff;
        display: block;
        line-height: 1.5em
    }

    .m-b-10 {
        margin-bottom: 10px !important
    }

    .m-b-20 {
        margin-bottom: 20px !important
    }

    .m-t-10 {
        margin-top: 10px !important
    }

    .m-b-0 {
        margin-bottom: 0 !important
    }

    .p-l-0 {
        padding-left: 0 !important
    }

    #fb-root {
        display: none
    }

    .fb_iframe_widget {
        width: 100% !important;
        min-width: 100% !important
    }

        .fb_iframe_widget span {
            width: 100% !important;
            min-width: 100% !important
        }

            .fb_iframe_widget span iframe[style] {
                width: 100% !important
            }

                .fb_iframe_widget span iframe[style] ._2p3a {
                    min-width: 100% !important
                }

    .middle .middle_QR img {
        width: 100%
    }

    .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
        top: 4px
    }

    #top-link .lang_accessibility a {
        text-decoration: none;
        color: #fff
    }

    .link p {
        margin-top: 20px;
        font-weight: 700;
        font-size: 1em;
        line-height: 1.325em
    }

    .link a:hover {
        color: #003b81
    }

    .link a {
        display: flow-root
    }

        .link a:focus {
            text-decoration: none
        }

            .link a:focus .link_icon_1 {
                box-shadow: 0px 3px 10px rgba(0,0,0,0.5)
            }

    .link .link_icon_1 {
        border-radius: 60px;
        padding: 7px;
        width: 110px;
        margin: 0 auto;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2)
    }

        .link .link_icon_1:hover {
            box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            transition: 0.2s
        }

    .link .link_icon_5 {
        background-color: #4267b2
    }

    .link .link_icon_6 {
        background-color: #b27442
    }

    .link .link_icon_7 {
        background-color: #217abd
    }

    .link .link_icon_8 {
        background-color: #008b7e
    }

    .link .link_icon_9 {
        background-color: #9e0000
    }

    .copyright .link a:focus {
        text-decoration: none;
        color: #fff800
    }

    .copyright .f_about .f_a_us {
        padding: 6px 10px 4px;
        border: 1px solid #fff;
        border-radius: 5px;
        display: block;
        float: left;
        width: 68px;
        text-align: center
    }

    @media (max-width: 480px) {
        .copyright .f_about .f_a_us {
            width: auto;
            clear: both
        }
    }

    .copyright .f_about .f_a_info {
        padding-top: 6px;
        padding-left: 10px;
        float: left;
        display: block
    }

    @media (max-width: 480px) {
        .copyright .f_about .f_a_info {
            padding-left: 0
        }
    }

    .copyright .footerlink li {
        padding: 0 10px;
        position: relative
    }

    @media (max-width: 768px) {
        .copyright .footerlink li {
            padding-right: 7px
        }
    }

    @media (max-width: 480px) {
        .copyright .footerlink li {
            font-size: 0.8em;
            padding: 0
        }
    }

    .copyright .footerlink li:first-child {
        padding-left: 0
    }

    .copyright .footerlink li::after {
        content: "|";
        position: absolute;
        color: #ffffff;
        right: -4px;
        top: -4px
    }

    .copyright .footerlink li:last-child:after {
        content: ""
    }

    #modal_warning .modal-footer {
        background-color: #003e63;
        border-radius: 0 0 5px 5px
    }

        #modal_warning .modal-footer button {
            padding: 9px 12px;
            font-weight: 700
        }

    #modal_warning a {
        display: block
    }

    #footer .Accessibility_logo a {
        display: block;
        margin-bottom: 10px;
        width: 45%
    }

    .news_main .news_block .block_img {
        width: auto;
        height: 270px;
        margin: auto;
        text-align: center
    }

    .video.link {
        margin-top: 15px
    }

        .video.link a {
            display: block;
            background: #fff;
            height: 50px;
            line-height: 50px;
            padding: 0px 15px;
            margin-bottom: 15px;
            color: #000;
            font-weight: 700;
            border-radius: 0 0 5px 5px
        }

            .video.link a:hover {
                box-shadow: 0px 3px 10px rgba(0,0,0,0.3)
            }

            .video.link a::before {
                content: url("/Images/tags.png");
                top: 5px;
                position: relative;
                margin-right: 5px;
                color: #000;
                font-weight: 700
            }

    .p-l-10 {
        padding-left: 10px !important
    }

    .trend_main .lazyload_img {
        display: block;
        width: 220px;
        height: 180px;
        background-size: 100%;
        margin-bottom: 14px
    }

        .trend_main .lazyload_img.img1 {
            background-image: url(/Images/trend_icon_1.png)
        }

        .trend_main .lazyload_img.img2 {
            background-image: url(/Images/trend_icon_2.png)
        }

        .trend_main .lazyload_img.img3 {
            background-image: url(/Images/trend_icon_3.png)
        }

    .news .news_block .other_news .other_news_content .other_news_title:before {
        content: url(../img/news_icon.png);
        width: 7px;
        height: 7px;
        margin-right: 5px;
        position: relative;
        top: 3px
    }

    .footer_link .footer_nav .footer_nav_block ul li a {
        color: #616161
    }

    a:focus {
        font-weight: 700;
        outline: 3px #ffbf47 dotted !important;
        outline-offset: -3px
    }

    #lang a:focus {
        background: #144b8d;
        color: #fff
    }

    footer .link a.normal:focus {
        color: #fff
    }

    input:focus {
        outline: 3px solid #ffbf47;
        background: #ffbf47;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
        outline-offset: -3px
    }

    select:focus, input:focus, button:focus {
        outline: 3px #ffbf47 dotted !important;
        outline-offset: -3px
    }

    .center_main .center_nav_box {
        margin-bottom: 40px
    }

        .center_main .center_nav_box .center-nav .nav-tabs .nav-item a {
            cursor: pointer;
            padding: 8px 22px 8px;
            color: #0070ba;
            border: 1px solid #0070ba;
            font-size: 1.125em;
            display: inline-block;
            border-radius: 30px;
            background-color: #fff;
            box-shadow: none
        }

        .center_main .center_nav_box .center-nav .nav-tabs .nav-item.active a {
            color: #fff;
            border: 1px solid #c75300;
            background-color: #c75300;
            padding: 8px 22px 8px;
        }

        .center_main .center_nav_box .center-nav .nav-tabs > li {
            margin-bottom: 0;
        }

        .center_main .center_nav_box .center-group .input-group {
            display: block
        }

        .center_main .center_nav_box .center-group .input-group-addon {
            background-color: #0070ba;
            border: 1px solid #0070ba;
            color: #fff;
            display: inline-block;
            border-radius: 50%;
            padding: 7px 14px;
            position: absolute;
            right: 2px;
            z-index: 5;
            top: -1px;
        }

            .center_main .center_nav_box .center-group .input-group-addon svg {
                position: relative;
                left: -2px
            }

        .center_main .center_nav_box .center-group input {
            width: 100%;
            height: 40px;
            border-radius: 20px !important;
            padding: 6px 22px;
            position: relative;
            top: -1px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px
        }

    .center_main .center_nav_tab ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .center_main .center_nav_tab ul li {
            list-style: none;
            float: left;
            width: 25%;
            line-height: 0
        }

    .nav-tabs .nav-item.show .nav-link {
        background-color: #0c85d5;
        color: #fff;
    }

.lighthouse .l_nav-tabs .nav > li.nav-item > a:active,
.lighthouse .l_nav-tabs .nav > li.nav-item > a:focus {
    background-color: #c75300 !important;
    color: #fff !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background-color: #c75300;
    color: #fff;
}


    @media (max-width: 768px) {
        .center_main .center_nav_tab ul li {
            width: 50%
        }
    }

    .center_main .center_nav_tab ul li.all_category {
        cursor: pointer
    }

    .center_main .center_nav_tab ul li img {
        width: 100%
    }

    .center_main .center_nav_tab figure {
        width: 100%
    }

        .center_main .center_nav_tab figure figcaption h3 {
            font-weight: 700
        }

    @media (max-width: 480px) {
        .center_main .center_nav_tab figure figcaption h3 {
            margin-top: 10px;
            font-size: 1em
        }
    }

    .center_main .center_nav_tab figure figcaption p {
        margin-bottom: 0;
        line-height: 22.8571px
    }

    [class*=" imghvr-"] figcaption, [class^="imghvr-"] figcaption {
        background-color: #0070bad1
    }

    @media (max-width: 480px) {
        [class*=" imghvr-"] figcaption, [class^="imghvr-"] figcaption {
            padding: 10px 20px
        }
    }

    .crash, .Mvideo {
        position: absolute;
        top: 190px;
        right: 0
    }

    @media (max-width: 1024px) {
        .crash, .Mvideo {
            top: 90px
        }
    }

    @media (max-width: 768px) {
        .crash, .Mvideo {
            top: 75px
        }
    }

    @media (max-width: 480px) {
        .crash, .Mvideo {
            top: 30px
        }
    }

    .crash a, .Mvideo a {
        padding: 6px 4px 6px 8px;
        font-size: 1.25em;
        font-weight: 700;
        color: #898989;
        user-select: none;
        background-color: #fff;
        border-radius: 4px 0 0 4px;
        text-align: center;
        width: 60px;
        height: 60px;
        line-height: 26px;
        display: inline-block;
        cursor: pointer
    }

    @media (max-width: 480px) {
        .crash a, .Mvideo a {
            width: 50px;
            height: 50px;
            font-size: 1em;
            line-height: 20px
        }
    }

    .Mvideo {
        top: 350px
    }

    @media (max-width: 1024px) {
        .Mvideo {
            top: 250px
        }
    }

    @media (max-width: 768px) {
        .Mvideo {
            top: 226px
        }
    }

    @media (max-width: 480px) {
        .Mvideo {
            top: 166px
        }
    }

    .Mvideo a {
        background-color: #c75300;
        color: #fff;
        position: absolute;
        top: -80px;
        right: 0
    }

    .Mvideo .M_box {
        position: relative;
        top: -62px;
        right: 80px;
        z-index: 10
    }

    @media (max-width: 1024px) {
        .Mvideo .M_box {
            right: 90px
        }
    }

    @media (max-width: 768px) {
        .Mvideo .M_box {
            top: -86px
        }
    }

    @media (max-width: 480px) {
        .Mvideo .M_box {
            right: 10px;
            top: -22px
        }

            .Mvideo .M_box iframe {
                width: 100% !important;
                height: auto;
                border: 1px solid #795548
            }
    }

    .Mvideo .M_box .M_close {
        position: absolute;
        background: url("../../Images/home/m_box_button.svg") no-repeat;
        right: -14px;
        top: -20px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid transparent
    }

    @media (max-width: 480px) {
        .Mvideo .M_box .M_close {
            width: 40px;
            height: 40px;
            line-height: 0;
            right: -8px;
            top: -10px;
            border: 1px solid #795548
        }
    }

    .Mvideo .M_box .M_iframe {
        border-radius: 10px
    }

    @media (max-width: 1024px) {
        .Mvideo .M_box .M_iframe {
            width: 280px;
            height: 138px;
            border-radius: 5px
        }
    }

    .epidemicCSS {
        position: absolute;
        right: 5%;
        top: 43%;
        content: "";
        z-index: 2
    }

        .epidemicCSS a {
            display: inline-block;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            box-shadow: 1px 2px 5px #4996c3
        }

            .epidemicCSS a:hover {
                border: 5px dotted #ff0
            }

        .epidemicCSS img {
            width: 100px;
            z-index: 10;
            position: relative
        }

    #mobi-control {
        display: none;
        z-index: 3
    }

    @media (max-width: 1024px) {
        #mobi-control {
            display: inline-block
        }
    }

    /*@media (max-width: 1024px) {
    #mobi-control .navbar.navbar-button {
        margin-bottom: 0;
        min-height: 40px;
        padding: 0;
        background-color: transparent;
    }

    #mobi-btn {
        display: inline-block;
        width: 36px;
        height: 36px;
        background: url(../../Images/mobi_btn.png) center center no-repeat #fff;
        background-size: 90%;
        border-radius: 5px;
        text-indent: -9999px;
        border: 1px solid #ccc;
        position: relative;
        top: 2px;
    }
}*/

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        a:focus, select:focus, input:focus, button:focus {
            outline: dashed 2px !important;
            outline-color: #ffbf47 !important
        }

        #myTab_3 li.nav-item a:focus {
            padding: 5px;
            border: 3px dotted #ffbf47 !important;
            outline-color: #ffbf47 !important
        }

        .news {
            margin-top: 0px
        }
    }

    @media screen and (min-width: 1025px) {
        .top_nav .top_nav_menu .nav.navbar-nav {
            display: flex;
            flex-direction: row;
        }

        .top_nav .top_nav_menu .nav > li.open {
            color: #262626;
            background-color: rgba(255,255,255,0.6)
        }

        .top_nav .top_nav_menu .nav li {
            flex: 1
        }

            .top_nav .top_nav_menu .nav li .dropdown_span {
                display: none
            }

            .top_nav .top_nav_menu .nav li .close {
                display: none
            }

            .top_nav .top_nav_menu .nav li ul {
                padding-left: 0;
                position: absolute;
            }

                .top_nav .top_nav_menu .nav li ul li {
                    list-style: none
                }

        .top_nav .top_nav_menu .nav > li {
            border-left: 1px solid #cacaca
        }

            .top_nav .top_nav_menu .nav > li:last-child {
                border-right: 1px solid #cacaca
            }

            .top_nav .top_nav_menu .nav > li > a {
                height: 94px;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

                .top_nav .top_nav_menu .nav > li > a > img {
                    margin: auto;
                    display: block;
                    padding-bottom: 12px;
                    margin: 0;
                }

                .top_nav .top_nav_menu .nav > li > a:hover, .top_nav .top_nav_menu .nav > li > a:focus {
                    color: #262626;
                    background-color: rgba(255,255,255,0.6)
                }

        header .top_nav_menu .n_c_logo {
            display: none
        }
    }

    @media screen and (min-width: 769px) {
        .navbar-nav .dropdown:hover > .dropdown-menu {
            display: block;
            min-width: 196px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .navbar-nav {
            float: inherit
        }
    }

    /*@media screen and (min-width: 1052px) and (max-width: 1602px) {
        .lighthouse .l_nav-tabs .l_tab li {
            width: 25%
        }
    }

    @media screen and (min-width: 1025px) and (max-width: 1052px) {
        .lighthouse .l_nav-tabs .l_tab li {
            width: 33.333333%
        }
    }*/

    @media screen and (max-width: 1200px) {
        .top_nav .search input.ac_input {
            width: 158px
        }

        .top_nav .top_nav_menu .nav > li > a {
            line-height: 1em;
            font-size: 1em
        }

        footer:before {
            height: 70px
        }
    }

    @media screen and (max-width: 1024px) {
        header .logo {
            height: 94px
        }

        header .top_link_main ul.lang_txt li {
            text-align: center
        }

        header .top_nav_menu .n_c_logo {
            border-bottom: 1px solid #eee;
            display: block;
            padding: 15px
        }

        #navbar {
            position: absolute;
            left: -100%;
            top: -94px;
            width: 250px;
            min-height: 100vh;
            background: #fff;
            z-index: 10
        }

            #navbar .nav .nav-container {
                position: fixed;
                top: 46px
            }

            #navbar .nav.navbar-nav {
                display: block;
                width: 100%;
                position: relative
            }

            #navbar .nav li {
                flex: none;
                border-bottom: 1px solid #eee;
                display: table;
                position: initial;
                display: flex;
            }

                #navbar .nav li.w-100 {
                    width: 100%
                }

                #navbar .nav li.collapse-close {
                    display: block;
                    background-color: #f1f1f1;
                    font-size: 1.125rem;
                    color: #3b3a3a;
                    line-height: 3.125rem;
                    font-weight: 400;
                    text-align: center;
                    float: none;
                    opacity: 0.4
                }

                #navbar .nav li .dropdown_span {
                    float: left;
                    display: block;
                    width: 30px;
                    border-left: 1px dashed #ccc;
                    font-size: 1.563rem;
                    color: #666;
                    line-height: 2.8125rem;
                    text-align: center;
                    box-sizing: border-box
                }

                #navbar .nav li ul {
                    padding-left: 0
                }

                    #navbar .nav li ul.menu-two {
                        display: none;
                        left: -250px
                    }

                        #navbar .nav li ul.menu-two.open {
                            display: block;
                            position: absolute;
                            z-index: 1;
                            background-color: #fff;
                            width: 100%;
                            left: 0;
                            top: 0
                        }

                    #navbar .nav li ul li.n_li {
                        display: inline-block;
                        width: 100%
                    }

                        #navbar .nav li ul li.n_li a {
                            width: 100%
                        }

                    #navbar .nav li ul li ul.menu-three {
                        display: none;
                        left: -250px
                    }

                        #navbar .nav li ul li ul.menu-three.open {
                            display: block;
                            position: absolute;
                            z-index: 1;
                            background-color: #fff;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            left: 0
                        }

            #navbar .nav > li a {
                height: auto;
                float: left;
                display: block;
                width: 204px;
                padding: 0 10px;
                font-size: 1.125rem;
                color: #333;
                line-height: 50px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                box-sizing: border-box;
                padding-left: 15px;
            }

                #navbar .nav > li a.close {
                    width: 100%
                }

                #navbar .nav > li a > span {
                    display: inline-block;
                    text-align: left;
                    width: 100%
                }

                #navbar .nav > li a > img {
                    display: none
                }

        .top_link {
            position: fixed;
/*            z-index: 30*/
        }

        .top_nav .top_nav_menu #navbar {
            background-color: #fff;
            top: 40px;
            position: fixed;
            overflow-y: scroll
        }

        .epidemicCSS {
            top: 52%
        }

        .yacht .yacht_div img {
            height: 239px;
            width: 100%;
            margin-bottom: 10px
        }

        a[accesskey] {
            display: none
        }

        .link .footerlink {
            margin-top: 10px
        }

        .middle_trend {
            margin-top: 100px
        }

        .footer_logo {
            margin-bottom: 10px
        }

        .news .news_block .other_news .other_news_content .other_news_title {
            width: 89%
        }

        #footer .Accessibility_logo a {
            margin-top: 10px;
            max-width: 220px
        }

        .trend_main .lazyload_img {
            width: 180px;
            height: 150px
        }

        .link .link_icon {
            top: inherit;
            margin: 0 auto
        }

        .link .link_main {
            padding: 8px;
            margin-top: 5px
        }

        .top_nav .search button.btn {
            width: 46px
        }

        .top_nav .search input.ac_input {
            width: 125px
        }
    }

    @media screen and (max-width: 992px) {
        .top_nav .nav > li > a {
            padding: 15px 20px
        }

        .link .link_icon {
            top: 0;
            margin: auto
        }

        .link .link_main {
            padding: 20px;
            margin-top: 10px
        }

        .lighthouse .l_map img {
            position: relative;
            top: 0;
            right: 50px
        }

        .lighthouse .l_map ul {
            position: static
        }

        .lighthouse .l_main .nav-tabs > li {
            padding-left: 5px;
            padding-right: 0
        }

        .lighthouse .l_b .l_b_img {
            margin-top: -144px
        }

        .l_clearfix:before, .l_clearfix:after {
            display: table;
            content: " ";
            clear: both
        }

        @-webkit-keyframes center_bg {
            0% {
                background-position: 100% 50%
            }

            100% {
                background-position: 100% 60%
            }
        }

        @-moz-keyframes center_bg {
            0% {
                background-position: 100% 50%
            }

            100% {
                background-position: 100% 60%
            }
        }

        @keyframes center_bg {
            0% {
                background-position: 100% 50%
            }

            100% {
                background-position: 100% 60%
            }
        }

        .center .center_title {
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            animation-duration: 1s;
            height: 330px
        }
    }

    @media screen and (max-width: 768px) {
        .epidemicCSS {
            right: 1%;
            top: 31%
        }

        .yacht .yacht_div img {
            height: 384px;
            width: 100%
        }

        .center .center_main {
            margin-bottom: 0
        }

        header .top_link_main ul {
            padding-left: 0
        }

        header .nav .container .col-md-8 {
            padding: 0
        }

        header .logo {
            padding-top: 10px;
            height: 60px
        }

        .top_nav .search button.btn {
            width: 48px
        }

        .top_nav .nav > li > a {
            padding: 17px 25px
        }

        .top_nav .search input.ac_input {
            width: 125px
        }

        .top_nav .top_nav_menu {
            padding: 0
        }

            .top_nav .top_nav_menu #navbar {
                background-color: #fff
            }

        .top_nav .collapse .navbar .navbar-heaader {
            background-color: #fff
        }

        .top_nav .collapse .navbar .collapse {
            background-color: #0070ba
        }

        .navbar-nav {
            margin: 0
        }

        .dropdown .dropdown-menu .dropdown-submenu > a:after {
            border-left-color: transparent;
            border-top-color: #ccc;
            margin-right: 0;
            border-width: 5px 5px 0 5px
        }

        .dropdown .dropdown-menu .dropdown-submenu:hover > a:after {
            border-top-color: #fff;
            border-left-color: transparent
        }

        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 10px 15px 10px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            padding: 10px 15px 10px 25px
        }

        .navbar-nav .open .dropdown-menu > li .dropdown-menu > li > a {
            padding: 10px 15px 10px 45px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
            display: block;
            box-shadow: none
        }

        .banner .warning {
            right: 1%;
            top: 10%
        }

        .news {
            margin-top: 20px
        }

        .business_img:after {
            height: 0
        }

        .banner .warning:before {
            border-radius: 0;
            height: 40px;
            right: 0;
            box-shadow: none
        }

        .banner .warning .warning_alert {
/*            z-index: 10;*/
            position: relative;
            display: inline-block;
            color: #fff;
            padding: 12px 18px
        }

        .banner .warning img {
            display: none
        }

        .news .news_block .other_news .other_news_content .other_news_title {
            width: 80%
        }

        .link .link_main {
            margin: 10px auto 20px;
            margin-bottom: 20px;
            width: 75%
        }

        .news_main .news_block .block_img {
            height: 220px
        }

        .lighthouse {
            margin-top: -50px
        }

            .lighthouse .l_map img {
                right: 20px
            }

            .lighthouse .l_map .tab-content {
                margin-bottom: 50px
            }

            .lighthouse .l_title {
                margin-top: 50px
            }

            .lighthouse .l_link {
                display: block
            }

            .lighthouse .l_b .l_b_content {
                font-size: 1.2em
            }

            .lighthouse .l_b .l_b_img {
                margin-top: 0px;
                top: -60px
            }

            .lighthouse .l_link h2.l_title {
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                transition: 0.3s
            }

            .lighthouse .l_link:hover h2.l_title {
                padding-left: 0;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                transition: 0.3s
            }

        .l_main .l_tab .nav-tabs {
            position: relative;
            right: 15px
        }

        .lighthouse .l_link:hover .l_title:after {
            right: -20px;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            transition: 0.3s
        }

        footer:before {
            height: 40px
        }

        footer .container.nav {
            padding: 70px 20px 30px
        }

        .footer_link {
            display: none
        }

            .footer_link .footer_nav .footer_nav_block {
                width: 30%;
                float: left
            }

                .footer_link .footer_nav .footer_nav_block ul li {
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

                    .footer_link .footer_nav .footer_nav_block ul li a {
                        color: #616161
                    }

        .business:after {
            display: none
        }

        footer:before {
            background-color: #f7f7f7;
            margin-top: -1px
        }

        .modal-content {
            background-color: #bbe6ff
        }

            .modal-content .modal-header {
                height: auto;
                background: none;
                padding: 0
            }

                .modal-content .modal-header img {
                    display: none
                }

                .modal-content .modal-header .close {
                    bottom: 0;
                    top: 20px
                }

        .center .center_title {
            background: none;
            height: auto;
            margin-bottom: 0
        }

        .center .center_main .tab-content .center_block .center_img img {
            margin: auto;
            display: block
        }

        .center .nav-tabs {
            margin: auto
        }
    }

    @media screen and (max-width: 536px) {
        .top_link ul.lang:first-child {
            display: none
        }

        .top_link ul.lang:nth-child(2) {
            display: block;
            padding-left: 0 !important;
            margin-bottom: 5px
        }

        header .top_link_main ul li:first-child {
            margin-left: 0
        }

        header .logo {
            display: none
        }

        a[accesskey] {
            display: none
        }
    }

    @media screen and (max-width: 480px) {
        header .top_nav_menu .n_c_logo {
            text-align: center
        }

        header .top_link_main ul {
            font-size: 0.85rem
        }

        .epidemicCSS {
            right: 1%;
            top: 20%
        }

            .epidemicCSS a {
                width: 50px;
                height: 50px
            }

        .banner_imgCount .banner_imgCount_a, .banner_imgCount .banner_imgCount_b {
            width: 100%
        }

        .banner .banner_box .banner_imgCount_a img {
            max-width: inherit;
            height: 400px;
            width: 164%;
            transform: scale(1.7, 1.3) translate(-228px, 9px)
        }

        .lighthouse .l_map ul li.active:before {
            content: "";
            font-size: 7em;
            line-height: 0;
            position: absolute;
            left: -18px;
            top: 4px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: #d13f4a
        }

        .news .news_block .other_news {
            padding: 0
        }

            .news .news_block .other_news .other_news_content .other_news_title {
                width: 100%
            }

        #banner_img .container {
            position: relative;
            position: absolute;
            bottom: 20px;
            width: 100%
        }

            #banner_img .container::before {
                border-bottom: 1px dashed #fff;
                width: 100%;
                position: relative;
                top: 13px
            }

        .center-group {
            margin-top: 10px
        }

        .center .center-nav .nav-item {
            width: 33.3333333333%
        }

            .center .center-nav .nav-item a {
                width: 96%
            }

        .center .center_main {
            margin-bottom: 0px
        }

        #navbar {
            left: -100%;
            float: left;
            width: 100%
        }

        .business_img:after {
            height: 0px
        }

        .link p {
            font-size: 0.8em
        }

        .link .link_icon_1 {
            width: 100%
        }

        .middle_trend .trend_main .col-xs-4 {
            width: 100%
        }

        .middle_trend .trend_main img {
            margin: 20px auto;
            display: block
        }

        .nav .open > a {
            background-color: transparent;
            color: #333
        }

            .nav .open > a:focus, .nav .open > a:hover {
                background-color: transparent;
                color: #333
            }

        .nav > li > a:focus, .nav > li > a:hover {
            background-color: transparent
        }

        .navbar-nav .open .dropdown-menu {
            float: left
        }

        .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
            width: 100%;
            top: 0px;
            margin-top: 0px
        }

        .dropdown .dropdown-menu .dropdown-submenu > a:after {
            border-top-color: transparent
        }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background-color: transparent
        }

        .top_nav {
            margin: 0 -15px
        }

            .top_nav .top_nav_menu {
                height: 0;
                background-color: transparent;
                position: relative
            }

                .top_nav .top_nav_menu .collapse {
                    display: block
                }

                .top_nav .top_nav_menu .navbar-toggle {
                    top: -50px;
                    margin-right: 5px
                }

                .top_nav .top_nav_menu .navbar-collapse {
                    box-shadow: none
                }

                    .top_nav .top_nav_menu .navbar-collapse li {
                        background-color: #fff;
                        overflow: hidden
                    }

                        .top_nav .top_nav_menu .navbar-collapse li a {
                            float: left;
                            display: block;
                            padding: 5px 10px;
                            font-size: 1.125em;
                            color: #333;
                            line-height: 2.5em;
                            box-sizing: border-box;
                            white-space: pre-wrap;
                            font-weight: 700;
                            width: calc(100vw - 56px) !important
                        }

                            .top_nav .top_nav_menu .navbar-collapse li a.close {
                                width: 100% !important
                            }

                            .top_nav .top_nav_menu .navbar-collapse li a.last-child-a {
                                width: 100vw;
                                padding-left: 10px
                            }

                        .top_nav .top_nav_menu .navbar-collapse li .dropdown-menu .dropdown-submenu a {
                            padding-left: 30px;
                            height: 50px;
                            display: block;
                            line-height: 3.125em;
                            padding: 0 10px
                        }

                    .top_nav .top_nav_menu .navbar-collapse .nav li span.dropdown_span {
                        height: 50px;
                        width: 15%;
                        line-height: 3.125em;
                        text-align: center;
                        display: block;
                        float: left;
                        border-left: 1px dashed #ccc;
                        font-size: 1.563em;
                        color: #666
                    }

            .top_nav .search_hot, .top_nav .search {
                display: none
            }

            .top_nav .nav > li:last-child > a {
                margin-right: 0px
            }

        #navbar .navbar-header {
            position: absolute;
            right: 0
        }

        .dropdown .dropdown_span, .dropdown .collapse-close {
            display: block
        }

        .other_news_date, .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
            display: none
        }

        .collapse .collapse-close {
            background: #f1f1f1;
            font-size: 1.125em;
            color: #666;
            line-height: 3.125em;
            height: 50px;
            font-weight: 700;
            text-align: center;
            opacity: 0.5
        }

        .link .link_icon_1 {
            width: 90px
        }

        .news {
            margin-top: 10px
        }

            .news .news_block {
                margin-top: 20px
            }

        .l_main .l_tab {
            padding-right: 15px;
            padding-left: 15px
        }

            .l_main .l_tab .l_tab {
                padding-right: 5px;
                padding-left: 5px
            }

            .l_main .l_tab .nav-tabs {
                right: 0;
                padding-left: 0
            }

        .lighthouse .l_b .l_b_content {
            display: block;
            width: 100%
        }

        .lighthouse .l_b .l_b_img {
            top: 11px;
            right: 0
        }

        .lighthouse .l_b a.l_b_content {
            text-align: right
        }

        .lighthouse .l_tab {
            margin: 0
        }

        .lighthouse .l_map .l_tab {
            margin-right: 0;
            margin-left: 0
        }

        .lighthouse .l_map .nav-tabs > li {
            padding-left: 5px;
            padding-right: 5px
        }

        .lighthouse .l_map ul {
            padding-left: 0px
        }

            .lighthouse .l_map ul li {
                position: initial
            }

                .lighthouse .l_map ul li.active {
                    position: absolute
                }

                    .lighthouse .l_map ul li.active::before {
                        content: "";
                        font-size: 7em;
                        line-height: 0;
                        position: absolute;
                        left: -18px;
                        top: 4px;
                        width: 16px;
                        height: 16px;
                        border-radius: 50%;
                        background-color: #d13f4a
                    }

        h2 {
            padding: 30px 0;
            margin-bottom: 0;
            font-size: 2.4em
        }
    }

    @media screen and (max-width: 376px) {
        .epidemicCSS {
            right: 1%;
            top: 47%
        }

        .link p {
            font-size: 0.98em;
            margin-top: 10px
        }

        .lighthouse .l_b .l_b_img {
            display: none;
            top: 11px;
            right: -8px
        }

        .lighthouse .l_map ul li.point_11.active:before {
            left: 50px;
            top: 1px
        }
    }

    @media screen and (max-width: 360px) {
        .link p {
            font-size: 0.8em
        }

        .center .center_title {
            margin-bottom: 50px;
            margin-bottom: 30px
        }

        .lighthouse .l_b .l_b_img {
            display: none
        }

        .lighthouse .l_map ul li.point_35.active:before {
            left: 55px;
            top: 3px
        }
    }

    @media screen and (max-width: 340px) {
        .news_main .nav {
            margin-top: 5px
        }

        .nav-tabs > li > a {
            margin-right: 5px
        }

        .news .news_block, .Accessibility_logo {
            margin-top: 10px
        }

        .middle_fb {
            display: none
        }

        .link .link_icon_1 {
            width: 80px;
            padding: 4px
        }

        .link p {
            margin-top: 10px;
            font-size: 0.9em;
            line-height: 1.3em
        }

        .link .link_icon_a {
            display: inline-block;
            height: 140px
        }

        .copyright {
            margin-top: 10px;
            line-height: 1.5em
        }

        header .top_link_main ul li {
            margin-left: 0px
        }

            header .top_link_main ul li a {
                font-size: 0.85em
            }

        .news .news_block .other_news .other_news_content {
            padding-bottom: 0px
        }

        .middle:before {
            content: "";
            height: 0
        }

        .center .center_title {
            margin-bottom: 0
        }

        .link p {
            font-size: 1em
        }
    }

    @media screen and (max-width: 321px) {
        .epidemicCSS {
            right: 1%;
            top: 48%
        }

        .l_b_img {
            display: none
        }

        .lighthouse .nav-tabs > li > a {
            font-size: 0.9375em
        }

        .lighthouse .l_main .tab-content {
            margin-bottom: 20px;
            margin-top: 20px
        }

        .lighthouse .l_map img {
            top: 20px
        }
    }

    #top-link .navbar-toggle {
        float: left;
    }

    @media (max-width:1024px) {

        header .logo a {
/*            z-index: 30;*/
            position: absolute;
            width: 170px;
            top: 0;
            left: 60px;
        }

        #top-link .navbar-toggle {
            display: block;
            padding: 0;
            margin: 0;
        }

        #mobi-btn {
            display: inline-block;
            width: 36px;
            height: 36px;
            background: url(../../Images/mobi_btn.png) center center no-repeat #fff;
            background-size: 90%;
            border-radius: 5px;
            text-indent: -9999px;
            border: 1px solid #ccc;
            position: absolute;
            top: 2px;
        }

        /*#navbar .collapse {
        display:block;
    }*/
    }

    @media (max-width:958px) {
        header .logo {
            height: 0;
        }
    }

    @media (max-width:870px) {
        header .logo {
            display: none;
        }
    }

@media (max-width: 480px) {
    .PressRelease .P_box .p_date {
        top: 50%;
    }

    .PressRelease .P_box .p_content {
        padding: 40px 10px 10px;
    }

    .PressRelease .P_box h3 {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}