@charset "utf-8";
/* 設計師用 RWD版CSS檔 style_rwd.css */
/* 說明：
    可提供設計師在此檔，針對RWD版面進行設計；非RWD版面則不需載此CSS檔。*/
@media (min-width: 1420px) {
    .main_content {
        max-width: 1420px;
        margin: 0 auto;
    }

    .nav_development {
        max-width: 1420px;
        margin: 0 auto;
        position: relative;
    }

    .footer .sitemap ul {
        max-width: 1420px;
        margin: 0 auto;
    }

    .footer_content {
        max-width: 1420px;
        margin: 0 auto;

    }

    .footer_content .copyright {
        max-width: 1420px;
        margin: 0 auto;
    }


}

@media (min-width: 1199px) {
    #sidecollapse {
        display: block;
        height: auto;
    }
}

@media (max-width: 1700px) {
    .footer .home_contact {
        right: 0;

    }
}

@media (max-width: 1424px) {
    .footer .home_contact {
        right: 0;

    }

    .nav-tabs>li>a {
        width: auto;
    }

    .home_reward .nav-tabs>li>a {
        width: auto;
    }

    .header .navbar .top_search {
        top: 53px;
    }

    body.US .nav-tabs>li:nth-child(3) a,
    body.US .nav-tabs>li:nth-child(4) a,
    body.US .nav-tabs>li:nth-child(6) a {
        padding-top: 16px;
    }
}

@media (max-width: 1199px) {
    body.news .home_ann table td {
        padding: 25px 10px;
        background-color: #fff;
    }

    .header .navbar .top_search {
        top: 76px;
    }

    .glyphicon-chevron-up:before {
        content: "";
    }

    .side1 .side-toggle {
        display: block;
        width: 100%;
        text-align: center;
        background: none;
        border-bottom: 1px solid #ddd;
        margin-top: 5px;
        background-color: #396697;
        color: #fff;
    }

    .banner .bxslider li {
        height: auto;
    }

    .epaper .banner .bxslider li {
        height: auto;
    }

    .epaper.epaper01 .banner .bxslider li {
        height: auto;
    }

    .banner .bxslider li img {
        display: block;
    }

    .header .navbar .navbar-nav {
        margin-top: 10px;
        clear: both;
        float: none;
        text-align: center;
    }

    .header .navbar .navbar-nav>li {
        float: none;
        display: inline-block;
    }

    .header .navbar .navbar-header {
        float: none;
    }

    .header .navbar .navbar-brand {
        float: left;
        margin: 23px auto 15px;
    }

    #floating {
        margin-top: -90px;
    }

    .header .navbar .top_search .search_box .search .text,
    input.gsc-input {
        width: 160px !important;
    }

    #htmlBody.row {
        flex-direction: column;
    }

    .main_content .side1 {
        width: 100%;
    }

}

@media (max-width: 991px) {

    .r_d .doctor.doctor2,
    .r_d .doctor .honor03 {
        clear: both;
    }

    .r_d .doctor img {
        margin: 0 auto;
        width: 70%;
    }

    .r_d .doctor .education,
    .r_d .doctor .work,
    .r_d .doctor .honor,
    .r_d .doctor .honor02 {
        float: left;
    }

    .r_d .doctor .honor02 {
        margin-left: 60px;
    }


    body .home_ann table .t2 {
        width: 50%;
    }

    .header .navbar .navbar-nav {
        padding: 0;
        margin: 30px -20px 0;
    }

    .content .btn-more {
        top: 12px;
    }

    .side {
        padding-bottom: 20px;
    }

    .side .nav {
        max-width: none;
        margin: 0;
        display: none;
    }

    .side.menu-open .nav {
        display: block;
    }

    .side .nav>li {
        float: none;
        display: inline-block;
        border: 0;
        margin: 0 5px;
        vertical-align: top;
    }

    .side .nav>li+li {
        border: 0;
    }

    .header .navbar .navbar-brand {
        width: 350px;
        height: 65px;
        background-size: 100%;
    }
}

@media (max-width: 767px) {
    body.home span.gray {
        color: #353535;
    }

    .epaper .theme ul li {
        display: inline-block;
    }

    .epaper .theme ul {
        font-size: 20px;
    }

    .epaper .theme ul .published {
        padding-left: 0;
    }

    .shared.news .home_ann table td {
        padding: 10px 10px;
        width: 100%;
        height: 100%;
    }

    .shared.news .home_ann .d2 {
        width: 100%;
        height: auto;

    }

    /* .shared.news .home_ann .d1 {
        width: 100%;
    } */

    .epaper .newspaper_sec {
        padding: 10px 10px 24px;
    }

    .r_d .doctor .education,
    .r_d .doctor .work,
    .r_d .doctor .honor,
    .r_d .doctor .honor02 {
        float: none;
    }

    .r_d .doctor.doctor2,
    .r_d .doctor .honor03 {

        margin-left: 5px;
    }

    .r_d .doctor .honor02 {
        margin-left: 0px;
    }

    .main {
        background-attachment: scroll;
    }

    .nav-tabs>li>a>span {
        display: unset;
    }

    body .home_ann table td {
        text-align: left;
        padding: 5px;
        border: 1px solid #d3d3d3;
    }

    body .home_ann table td.d2 {
        text-align: left;

    }

    body .home_ann table td.d22 {
        color: #fff;
        background-color: #ed7310 !important;


    }

    body .home_ann table td.d22 a {
        color: #fff;
    }

    .nav-tabs>li>a {
        font-size: 13px;
    }

    .nav-tabs>li.active>a:before {
        display: none;
    }

    /* .nav-tabs>li {
        margin: 2px 0;
        width: 33.33%;
        float: left;
    } */

    .footer .powered {
        float: none;
    }

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

    .header .navbar .navbar-brand {
        float: left;
        background-size: contain;
        width: 300px;
        height: 50px;
        margin-left: 15px;
    }

    .header .navbar .top_search .search_box .search .submit {
        right: 0px;

    }

    .header .navbar .top_search {
        margin-bottom: 20px;
        position: static;
        width: 100%;
    }

    .header .navbar .top_search .nav_development {
        padding-left: 0;
        padding-right: 0;
        align-items: flex-start;
    }

    .header .navbar .top_search .search_box .search .text {
        width: 100%;

    }

    body.home .main:before {
        top: 0;
    }

    .banner .bx-wrapper .bx-next {
        right: -30px;

    }

    .banner .bx-wrapper .bx-controls-direction a,
    .banner .bx-wrapper .bx-controls-direction a:hover {
        background-size: 60%;
    }

    #floating,
    #floating.fixed {
        top: 40px;
        margin-top: 0;
    }

    #floating .btn-floating {
        display: none;
    }

    #floating ul {
        width: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #floating.open ul {
        width: 60px;
    }

    .header .navbar .navbar-header {
        /* position: relative; */
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /* .header .navbar .navbar-toggle {
        float: none;
        margin: 0 0 20px;
        border: none;
        color: #1EB5BE;
        font-size: 18px;
        letter-spacing: 2px;
        padding-left: 14px;
        top: 50%;
        right: 10px;
        position: absolute;
        transform: translateY(-50%);
        padding: 10px;
        background-color: transparent;
    } */

    .header .navbar .navbar-toggle {
        float: none;
        border: none;
        padding-left: 14px;
        position: absolute;
        padding: 10px;
        background-color: transparent;
        margin-right: 14px;
    }

    .header .navbar .navbar-toggle:hover {
        background: none;
        color: #888;
    }

    .header .navbar .navbar-nav {
        background: none;
        border-top: 2px solid #ed7310;
        margin: 0;
        flex-direction: column;
        width: 100%;
    }

    .header .navbar .navbar-nav>li {
        display: block;
    }

    .header .navbar .navbar-nav>li+li:before {
        display: none;
    }

    .header .navbar .navbar-nav>li>a {
        width: auto;
        text-align: center;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px;
    }

    .header .navbar .top_orange .sub-nav {
        text-align: center;
        margin: 10px 0;
        position: static;
        text-align: center;
    }

    .header .navbar .btn-default {
        color: #333;
    }

    .header .navbar .lang {
        text-align: center;
        display: block;
        margin-top: 10px;
        position: static;
    }

    .header .navbar .lang .btn {
        width: 100%;
        background: none;
        font-size: 14px;
        border: none;
        float: none;
        display: block;
        padding: 8px;
    }

    .header .navbar .lang .btn,
    .header .navbar .lang .btn:active .header .navbar .lang .btn:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header .navbar .lang .dropdown-menu {
        text-align: center;
        box-shadow: none;
        float: none;
        position: static;
    }

    .footer {
        padding: 0;
    }

    .footer .sitemap {
        display: none;
    }

    .footer .copyright,
    .footer .siteinfo,
    .footer .siteinfo ul {
        display: block;
        text-align: center;
        /* float: none */
        flex-direction: column;
    }

    .footer_content .copyright>ul {
        text-align: center;
        flex-direction: column;

    }

    .footer .siteinfo ul>li {
        display: block;
    }

    .footer .siteinfo ul>li+li:before {
        display: none;
    }

    .main {
        z-index: auto;
    }

    .side .nav {
        margin-bottom: 20px;
    }

    .side .nav>li {
        float: none;
        display: block;
        margin: 0;
    }

    .side .nav>li+li {
        /*border-top: 1px solid #ABCFDB;*/
    }

    .content .list-box .txt-list li.list-header {
        display: none;
    }

    .content .list-box .txt-list li span {
        float: none;
        display: block;
        padding: 0;
    }

    .content .btn-box {
        text-align: center;
    }

    .content .btn-box .page-info select {
        width: 100px;
        display: inline-block;
    }

    .content .btn-box .pager,
    .content .btn-box .page-info {
        float: none;
    }

    .content .btn-box .pager {
        display: block;
    }

    .content .btn-box .pager li {
        margin: 0;
    }

    .content .btn-box .pager li>a {
        width: 100%;
        text-align: center;
        margin: 5px 0 0;
        padding-left: 0;
        padding-right: 0;
        display: block;
    }

    .header .navbar .top_search .search_box .search .text,
    input.gsc-input {
        width: 100% !important;
    }

    .header .navbar-collapse.collapse {
        /*width: auto;*/
        width: 100%;
    }

    .header .navbar .top_search .search_box {
        width: calc(50% - 10px);
        margin-left: 20px;
    }

    .gsc-input-box {
        padding: 0 !important;
    }

    .nav-tabs>li>a {
        height: auto;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 24px;
        height: 3px;
        border-radius: 1px;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 3px;
    }

    .nav_development.container-fluid {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .navbar-collapse.collapsing {
        min-width: 100%;
        display: block;
        overflow: hidden;
    }

    body.home .tab-content {
        margin-top: 35px;
    }

    .footer_content .copyright {
        display: flex;
        flex-direction: column;
    }

    body.epaper .np_sec {
        flex-direction: column;
    }

    .epaper .newspaper_sec h6 {
        padding: 10px 0px 10px 0px;
        text-align: start;
    }

    .epaper .newspaper_sec .btn_group {
        margin-top: 10px;
    }

    .epaper .newspaper_sec .btn_group .scp_btn,
    .newspaper_sec .btn_group .cl_btn {

        margin: 0;
    }

    .nav-tabs {
        display: block;
    }


}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }

    .float_right.collapse:not(.show) {
        display: block;
    }
}

@media (max-width: 575px) {
    .header .navbar .top_search .search_box {
        width: 80%;
    }

    .nav_development .search_box+.search_box {
        margin-left: 0;
        margin-top: 10px;
    }

    .gsc-search-button {
        /*width: 0 !important;*/
        margin-right: -6px !important;
    }

    table.gsc-search-box td {
        padding: 0 !important;
        margin-left: 0 !important;
        width: 0 !important;
    }

    body .home_ann table td.d4 {
        border-right: none;
        width: 100%;
    }
}