@charset "utf-8";

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Heiti TC', 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro';
    letter-spacing: 1px;
    position: relative;
    background-color: #fff;
    font-size: 100%;
    color: #000
}

:focus {
    outline: 1px dashed #5ac0a8 !important
}

dfn {
    font-style: normal
}

.grid li a:focus {
    outline: none !important;
    position: relative;
    border: 0
}

.important_message_main {
    background: #0C512D;
    padding-top: 150px
}

.hide_space {
    padding-top: 150px
}

.important_message {
    position: relative;
    color: #0C512D;
    font-size: 115%;
    z-index: 151;
    width: 75%;
    max-width: 1330px;
    margin: auto;
    margin-top: 5px
}

.hide_space .important_message {
    display: none
}

.important_message a {
    color: #fff !important;
    padding: 10px 30px 10px 10px
}

.icon_bg {
    position: absolute;
    right: 0;
    top: 49%;
    transform: translateY(-50%);
    cursor: pointer
}

.close-icon {
    text-indent: -99999999px;
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: block
}

    .close-icon:after, .close-icon:before {
        position: absolute;
        top: -10px;
        left: 0;
        content: ' ';
        display: block;
        width: 30px;
        height: 3px;
        -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        background-color: #fff;
        cursor: pointer
    }

    .close-icon:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 15px
    }

    .close-icon:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 15px
    }

#photoshow li a:focus:before, .grid li a:focus:before {
    outline: none;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    padding: 0;
    height: 100%;
    top: 0;
    border: 1px dashed #5ac0a8;
    left: 0;
    right: 0;
    z-index: 100;
    margin: auto
}

.rightbanner li a:focus:before {
    outline: none;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    padding: 0;
    height: 100%;
    top: 0;
    border: 2px dashed #5ac0a8;
    left: 0;
    z-index: 100
}
/*.sr-only-focusable:focus:before{display:none}*/

#photoshow li a:focus:before, iframe:focus {
    border: 2px dashed #5ac0a8 !important
}

#photoshow.photo_two2 a:focus:before {
    height: calc(100% - 7px)
}

#top_search_input:focus {
    -webkit-outline: #5ac0a8 dotted 2px;
    -moz-outline: #5ac0a8 dotted 2px;
    outline: #5ac0a8 dotted 2px
}

.slick-track > :focus {
    outline: none;
    border: #5ac0a8 dotted 1px
}

.Link01 a:focus {
    color: #fff
}

.hexIn a:focus {
    outline: none;
    position: absolute
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

.h2, .h3, h2 {
    color: #0C512D;
    font-size: 200%
}

.text-hidden {
    pointer-events: none;
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    width: 0;
    overflow: hidden
}

.wrapper {
    overflow: hidden
}

.words .h2 {
    font-weight: 700;
    line-height: 1.5;
    text-align: justify
}

.words p {
    font-size: 105%;
    line-height: 180%;
    margin-bottom: 1%
}

.top_movie p {
    margin-bottom: 0
}

.first_p {
    margin-bottom: 5% !important;
    margin-top: 1%
}

.font_black {
    color: #404040
}

.pc, .pc2 {
    display: block !important
}

.mobile, .mobile2 {
    display: none !important
}

#pc_btn {
    display: inline-block
}
/*.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.sr-only-focusable:focus{position:absolute!important}*/

#mobile_btn {
    display: none
}

.embed-map {
    clear: both;
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 60%
}

    .embed-map iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.h3 {
    color: #fff;
    text-align: center;
    padding: 10px 0
}

.h5 {
    color: #0C512D;
    font-size: 140%
}

.h2, .menu_title {
    font-size: 150%
}

.clear {
    clear: both;
    border: 0
}

.clear2 {
    clear: both;
    border: 0;
    height: 50px
}

.hot_news .h2 {
    text-align: center;
    display: block;
    color: #fff;
    font-weight: 700;
    padding: 5px 0;
    margin-bottom: 10px
}

.main_people .h2 {
    text-align: left;
    display: block;
    color: #606060;
    font-weight: 700;
    padding: 5px 0
}

.menu_title {
    background: #ECECEC;
    padding: 5px 0 5px 15px;
    display: block;
    font-weight: 700;
    max-width: 300px
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

i.btn, u.btn {
    text-decoration: none;
    font-style: normal
}

#accesskey_C, .L, .z {
    position: absolute;
    color: transparent !important
}

#accesskey_c, .accesskey {
    color: transparent !important
}

    #accesskey_C:focus, #accesskey_c:focus, .accesskey:focus, .L:focus, .z:focus {
        color: #000 !important
    }

#accesskey_C {
    right: 0
}

.L {
    top: 10px
}

.share_near {
    float: left
}

[role=button] {
    cursor: pointer
}

.col-2 {
    width: 20% !important;
    float: left
}

.col-3 {
    width: 30% !important;
    float: left
}

.col-4 {
    width: 40% !important;
    float: left
}

.timeline-content .col-4 {
    padding-right: 10px
}

.col-5 {
    width: 50% !important;
    float: left
}

.col-6 {
    width: 58% !important;
    margin-left: 5px;
    float: left
}

.col-7 {
    width: 68% !important;
    margin-left: 5px;
    float: left
}

.col-8 {
    width: 78% !important;
    margin-left: 5px;
    float: left
}

.right_content {
    float: right
}

.formstyle {
    width: calc(58% - 152px) !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.num-5 {
    width: calc(100% / 5) !important;
    float: left
}

.num-8 {
    width: calc(100% / 8) !important;
    float: left
}

.float {
    float: left
}

.form-group {
    max-width: 800px;
    line-height: 2
}

    .form-group div {
        margin-bottom: 10px;
        overflow: hidden;
        clear: both
    }

        .form-group div .firstwords {
            margin-left: 0;
            float: left
        }

        .form-group div dfn, .form-group div font {
            font-size: 120%;
            margin-left: 20px
        }

.form-group_xs {
    max-width: 500px;
    line-height: 2
}

    .form-group_xs .text-left {
        text-align: left !important;
        margin-left: 42%
    }

.text-left, .text-left * > * {
    text-align: left !important
}

.words_content.text-left * > a {
    display: inline !important
}

.words_content.text-left * > p {
    line-height: 1.8 !important;
    margin-bottom: 0 !important
}

.bottom_style:hover, .btn2:hover, .form-group_xs button:hover, .form-group button:hover {
    background: #0C512D;
    color: #fff;
    cursor: pointer
}

input {
    margin-top: 5px !important
}

.code_img {
    vertical-align: middle
}

.formname {
    font-size: 120%;
    text-align: right
}

.low_answer p {
    margin-bottom: 1%
}

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

dd, dl, dt, input, li, ol, ul {
    margin: 0;
    padding: 0
}

html.is-loaded {
    overflow: auto;
    height: auto
}

    html .is-loaded:after {
        content: '';
        display: block;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999
    }

.listnone {
    list-style: none
}

.open_date {
    display: table;
    width: 100%
}

    .open_date li {
        display: table-row
    }

        .open_date li h4 {
            display: table-cell;
            padding: 10px;
            font-weight: 400;
            color: #000;
            white-space: nowrap
        }

    .open_date.data li h4 {
        text-align: right;
        width: 20%;
        padding-right: 5%
    }

    .open_date h3 {
        white-space: nowrap
    }

.rightbanner .slick-dots {
    position: absolute;
    bottom: 0
}

.height_p {
    min-height: 75px
}

.height_title {
    min-height: 50px
}

.open_date li p {
    display: table-cell;
    padding: 10px
}

.open_date li:nth-of-type(2n) {
    background: #F5F5F5
}

.data {
    margin-top: 10px;
    font-size: 115%
}

.open_date.data li:nth-of-type(2n) {
    background: #fff
}

.open_date.data li:nth-of-type(odd) {
    background: #F5F5F5
}

.download {
    text-align: right
}

    .download img {
        max-width: 20px
    }

.address p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 5px
}

.words_content ul ol, .words_content ul ul {
    margin-left: 80px
}

.words_content .sitemap, .words_content .sitemap2, .words_content .sitemap3 {
    margin-left: 0;
    padding-left: 0
}

.list-group-item .title2.list-attr {
    font-size: 130%;
    width: auto !important
}

.list-attr div {
    margin-left: 1.5em;
    padding: 5px !important;
    overflow: visible !important
}

.list-attr > :before {
    content: attr(data-list);
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: .5em;
    text-align: right;
    direction: rtl
}

.related_link * > :before {
    content: attr(data-icon);
    position: absolute;
    margin-left: -20px
}

.sitemap * > :before {
    content: attr(data-site);
    position: absolute;
    margin-left: -25px
}

.sitemap2 * > :before {
    content: attr(data-site2);
    position: absolute;
    margin-left: -35px
}

.sitemap2 .add {
    padding-left: 70px !important
}

    .sitemap2 .add:before {
        margin-left: -45px !important
    }

.sitemap3 * > :before {
    content: attr(data-site3);
    position: absolute;
    margin-left: -50px
}

.sitemap3 .add {
    padding-left: 100px !important
}

    .sitemap3 .add:before {
        margin-left: -60px !important
    }

.sitemap a {
    padding-left: 20px
}

.sitemap3 a {
    color: #999
}

.sitemap .box {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3 - 25px);
    margin-right: 20px;
    margin-bottom: 39px;
    background: rgba(0, 0, 0, 0.02)
}

    .sitemap .box > a {
        display: block;
        background-color: #35815F;
        color: #FFF;
        line-height: 1.5;
        margin-bottom: 15px;
        text-decoration: none;
        padding: 10px 20px 10px 50px
    }

    .sitemap .box > ul li a {
        padding-left: 60px;
        margin-bottom: 5px;
        color: #000;
        text-decoration: none;
        display: flex;
        padding-right: 10px
    }

        .sitemap .box > ul li a:hover {
            color: #0c512d
        }

    .sitemap .box > ul li ul a {
        padding-left: 90px;
        padding-right: 10px
    }

.list_style * > :before {
    content: attr(data-list);
    position: absolute;
    margin-left: -40px
}

.low_style * > :before {
    content: attr(data-low);
    position: absolute;
    margin-left: -80px
}

#btn_img2:before {
    content: attr(data-name)
}

.movelist, .policy {
    width: 103% !important;
    margin-left: -10px !important
}

.low_style .secound_list:before {
    margin-left: -40px !important
}

.low_style ol li:not(.secound_list):before {
    margin-left: -60px !important
}

.list_style li {
    margin-bottom: 1%;
    padding-right: 10px
}

.list_style2 {
    list-style-type: decimal;
    padding-left: 20px;
    margin-left: 45px !important
}

    .list_style2 li:before {
        content: attr(data-none) !important
    }

    .list_style2 li {
        margin-bottom: 1%
    }

.low_style {
    margin-bottom: 5%
}

.words_content ul ol ol {
    margin-top: 1%;
    margin-left: 40px
}

.list_style li .title3 {
    margin-bottom: 10px;
    display: block;
    padding-left: 40px;
    font-size: 110%
}

.words ol, .words ul {
    line-height: 180%;
    padding-left: 40px
}

.timeline_block ol, .timeline_block ul {
    line-height: 1.5
}

.timeline_block .h4 {
    display: block;
    margin-bottom: 5px;
    word-break: break-word
}

.low_style li .title3 {
    margin-bottom: 10px;
    display: block;
    padding-left: 90px;
    font-size: 110%
}

.list_style li .title4 {
    margin-bottom: 10px;
    display: block;
    padding-left: 20px
}

.low_style li .morenum:before {
    margin-left: -100px !important
}

.words_content .low_style ol {
    margin-left: 130px
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

p, ul {
    text-align: left;
    line-height: 1.5;
    margin-bottom: 2%;
    word-break: break-all
}

.words_content > :not(p) {
    text-align: justify;
    line-height: 180%;
    margin-bottom: 1%;
    font-size: 105%
}

a {
    color: #000;
    text-decoration: none;
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    display: inline-block;
    position: relative;
    word-break: break-all
}

    .breadcrumb a:hover, .other_link2 ol a:hover, .other_link ol a:hover, .related_link a:hover, .rightbtn a.more:hover, .timeline-content a:hover, .video_box a:hover, a:active, a:focus, a:hover {
        text-decoration: none;
        color: #0C512D
    }

.grouping_box a:link, .member_box a, .words a {
    color: #100f8e;
    display: inline;
    word-break: break-all
}

.grouping_box a:visited {
    color: #512c72
}

.other_link2 a, .other_link a, .timeline-content a, .video_box a {
    color: #000;
    text-decoration: none;
    display: block
}

.other_link a {
    padding-left: 1%;
    text-align: left
}

    .other_link a time {
        margin-left: 10px
    }

.otherinfo a:hover, footer a:hover, footer ul a:hover {
    color: #F6CB4C
}

.main_words a:hover, .navli li a:hover {
    color: #0C512D
}

.footerAll > ul > li > a:hover:after {
    content: " ";
    border: 0
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

img {
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.slick-slide img {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.img {
    width: 100%;
    border: 0
}

.mobileshow, .mobileshow2 {
    display: none
}

.htmleaf-container {
    margin: 0 auto
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-group:after, .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .col-2:before, .col-3:before, .col-4:after, .col-4:before, .col-5:after, .col-5:before, .col-6:after, .col-6:before, .col-7:before, .col-8:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .h4:after, .h4:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    display: none;
    float: left;
    min-width: 155px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.yellowfont {
    color: #606060;
    font-size: 90%
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navmain {
    width: 100%;
    z-index: 1000;
    position: absolute;
    background: #fff;
    border-bottom: 7px solid #fff
}

.side-right .navmain .logo {
    position: relative;
    margin-left: 15px;
    z-index: 1
}

.side-right #sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 200vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 997;
    -ms-touch-action: none;
    touch-action: none;
    will-change: opacity
}

.gotop {
    width: 60px;
    height: 60px;
    position: fixed !important;
    z-index: 98;
    background: url(../images/icon/goTop.svg) no-repeat center;
    background-size: contain;
    box-shadow: none;
    right: 25px;
    bottom: 35px;
    display: none
}

.bootsnav.NavFixed, .index_style .bootsnav.NavFixed, .navwrap.NavFixed {
    position: fixed;
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    width: 100%;
    z-index: 1000
}

.topnav {
    max-width: 75%;
    margin: auto;
    padding: 0;
    background: #ECECEC
}

.fontlevel {
    position: absolute;
    top: 0;
    right: 5%
}

    .fontlevel li, .fontlevel li a, .fontlevel ul {
        display: block;
        overflow: hidden
    }

    .fontlevel li {
        display: block;
        position: relative;
        float: left;
        width: 30px;
        margin: 15px 7px 0;
        overflow: hidden;
        height: 30px;
        border-radius: 100%
    }

.bigfont:before, .font:before, .smallfont:before {
    content: "";
    background-image: url(../images/icon/A_plus_tw.svg);
    background-size: 100% 100%;
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative
}

.bigfont.ative:before, .bigfont:focus:before, .bigfont:hover:before {
    background-image: url(../images/icon/A_plus_tw_hover.svg)
}

.font:before {
    content: "";
    background-image: url(../images/icon/A_tw.svg)
}

.font.active:before, .font.ative:before, .font:focus:before, .font:hover:before {
    background-image: url(../images/icon/A_tw_hover.svg)
}

.fontlevel li span {
    display: block;
    cursor: pointer
}

.smallfont:before {
    content: "";
    background-image: url(../images/icon/A-_tw.svg)
}

.smallfont.ative:before, .smallfont:focus:before, .smallfont:hover:before {
    background-image: url(../images/icon/A-_tw_hover.svg)
}

.ja {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ja-calendar:before {
    content: url(../images/icon/date.svg) !important;
    vertical-align: middle
}

.ja-search:before {
    content: url(../images/icon/search2.svg);
    vertical-align: sub
}

.words .fa-ul {
    padding-left: 0 !important;
    margin-left: 1.3em
}

.fa-ul > li {
    position: relative
}

.fa-ul .fa-circle, .fa-ul .fa-play, .fa-ul .fa-square-full {
    top: 8px
}
/*.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}*/

.navbar-collapse {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.nav, .nav ol {
    margin-bottom: 0;
    list-style: none;
    display: flex;
    justify-content: space-between
}

    .nav > li {
        position: relative;
        width: 100%
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
    white-space: normal
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.navwrap {
    padding: 0;
    width: 90%;
    margin: auto;
    height: 90px
}

.logo {
    text-indent: -9999px;
    background: url(../images/logo4.svg) no-repeat center/contain;
    width: 296px;
    height: 72px;
    float: left;
    margin-top: 14px;
    position: absolute;
    z-index: 10
}

.bgBanner {
    position: relative;
    z-index: -2
}

.subnav {
    float: right;
    height: 100%;
    line-height: 70px
}

    .subnav ul, .subnav ul li {
        float: left;
        list-style: none
    }

.top_bar0, .top_bar1, .top_bar2 {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.rightnavWrap {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 10000;
    display: none
}

    .rightnavWrap ul {
        list-style: none
    }

.rightnav {
    list-style: none
}

    .rightnav > li > a {
        width: 112px;
        margin-bottom: 19px;
        display: block;
        text-align: center;
        position: relative;
        color: #000
    }

        .rightnav > li > a:before {
            content: "";
            display: inline-block;
            width: 64px;
            height: 64px;
            border-radius: 50px;
            background-color: #8F8F8F;
            position: absolute;
            left: 24px;
            z-index: 0
        }

.mobileshow2 .rightnav > li > a, .navli2 li {
    width: 50%;
    float: left;
    color: #fff
}

    .mobileshow2 .rightnav > li > a:before, .navli2 li a {
        background-color: #999;
        border: 1px solid #fff;
        left: 37px
    }

#select_btn {
    margin-left: -1px;
    font-size: 105%;
    margin-top: 20px;
    overflow: hidden
}

    #select_btn2 li, #select_btn2 li a, #select_btn li, #select_btn li a {
        display: block;
        float: left;
        list-style: none;
        background: #EEEFEF;
        text-align: center;
        border-radius: 5px
    }

        #select_btn2 li.flotright {
            margin-right: 20px
        }

    #select_btn li {
        margin: 2px
    }

.flotright {
    float: right !important
}

.flotleft {
    float: left !important
}

#select_btn li a {
    padding: 5px;
    min-width: 100px;
    color: #000;
    text-decoration: none
}

#select_btn2 li a {
    color: #000;
    padding: 10px;
    margin: 0
}

    #select_btn2 li a:hover, #select_btn li a.select, #select_btn li a:hover {
        background: #35815F;
        color: #fff
    }

.rightnav > li > a:focus:before, .rightnav > li > a:hover:before {
    content: "";
    background-color: #fbd116
}

.rightnav > li > a.research:hover:before {
    content: "";
    background-color: #C30D23
}

.rightnav > li > a.library:hover:before {
    content: "";
    background-color: #7ABD28
}

.rightnav > li > a.multimedia:hover:before {
    content: "";
    background-color: #036EB7
}

.rightnav > li > a > img {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding: 15px;
    position: relative;
    z-index: 1
}

.rightnav > li > a > span {
    display: block;
    font-size: 82%;
    margin-top: 5px
}

.navli {
    max-height: 70px
}

.navli2 {
    margin: 5% 0;
    overflow: hidden
}

    .navli2 li {
        list-style: none;
        text-align: center
    }

        .navli2 li a {
            padding: 3px 8px;
            color: #fff;
            margin-bottom: 10px;
            width: 86px;
            left: 0
        }

.navli li {
    margin: 0 20px 0 0;
    position: relative;
    letter-spacing: .01em
}

    .navli li:before {
        content: "";
        position: absolute;
        left: -10px;
        top: 31px;
        height: 15px;
        border-right: 1px solid #595757
    }

    .navli li:first-child {
        margin: 0 5px 0 0
    }

        .navli li:first-child:before, .navli li:nth-child(3):before {
            border-right: none
        }

    .navli li a {
        color: #595757;
        height: auto;
        margin-top: 26px;
        font-size: 90%
    }

    .navli li:nth-child(2):before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        border-right: 0
    }

.leftBtns, .leftBtns ol {
    list-style: none;
    max-width: 300px
}

    .leftBtns a {
        display: block;
        color: #44403F;
        padding: 9px 15px 9px 25px;
        font-size: 120%;
        position: relative;
        cursor: pointer
    }

        .leftBtns a.active {
            color: #de3520
        }

        .leftBtns a.focus:before, .leftBtns a:hover:before {
            content: '';
            color: #de3520;
            position: absolute;
            top: 20px;
            left: 0;
            width: auto;
            height: auto;
            border: 5px solid transparent;
            border-left-color: currentColor;
            margin: 0 5px 0 15px;
            transition: all .4s ease 0
        }

        .leftBtns a.focus, .leftBtns a:hover {
            color: #de3520;
            font-weight: 700
        }

    .leftBtns li:after {
        content: "";
        display: block;
        width: 100%;
        max-width: 300px;
        border-bottom: 2px solid rgba(224, 224, 224, 0.6)
    }

    .leftBtns li ol li:last-child:after {
        content: "";
        display: block;
        width: 100%;
        max-width: 300px;
        border-bottom: 0
    }

    .leftBtns ol {
        margin-left: 10%
    }

.Search {
    text-align: center;
    float: left;
    position: relative
}

#navbar-menu .Search, .pcbox #navbar-menu .Search {
    display: none
}

.Search label {
    display: none
}

.Search input[type=text] {
    border: 1px #a3a3a3 solid;
    width: 310px;
    height: 36px;
    font-family: 'Heiti TC', 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro';
    background: rgba(247, 248, 248, 0.85);
    border-radius: 8px 0 0 8px;
    color: #000;
    font-size: 90%;
    padding-left: 15px
}

.Search input.btn {
    border: none;
    width: 50px;
    height: 36px;
    background: url(../images/icon/search.svg) no-repeat center/48%;
    text-indent: -9999px;
    vertical-align: middle;
    background-color: rgba(255, 200, 34, 1);
    margin-left: -6px;
    border-radius: 0 8px 8px 0;
    margin-top: -2.2px !important
}

.align_top * {
    vertical-align: top !important
}

.search-button {
    color: #fff;
    background-color: #848484;
    border-radius: 5px;
    padding: 0 10px;
    height: 33px;
    cursor: pointer;
    border: 0
}

.main_words, .main_words a {
    white-space: nowrap;
    color: #595757
}

.main_words {
    display: block;
    position: absolute;
    right: 0;
    font-size: 90%;
    line-height: 20px;
    top: 62px
}

.top_main {
    position: relative;
    width: 100%
}

.fade.slider li div {
    width: 100%;
    height: 100vh
}

.ail:after, .ail:before {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
    content: ""
}

.content-wrap {
    width: 85%;
    max-width: 1600px;
    margin: auto;
    padding: 0;
    position: relative
}

.breadcrumb {
    margin: 1% 0;
    clear: both;
    display: block;
    width: 100%
}

    .breadcrumb a {
        color: #3E3A39;
        display: inline
    }

    .breadcrumb > li {
        display: inline
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            content: ">";
            display: inline
        }

.content_main {
    margin: 40px 0 20px;
    overflow: hidden
}

.address_box, .top_img2 a {
    width: calc(100% / 2 - 20px);
    float: left;
    border-radius: 15px
}

.address_box {
    background: #F2F2F2;
    padding: 20px 40px;
    min-height: 165px;
    margin: 20px 0
}

    .address_box:nth-child(2n) {
        margin: 20px 0 20px 40px
    }

    .address_box p {
        margin-bottom: 0
    }

.top_img2 a:first-child {
    margin-right: 20px
}

.top_img2 a:nth-child(2) {
    margin-left: 20px
}

.content-wrap aside {
    width: 20%;
    float: left;
    position: relative
}

.content-wrap .container {
    background: #FFF;
    float: left;
    width: 80%;
    min-height: 800px;
    padding: 0;
    margin-bottom: 80px;
    position: relative
}

.nofloat aside {
    display: none
}

.nofloat .container {
    float: none
}

.table, .table2 {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 110%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #EEE
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table2 > tbody:first-child > tr:first-child > th, .table2 > thead:first-child > tr:first-child > th, .table > tbody:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    border-right: 1px solid #ddd;
    padding: .1em 1em .2em
}

.table2 > tbody:first-child > tr + tr > th, .table > tbody:first-child > tr + tr > th {
    border-top: 1px solid;
    border-right: 1px solid
}

.table2 > thead > tr > th, .table > thead > tr > th {
    border-bottom: 2px solid #ddd
}

.table2 > tbody > tr > td, .table > tbody > tr > td {
    border-top: 0;
    padding: 0 1em;
    border-right: 1px solid #ddd
}

.table2 > tbody > tr > td, .table.even > tbody > tr > td {
    border-bottom: 1px solid #ddd
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 180%;
    vertical-align: middle
}

.table2 > tbody > tr > td, .table2 > tbody > tr > th, .table2 > tfoot > tr > td, .table2 > tfoot > tr > th, .table2 > thead > tr > td, .table2 > thead > tr > th {
    line-height: 180%;
    vertical-align: middle
}

.table > tbody > tr:nth-of-type(odd) {
    background-color: #fff
}

.table2 > tbody > tr {
    background-color: #fff
}

.table tr:nth-of-type(2n) {
    background: #EEEFEF
}

.rwd-table {
    margin: 0 auto 2%;
    background-color: #eee
}

    .rwd-table th {
        margin: .5em 1em
    }

.bilingual th {
    text-align: center;
    background: #35815F;
    color: #fff
}

.share, .top_control, .words {
    padding: 0 3% 0 5%;
    margin-bottom: 0;
    position: relative
}

.principal {
    color: #000;
    overflow: hidden;
    display: table;
    width: 100%
}

    .principal li {
        display: table-row;
        position: relative
    }

        .principal li span {
            display: table-cell;
            text-align: left;
            word-break: break-all;
            padding: 10px;
            line-height: 1.5
        }

            .principal li span:first-child {
                width: 260px
            }

    .principal_title, .principal dd:first-child {
        width: 100%;
        display: block;
        background: #ddd;
        font-size: 130%;
        padding: 5px 10px
    }

    .principal li:nth-of-type(2n) {
        background: #F3F3F3
    }

    .principal dd, .principal dt {
        font-size: 100%;
        padding: 10px;
        float: left
    }

    .principal dd {
        width: 252px
    }

    .principal dt {
        width: calc(100% - 252px);
        position: relative
    }

    .principal dd + dt:last-child:after {
        content: "";
        display: block;
        height: 1px;
        width: 1000px;
        background: #F1F3F6;
        position: absolute;
        bottom: 0;
        left: -200px
    }

.notice_box, .notice_box a, .notice_box p {
    clear: both;
    display: block
}

.child_say {
    width: 90%;
    margin-top: 100px;
    padding-right: 0;
    margin-left: 30px
}

    .child_say img {
        width: 80%
    }

.notice_box a img {
    position: relative;
    z-index: 10
}

@-webkit-keyframes hvr-icon-down {
    0%,50%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {
    0%,50%,to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25%,75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

    .hvr-icon-down:before {
        content: " ";
        z-index: 9;
        background: url(../images/icon/childbtnbg.png) no-repeat right bottom;
        background-size: contain;
        position: absolute;
        bottom: 0;
        width: 4vmin;
        height: 4vmin;
        right: 1em;
        padding: 0 1px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before {
        -webkit-animation-name: hvr-icon-down;
        animation-name: hvr-icon-down;
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@-webkit-keyframes hvr-bob-float {
    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes hvr-bob-float {
    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

.hvr-bob {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

    .hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover {
        -webkit-animation-name: hvr-bob-float, hvr-bob;
        animation-name: hvr-bob-float, hvr-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate
    }

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

    .hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover {
        -webkit-animation-name: hvr-pulse-grow;
        animation-name: hvr-pulse-grow;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

    .hvr-float:active, .hvr-float:focus, .hvr-float:hover {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(0.95);
        opacity: .7
    }
}

.page_box {
    position: relative;
    text-align: center;
    max-width: 1090px;
    padding-top: 20px;
    clear: both
}

    .page_box div:first-child {
        display: block;
        margin-right: 10px;
        vertical-align: middle
    }

    .page_box div:last-child {
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle
    }

    .page_box input {
        display: inline-block;
        margin: 0 3px;
        text-transform: none
    }

        .page_box input:hover {
            transform: scale(0.9)
        }

    .page_box select {
        display: inline;
        max-width: 70px
    }

    .page_box button {
        margin-top: 10px
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

    .collapse.show {
        display: block
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

#accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 10px
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 10px
}

#accordion .panel-title a {
    display: block;
    padding: 10px 60px 10px 120px;
    font-size: 130%;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #35815F;
    border: none;
    position: relative;
    transition: all .3s ease 0
}

#accordion .law-title a {
    padding: 10px 60px 10px 25px
}

#accordion .panel-title a.collapsed {
    color: #5E625D;
    background: #EEEFEF
}

    #accordion .panel-title a.collapsed:after, #accordion .panel-title a:after {
        content: " ";
        background: url(../images/icon/qaicon.svg) no-repeat center/contain;
        width: 35px;
        height: 35px;
        color: #fff;
        position: absolute;
        top: 15%;
        right: 20px;
        transition: all .3s ease 0
    }

    #accordion .panel-title a.collapsed:after {
        content: " ";
        background: url(../images/icon/qaicon2.svg) no-repeat center/contain
    }

.panel-title span {
    padding-left: 0;
    position: relative
}

.panel-title * > :before {
    content: attr(data-q);
    position: absolute;
    margin-left: -108px;
    white-space: nowrap
}

p.answer:before {
    content: attr(data-a)
}

#accordion .panel-title a.collapsed:hover:after, #accordion .panel-title a:hover:after {
    transform: rotate(360deg)
}

#accordion .panel-body {
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #dbdbdb;
    line-height: 25px;
    border-top: none;
    position: relative
}

.position_right {
    text-align: right
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            margin-top: 10px;
            line-height: 1.42857143;
            color: #0c512d;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus {
            z-index: 3;
            color: #fff;
            cursor: default;
            background-color: #0C512D;
            border-color: #0C512D;
            outline: none
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

.words_content {
    overflow: visible;
    margin: auto
}

.other_link2 ol, .other_link ol {
    list-style-type: none
}

    .other_link2 ol li, .other_link ol li {
        margin: 0;
        padding: 10px 20px
    }

    .other_link2 ol li {
        padding: 5px 0
    }

    .other_link ol li:nth-of-type(2n) {
        background: #F3F3F3
    }

.related_link span {
    display: block
}

.related_link dl {
    padding: 30px 40px
}

.related_link dd {
    margin-bottom: 2%
}

.graybg {
    background: #F3F3F3;
    padding: 2% 3%;
    margin: 0 0 3%
}

.yellowbg {
    background: #35815F !important
}

.noimg > * {
    width: 100% !important;
    float: none !important;
    margin-left: 0
}

#accesskey_c {
    position: absolute;
    z-index: 1
}

#photoshow.bottom_img {
    max-width: 80%;
    margin: auto
}

.nowords .leftbtna, .nowords p {
    display: none !important
}

.nowords .leftBtn_img {
    width: 100%;
    margin: 0
}

    .nowords .leftBtn_img img {
        max-height: 125px
    }

.bluebg {
    background: #1e7b9b !important
}

.orgbg {
    background: #f9ab24 !important
}

.bluebg {
    background: #00B2BF !important
}

.bluebg2 {
    background: #e5f7f9 !important
}

.bluebg3 {
    background: #008e9a !important
}

.bluebg4 {
    background: #0096DD !important
}

.bluefont {
    color: #008e9a !important
}

.redbg {
    background: #DA4D3D !important
}

.redbg2 {
    background: #fdeded !important
}

.redbg3 {
    background: #ae3e30 !important
}

.redbg4 {
    background: #f15a24 !important
}

.redfont {
    color: #ae3e30 !important
}

.greenbg {
    background: #6FB92C !important
}

.greenbg2 {
    background: #f1f7e9 !important
}

.greenbg3 {
    background: #0C512D !important
}

.greenbg4 {
    background: #8F8F8F !important
}

.greenbg5 {
    background: #23ac6f !important
}

.greenbg6 {
    background: #35815f !important
}

.greenfont {
    color: #0C512D !important
}

.greenbtn, .redbtn {
    color: #fff;
    background: red;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 130%
}

.greenbtn {
    background: #8F8F8F
}

.other_link .h3, .right_content .h3 {
    text-align: center;
    display: block;
    color: #fff;
    letter-spacing: 5px;
    font-weight: 700;
    padding: 5px 0;
    font-size: 150%
}

.other_link2 .h3 {
    text-align: left;
    display: block;
    color: #000;
    letter-spacing: 5px;
    font-weight: 700;
    padding: 5px 0;
    font-size: 150%
}

.other_link2 .other_title:before {
    content: "";
    background: none;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-right: 0;
    margin-bottom: 0
}

.right_content .other_link ol {
    margin: 0
}

    .right_content .other_link ol a:hover {
        color: #447084
    }

footer {
    background: #606060 url(../images/footerbg.svg) no-repeat center/contain;
    position: relative;
    z-index: 1;
    padding: 0;
    color: #FFF;
    overflow: hidden
}

.footerAll, .otherinfo {
    padding: 0;
    max-width: 75%;
    margin: auto;
    display: flex
}

.otherinfo {
    position: relative;
    line-height: 1.5;
    padding: 1% 0;
    overflow: hidden;
    border-top: 1px solid #fff
}

    .otherinfo .otherleft {
        width: calc(100% / 1.5);
        float: left;
        font-size: 105%
    }

.Link03 {
    width: calc(100% / 6);
    float: right;
    display: none
}

    .Link03 img {
        width: calc(100% / 3 - 20px);
        float: left;
        margin: 10px
    }

        .Link03 img:first-child, .Link03 img:nth-child(3) {
            max-width: 70px
        }

.footerAll ul {
    display: block;
    overflow: visible;
    list-style: none;
    line-height: 1.3em;
    width: 100%
}

.footerAll > ul > li {
    width: 22%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    margin-bottom: 30px
}

.footerAll.add > ul > li {
    width: 23%;
    padding: 0;
    display: block;
    float: left;
    vertical-align: top;
    margin: 0 1%;
    margin-bottom: 30px
}

.footerAll > ul > li > a, .footerAll > ul > li > h2, .footerAll > ul > li > span {
    display: block;
    letter-spacing: .1em;
    font-size: 120%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24)
}

.siteItem ul a, footer a {
    color: #FFF;
    position: relative
}

.siteItem a, .siteItem h2, .siteItem span {
    color: #F6CB4C;
    font-weight: 400
}

.footerAll > ul > li > ul {
    font-size: 105%
}

    .footerAll > ul > li > ul > li {
        margin: 8px 0
    }

.footerAll > ul > li:nth-child(4) {
    display: block;
    float: right
}

.img01:after {
    content: "+";
    font-weight: 500;
    position: absolute;
    line-height: 1.2;
    margin-left: 5px;
    transition: all .4s ease 0
}

.img01:before {
    content: "點選收合"
}

.img02:after {
    content: "∧";
    font-weight: 500;
    position: absolute;
    top: 20px;
    margin-left: 5px;
    transition: all .4s ease 0
}

.img02:before {
    content: "點選展開"
}

.btn_footer {
    text-align: center;
    margin: 1% auto 2%;
    cursor: pointer
}

    .btn_footer:hover {
        color: #f6cb4c
    }

.share {
    padding: 0 4.5%;
    clear: both;
    margin-bottom: 10px
}

    .share + a + .words > .grid {
        margin-top: -10px
    }

    .share + a + .words > hr + .grid {
        margin-top: 0
    }

    .displaynone, .ordinary hr, .share hr {
        border: 0;
        height: 1px;
        background-color: #d4d4d400;
        color: #d4d4d400;
        clear: both
    }

.grid_btn, .list_btn, .share_main {
    background: url(../images/icon/LstB.svg) no-repeat center;
    background-size: 80%;
    padding: 2px;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    border: 1px solid #d8d8d8;
    text-indent: -999999px
}

.grid p {
    color: #616161
}

.grid .security p {
    min-height: 100px;
    text-align: left
}

.print, .share_main {
    border: 0;
    background: url(../images/icon/share.svg) no-repeat center;
    background-size: 80%;
    position: relative;
    margin: 0 5px
}

hr {
    clear: both;
    height: 0;
    margin: 0;
    background-color: transparent;
    border: none
}

.share_btn a {
    text-align: center;
    margin: 0 2px;
    color: #fff;
    line-height: 35px;
    height: 35px;
    width: 35px;
    border-radius: 0;
    text-indent: -999999px;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    font-size: 0
}

    .share_btn a:first-child {
        color: #000
    }

.facebook {
    background: url(../images/icon/facebook.svg) no-repeat;
    background-size: contain
}

.line {
    background: url(../images/icon/line.svg) no-repeat;
    background-size: contain
}

.twitter {
    background: url(../images/icon/twitter.svg) no-repeat;
    background-size: contain
}

.plurk {
    background: url(../images/icon/plurk.svg) no-repeat;
    background-size: contain
}

.Email {
    background: url(../images/icon/email.svg) no-repeat;
    background-size: contain
}

.print {
    background: url(../images/icon/print.svg) no-repeat center;
    background-size: contain
}

    .print a, .share_main a {
        overflow: hidden;
        display: block;
        height: 30px;
        margin: 5px 0
    }

.share_main.share_active, .share_main:hover {
    background: url(../images/icon/share_h.svg) no-repeat center;
    background-size: 80%
}

.grid_btn:hover, .list_btn.list-active, .list_btn:hover {
    background: url(../images/icon/LstG.svg) no-repeat center
}

.grid_btn {
    background: url(../images/icon/PicB.svg) no-repeat center;
    border-right: 0
}

    .grid_btn.list-active, .grid_btn:hover {
        background: url(../images/icon/PicG.svg) no-repeat center
    }

.btn-group, .share_btn {
    float: left
}

.share_btn {
    float: right
}

.top_bar_main {
    float: right;
    margin: 10px 0 0
}

.top_bar_group {
    float: right;
    margin: 20px 15px 10px 0
}

.top_bar_group2 {
    float: right;
    margin-right: 15px
}

.top_bar0, .top_bar1, .top_bar2 {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.top_bar_group2 .date_style {
    max-width: 163px
}

.code_main, .code_main > * {
    display: inline-block !important;
    clear: none !important;
    margin-right: 5px
}

.date_style3 {
    max-width: calc(100% - 370px)
}

.date_style2 dfn, .date_style2 font, .date_style2 span {
    margin-right: 40px
}

.date_style2 br {
    display: none
}

.top_bar_group label {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    margin-bottom: 0 !important
}

.ordinary img {
    border: 1px solid #8c8c8c
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 9px;
    font-size: 110%;
    font-family: 'Heiti TC', 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro';
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control2, .form-control3, .form-control4 {
    display: block;
    width: 100%;
    max-width: 100px;
    height: 30px;
    padding-left: 10px;
    font-size: 90%;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control4 {
    width: 160px;
    max-width: inherit
}

.form-control3 {
    max-width: inherit
}

.top_bar_group .form-control3 {
    margin-top: 0 !important
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

.btn {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0 6px;
    border-radius: .3rem;
    font: 400 13.3333px Arial;
    letter-spacing: normal;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.2;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn2 {
    border: 0;
    padding: 10px 15px;
    background: #EEEFEF;
    font-size: 100%;
    border-radius: 5px;
    cursor: pointer
}

.submit {
    color: #000;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    vertical-align: baseline;
    font-family: 'Heiti TC', 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro';
    font-size: 95%;
    min-width: 95px
}

.btn-block {
    width: 100%;
    max-width: 300px;
    margin: auto
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    margin-left: 40.8%;
    margin-top: 4%
}

.bottom_style {
    margin-top: 0
}

.btn-outline-json {
    color: #F5C22B;
    background-color: transparent;
    background-image: none;
    border: 2px solid #F5C22B;
    padding: .1rem .4rem
}

    .btn-outline-json:hover, a:hover * > .btn-outline-json, a:hover > .btn-outline-json {
        color: #fff;
        background-color: #F5C22B;
        border-color: #F5C22B
    }

.btn-outline-csv {
    color: #72BF44;
    background-color: transparent;
    background-image: none;
    border: 2px solid #72BF44;
    padding: .1rem .4rem
}

    .btn-outline-csv:hover, a:hover * > .btn-outline-csv, a:hover > .btn-outline-csv {
        color: #fff;
        background-color: #72BF44;
        border-color: #72BF44
    }

.btn-outline-rss {
    color: #F7931E;
    background-color: transparent;
    background-image: none;
    border: 2px solid #F7931E;
    padding: .1rem .4rem
}

    .btn-outline-rss:hover, a:hover * > .btn-outline-rss, a:hover > .btn-outline-rss {
        color: #fff;
        background-color: #F7931E;
        border-color: #F7931E
    }

.btn-outline-xml {
    color: #601986;
    background-color: transparent;
    background-image: none;
    border: 2px solid #601986;
    padding: .1rem .4rem
}

    .btn-outline-xml:hover, a:hover * > .btn-outline-xml, a:hover > .btn-outline-xml {
        color: #fff;
        background-color: #601986;
        border-color: #601986
    }

.btn-outline-doc {
    color: #24508F;
    background-color: transparent;
    background-image: none;
    border: 2px solid #24508F;
    padding: .1rem .4rem
}

    .btn-outline-doc:hover, a:hover * > .btn-outline-doc, a:hover > .btn-outline-doc {
        color: #fff;
        background-color: #24508F;
        border-color: #24508F
    }

.btn-outline-odt {
    color: #2989C3;
    background-color: transparent;
    background-image: none;
    border: 2px solid #2989C3;
    padding: .1rem .4rem
}

    .btn-outline-odt:hover, a:hover * > .btn-outline-odt, a:hover > .btn-outline-odt {
        color: #fff;
        background-color: #2989C3;
        border-color: #2989C3
    }

.btn-outline-xls {
    color: #207345;
    background-color: transparent;
    background-image: none;
    border: 2px solid #207345;
    padding: .1rem .4rem
}

    .btn-outline-xls:hover, a:hover * > .btn-outline-xls, a:hover > .btn-outline-xls {
        color: #fff;
        background-color: #207345;
        border-color: #207345
    }

.btn-outline-ods {
    color: #4ECC86;
    background-color: transparent;
    background-image: none;
    border: 2px solid #4ECC86;
    padding: .1rem .4rem
}

    .btn-outline-ods:hover, a:hover * > .btn-outline-ods, a:hover > .btn-outline-ods {
        color: #fff;
        background-color: #4ECC86;
        border-color: #4ECC86
    }

.btn-outline-ppt {
    color: #8E2519;
    background-color: transparent;
    background-image: none;
    border: 2px solid #8E2519;
    padding: .1rem .4rem
}

    .btn-outline-ppt:hover, a:hover * > .btn-outline-ppt, a:hover > .btn-outline-ppt {
        color: #fff;
        background-color: #8E2519;
        border-color: #8E2519
    }

.btn-outline-odp {
    color: #de3520;
    background-color: transparent;
    background-image: none;
    border: 2px solid #de3520;
    padding: .1rem .4rem
}

    .btn-outline-odp:hover, a:hover * > .btn-outline-odp, a:hover > .btn-outline-odp {
        color: #fff;
        background-color: #de3520;
        border-color: #de3520
    }

.btn-outline-pdf {
    color: #E60012;
    background-color: transparent;
    background-image: none;
    border: 2px solid #E60012;
    padding: .1rem .4rem
}

    .btn-outline-pdf:hover, a:hover * > .btn-outline-pdf, a:hover > .btn-outline-pdf {
        color: #fff;
        background-color: #E60012;
        border-color: #E60012
    }

.tablerwd {
    width: 100%;
    border: 0 solid #EEE;
    margin: 0 auto 2%;
    border-spacing: 0;
    border-collapse: collapse
}

    .tablerwd > tbody > tr:nth-of-type(2n) {
        background-color: #EEEFEF
    }

.table.even > tbody > tr:nth-of-type(2n) {
    background-color: transparent
}

.tablerwd > tbody > tr > td {
    border-top: 0;
    padding: .5em 1em;
    line-height: 180%;
    width: 100%;
    vertical-align: middle;
    text-align: center
}

.adviser_tab > tbody > tr > td {
    width: calc(100% / 6);
    font-weight: 700;
    white-space: nowrap
}

.adviser_tab2 > tbody > tr > td {
    width: calc(100% / 5);
    font-weight: 700;
    white-space: nowrap;
    padding: .3em
}

.btn_upload {
    display: inline-block;
    margin-left: 5px;
    font-size: 120%
}

.newsDate {
    display: block;
    background: url(../images/index/datebg3.svg) no-repeat;
    background-size: contain;
    width: 120px;
    color: #fff;
    text-align: center;
    text-indent: 10px;
    height: 80px;
    float: left;
    font-family: 'Heiti TC', 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro'
}

.timeline-content ul {
    list-style: none;
    margin-bottom: 0
}

.timeline-content li {
    margin-left: 6%;
    margin-right: 2%;
    margin-bottom: 10px;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 2px
}

.timeline-content * > :before {
    content: attr(data-name);
    position: absolute;
    margin-left: -80px
}

.main_1:before, .main_2:before, .main_3:before {
    padding: 5px 10px;
    min-width: 68px;
    text-align: center;
    font-weight: bolder
}

.main_1:before {
    background: #357857;
    color: #fff
}

.main_2:before {
    background: #82b324;
    color: #fff
}

.main_3:before {
    background: #42c776;
    color: #fff
}

.h4 {
    color: #000;
    font-size: 140%;
    font-weight: bolder
}

#timeline .newsDate i:nth-child(3), #timeline .newsDate u:first-child {
    color: #000
}

.newsDate u {
    font-size: 125%;
    margin-top: 5px
}

.newsDate i {
    font-size: 95%;
    letter-spacing: .05em;
    margin-top: 2px
}

#timeline .newsDate i, #timeline .newsDate u {
    width: 50%;
    float: left;
    height: 24px;
    text-decoration: none;
    font-style: normal
}

.container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

    .container:after {
        content: '';
        display: table;
        clear: both
    }

#timeline {
    position: relative;
    padding: 2em 0;
    margin-bottom: 2em
}

    #timeline:before {
        content: '';
        position: absolute;
        top: 0;
        left: 60px;
        height: 100%;
        width: 6px;
        background: #D0CECE
    }

.timeline_block {
    position: relative;
    margin: 2em 0
}

    .timeline_block:after {
        content: "";
        display: table;
        clear: both
    }

    .timeline_block:first-child {
        margin-top: 0
    }

    .timeline_block:last-child {
        margin-bottom: 0
    }

.timeline-date {
    position: absolute;
    top: 0;
    left: 0
}

    .timeline-date img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px
    }

nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #ECECEC;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    z-index: 100
}

    nav.navbar.bootsnav ul.nav li.active > a, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover {
        background-color: transparent
    }

.navbar-toggle {
    background: #fff;
    color: #fff;
    border: none;
    width: 60px;
    height: 70px;
    padding: 15px;
    position: relative
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
    white-space: normal
}

nav.navbar.bootsnav {
    border: none
}

.dropdown2 .dropdown-toggle2, .dropdown-menu a, .dropdown .dropdown-toggle {
    color: #0C512D;
    text-transform: uppercase;
    padding: 20px 10px;
    white-space: nowrap;
    text-align: center;
    display: block;
    vertical-align: middle;
    position: relative
}

header .navbar a:hover {
    color: #fff !important;
    background: #8F8F8F
}

.strp-window {
    position: fixed;
    width: 0;
    height: 100%;
    overflow: hidden;
    background: #292929;
    font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif
}

    .strp-window.strp-vertical {
        height: 0;
        width: 100%
    }

.strp-window {
    margin-left: 40px
}

    .strp-window.strp-vertical {
        margin-left: 0;
        margin-bottom: 40px
    }

@media (max-width:414px) and (orientation:portrait),all and (max-width:736px) and (max-height:414px) {
    .strp-window.strp-horizontal {
        min-width: 100%
    }
}

@media (max-height:414px) and (orientation:landscape),all and (max-height:736px) and (max-width:414px) {
    .strp-window.strp-vertical {
        min-height: 100%
    }
}

.strp-spinner-move, .strp-window {
    z-index: 99999
}

    .strp-spinner-move, .strp-spinner-move [class^=strp-], .strp-window, .strp-window [class^=strp-] {
        box-sizing: border-box
    }

.strp-window {
    transform: translateZ(0px)
}

.strp-measured {
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important
}

.strp-pages {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.strp-side-right {
    top: 0;
    right: 0
}

    .strp-side-right .strp-pages {
        top: 0;
        right: 0
    }

    .strp-side-right .strp-page {
        top: 0;
        right: 0
    }

    .strp-side-right .strp-close {
        top: 0;
        right: 0;
        color: transparent
    }

.strp-side-left {
    top: 0;
    left: 0
}

    .strp-side-left .strp-pages {
        top: 0;
        left: 0
    }

    .strp-side-left .strp-page {
        top: 0;
        left: 0
    }

    .strp-side-left .strp-close {
        top: 0;
        right: 0
    }

.strp-side-top {
    top: 0;
    left: 0
}

    .strp-side-top .strp-pages {
        top: 0;
        left: 0
    }

    .strp-side-top .strp-page {
        top: 0;
        left: 0
    }

    .strp-side-top .strp-close {
        top: 0;
        right: 0
    }

.strp-side-bottom {
    bottom: 0;
    left: 0
}

    .strp-side-bottom .strp-pages {
        bottom: 0;
        left: 0
    }

    .strp-side-bottom .strp-page {
        bottom: 0;
        left: 0
    }

    .strp-side-bottom .strp-close {
        top: 0;
        right: 0
    }

.strp-page {
    position: absolute;
    width: 100%;
    height: 100%
}

.strp-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #292929;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.strp-no-overlap .strp-container {
    padding: 48px 72px
}

.strp-no-overlap.strp-no-sides .strp-container {
    padding: 48px 0
}

.strp-vertical .strp-no-overlap .strp-container {
    padding: 0 72px
}

.strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
    padding: 0 48px
}

.strp-hovering-clickable .strp-container {
    cursor: pointer
}

.strp-content-element {
    position: absolute;
    top: 50%;
    left: 50%
}

    .strp-content-element iframe {
        float: left;
        width: 100%;
        height: 100%
    }

.strp-container img {
    display: inline-block;
    vertical-align: middle
}

.strp-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #efefef;
    line-height: 20px;
    background: #000;
    -webkit-text-size-adjust: unset;
    text-size-adjust: unset
}

.strp-info-padder {
    display: block;
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: auto
}

.strp-caption {
    width: auto;
    display: inline;
    white-space: pre-wrap
}

.strp-position {
    color: #b3b3b3;
    float: right;
    line-height: 21px;
    opacity: .99;
    position: relative;
    text-align: right;
    margin-left: 15px;
    white-space: nowrap
}

.strp-info a, .strp-info a:hover {
    color: #ccc;
    border: 0;
    background: none;
    text-decoration: underline
}

    .strp-info a:hover {
        color: #eee
    }

.strp-nav {
    position: absolute;
    top: 50%;
    width: 54px;
    height: 72px;
    margin: 0 9px;
    margin-top: -36px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: transparent
}

.strp-nav-previous {
    left: 0
}

.strp-nav-next {
    right: 0;
    left: auto
}

.strp-nav-disabled {
    cursor: default
}

.strp-nav-button {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.strp-nav-button-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #101010
}

.strp-nav-button-icon {
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
    zoom: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.strp-close {
    position: absolute;
    width: 48px;
    height: 48px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.strp-close-background, .strp-close-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    height: 26px;
    width: 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.strp-close-background {
    filter: alpha(opacity=80);
    opacity: .8;
    background-color: #101010
}

.strp-close:hover .strp-close-background {
    background-color: #161616
}

.strp-has-error .strp-container {
    background-color: #ca3434
}

.strp-error {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 240px;
    margin-left: -120px;
    margin-top: -120px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(strip-skins/strip/error.svg)
}

.strp-no-svg .strp-error {
    background-image: url(strip-skins/strip/error.png)
}

.strp-spinner-move {
    position: fixed;
    top: 0;
    right: 0;
    height: 48px;
    width: 0;
    overflow: visible !important
}

    .strp-spinner-move.strp-vertical {
        width: 48px;
        height: 0
    }

.strp-spinner {
    width: 48px;
    height: 48px;
    float: left;
    position: relative
}

.strp-spinner-move.strp-side-top {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

.strp-spinner-move.strp-side-bottom {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.strp-spinner-move.strp-side-right .strp-spinner {
    margin-left: -48px
}

.strp-spinner-move.strp-side-left .strp-spinner {
    margin-right: -48px;
    float: right
}

.strp-spinner-move.strp-side-bottom .strp-spinner {
    margin-top: -48px
}

.strp-spinner-move.strp-side-top .strp-spinner {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -48px
}

@-moz-keyframes strp-spinner-spin {
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes strp-spinner-spin {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes strp-spinner-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.strp-spinner-frame, .strp-spinner-rotate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.strp-spinner-line {
    position: absolute;
    left: 50%;
    top: 15px;
    width: 2px;
    margin-left: -1px;
    height: 3px;
    border-radius: 1px;
    z-index: 80;
    color: inherit
}

.strp-window-skin-strip .strp-nav-button-background {
    background-color: transparent
}

.strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
    background-image: url(strip-skins/strip/previous.svg)
}

.strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
    background-image: url(strip-skins/strip/next.svg)
}

.strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon {
    background-image: url(strip-skins/strip/previous-faded.png);
    opacity: 1
}

.strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon {
    background-image: url(strip-skins/strip/next-faded.png);
    opacity: 1
}

.strp-window-skin-strip .strp-nav .strp-nav-button-icon {
    opacity: .6
}

.strp-window-skin-strip.strp-mobile-touch .strp-nav .strp-nav-button-icon {
    opacity: 1
}

.strp-window-skin-strip .strp-nav-hover .strp-nav-button-icon, .strp-window-skin-strip .strp-nav:hover .strp-nav-button-icon {
    opacity: 1
}

.strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-previous .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-previous:hover .strp-nav-button-icon {
    background-image: url(strip-skins/strip/previous.png)
}

.strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-next .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-next:hover .strp-nav-button-icon {
    background-image: url(strip-skins/strip/next.png)
}

@media (max-width:375px) and (orientation:portrait),all and (max-height:375px) and (max-width:667px) {
    .strp-window-skin-strip .strp-nav {
        width: 48px;
        height: 60px;
        margin: 0 5px;
        margin-top: -30px
    }

    .strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon {
        background-image: url(strip-skins/strip/previous-small.svg)
    }

    .strp-window-skin-strip .strp-nav-next .strp-nav-button-icon {
        background-image: url(strip-skins/strip/next-small.svg)
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon {
        background-image: url(strip-skins/strip/previous-small-faded.png)
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon {
        background-image: url(strip-skins/strip/next-small-faded.png)
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-previous .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-previous:hover .strp-nav-button-icon {
        background-image: url(strip-skins/strip/previous-small.png)
    }

    .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-next .strp-nav-button-icon, .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-next:hover .strp-nav-button-icon {
        background-image: url(strip-skins/strip/next-small.png)
    }

    .strp-no-overlap .strp-container {
        padding: 48px 58px
    }

    .strp-no-overlap.strp-no-sides .strp-container {
        padding: 48px 0
    }

    .strp-vertical .strp-no-overlap .strp-container {
        padding: 0 58px
    }

    .strp-vertical .strp-no-overlap.strp-no-sides .strp-container {
        padding: 0 48px
    }
}

.strp-window-skin-strip .strp-close .strp-close-icon {
    background-image: url(strip-skins/strip/close.svg);
    opacity: .8
}

.strp-window-skin-strip .strp-close:hover .strp-close-icon {
    opacity: 1
}

.strp-window-skin-strip.strp-mobile-touch .strp-close .strp-close-icon, .strp-window-skin-strip.strp-mobile-touch .strp-close:hover .strp-close-icon {
    opacity: 1
}

.strp-window-skin-strip.strp-no-svg .strp-close .strp-close-icon {
    background-image: url(strip-skins/strip/close.png);
    opacity: 1
}

.main_other_link ul {
    overflow: visible;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 2;
    padding-left: 0;
    list-style: none
}

.main_other_link li {
    width: calc(100% / 3)
}

    .main_other_link li span a {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        width: 150px;
        height: 150px;
        border: 5px solid #fff;
        border-radius: 100%;
        font-size: 150%;
        font-weight: 700
    }

.main_peoplebg {
    position: relative;
    z-index: 1
}

.float_right {
    width: 100%;
    max-width: 40%;
    float: right;
    padding: 0 0 0 20px;
    margin-bottom: 0 !important
}

#photoshow {
    margin: 2% 0;
    cursor: pointer
}

.float_right #photoshow {
    margin-bottom: 0 !important
}

#photoshow a {
    display: block;
    padding-bottom: 60%;
    margin-bottom: 5px
}

    #photoshow a:focus {
        outline: none;
        position: relative
    }

.noimg #photoshow a {
    padding-bottom: 0
}

.visit_main #photoshow a {
    padding-bottom: 56.25%
}

#photoshow a:hover {
    position: relative;
    z-index: 2;
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
    -o-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear
}

.imgLiquid img, .si-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

#photoshow li:first-child:before {
    content: "";
    background: url(../images/icon/img_btn.svg) no-repeat center;
    position: absolute;
    left: 0;
    right: 0
}

#photoshow li {
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    list-style: none
}

#photoshow.photo_two li {
    width: calc(100% / 2 - 3px);
    float: left;
    margin: 0;
    margin-left: 5px;
    padding: 0;
    clear: none;
    list-style: none;
    clear: none;
    overflow: hidden
}

    #photoshow.photo_two li:nth-child(2n) {
        margin-left: 0;
        clear: both
    }

    #photoshow.photo_two li:first-child, .photo_two2 {
        clear: none !important;
        width: 100% !important;
        margin-left: 0 !important
    }

#photoshow.photo_two2 a {
    padding-bottom: 0
}

#photoshow.photo_two li:nth-child(2) {
    margin-left: 0;
    clear: none
}

.other_img #photoshow li {
    width: calc(100% / 8);
    float: left;
    margin: 5px;
    clear: none
}

.other_img li a {
    padding-bottom: 64%
}

    .other_img li a img {
        height: 100%
    }

.visit_main {
    display: flex;
    flex-wrap: wrap
}

    .visit_main div {
        width: calc(100% / 2 - 20px);
        margin: 1% 0 0
    }

.visit_style {
    width: calc(100% / 2 - 20px);
    float: left;
    margin: 2% 0
}

.visit_main #photoshow {
    margin-top: 0
}

.visit_main div:nth-child(odd) {
    margin-right: 20px;
    overflow: hidden
}

.embed-vedio {
    clear: both;
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%
}

    .embed-vedio iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.top_movie {
    background: #F2F2F2;
    padding: 15px 25px;
    overflow: hidden;
    margin: 0 0 20px
}

.address_main, .data_law, .data_midlle_rss ul, .grid, .grid2, .grouping_main {
    list-style: none;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#photoshow, #select_btn, #select_btn2, .other_link2 ol, .other_link ol, .words_content ul ol, .words_content ul ul, .words ol.listnone, .words ul.data_law, .words ul.grid, .words ul.grid2, .words ul.list_style2, .words ul.listnone, .words ul.principal {
    padding-left: 0
}

.data_midlle_rss li, .grid2 li, .grid li {
    display: block;
    float: left;
    width: calc(33% - 20px);
    margin: 10px;
    color: #414641
}

.grid2 li, .grid li {
    opacity: 1
}

.data_law li {
    width: calc(48% - 20px);
    margin: 10px;
    display: block;
    float: left;
    background: #EEEFEF;
    border-radius: 10px
}

    .data_law li a {
        width: 100%;
        display: table;
        font-size: 120%;
        padding: 0 20px;
        height: 82px;
        text-decoration: none;
        color: #000
    }

        .data_law li a i {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-style: normal
        }

.related_main li {
    display: block;
    float: left;
    width: calc(33% - 24.5px);
    margin: 30px 0 0;
    color: #414641;
    opacity: 1
}

    .related_main li:nth-child(3n) {
        background: #f1f7e9 !important
    }

    .related_main li:nth-child(3n-2) {
        background: #e5f7f9 !important
    }

    .related_main li:nth-child(3n-1) {
        margin: 30px 40px 0;
        background: #fdeded !important
    }

.grouping_box {
    width: calc(33% - 15px);
    float: left;
    border: 1px solid #D3EEE2;
    padding: 0 10px 0 20px;
    display: table;
    border-left: 10px solid #D3EEE2;
    margin: 10px 0 0
}

    .grouping_box span {
        display: table-cell;
        vertical-align: middle;
        text-align: left
    }

.grouping_main2 .grouping_box span {
    height: 90px
}

.chart .grouping_box {
    min-height: 65px;
    border: 1px solid #F15A24;
    border-left: 10px solid #F15A24
}

.chart2 .grouping_box {
    min-height: 65px;
    border: 1px solid #f9ab24;
    border-left: 10px solid #f9ab24
}

.chart3 .grouping_box {
    min-height: 65px;
    border: 1px solid #23ac6f;
    border-left: 10px solid #23ac6f
}

.chart4 .grouping_box {
    min-height: 65px;
    border: 1px solid #00b2bf;
    border-left: 10px solid #00b2bf
}

.grouping_box:nth-child(3n-1) {
    margin: 10px 25px 0
}

.grouping_box sub {
    display: block;
    font-size: 100%
}

.grouping_box p {
    font-size: 110%;
    color: #100f8e;
    display: inline
}

#tblInfo a, .grouping_box a > p {
    font-size: 110%;
    color: #100f8e;
    border-bottom: 1px solid #100f8e;
    padding-bottom: 0;
    display: inline
}

.grouping_box a:hover {
    color: #0C512D
}

    #tblInfo a:hover, .grouping_box a:hover > p {
        color: #0C512D;
        border-bottom: 1px solid #0C512D;
        padding-bottom: 0;
        display: inline
    }

.web .grouping_box p {
    -webkit-line-clamp: 2
}

.chart2 a, .chart3 a, .chart4 a, .chart a {
    color: #000
}

    .chart2 a:hover, .chart3 a:hover, .chart4 a:hover, .chart a:hover {
        color: #0C512D
    }

.data_midlle_rss ul {
    overflow: hidden
}

.data_midlle_rss li a {
    display: block;
    padding: 20px 20px 0 60px;
    overflow: hidden;
    min-height: 76px;
    color: #000
}

.rss_ex03 ul {
    margin-left: 1.8%
}

.boder_title {
    margin-bottom: 10px
}

    .boder_title:before {
        content: "";
        border-left: 5px solid #0C512D;
        margin-right: 10px
    }

.data_midlle_rss li a:before {
    content: "";
    background: url(../images/icon/rss.svg) no-repeat left/contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 20px;
    margin-right: 10px
}

.other_title:before {
    content: "";
    background: url(../images/icon/new_icon.svg) no-repeat left/contain;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 5px
}

.video_icon:before {
    background: url(../images/icon/vedio_icon.svg) no-repeat left/contain
}

.link_icon:before {
    background: url(../images/icon/link_icon.svg) no-repeat left/contain
}

.img_icon:before {
    background: url(../images/icon/img_icon.svg) no-repeat left/contain
}

.file_icon:before {
    background: url(../images/icon/file_icon.svg) no-repeat left/contain
}

.data_law a:hover, .data_midlle_rss li a:hover {
    background: #F7931E;
    border-radius: 10px;
    color: #fff
}

.data_law a:hover {
    background: #35815F
}

.data_midlle_rss li a:hover:before {
    content: "";
    background: url(../images/icon/rss_hover.svg) no-repeat left/contain;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.grid2 li {
    width: 20%;
    width: calc(100% / 5 - 20px)
}

.member_box a .title {
    display: block
}

.member_box .title dfn, .member_box .title font, .member_box .title span {
    color: #100f8e;
    border-bottom: 1px solid #100f8e;
    line-height: 1.4;
    display: inline
}

.member_box a:hover .title span, .member_box a:hover > .title dfn, .member_box a:hover > .title font {
    color: #0C512D;
    border-bottom: 1px solid #0C512D;
    line-height: 1.4
}

.list-group-item {
    height: auto !important;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0
}

    .list-group-item li {
        width: 100%;
        position: relative !important;
        float: none;
        top: 10px !important;
        left: 0 !important;
        margin: 0
    }

    .list-group-item .video_box .title {
        min-height: inherit
    }

    .list-group-item li:nth-of-type(odd) {
        background: #F5F5F5
    }

    .list-group-item .date dfn, .list-group-item .date font, .list-group-item .newsbtn, .list-group-item p, .list-group-item span:first-child {
        display: none
    }

    .list-group-item .date {
        margin: 0;
        display: block;
        padding: 2px 8px;
        float: left;
        font-size: 100%
    }

    .list-group-item .title {
        font-size: 130%;
        line-height: 1.2;
        width: calc(100% - 140px);
        margin: 0;
        float: right;
        padding: 4px 0
    }

        .list-group-item .title > dfn, .list-group-item .title > font {
            font-size: 80%;
            margin-top: 0;
            margin-left: 15px;
            color: #606060;
            height: 27px;
            display: inline-flex;
            align-items: center
        }

        .list-group-item .title > span {
            font-size: 80%;
            margin-top: 0;
            margin-left: 15px;
            color: #606060;
            height: 27px;
            display: inline-flex;
            align-items: center
        }

        .list-group-item .title.dep_main > dfn, .list-group-item .title.dep_main > font {
            margin-top: 0
        }

.dep_main {
    display: flex !important
}

.list-group-item .dep_main {
    width: calc(100% - 120px);
    flex-wrap: nowrap
}

.list-group-item .title > dfn.new_dep, .list-group-item .title > font.new_dep {
    margin-left: 0;
    margin-right: 20px;
    min-width: 120px;
    max-width: 120px;
    text-align: left
}

.list-group-item .title > span.new_dep {
    margin-left: 0;
    margin-right: 20px;
    min-width: 120px;
    max-width: 120px;
    text-align: left;
    display: inline;
}

.list-group-item .title2 {
    font-size: 130%;
    line-height: 1.2;
    width: calc(100%);
    margin: 0;
    float: left
}

.list-group-item .title3 {
    font-size: 130%;
    line-height: 1.2;
    width: calc(100%);
    margin: 0;
    float: left
}

.list-group-item .btn_main {
    float: right;
    max-width: 300px;
    margin: 8px
}

.btn_main button, .btn_main i.btn {
    min-width: 45px;
    padding: .1rem .4rem
}

.other_people {
    text-align: center
}

    .other_people img {
        width: 150px
    }

.grid2 li div:first-child, .grid li div:first-child {
    padding: 0;
    display: block;
    align-items: center
}

.hvr-outline-in {
    background: #F2F2F2
}

.list-group-item .hvr-outline-in {
    background: none
}

.member_img.hvr-outline-in {
    background: none
}

.grid2 li a, .grid li a {
    padding: 15px;
    padding-bottom: 0
}

.grid2.list-group-item li a, .grid.list-group-item li a {
    padding: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between
}

.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #0C512D solid 0;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

.related_main li a {
    padding: 0
}

.title {
    font-size: 130%;
    line-height: 1.2;
    margin: 3% 0 2%
}

.policy .title {
    min-height: 58px
}

.policy2 .title {
    min-height: 55px;
    display: table
}

.policy3 .title {
    min-height: 80px
}

.policy2 .title dfn, .policy2 .title font {
    display: table-cell;
    height: 55px;
    vertical-align: middle
}

.policy2.date {
    display: table
}

    .policy2 .date.boxheight {
        min-height: 90px;
        display: block
    }

    .policy2 .date dfn, .policy2 .date font {
        vertical-align: top
    }

.member_box .title {
    font-size: 100%;
    width: auto;
    margin-left: 18%;
    letter-spacing: 0
}

.video_box .title:after {
    content: "";
    background: url(../images/icon/vedio.svg) !important;
    vertical-align: middle;
    margin-left: 10px;
    width: 32px;
    height: 32px;
    display: inline-block
}

.grid2 li.noclick img {
    cursor: default
}

.noclick .member_box .title font.noclick .member_box .title fdfn {
    border-bottom: 0
}

.noclick .member_box .title {
    margin: 3% 0 2%;
    position: relative;
    left: calc((100% - 120px) / 2);
    display: block
}

.member_box .title {
    margin-left: calc((100% - 120px) / 2)
}

.pdf_download dd {
    display: block;
    line-height: 2;
    vertical-align: bottom
}

    .pdf_download dd span {
        vertical-align: bottom
    }

.iconnone .title:after {
    content: "" !important
}

.print_img {
    display: none !important
}

.ytp-title-text {
    font-size: small !important
}

.live {
    width: 60px;
    float: right;
    display: block
}

.date {
    margin: 2% 0;
    display: inline-block
}

.newsbtn {
    background: #fff;
    text-align: center;
    border: 3px solid #dbd8d8;
    border-radius: 5px;
    padding: 2px;
    max-width: 100px;
    float: right
}

.grid a:hover > .date, .grid a:hover > .title, .grid a:hover > p {
    color: #0C512D
}

.list-group-item a:hover > * {
    color: #0C512D
}

.grid2 li.shown, .grid li.shown, .no-cssanimations .grid2 li, .no-cssanimations .grid li, .no-js .grid2 li, .no-js .grid li {
    opacity: 1
}

.grid2 li a, .grid2 li img, .grid li a, .grid li img {
    border: none;
    display: block;
    max-width: 100%;
    cursor: pointer;
    color: #000;
    text-decoration: none
}

    .grid2 li a:focus, .grid li a:focus {
        outline-offset: -10px
    }

.grid2 .member_img img {
    max-width: 120px;
    margin: auto
}

.grid2 .member_img a {
    padding: 0;
    padding-bottom: 5px
}

.member_img a:hover {
    color: #0C512D
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.policy2 .new_img span:first-child, .policy .new_img span:first-child {
    overflow: hidden;
    height: 0;
    padding-bottom: 64%;
    display: block
}

@-webkit-keyframes flip {
    to {
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes flip {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

.grid.effect2 li.animate {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp .65s ease-in-out forwards;
    animation: scaleUp .65s ease-in-out forwards
}

@-webkit-keyframes scaleUp {
    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleUp {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@media screen and (max-width:1620px) {
    .grid2 li {
        width: 24%;
        width: calc(100% / 4 - 20px)
    }
}

@media screen and (max-width:1324px) {
    #navbar-menu .Search input[type=text], .Search input[type=text] {
        width: 188px !important;
        margin-top: 1px !important
    }

    .important_message {
        padding: 0;
        width: 85%;
        margin: auto
    }

    .nav > li {
        width: 16%
    }

    .policy li {
        width: calc(49% - 20px);
        margin: 10px
    }

    .fontlevel {
        right: 0
    }

        .fontlevel li {
            margin: 15px 4px 0
        }

    .sitemap .box {
        width: calc(100% / 2 - 25px)
    }

    .navwrap, .topnav {
        padding: 0;
        width: 95%;
        margin: auto
    }

    .address_box {
        width: 100%;
        float: none
    }

        .address_box:nth-child(2n) {
            margin: 20px 0
        }
}

@media screen and (max-width:1300px) {
    .related_main li {
        width: calc(33% - 25px)
    }

    .grouping_box {
        width: calc(50% - 15px);
        float: left;
        border: 1px solid #D3EEE2;
        border-left: 10px solid #D3EEE2;
        margin: 10px 0 0 10px
    }

        .grouping_box:nth-child(3n-1) {
            margin: 10px 0 0 10px
        }

    .visit_main #photoshow, .visit_main div, .visit_style {
        width: calc(100%);
        float: left;
        margin: 2% 0;
        max-width: inherit;
        max-height: inherit
    }

        .visit_main #photoshow, .visit_main div:nth-child(odd) {
            margin-right: 0
        }
}

@media screen and (max-width:1170px) {
    .fontlevel {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .data_midlle_rss li, .grid li {
        width: 48%;
        width: calc(50% - 20px)
    }

    .grid.list-group-item li {
        width: 100% !important
    }

    .related_main li {
        margin: 20px auto !important;
        width: 100%
    }
}

@media screen and (min-width:993px) {
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 0;
        background: #fff;
        border: solid 1px #e0e0e0;
        border-top: solid 5px
    }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
            padding: 10px;
            color: #fff;
            text-align: left
        }

    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        margin-top: -2px
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
        left: -200px
    }

    nav.navbar.bootsnav ul.nav > li > a {
        font-size: 120%;
        font-weight: 700
    }

    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
        content: "+";
        font-family: 'FontAwesome';
        font-size: 90%;
        font-weight: 500;
        position: absolute;
        top: 35%;
        padding-left: 5px;
        transition: all .4s ease 0
    }

    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {
        content: ">";
        transform: rotate(90deg)
    }

    .dropdown-menu.multi-dropdown {
        position: absolute;
        left: -100% !important
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        border: none
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 0;
        font-size: 100%;
        background: #0C512D
    }

    .dropdown > .dropdown-menu > li {
        margin: 0;
        vertical-align: top
    }

    .nav > li.bigmenu {
        position: static
    }

    nav.navbar.bootsnav li.bigmenu ul {
        width: 60%;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0
    }

    .bigmenu ol {
        list-style: none;
        width: 23%;
        float: left
    }

    .bigmenu a {
        color: #000;
        color: #000;
        display: block;
        padding: 10px 20px
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
        border-bottom: none
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
        text-align: right
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        top: -3px
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
        padding: 0 15px !important
    }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
            padding: 25px 0 20px
        }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
            padding: 0
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
                padding: 0
            }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
            padding: 0 30px;
            margin: 0 -.5px;
            border-left: solid 1px #f0f0f0;
            border-right: solid 1px #f0f0f0
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
                border-left: none
            }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
                border-right: none
            }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
            display: none
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
                text-align: left;
                padding: 5px 0;
                display: block;
                width: 100%;
                margin-bottom: 0;
                border-bottom: none;
                color: #6f6f6f
            }

    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
        display: block !important;
        height: auto !important
    }

    nav.bootsnav.brand-center .navbar-header {
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0
    }

    nav.bootsnav.brand-center .navbar-brand {
        display: inline-block;
        float: none
    }

    nav.bootsnav.brand-center .navbar-collapse {
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 50%;
        float: left;
        display: block
    }

        nav.bootsnav.brand-center .navbar-collapse .col-half.left {
            text-align: right;
            padding-right: 100px
        }

        nav.bootsnav.brand-center .navbar-collapse .col-half.right {
            text-align: left;
            padding-left: 100px
        }

    nav.bootsnav.brand-center ul.nav {
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important
    }

        nav.bootsnav.brand-center ul.nav.navbar-right {
            margin: 0
        }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
        text-align: left;
        padding-right: 100px
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
        text-align: right;
        padding-left: 100px
    }

    body.wrap-nav-sidebar .wrapper {
        padding-left: 260px;
        overflow-x: hidden
    }

    nav.bootsnav.navbar-sidebar {
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0 !important;
        background: #fff;
        border-right: solid 1px #dfdfdf
    }

        nav.bootsnav.navbar-sidebar .scroller {
            width: 280px;
            overflow-y: auto;
            overflow-x: hidden
        }

        nav.bootsnav.navbar-sidebar .container, nav.bootsnav.navbar-sidebar .container-fluid {
            padding: 0 !important
        }

        nav.bootsnav.navbar-sidebar .navbar-header {
            float: none;
            display: block;
            width: 260px;
            padding: 10px 15px;
            margin: 10px 0 0 !important
        }

        nav.bootsnav.navbar-sidebar .navbar-collapse {
            padding: 0 !important;
            width: 260px
        }

        nav.bootsnav.navbar-sidebar ul.nav {
            float: none;
            display: block;
            width: 100%;
            padding: 0 15px !important;
            margin: 0 0 30px
        }

            nav.bootsnav.navbar-sidebar ul.nav li {
                float: none !important
            }

            nav.bootsnav.navbar-sidebar ul.nav > li > a {
                padding: 10px 15px;
                font-weight: 700
            }

            nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
                float: right
            }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
                left: 100%;
                top: 0;
                position: relative !important;
                left: 0 !important;
                width: 100% !important;
                height: auto !important;
                background-color: transparent;
                border: none !important;
                padding: 0;
                -moz-box-shadow: 0 0 0;
                -webkit-box-shadow: 0 0 0;
                -o-box-shadow: 0 0 0;
                box-shadow: 0 0 0
            }

            nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
                border: none !important
            }

            nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
                margin-bottom: 15px
            }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
                padding-left: 0;
                float: none;
                margin-bottom: 0
            }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
                    padding: 5px 15px;
                    color: #6f6f6f;
                    border: none
                }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
                    padding-left: 15px;
                    margin-top: 0
                }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
                    font-family: 'FontAwesome';
                    content: "\f105";
                    float: right
                }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
                content: "\f107"
            }

        nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
            padding: 0 !important
        }

        nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
            display: block;
            float: none !important;
            padding: 0;
            margin: 0;
            width: 100%
        }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
                padding: 7px 0;
                text-transform: none;
                font-weight: 400;
                letter-spacing: 0;
                margin-bottom: 0;
                cursor: pointer;
                color: #6f6f6f
            }

                nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
                    font-family: 'FontAwesome';
                    content: "\f105";
                    float: right
                }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
                content: "\f107"
            }

        nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
            border: none
        }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
                padding: 0 0 0 15px
            }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
                padding: 3px 0 !important
            }
}

@media screen and (min-width:769px) {
    .navbar-toggle {
        display: none
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }
}

@media screen and (min-width:993px) {
    .navwrap.NavFixed {
        position: relative
    }
}

@media screen and (max-width:992px) {
    .navmain {
        border-bottom: 0 solid #fff
    }

    .pc2, .pcbox .mobile2 {
        display: none !important
    }

    .hexIn a:focus {
        position: relative
    }

    .pagination > li > a:focus, body a:focus {
        -webkit-outline: 0;
        -moz-outline: 0;
        outline: 0;
        border: 0
    }

    .important_message, .important_message_main {
        padding: 0;
        width: 100%;
        margin: auto
    }

        .important_message a {
            padding: 10px 50px 10px 15px
        }

    .icon_bg {
        right: 13px
    }

    .mobile2, .pcbox .leftBtns ol, .pcbox .pc2 {
        display: block !important
    }

    .otherinfo {
        border-top: 0
    }

    .navwrap, .topnav {
        padding: 0;
        max-width: 100%;
        margin: auto;
        width: 100%
    }

    .important_message_main {
        padding: 70px 0 0
    }

    .pcbox .content-wrap {
        padding: 125px 0 0;
        width: 95%
    }

    .grid2.list-group-item li a, .grid.list-group-item li a {
        display: block
    }

    .dropdown2 .dropdown-toggle2, .dropdown-menu a, .dropdown .dropdown-toggle {
        text-align: left
    }

    .pcbox .navwrap, .pcbox .topnav {
        max-width: inherit;
        margin: auto;
        width: 95%
    }

    .pcbox .other_people img {
        width: 100%
    }

    .dropdown-menu a {
        margin-left: 14px
    }

    .pcbox .topnav {
        max-width: 1000px;
        margin: auto;
        padding: 0;
        background: #EEEDEE
    }

    .pcbox nav.navbar.bootsnav .navbar-nav {
        float: inherit !important;
        padding-right: 0;
        padding-left: 0;
        margin: 0
    }

    .pcbox .mobileshow, .pcbox .mobileshow2 {
        display: none
    }

    .pcbox .nav > li {
        position: relative
    }

    .pcbox nav.navbar.bootsnav .navbar-nav > li {
        float: left;
        width: calc(100%/8 - 10px)
    }

    .pcbox nav.navbar.bootsnav.navbar-mobile ul.nav {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin: 0
    }

    #select_btn2 li.flotright, .list-group-item {
        padding-right: 0;
        margin-right: 0
    }

    .h2, .h3, h1 {
        font-size: 190%
    }

    #btn_img, .footerAll, aside .mobile_menu {
        display: none
    }

    .pcbox #btn_img, .pcbox .footerAll, .pcbox aside .mobile_menu {
        display: block
    }

    .pcbox .footerAll, .pcbox .otherinfo {
        max-width: 95%
    }

    .content-wrap aside {
        width: 100%;
        float: none
    }

    .pcbox .content-wrap aside {
        width: 20%;
        float: left
    }

    .leftBtns, .leftBtns ol {
        max-width: inherit;
        background: #EEEFEF
    }

        .leftBtns ol, .pcbox .leftBtns {
            list-style: none;
            max-width: 300px
        }

        .leftBtns a.focus:before, .leftBtns a:hover:before {
            content: '';
            border: 0;
            display: none
        }

        .leftBtns ol {
            margin-left: 7%;
            left: 0;
            z-index: 100
        }

            .leftBtns ol li {
                display: block
            }

            .leftBtns ol a {
                z-index: 990
            }

    .pcbox .leftBtns ol a {
        z-index: 0
    }

    #btn_img2 {
        font-size: 131%;
        font-weight: 400;
        color: #de3520;
        padding: 9px 15px 9px 10px;
        cursor: pointer;
        position: relative
    }

        #btn_img2:after {
            content: '';
            border: 2px solid #27A56D;
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: auto;
            position: absolute;
            border-top: none;
            border-left: none;
            right: 20px;
            top: 0;
            bottom: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        #btn_img2.images02:after {
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
            -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
            transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
            margin-left: 0
        }

    .content-wrap .container {
        background: #FFF;
        float: none;
        width: 100%;
        min-height: inherit;
        padding: 0;
        margin-bottom: 80px
    }

    .pcbox .content-wrap .container {
        float: left;
        width: 80%;
        font-size: 60%;
        min-height: 800px
    }

    footer .otherinfo:before {
        height: 0
    }

    .other_link, .share, .top_control, .words {
        padding: 10px 10px 0;
        margin-bottom: 0
    }

    .topnav {
        background: gray
    }

    .big_circle, .centerBox, .Search, .top_img {
        display: none
    }

    #navbar-menu .Search, .mobileshow, .mobileshow2 {
        display: block;
        float: none
    }

    #navbar-menu .Search {
        padding: 17px 0 16px 17px
    }

        #navbar-menu .Search input[type=text] {
            border-radius: 0
        }

        #navbar-menu .Search input.btn {
            background-color: rgba(0, 0, 0, 0)
        }

    .navbar-mobile .mobileshow, .navbar-mobile .mobileshow:first-child a:hover, .navbar-mobile .mobileshow > ul {
        background: #DA4D3D
    }

    .navbar-mobile li.green, .navbar-mobile li.green > ul, .navbar-mobile li.green a:hover {
        background: #0C512D
    }

    .navbar-mobile li.gray, .navbar-mobile li.gray > ul, .navbar-mobile li.gray a:hover {
        background: gray
    }

    .navbar-mobile li.green2 {
        background: #36815f
    }

        .navbar-mobile li.green2 > ul {
            background: rgba(252, 253, 250, 0.9)
        }

            .navbar-mobile li.green2 > ul a {
                color: #000 !important;
                text-align: center
            }

        .navbar-mobile li.green2 ul li {
            text-align: center
        }

        .navbar-mobile li.green2 iframe {
            min-height: 175px;
            max-width: 280px;
            border: 0
        }

    nav.navbar.bootsnav ul.nav > li > a:hover {
        color: #FBE7AA
    }

    .navbar {
        min-height: inherit
    }

    nav.navbar.bootsnav {
        background: none;
        z-index: 999
    }

    .fontlevel, .main_words, .navli li, .share_near {
        display: none
    }

        .navli li:before {
            border-right: 0
        }

        .navli li a {
            color: #FFF;
            display: inline-block;
            height: auto;
            line-height: inherit;
            font-size: 150%;
            padding: 0 10px;
            margin-top: 30px;
            border-radius: 5px;
            background: #F5C22B;
            text-align: center;
            vertical-align: middle
        }

        .navli li:last-child {
            display: block;
            margin: 0 5px 0 0
        }

    nav.navbar.bootsnav .navbar-brand {
        display: inline-block;
        float: none !important;
        margin: 0 !important
    }

    .navbar-header {
        float: left;
        display: block;
        text-align: center
    }

    .navwrap {
        padding: 0;
        height: 70px;
        background: #FFF;
        position: relative;
        z-index: 999;
        left: 0;
        -o-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .pcbox .navbar-toggle {
        display: none
    }

    .pcbox .navwrap {
        padding: 0;
        width: 100%;
        background: none;
        margin: auto;
        height: 82px
    }

    .pcbox .navbar-header {
        float: none;
        display: block;
        text-align: inherit
    }

    .NavFixed .navwrap {
        position: fixed
    }

    .pcbox .NavFixed .navwrap {
        display: none
    }

    .side-right .NavFixed .navwrap, .side-right .navwrap {
        position: fixed;
        left: 280px
    }

    .logo {
        height: 58px;
        top: 5px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

    .pcbox .logo {
        text-indent: -9999px;
        background: url(../images/logo4.svg) no-repeat center/contain;
        margin-left: 0
    }

    .pcbox .subnav {
        margin-top: 0;
        margin-right: 0
    }

    .pcbox .big_circle, .pcbox .centerBox, .pcbox .Search, .pcbox .top_img {
        display: block
    }

    .pcbox .fontlevel, .pcbox .main_words, .pcbox .navli li {
        display: block
    }

    .pcbox .navli li {
        margin: 0 5px 0 0
    }

    .pcbox.NavFixed > .logo {
        display: none !important
    }

    .pcbox .fontlevel li {
        width: 30px;
        margin: 5px 7px 0
    }

    .pcbox .centerBox {
        bottom: 21%
    }

    .pcbox .navli li a {
        display: inline-block;
        height: 78px;
        line-height: inherit;
        font-size: 90%;
        color: #000;
        padding: 0;
        margin-top: 26px;
        border-radius: 0;
        background: none;
        text-align: center;
        vertical-align: middle
    }

    .navbar-toggle {
        display: inline-block;
        float: left
    }

    nav.navbar.bootsnav .navbar-collapse {
        border: none;
        margin-bottom: 0
    }

    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 350px;
        overflow-y: auto !important
    }

    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important
    }

    .pcbox nav.navbar.bootsnav .navbar-collapse.collapse {
        display: block !important
    }

    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important
    }

    nav.navbar.bootsnav .navbar-collapse.collapse.show {
        display: block !important
    }

    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 -15px
    }

    .navbar-toggle .hamburger-icon, .navbar-toggle .hamburger-icon:after, .navbar-toggle .hamburger-icon:before {
        position: relative;
        display: block;
        width: 30px;
        height: 4px;
        -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        background-color: #0c512d
    }

        .navbar-toggle .hamburger-icon:after, .navbar-toggle .hamburger-icon:before {
            position: absolute;
            top: -10px;
            left: 0;
            content: ' '
        }

        .navbar-toggle .hamburger-icon:after {
            top: 10px
        }

    .side-right .hamburger-icon {
        background-color: transparent
    }

        .side-right .hamburger-icon:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0
        }

        .side-right .hamburger-icon:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 0
        }

    nav.navbar.bootsnav .navbar-nav > li {
        float: none;
        width: 100%
    }

    .dropdown-menu a:before, .dropdown .dropdown-toggle:before {
        content: "";
        position: relative
    }

    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:after {
        content: '';
        border: 2px solid #fff;
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: auto;
        position: absolute;
        border-top: none;
        border-left: none;
        right: 20px;
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .pcbox nav.navbar.bootsnav li.dropdown a.dropdown-toggle:after {
        content: "+";
        font-family: 'FontAwesome';
        font-size: 90%;
        font-weight: 500;
        position: relative;
        top: 35%;
        padding-left: 5px;
        transition: all .4s ease 0;
        border: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .pcbox nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:after {
        content: ">";
        transform: rotate(90deg);
        margin-left: 5px
    }

    .pcbox nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        padding: 0;
        background: rgba(255, 255, 255, 0.87)
    }

    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:after {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        margin-left: 0
    }

    header .navbar a:hover {
        background: inherit
    }

    nav.navbar.bootsnav .navbar-nav > li > a {
        color: #fff;
        display: block;
        width: 100%;
        padding: 10px 0;
        border-bottom: solid 1px #e0e0e0;
        margin-bottom: -1px;
        text-align: left !important
    }

    .pcbox nav.navbar.bootsnav .navbar-nav > li > a {
        border-bottom: 0;
        color: #0C512D
    }

    nav.navbar.bootsnav .navbar-nav > li:first-child > a {
        border-top: none
    }

    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
        border-bottom: solid 1px #e0e0e0
    }

    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
        float: none !important;
        position: relative;
        display: block;
        width: 100%
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: relative !important;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px !important;
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0 0 0;
        -o-border-radius: 0 0 0;
        border-radius: 0 0 0
    }

    .pcbox nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: absolute !important;
        float: none;
        border: none;
        padding: 0 !important;
        margin: 0 !important;
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0 0 0;
        -o-border-radius: 0 0 0;
        border-radius: 0 0 0;
        background: #0C512D
    }

    .pcbox header .navbar a:hover {
        color: #fff !important;
        background: #929e98
    }

    .dropdown-menu a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        color: #fff
    }

    .dropdown-menu a, .pcbox nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        padding: 10px;
        text-align: left;
        border-bottom: solid 1px #eee
    }

    .pcbox .dropdown-menu a {
        text-indent: 0
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover {
        background-color: transparent
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
        display: inline-block;
        margin-top: -10px
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
        display: none
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        margin-left: 10px;
        position: relative;
        right: -15px
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
        border-bottom: none
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #e0e0e0
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
        border-bottom: none
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107"
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px
    }

    nav.bootsnav.brand-center .navbar-collapse {
        display: block
    }

    nav.bootsnav.brand-center ul.nav {
        margin-bottom: 0 !important
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 100%;
        float: none;
        display: block
    }

        nav.bootsnav.brand-center .navbar-collapse .col-half.left {
            margin-bottom: 0
        }

    nav.bootsnav .megamenu-content {
        padding: 0
    }

        nav.bootsnav .megamenu-content .col-menu {
            padding-bottom: 0
        }

        nav.bootsnav .megamenu-content .title {
            cursor: pointer;
            display: block;
            padding: 10px 15px;
            margin-bottom: 0;
            font-weight: 400
        }

        nav.bootsnav .megamenu-content .content {
            display: none
        }

    .subnav {
        margin-top: -15px;
        margin-right: 10px;
        position: relative;
        z-index: 20
    }

    body > .wrapper {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #999;
        z-index: 9999999;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .pcbox nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        position: relative;
        overflow-y: visible !important;
        overflow-x: visible !important;
        display: block;
        background: none;
        z-index: 9999999;
        width: auto;
        height: auto !important;
        left: 0;
        top: 0;
        padding: 0
    }

    .pcbox nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
        padding: 10px 0;
        text-align: center !important
    }

    .pcbox .menu-twocolum ol {
        width: calc(100% / 2) !important;
        float: left
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
        left: 0
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show {
        left: 0
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        width: 293px;
        padding-right: 0;
        padding-left: 0;
        margin: 0;
        display: block
    }

        nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
            padding: 15px
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
            padding-right: 15px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
            padding-right: 30px !important;
            padding-top: 13px !important;
            padding-bottom: 13px !important
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
            padding-top: 13px !important;
            padding-bottom: 13px !important
        }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block !important
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none !important
    }

    nav.navbar.bootsnav.navbar-mobile .tab-content, nav.navbar.bootsnav.navbar-mobile .tab-menu {
        width: 100%;
        display: block
    }
}

@media only screen and (max-width:990px) {
    .dropdown-menu.multi-dropdown {
        left: 0 !important
    }

    nav.navbar.bootsnav ul.nav > li > a {
        margin: 0
    }
}

@media only screen and (max-width:870px) {
    .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 {
        width: 100% !important;
        float: none;
        position: relative;
        margin-left: 0
    }

    .child_say {
        width: 25vmin;
        margin-top: 0;
        position: absolute;
        padding-right: 0;
        z-index: 100;
        right: 0;
        bottom: 0
    }

    .top_bar_group2 .date_style {
        max-width: none
    }

    span.formname {
        display: none
    }

    .btn-secondary {
        margin: auto
    }

    .form-group div dfn, .form-group div font, .formname {
        font-size: inherit
    }

    .formstyle {
        width: calc(100% - 50px) !important;
        display: inline-block
    }

    .grid2 li {
        width: 25%;
        width: calc(100% / 3 - 25px)
    }

    .rwd-table th {
        display: none !important
    }

    .rwd-table > tbody > tr > td {
        display: block;
        text-align: left !important;
        border-right: 0;
        border-bottom: 0
    }

    .rwd-table {
        border: 0;
        margin: 0 auto 2%;
        background-color: #eee
    }

    .bottom_style {
        margin: 0 5px 0 0 !important
    }
}

@media only screen and (max-width:768px) {
    .btn-secondary, .col-6 {
        margin-left: 0
    }

    .timeline-content .col-4 {
        padding-right: 0
    }

    .btn-block {
        max-width: inherit
    }

    .top_bar_group {
        margin-right: 0;
        margin-bottom: 0
    }

    #hexGrid, .data_midlle_rss li, .date_style3, .grid li, .grouping_box, .list-group-item .title2, .movelist, .principal dd, .principal dt, .top_img2 a {
        width: 100% !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        max-width: none !important
    }

    #accordion .panel-title a {
        padding: 10px 60px 10px 20px
    }

    .panel-title * > :before {
        padding-right: 0;
        margin-left: 0;
        display: block;
        position: relative
    }

    .grid2 li, .grid li {
        opacity: 1
    }

    .top_bar0 {
        min-width: 100px
    }

    .top_bar0, .top_bar1, .top_bar2 {
        margin: 5px 0
    }

    .top_bar1 {
        width: calc(100% - 140px)
    }

    .sitemap .box {
        width: calc(100%)
    }

    .top_bar2 {
        min-width: 25px
    }

    .related_main li:nth-child(3n-1) {
        margin: 30px 35px
    }

    .form-control2, .form-control4 {
        width: 100%;
        max-width: inherit
    }

    .data_law li, .data_midlle_rss li {
        width: calc(100% / 2 - 20px)
    }
}

@media only screen and (min-width:1170px) {
    .timeline-date {
        width: 60px;
        height: 60px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .timeline-date.is-hidden {
        visibility: hidden
    }

    .cssanimations .timeline-date.bounce-in {
        visibility: visible;
        -webkit-animation: bounce-1 .6s;
        -moz-animation: bounce-1 .6s;
        animation: bounce-1 .6s
    }
}

@media screen and (min-width:992px) {
    .menu-twocolum {
        flex-direction: column;
        flex-wrap: wrap;
        width: 400px;
        height: 390px;
        max-height: calc(45px * 9);
        overflow: hidden
    }

    [style="font-size: 110%;"] .menu-twocolum {
        width: 420px
    }

    .dropdown.on .menu-twocolum {
        display: flex !important
    }

    .menu-twocolum li {
        min-height: 42px
    }
}

@-webkit-keyframes bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5)
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }

    to {
        -moz-transform: scale(1)
    }
}

@keyframes bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.timeline-content {
    position: relative;
    width: calc(100% - 150px);
    float: right;
    margin-bottom: 20px;
    background: #fff;
    border-radius: .25em;
    padding: 1em;
    box-shadow: 0 3px 0 #e6e6e6
}

    .timeline-content:after {
        content: "";
        display: table;
        clear: both
    }

    .timeline-content .date, .timeline-content .read-more, .timeline-content p {
        font-size: .8125rem
    }

    .timeline-content .date, .timeline-content .read-more {
        display: inline-block
    }

    .timeline-content p {
        line-height: 1.5;
        margin: 0;
        margin-left: 0;
        font-size: 110%;
        margin-bottom: 5px;
        text-align: left;
        word-break: break-word
    }

    .timeline-content .read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: #fff;
        border-radius: .25em
    }

.no-touch .timeline-content .read-more:hover {
    background-color: #bac4cb
}

.timeline-content .date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

.timeline-content:before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-right: 15px solid #fff
}

@media only screen and (min-width:1170px) {
    .cssanimations .timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: bounce-2 .6s;
        -moz-animation: bounce-2 .6s;
        animation: bounce-2 .6s
    }
}

@media only screen and (min-width:1170px) {
    .cssanimations .timeline_block:nth-child(2n) .timeline-content.bounce-in {
        -webkit-animation: bounce-2-inverse .6s;
        -moz-animation: bounce-2-inverse .6s;
        animation: bounce-2-inverse .6s
    }
}

@-webkit-keyframes bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }

    to {
        -moz-transform: translateX(0)
    }
}

@keyframes bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    to {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }

    to {
        -moz-transform: translateX(0)
    }
}

@keyframes bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width:767px) {
    .open_date li h4, .open_date li p {
        display: block;
        padding: 5px 5px 0;
        width: 100%
    }

    #accesskey_c, .accesskey {
        display: none !important
    }

    .tablerwd > tbody > tr > td {
        border-top: 0;
        padding: .5em 0
    }

    .data_law li {
        width: 100%
    }

    .date_style2 br {
        display: block
    }

    .principal li span {
        display: block;
        padding: 10px
    }

        .principal li span + span {
            padding-top: 3px
        }

        .principal li span:first-child {
            width: 100%;
            padding-bottom: 0
        }

    .principal {
        margin-bottom: 0
    }

        .principal li {
            line-height: 1.5
        }

    .principal_title {
        padding: 10px
    }
}

@media only screen and (max-width:700px) {
    .Link03 {
        display: none
    }

    .otherinfo .otherleft {
        width: 100%;
        float: left
    }

    .tablerwd > tbody > tr > td {
        padding: .5em 2em
    }

    .adviser_tab2 > tbody > tr > td, .adviser_tab > tbody > tr > td {
        white-space: inherit;
        float: left
    }

    .policy li {
        width: calc(100%)
    }

    .policy .date {
        min-height: inherit
    }
}

@media only screen and (max-width:500px) {
    #hexGrid, .data_midlle_rss li, .date_style3, .grid li, .grouping_box, .list-group-item .title2, .movelist, .principal dd, .principal dt, .top_img2 a {
        width: 100% !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 10px !important;
        max-width: none !important
    }

    .dep_main {
        display: block !important
    }

    .list-group-item .title > dfn.new_dep, .list-group-item .title > font.new_dep {
        min-width: inherit;
        max-width: inherit;
        display: block;
        margin-bottom: 5px
    }

    .list-group-item .title > span.new_dep {
        min-width: inherit;
        max-width: inherit;
        display: block;
        margin-bottom: 5px
    }

    .grid li {
        margin-bottom: 0 !important
    }

    .grid.movelist li, .grid.policy2 li.new_img, .grid.policy li {
        margin-bottom: 10px !important
    }

    .member_box .title {
        height: auto;
        overflow: inherit;
        margin-left: calc((100% - 120px) / 2);
        width: 100%
    }

    .content-wrap .container {
        min-height: 640px
    }

    .list-group-item .title, .list-group-item .title2 {
        width: calc(100%);
        margin-bottom: 0
    }

    #navbar-menu .Search input[type=text], .Search input[type=text] {
        width: 158px !important
    }

    .principal dd, .principal dt {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important
    }

    .content_main {
        margin: 10px 2%
    }

    .message_tab {
        min-width: 800px
    }

    #accesskey_C, .L, .pc, .z {
        display: none !important
    }

    .mobile {
        display: block !important
    }

    .grid li.related_link {
        width: calc(100% / 3);
        margin: 0
    }

    .related_link span {
        font-size: 100%
    }

    .main_other_link li span a {
        width: 29vmin;
        height: 29vmin;
        border: 3px solid #fff;
        border-radius: 100%;
        font-size: 100%
    }

    .tab_content {
        overflow-y: hidden;
        overflow-x: scroll
    }

    .navli li {
        margin: 0
    }

        .navli li a {
            font-size: 120%;
            margin-top: 35px
        }

    .logo {
        width: 200px
    }

    .notice_box a {
        width: 30vmin
    }

    .adviser_tab2 > tbody > tr > td, .adviser_tab > tbody > tr > td {
        white-space: inherit;
        float: left
    }

    .grid2 li {
        width: 45%;
        width: calc(100% / 2 - 25px)
    }

    .other_link, .right_content .ail, .share, .top_control, .words {
        margin-bottom: 10px;
        padding-top: 0;
        margin-top: 0;
        margin-left: 0;
        overflow: hidden
    }

    .other_img #photoshow li {
        width: calc(100% / 4 - 5px);
        margin: 2px
    }

    .content-wrap {
        width: 95%
    }

    #timeline:before {
        left: 20px
    }

    .timeline-date {
        top: -65px
    }

    .newsDate {
        height: 60px
    }

    .timeline-content {
        width: calc(100% - 40px);
        margin-bottom: 60px
    }

    #timeline {
        margin-top: 3em
    }

    .otherinfo {
        padding: 15px 0;
        max-width: 90%
    }

    nav.navbar.bootsnav ul.nav li.dropdown.green2 ul.dropdown-menu {
        padding: 0 !important
    }
}

@media only screen and (max-width:330px) {
    .logo {
        width: 170px
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        width: 250px;
        left: -250px
    }

    .side-right .NavFixed .navwrap, .side-right .navwrap {
        left: 250px
    }

    .mobileshow2 .rightnav > li > a:before {
        left: 31px
    }
}

.gsc-input-box, input.gsc-search-button, input.gsc-search-button-v2 {
    width: auto !important;
    height: auto !important;
    font-size: 100% !important
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    font-size: 90%
}

.gsc-result-info, .gsc-selected-option-container {
    font-size: 90%
}

input.gsc-input {
    font-size: 120%;
    margin-top: 0 !important
}

.gsc-adBlock {
    display: none !important
}

.gsc-result .gs-title {
    overflow: visible !important
}

.gsc-selected-option-container .gsc-selected-option {
    position: static;
    white-space: nowrap !important
}

.gsc-control-cse {
    font-family: 'Heiti TC', 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro' !important
}

.gsc-tabHeader {
    display: inline-block;
    padding: 5px 20px;
    font-size: 150%;
    margin: 2px;
    border-radius: 20px;
    height: auto;
    line-height: 27px;
    min-width: 54px;
    text-align: center
}

.gsc-tabsArea, .gsc-tabsArea > div {
    height: auto !important
}

.gsc-tabHeader.gsc-tabhActive {
    border-bottom-color: #F90 !important
}

.gsc-tabHeader {
    display: inline-block;
    padding: 5px 20px !important;
    font-weight: 700;
    font-size: 150%;
    margin: 2px;
    border-radius: 20px;
    height: auto !important;
    line-height: 27px;
    min-width: 54px;
    text-align: center
}

.gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *, .gsc-control-cse .gs-spelling {
    font-size: 105%
}

.gsc-tabHeader.gsc-tabhInactive:hover, input.gsc-search-button:focus, input.gsc-search-button:hover {
    background-color: #009E96 !important;
    color: #fff !important
}

.gsst_a {
    font-size: 130% !important
}

.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important
}

.gsc-result .gs-title {
    height: auto !important
}

.gsc-result .gs-title {
    overflow: visible !important
}

.impeachment-btn {
    text-align: right;
    margin-bottom: 20px;
    width: 100% !important;
    font-weight: 700;
    font-size: 90%
}

    .impeachment-btn a {
        display: inline-block;
        padding: 5px 10px 5px 30px;
        position: relative;
        border-radius: 15px;
        background-color: #FCD355;
        overflow: visible
    }

        .impeachment-btn a:after {
            position: absolute;
            display: block;
            top: 4px;
            left: 10px;
            content: '🙋';
            font-size: 100%
        }

.top_control.has-impeachment-btn {
    overflow: visible;
    margin-bottom: 15px
}

    .top_control.has-impeachment-btn h2 {
        position: relative
    }

.innerpage-impeachment-btn {
    width: auto !important;
    display: table-cell;
    position: absolute;
    right: 15px;
    font-size: 50%;
    vertical-align: middle;
    bottom: 0;
    margin-bottom: 0
}

    .innerpage-impeachment-btn a {
        line-height: 1.5
    }

@media screen and (max-width:991px) {
    .innerpage-impeachment-btn {
        right: 0
    }
}

@media screen and (max-width:500px) {
    .innerpage-impeachment-btn {
        right: 0
    }
}

@media screen and (max-width:600px) {
    .impeachment-btn {
        margin: 15px 0 5px
    }

    .innerpage-impeachment-btn {
        width: 100% !important;
        position: static;
        display: block;
        margin-bottom: 0
    }
}

.news-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: fill
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

a:focus {
    outline: 3px solid #FC0;
    outline-offset: -3px;
}