/*
Theme Name: hospital theme
Author: kenny
Version: 1.0
*/
@font-face {
    font-family: BpmfGenSekiGothic;
    src: url("assets/font/bpmfgensekigothic/BpmfGenSekiGothic-L.ttf") format("opentype");
}

body {
    font-family: "Microsoft JhengHei";
}

.at_notation {
    font-family: BpmfGenSekiGothic !important;
}

.at-top-sun-menu button {
    font-size: 0.8em;
    border: none;
    color: #0074BC;
}

#increase,
#medcrease,
#decrease {
    margin-right: 1px;
}

.at-top-sun-menu button[disabled] {
    color: #FFF;
}

/* :focus {
    outline: 3px dotted #ea5455;
    transition: 0.2s;
} */

h1 {
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    font-size: 1.4em;
    font-weight: normal;
}

h3 {
    font-size: 1.125em;
}

p,
span,
a,
li {
    font-size: 1rem;
}

a {
    color: #000000;
}

a:hover {
    color: #000000;
}

ul {
    padding: 0;
    margin: 0;
}

button:focus {
    outline: 0;
}

.aligncenter {
    display: block;
    margin: auto;
}

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

a[accesskey="C"] {
    position: absolute;
    top: -2px;
    left: -14px;
    color: #FFF;
}

a[accesskey="C"]:focus {
    color: #000000;
}

textarea {
    border: 1px solid #e2e2e2;
    width: 100% !important;
}

/* table basic css */
table {
    width: 100%;
    margin: 20px 0;
}

table th,
table td {
    padding: 15px 10px;
    border: 1px solid #dcdcdc;
}

table th {
    color: #FFF;
    background: #0074BC;
}

table td {
    color: #000000;
}

.gform_heading .gform_title {
    text-align: center;
}

.ginput_container_date {
    display: flex;
}

.at-page-not-found {
    margin: auto;
    margin: 50px auto;
    max-width: 60%;
    text-align: center;
}

.at-page-not-found p {
    font-size: 1.2em;
}

.at-page-not-found-title {
    font-weight: bold;
    font-size: 3em !important;
}

@media(max-width: 576px) {
    .at-page-not-found {
        max-width: 90%;
    }
}

.at-main-bg-color {
    background: #0074BC;
}

/* at-topest-area */
.at-topest-area {}

.at-container-topest {
    display: flex;
    justify-content: end;
}

.at-topest-area ul {
    padding: 5px 0;
    max-width: 1112px;
    margin: 0 auto;
}

/* py-2 mr-5 pr-5 */

/* /at-topest-area */

/* at-top-sun-menu 區塊 */
.at-top-sun-menu {}

.at-top-sun-menu ul li {
    display: inline;
}

.at-top-sun-menu ul li:not(:first-child):not(:nth-child(9)):not(:nth-child(7)):not(:nth-child(8)):before {
    content: "|";
    margin: 0 10px;
}

.at-top-sun-menu ul li a {
    text-decoration: none;
}

/* /at-top-sun-menu 區塊 */

/* at-top-logo 區塊 */
.at-top-logo {
    padding-top: 20px;
    padding-bottom: 8px;
}

@media(max-width: 991px) {
    .at-top-logo {
        padding: 20px 0;
    }
}

header {}

header>button {
    position: absolute;
    top: 27px;
    left: 15px;
    border: none;
    background: #0074BC;
    padding: 9px 13px;
    color: #FFF;
    font-size: 1.1em;
}

.logo {
    text-indent: -9999px;
    background: url(assets/images/logo.png?v=2025) no-repeat center/contain;
    width: 150px;
    height: 85px;
    position: absolute;
    top: -40px;
}

.logo-en {
    background: url(assets/images/images-en/enlogo.png) no-repeat center/contain;
}

@media (max-width: 1433px) {
    .logo {
        width: 400px;
        top: -55px;
    }
}

@media (max-width: 992px) {
    .logo {
        height: 70px;
        width: 530px;
        top: -14px;
        left: 100px;
        right: 0;
    }
}

@media (max-width: 800px) {
    .logo {
        height: 65px;
        width: 530px;
        top: -10px;
        left: 40px;
        right: 0;
    }

    .logo-en {
        height: 65px;
        width: 450px;
        top: -10px;
        left: 120px;
        right: 0;
    }
}

@media (max-width: 680px) {
    .logo {
        height: 65px;
        width: 428px;
        top: -10px;
        left: 40px;
        right: 0;
    }

    .logo-en {
        height: 65px;
        width: 370px;
        top: -10px;
        left: 120px;
        right: 0;
    }
}

@media (max-width: 576px) {
    .logo {
        width: 383px;
        height: 55px;
        top: 1px;
        left: 10px;
    }
}

@media (max-width: 500px) {
    .logo {
        width: 230px;
        height: 50px;
        top: 1px;
        left: 55px;
    }

    .logo-en {
        width: 250px;
        height: 55px;
        top: 1px;
        left: 80px;
    }
}

@media (max-width: 400px) {
    .logo {
        width: 200px;
        height: 40px;
        top: 1px;
        left: 65px;
    }

    .logo-en {
        width: 200px;
        height: 50px;
        top: 1px;
        left: 80px;
    }
}

.at-en-mobile-link {
    float: right;
    background: #0074BC;
    color: #FFF;
    padding: 10px 12px;
    margin-top: 5px;
}

.at-top-social-image {
    margin-top: 23px;
}

.at-top-social-image img {
    transition: all 0.5s;
}

.at-top-social-image img:hover {
    transition: all 0.5s;
    transform: scale(1.1);
}

.at-search {
    padding: 0 10px 0 10px;
}

.at-search a {}

.at-search a,
.at-search span,
.at-search input[type="submit"] {}

.at-search ul {
    display: inline;
    margin-right: 5px;
}

.at-search li {
    list-style: none;
    display: inline;
}

.at-search li:not(:first-child) {
    margin-right: 5px;
}

/* .at-search li:not(:first-child):not(:nth-child(2)):before {
    content: "、";
} */

.at-g-search-form-area {
    display: inline;
}

.at-search form {
    display: inline;
}

.at-search input[type="text"] {
    border: 1px #2F528F solid;
    width: 280px;
    color: #000;
    font-size: 90%;
    padding-left: 10px;
    border-radius: 5px;
}

.at-search input[type="submit"] {
    border: none;
    background-color: #0074BC;
    color: #FFF;
    font-weight: bold;
}

.at-advanced-search-button {
    color: #000000;
    padding: 0 10px;
    height: 33px;
    border: 1px solid #000000;
}

.at_advanced_button {
    color: #8FAADC;
    padding: 2.8px 5px;
    font-size: 0.9rem;
    border-radius: 3px;
    font-weight: bold;
    background: #D4DFF1;
}

/* /at-top-logo */

/* 定義五個欄位的寬度 */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    /* padding-right: 15px;
    padding-left: 15px; */
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 991px) {
    .col-md-1-5 {
        width: 100%;
        float: left;
    }

    .col-5-6 {
        width: 50%;
        float: left;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

/* /定義五個欄位的寬度 */

/* main menu */
.at-new-main-meun-area {
    background: #0074BC;
}

.at-menu-area {
    max-width: 100%;
    padding: 0
}

.at-main-menu {
    padding: 0;
}

.at-main-menu ul {
    list-style: none;
}

.at-main-menu-ul {
    width: 100%;
}

.at-main-menu-ul>li {
    flex: 1;
}

.at-main-menu-ul a {
    color: #FFF;
}

.at-main-menu-ul .dropdown-menu span {
    color: #0074BC;
    border-bottom: 1px solid #0074BC;
    display: block;
    padding-bottom: 6px;
    font-size: 1.134em;
}

.at-mega-menu-content a,
.at-general-item .dropdown-menu a {
    display: block;
    margin-top: 10px;
    color: #000000;
}

.at-main-menu-ul>li>a {
    font-size: 1.3rem;
}

@media(min-width: 992px) {
    .navbar .container {
        display: block;
    }

    .at-main-menu-ul>li {
        text-align: center;
    }

    .at-main-menu .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .at-mega-menu-item {
        position: static;
    }

    .at-mega-menu-content {
        width: 100%;
        left: 0;
        padding: 20px 10px;
        margin: 0;
    }

    .at-general-item {
        position: relative;
    }

    .at-general-item .dropdown-menu {
        text-align: center;
        min-width: 150%;
        padding: 0 5px 10px 5px;
        margin: 0;
    }

    .at-mega-menu-content,
    .at-general-item .dropdown-menu {
        background: #FFF;
        border-radius: 0;
        top: 39px;
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    }

    .at-en-main-area .at-mega-menu-content,
    .at-en-main-area .dropdown-menu {
        top: 20px;
    }

    .at-main-menu-ul {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .at-main-menu-ul>li {}

    .at-main-menu-ul>li:first-child {}

    .at-main-menu-ul>li>a {
        padding: 9px 10px;
        display: block;
        position: relative;
        font-weight: bold;
    }

    .at-en-main-area .at-main-menu-ul>li>a {
        padding: 0;
        margin-right: 13px;
    }

    .at-main-menu-ul>li>a img {
        width: 15px;
        position: absolute;
        left: 15px;
        top: 15px;
    }
}

@media(max-width: 991px) {
    .at-en-mobile-button {
        float: right;
        /* background: #EEE; */
        color: #000000;
        padding: 10px 15px;
    }

    .at-main-menu-ul a {
        color: #000000;
    }

    .at-main-menu-area {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 300px;
        left: -400px;
        transition: 0.4s;
        overflow: scroll;
        z-index: 9999;
        background: #eee;
    }

    .in {
        transition: 0.4s;
        left: 0;
    }

    #at_mobile_menu_open {
        border: none;
        font-weight: bold;
        font-size: 1em;
        left: 32px;
        top: 22px;
        background: #FFF;
        color: #000000;
        padding: 10px 14px;
    }

    #at_mobile_menu_close {
        border: none;
        background: #007F7E;
        color: #FFF;
        padding: 10px 20px;
        position: absolute;
        top: 0;
    }

    .at-main-menu .dropdown-menu {
        position: static;
        float: none;
        border: none;
        border-radius: 0;
        margin-top: 0;
        margin-left: 2%;
        overflow: hidden;
        max-width: 100%;
    }

    .at-main-menu-ul {
        width: 100%;
    }

    .at-main-menu-ul>.dropdown {
        border-bottom: 1px #000000 solid;
    }

    .at-main-menu-ul>.dropdown>a {
        display: block;
        padding: 10px 10px 10px 25px;
    }

    .at-main-menu-ul>.dropdown>.dropdown-menu {
        margin-left: 0;
        background: #F9FBF7;
    }

    .at-main-menu-ul .dropdown-menu {
        padding: 0;
    }

    .at-main-menu-ul .dropdown-menu span {
        padding: 0;
    }

    .at-mobile-child-menu {
        border-bottom: 1px solid #007F7E;
        margin-bottom: 0;
        padding: 10px 0;
        margin-left: 32px;
        position: static;
    }

    /* .at-main-menu .dropdown>a::after,
    .at-mobile-child-menu span::after {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        content: "\f107";
        position: absolute;
        right: 20px;
    } */

    .at-one-level a::after {
        font-weight: normal !important;
    }

    .at-bd-none {
        border: none;
    }

    .at-mobile-child-menu span {
        border-bottom: none !important;
    }

    .at-mobile-child-menu ul a {
        padding-left: 15px;
    }

    .at-general-item ul li:not(:last-child) {
        border-bottom: 1px solid #007F7E;
    }

    .at-general-item ul li {
        margin-left: 32px;
    }

    .at-general-item ul li a {
        padding: 10px 0;
        color: #007F7E;
        margin-top: 0 !important;
    }
}

/* /at- */

/* 首頁 */
/* at-home-slider */
.at-home-slider img {
    width: 100%;
    height: auto;
}

/* /at-home-slider */

/* at-top-service-panel */

.at-top-service-panel table {
    margin: 0;
}

.at-top-service-panel ul {
    display: flex;
    list-style: none;
    padding-left: 0;
}

.at-top-service-panel li {
    flex: auto;
    text-align: center;
}

.at-top-service-panel li a {
    padding: 10px;
    background: #0074BC;
    display: block;
    color: #FFF;
}

.at-top-service-panel li a:hover {
    text-decoration: none;
    background: #0074BC;
}

.at-top-service-panel .tab-content {
    text-align: center;
    background: #efecec;
}

.at-top-service-panel .tab-content a {
    display: block;
    color: #000000;
    font-weight: bold;
    transition: 0.3s;
}

.at-top-service-panel .tab-content a:hover {
    text-decoration: none;
    transition: 0.3s;
}

.at-top-service-panel .tab-content img {
    display: block;
    margin: auto;
    transform: scale(1, 1);
    transition: all 0.5s ease-out;
}

.at-top-service-panel .tab-content img:hover {
    transform: scale(1.2, 1.2);
}

.at-top-service-panel select {
    border: none;
    background: #f3e9d2;
    height: 50px;
    width: 70%;
    display: block;
    margin: 0 auto;
    text-align-last: center;
    font-weight: bold;
}

.at-top-service-panel select option {}

@media(max-width: 544px) {
    .at-top-service-panel ul {
        display: none;
    }

    .at-top-service-panel .tab-content {
        margin: 0 auto;
        margin-top: 0.25em;
        width: 100%;
    }
}

@media(min-width: 545px) {
    .at-top-service-panel select {
        display: none;
    }
}

.at-nav-tabs {
    text-align: center;
    border-bottom: 1px solid #0074BC;
    margin-top: 20px;
}

.at-nav-tabs li {
    display: inline-block;
}

.at-nav-tabs li a.show {
    border: solid #0074BC;
    border-width: 1px 1px 0px 1px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(to bottom, #ccf4fe 0%, #ffffff 40%);
}

.at-nav-tabs li a {
    padding: 10px 50px;
    display: block;
}

@media(max-width: 768px) {
    .at-nav-tabs li a {
        padding: 10px 20px;
    }

    .at-nav-tabs-style-two li a {
        padding: 10px 10px;
    }
}

@media(max-width: 450px) {
    .at-nav-tabs li a {
        padding: 10px 10px;
    }
}

@media(max-width: 310px) {
    .at-nav-tabs li a {
        padding: 10px 3px;
    }
}

.at-top-service-panel .tab-pane {
    overflow: hidden;
    padding: 0;
}

.at-tab-list {
    max-width: 1160px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

@media(max-width: 1320px) {
    .at-tab-list {
        max-width: 980px;
    }
}

@media(max-width: 990px) {
    .at-tab-list {
        max-width: 825px;
    }
}

@media(max-width: 825px) {
    .at-tab-list {
        max-width: 660px;
    }
}

@media(max-width: 660px) {
    .at-tab-list {
        max-width: 495px;
    }
}

@media(max-width: 495px) {
    .at-tab-list {
        max-width: 330px;
    }
}

@media(max-width: 330px) {
    .at-tab-list {
        max-width: 270px;
    }
}

.at-tab-list li {
    float: left;
    width: 150px;
    height: 150px;
    margin: 0px 0px 12px 12px;
}

.at-tab-list li:first-child {
    background-image: url("assets/images/home/tabs/go.jpg");
    width: 310px;
    height: 310px;
}

.tab-list-bg-one {
    background-image: url("assets/images/home/tabs/go.jpg") !important;
}

.tab-list-bg-two {
    background-image: url("assets/images/home/tabs/message.jpg") !important;
}

.tab-list-bg-three {}

.tab-list-bg-four {
    background-image: url("assets/images/home/tabs/talk.jpg") !important;
}

.tab-list-bg-five {
    background-image: url("assets/images/home/tabs/share.jpg") !important;
}

.tab-list-en-bg-one {
    background-image: url("assets/images/images-en/en-tabs-one.jpg") !important;
}

.at-tab-list li a {
    display: block;
    position: relative;
}

.at-tab-list li a span {
    color: #FFF;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #0074BC;
    font-size: 0.9em;
    padding: 3px 0;
}


@media(min-width:768px) {
    .at-top-service-panel td:first-child {
        width: 20%;
    }
}

/* /at-top-service-panel */

/* at-news_tab_area */
.at-news_tab_area {
    padding: 0 15px;
}

.at-news-tab-item {
    background: #FFF;
    margin: 20px auto 0 auto;
    max-width: 1150px;
    padding: 16px 15px 25px 15px;
    position: relative;
}

.at-more-info-text {
    position: absolute;
    right: 15px;
    bottom: 8px;
}

.at-more-info-text:hover {
    color: #CF5675;
}

.at-home-panel-news {
    text-align: left !important;
}

.at-home-panel-news tr {
    border-bottom: 1px solid rgb(202, 202, 202);
}

.at-home-panel-news tr:nth-child(even) {
    background: none !important;
}

.at-home-panel-news tr td:first-child {
    width: 15%;
}

.at-home-panel-news td:nth-child(2) {
    text-align: left !important;
}

.at-panel-news-img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

@media(max-width: 768px) {
    .at-home-panel-news tr td:first-child {
        width: 100%;
    }
}

/* /at-news_tab_area */

/* at-img-slider-area */
.at-img-slider-area {
    max-width: 1150px;
    margin: 30px auto 0 auto;
}

.at-img-slider-area .col-md-1-5 {
    margin-bottom: 15px;
}

.at-img-slider-area a {
    display: block;
}

.at-banner-slider a {
    padding: 0 5px;
}

.at-home-title {
    font-size: 1.5em;
    color: #0074BC;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    position: relative;
    padding-left: 62px;
}

.at-home-title::before {
    content: "";
    background-image: url(assets/images/home/title/icon_apply.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    left: 25px;
    top: 7px;
    position: absolute;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.at-home-title img {
    position: absolute;
    top: 7px;
    left: 25px;
    width: 25px;
}

.at-img-slider-area img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.at-img-slider-5 a,
.at-img-slider-6 a {
    padding: 0 5px;
}

/* /at-img-slider-area */

/* at-info-area */
.at-info-area {
    max-width: 1160px;
    margin: 30px auto 0 auto;
}

.at-info-area-item {
    background: #FFF;
    padding: 15px;
}

.at-info-area-item .at-p-title {
    font-weight: bold;
}

.at-info-area-item p {
    margin-bottom: 5px;
    font-size: 0.95em;
}

.at-map-link {
    display: block;
    margin-bottom: 25px;
}

.at-info-more {
    display: block;
    position: absolute;
    bottom: -10px;
    right: 10px;
    color: red;
}

.at-info-title {
    color: #0074BC;
}

.at-info-table td {
    border: none;
}

.at-info-table tr {
    margin-bottom: 2px;
    display: block;
}

.at-info-table td:first-child {
    background: #0056b3;
    color: #FFF;
}

.at-info-table td:nth-child(2) {
    background: #ccc;
}

.at-mobile-padding {
    padding: 0 15px;
}

@media(max-width: 991px) {
    .at-mobile-marign {
        margin-top: 20px;
    }
}

/* /at-info-area */

/* /首頁 */



/* at-top-hide-area-2 */
.at-top-hide-area-2 {
    position: fixed;
    text-align: center;
    z-index: 999;
    right: 0;
    top: 20%;
    padding: 10px 10px 5px 10px;
}

.at-top-hide-area-2 ul {
    list-style: none;
}

.at-top-hide-area-2 ul li a {
    background: #153162;
    color: #FFF;
    justify-content: center;
    align-items: center;
    border: 1px #7F7F7F solid;
    display: flex;
    width: 90px;
    height: 90px;
    position: relative;
}

.at-top-hide-area-2 ul li a:hover {
    text-decoration: none;
    background: #153162;
    color: #FFF;
}

.at-top-hide-area-2 ul li a i {
    position: absolute;
    top: 15px;
    font-size: 1.5em;
    padding: 5px;
    border-radius: 50%;
}

.at-top-hide-area-2 ul li a span {
    margin-top: 40px;
    font-size: 0.7em;
    font-weight: bold;
}

.at-home-one i {
    top: 10px !important;
}

.at-home-two i {
    top: 10px !important;
}

.at-home-three i {
    top: 10px !important;
}

.at-home-three span {
    font-size: 0.7em !important;
}

.at-home-four i {
    top: 20px !important;
}

@media(max-width: 768px) {
    .at-top-hide-area-2 {
        bottom: 0;
        background: #153162;
        width: 100%;
        height: 70px;
        top: inherit;
        padding: 0;
    }

    .at-top-hide-area-2 ul {
        padding: 0;
        height: 100%;
    }

    .at-top-hide-area-2 ul li {
        float: left;
        width: 25%;
        height: 100%;
    }

    .at-top-hide-area-2 ul li a {
        font-weight: bold;
        font-size: 0.89em;
        border: none;
        color: #fff;
        background: none;
        border-radius: 0;
        width: 100%;
        height: 100%;


    }

    .at-top-hide-area-2 ul li a:hover {}
}

/* /at-top-hide-area-2 */

/* at-top-hide-area */
.at-top-hide-area {
    position: absolute;
    top: 220px;
    z-index: 100;
    left: -101px;
}

.at-top-hide-area .at-float-info {
    margin-bottom: 50px;
}

.at-top-hide-area .at-float-info .at-float-item {
    display: inline-flex;
    margin-left: -399px;
    transition: all 0.5s ease-in-out;
}

.at-top-hide-area .at-float-info .at-display {
    margin-left: 102px;
}

.at-top-hide-area .at-float-info .at-float-item .at-float-left {
    width: 500px;
    min-height: 50px;
    /* background: rgba(130, 12, 12, 0.39); */
    background: #EDF3EA;
    padding: 49px 20px 20px 20px;
    color: #FFF;
}

.at-top-hide-area .at-float-info .at-float-item .at-float-left img {
    width: 100%;
    height: auto;
}

.at-top-hide-area .at-float-info .at-float-item .at-float-right .fas.fa-user-nurse,
.at-top-hide-area .at-float-info .at-float-item .at-float-right .fab.fa-line {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.at-top-hide-area .at-float-info .at-float-item .at-float-right {
    background: #0074BC;
}

.at-top-hide-area .at-float-info .at-float-item .at-float-right a {
    text-align: center;
    display: block;
    width: 60px;
    height: 100%;
    padding: 30px 15px 22px;
    z-index: 100;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 5px;
}

.at-top-hide-area .at-float-info .at-float-item .at-float-right a:hover {
    text-decoration: none;
}

.first-come-item {
    display: block;
    text-align: center;
}

.first-come-item i {
    display: block;
    margin-bottom: 10px;
    font-size: 3em;
    color: #0074BC;
}

.first-come-item:hover {
    text-decoration: none;
}

/* /at-top-hide-area */

/* at-top-hide-area-3 */
.at-top-hide-area-3 {
    position: fixed;
    top: 40%;
    z-index: 100;
    right: -500px;
    transition: all 0.5s ease-in-out;
}

.at-top-hide-area-3.at-display {
    right: 0 !important;
    transition: all 0.5s ease-in-out;
}

.at-top-hide-area-3 .at-float-info {
    margin-bottom: 50px;
}

.at-top-hide-area-3 .at-float-info .at-float-item {
    display: inline-flex;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-left {
    max-width: 500px;
    background: #e4f5ff;
    padding: 20px;
    color: #FFF;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-right .fas,
.at-top-hide-are-3 .at-float-info .at-float-item .at-float-right .fab {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-left {
    text-align: center;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-left .fas {
    display: block;
    font-size: 2em;
    color: #000000;
    margin-bottom: 15px;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-left a {
    color: #000000;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-left .row {
    padding: 10px;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-right {
    background: #0074BC;
    height: 180px;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-right a {
    text-align: center;
    display: block;
    width: 60px;
    height: 100%;
    padding: 30px 15px 22px;
    z-index: 100;
    color: #fff;
    font-size: 1.1em;
}

.at-top-hide-area-3 .at-float-info .at-float-item .at-float-right a:hover {
    text-decoration: none;

}

/* /at-top-hide-area */

/* at-hide-area */
.at-hide-area #mobile-hide-area1,
.at-hide-area #mobile-hide-area2 {
    margin: auto;
    max-width: 944px;
    text-align: center;
    margin-bottom: 20px;
}

.at-hide-area #mobile-hide-area1 .toast-header,
.at-hide-area #mobile-hide-area2 .toast-header {
    background: #23527c;
}

.at-hide-area #mobile-hide-area1 .toast-header p,
.at-hide-area #mobile-hide-area2 .toast-header p {
    color: #FFF;
    font-weight: bold;
    font-size: 1.4em;
}

.at-hide-area #mobile-hide-area1 .toast-header button span,
.at-hide-area #mobile-hide-area2 .toast-header button span {
    font-size: 1.7em;
    color: #FFF;
}

.at-hide-area .toast-body {
    padding: 0;
}

.at-hide-area .toast-body .at-float-info .at-float-item .at-float-left .fas {
    display: block;
    font-size: 3em;
    color: #1A5F4D;
    margin-bottom: 15px;
}

.at-hide-area .toast-body .at-float-info .at-float-item .at-float-left a {
    color: #1A5F4D;
    font-size: 1.2em;
    font-weight: bold;
}

.at-hide-area .at-red {
    color: #23527c !important;
}

.at-hide-area .toast-body .at-float-info .at-float-item .at-float-left .row {
    padding: 20px;
}

.at-hide-area a:hover {
    text-decoration: none;
}

/* /at-hide-area */

/* at-top-news */
.at-top-news {
    padding: 5px 0 0 0;
}

.at-top-news img {
    max-width: 100%;
    height: auto;
}

.at-top-news .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.at-top-news .container-fluid>.row {
    margin-right: 0;
    margin-left: 0;
}

.at-top-news .container-fluid .row .at-left-area {
    padding-left: 5px;
}

@media(min-width: 991px) {

    .at-top-news .at-left-area .slick-prev,
    .at-top-news .at-left-area .slick-next {
        display: none !important;
    }
}

@media(max-width: 991px) {

    .at-top-news .at-left-area .slick-prev:before,
    .at-top-news .at-left-area .slick-next:before {
        font-size: 1em;
    }

    .at-top-news .at-left-area .slick-prev {
        left: 10px;
        z-index: 999;
    }

    .at-top-news .at-left-area .slick-next {
        right: 40px;
        z-index: 999;
    }

    .at-top-news .container-fluid .row .at-left-area {
        padding-left: 0;
        padding-right: 0;
    }
}


@media(max-width: 991px) {
    .at-top-news {
        margin-top: 20px;
    }
}

.at-top-news .at-left-area .at-info-left-item {
    position: relative;
}

.at-top-news .at-left-area .at-info-left-item img {
    width: 100%;
    max-height: 755px;
}

.at-top-news .at-left-area .at-info-left-item p {
    color: #FFF;
    font-weight: bold;
    font-size: 1.8em;
    position: absolute;
    bottom: 0;
    left: 55px;
    right: 10px;
}

.at-top-news .at-left-area .at-info-left-item a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
}


@media(max-width: 991px) {
    .at-top-news .at-left-area .at-info-left-item a {}
}

.at-top-news .at-left-area .at-info-left-item a:hover {
    background: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, .7));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), to(rgba(0, 0, 0, .7)));
    background: linear-gradient(transparent 0%, rgba(0, 0, 0, .7));
}

/*********************
* right
**********************/

.at-top-news .at-right-area {
    padding-left: 0;
}

.at-top-news .at-right-area .col-lg-6 {
    margin-bottom: 5px;
    padding-left: 2.5px;
    padding-right: 2.5px;
}

.at-top-news .at-right-area .at-info-right-item img {
    width: 100%;
    max-height: 375px;
}

.at-top-news .at-right-area .at-info-right-item p {
    color: #FFF;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 10px;
}

.at-top-news .at-right-area .at-info-right-item a {
    width: 99%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
}

.at-top-news .at-right-area .at-info-right-item a:hover {
    background: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, .7));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), to(rgba(0, 0, 0, .7)));
    background: linear-gradient(transparent 0%, rgba(0, 0, 0, .7));
}

.at-en-top-news {
    padding: 0;
}

/* at-top-middle */
.at-top-middle {
    background: #e4f5ff;
    text-align: center;
    padding: 10px 0 15px 0;
}

.at-top-middle .at-top-middle-image {
    padding-top: 5px;

}

.at-top-middle .at-top-middle-image .at-top-middle-item img {
    width: 140px;
    height: 79px;
}

.at-top-middle .at-top-middle-image-2 {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
}

.at-top-middle .at-top-middle-image-2 .at-top-middle-item-2 img {
    width: 100%;
    height: 79px;
}

@media(max-width: 991px) {
    .at-top-middle .at-top-middle-image-2 .at-top-middle-item-2 img {
        max-width: 50%;
    }
}

.at-top-middle .at-top-middle-image-2 .at-top-middle-item-2 a {
    display: block;
}

.at-top-middle .at-top-middle-image .col-md-11,
.at-top-middle .at-top-middle-image .col-md-1 {
    padding-right: 0;
    padding-left: 0;
}

.at-top-middle .at-top-middle-image span {
    color: #000000;
    font-weight: bold;
    position: relative;
    right: 15px;
    font-size: 1em;
}

@media(max-width: 768px) {
    .at-top-middle .at-top-middle-image span {
        font-size: 2.2em;
        margin: 10px 0 20px 0;
        display: block;
    }
}

.at-top-middle .container {
    max-width: 1250px;
}

.at-top-middle .at-top-middle-list .row {
    margin-left: 0;
    margin-right: 0;
}

.at-top-middle .at-top-middle-list .row .col-6 {
    padding-left: 0;
    padding-right: 5px;
    padding-top: 5px;
}

.at-top-middle .at-top-middle-list a {
    color: #FFF;
    background: #1a5f4d;
    display: block;
    transition: background 0.5s;
    padding: 5px 0;
    font-size: 1.1em;
}

.at-top-middle .at-top-middle-list a:hover {
    text-decoration: none;
    background: #5b5555;
    transition: background 0.5s;
}

/* /at-top-middle */

/* at-top-lastest */
.at-top-lastest {
    margin-top: 50px;
    font-size: 1.3em;
    padding: 0 10px;
}

.at-top-lastest .container {
    border: 3px solid #484d66;
}

@media(max-width: 991px) {

    .at-top-lastest .at-top-lastest-cat span,
    .at-top-lastest .at-top-lastest-more {
        float: right;
    }
}

@media(min-width: 991px) {
    .at-top-lastest .at-top-lastest-cat {}

    .at-top-lastest .at-top-lastest-cat span {
        position: relative;
        left: 32px;
    }
}

.at-top-lastest .at-top-lastest-cat a {
    font-weight: bold;
    color: #CC0033;
    display: block;
    text-align: left;
    display: inline-block;
}

.at-top-lastest a:hover {
    text-decoration: none;
}

.at-top-lastest .at-top-lastest-title a {
    color: #0074BC;
    font-weight: bold;
    transition: all 0.5s;
}

.at-top-lastest .at-top-lastest-title a:hover {
    color: #23527c;
    transition: all 0.5s;
}

.at-top-lastest .at-top-lastest-more a {
    color: #000000;
    font-size: 0.7em;
    transition: all 0.5s;
}

.at-top-lastest .at-top-lastest-more a:hover {
    color: #23527c;
    transition: all 0.5s;
}

.at-top-lastest>span {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 2.2em;
}

/* /at-top-lastest */

/* at-top-area-pic */
.at-top-area-pic {
    margin-top: 50px;
    font-size: 1.3em;
    padding-top: 15px;
    padding-bottom: 32px;
    background: -webkit-linear-gradient(13deg, rgb(252, 151, 177), rgb(114, 172, 226));
    background: linear-gradient(13deg, rgb(252, 151, 177), rgb(114, 172, 226));
}

.at-top-area-pic span {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 2.2em;
}

.at-top-area-pic .col-md-6,
.at-top-area-pic .col-md-3 {
    padding-right: 0;
    padding-left: 0;
}

@media(max-width: 768px) {
    .at-top-area-pic .row {
        padding-left: 10px;
    }
}

.at-top-area-pic .at-top-are-pic-item {
    margin-bottom: 10px;
    margin-right: 10px;
}

.at-top-area-pic .at-top-are-pic-item img {
    width: 100%;
    transition: all 0.5s;
}

.at-top-area-pic .at-top-are-pic-item img:hover {
    transform: scale(1.02);
    transition: all 0.5s;
}

/* /at-top-area-pic */

/* at-service-section-2 */
.at-service-section-2 img {
    transition: all 0.5s;
}

.at-service-section-2 img:hover {
    transition: all 0.5s;
    transform: scale(1.1);
}

.at-service-section-2 {
    margin-top: 50px;
}

.at-service-section-2>span {
    margin: 32px 0;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 2.2em;
}

@media(max-width: 768px) {
    .at-service-section-2 .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.at-service-section-2 p {
    font-size: 1.3em;
    margin-top: 10px;
}

.at-service2-row {
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.at-service2-2-row {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

.at-service2-3-row {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.at-boder-forever-left,
.at-border-left {
    border-left: 1px solid #dadada;
}

.at-boder-forever-right,
.at-border-right {
    border-right: 1px solid #dadada;
}

.at-border-computer-bottom {
    border-bottom: 1px solid #dadada;
}

.at-border-computer-top {
    border-top: 1px solid #dadada;
}

.at-border-mobile-bottom {
    border-bottom: 1px solid #dadada;
}

@media(max-width: 767px) {
    .at-border-bottom {
        border-bottom: 1px solid #dadada;
    }

    .at-border-left {
        border-left: none;
    }

    .at-border-right {
        border-right: none;
    }

    .at-border-mobile-bottom {
        border-bottom: none;
    }
}

/* /at-service-section-2 */

/* at-top-about-link */
.at-top-about-link {
    margin-top: 32px;
}

.at-top-about-link>span {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 2.2em;
    margin: 32px 0;
}

.at-top-about-link .container {
    max-width: 1440px;
}

.at-top-about-link .at-slider-3 {
    margin-bottom: 25px;
}

.at-top-about-link p {
    font-size: 2.5em;
    text-align: center;
    font-weight: bold;
}

.at-top-about-link img {
    max-width: 90%;
    margin: 0 auto;
}

.at-top-about-link .slick-prev:before,
.at-top-about-link .slick-next:before {
    color: #197D9C;
    font-size: 1.3rem;
}

@media(max-width: 991px) {
    .at-top-about-link .slick-prev {
        z-index: 10;
        left: 5px;
    }

    .at-top-about-link .slick-next {
        right: 5px;
    }
}

/* /at-top-about-link */

/* footer*/
/* footer {
    background: #3B5975;
    padding-top: 15px;
    color: #FFF;
    position: relative;
} */

footer {
    background: url("assets/images/footer-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #FFF;
    position: relative;
    padding-top: 200px;
}

footer a:hover {
    color: #0074BC;
}

.at-fat-footer-area a:not(.at-fat-footer-title) {
    padding: 5px;
    font-size: 0.9em;
}

.at-fat-footer-title {
    margin-bottom: 20px;
    display: inline-block;
}

#at-fat-footer li {
    list-style: none;
    line-height: 40px;
}

#at-fat-footer span {
    font-weight: bold;
    font-size: 1em;
}

.at-fat-footer-area {
    background: #e5e5e5;
    padding: 15px 0;
}

@media(max-width: 991px) {
    #at-fat-footer .col-6 {
        margin-bottom: 20px;
    }
}

.at-footer-info-area {
    margin: 15px auto 0 auto;
}

.at-footer-info-area .row {
    margin: 0;
}

.at-footer-info-area p {
    margin-bottom: 5px;
    padding: 0 10px;
}

.at-footer-anounce-text {
    margin-top: 30px;
}

.at-right-p {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 10px;
    background: #707479;
    color: #FFF;
    text-align: center;
}

.at-footer-wave {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%233B5975' fill-opacity='1' d='M0,160L80,181.3C160,203,320,245,480,229.3C640,213,800,139,960,122.7C1120,107,1280,149,1360,170.7L1440,192L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 120px;
    width: 100%;
}

@media(min-width: 1255px) {
    .at-footer-wave {
        height: 200px;
    }
}

@media(min-width: 1655px) {
    .at-footer-wave {
        height: 250px;
    }
}

@media(min-width: 2261px) {
    .at-footer-wave {
        height: 350px;
    }
}

/* /footer */
footer .at-hor-list {
    background: #f2f2f2;
}

.at-hor-list li {
    display: inline-block;
    position: relative;
    padding: 15px 10px;
}

.at-hor-list li:not(:last-child) {
    margin-right: 15px;
}

.at-hor-list li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -11px;
    top: 13px;
}

.at-social-icon-list {
    padding: 15px 10px;
}

.at-social-icon-list li {
    display: inline-block;
}

.at-social-icon-list li a {
    font-size: 1em;
    color: #000000;
    display: block;
    transition: all 0.2s ease-out;
    text-align: center;
    border: 1px solid #e3e3e3;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50px;
}

.at-social-icon-list li a:hover {
    background: #4D4D4D;
    color: #FFF;
    transform: scale(1.2, 1.2);
}

.at-fb a:hover {
    background: #2E4473 !important;
    color: #FFF;
}

.at-line a:hover {
    background: #4bc700 !important;
    color: #FFF;
}

.at-youtube a:hover {
    background: #FF0003 !important;
    color: #FFF;
}

.at-rss a:hover {
    background: #F79846 !important;
    color: #FFF;
}

.at-email a:hover {
    background: #3D95D6 !important;
    color: #FFF;
}

/* at-table */
.at-table {
    text-align: center;
}

.at-table tr:first-child td {
    background: #CF5675;
    color: #FFF;
}

.at-table tbody tr:first-child td {
    background: #FFF;
    color: #000000;
}

.at-table tr td {
    padding: 10px;
    border: 1px solid #000000;
}

/* /at-table */


/* news-cat */

/* at-news-cat-list */
.at-news-cat-list {
    background: #f8f8f8;
    width: 100%;
}

.at-news-cat-list th {
    background: #1e73c0;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    font-size: 1.2em;
}

.at-news-cat-list tr:nth-child(even) {
    background: #fff;
}

.at-news-cat-list tr td {
    padding: 15px;
    font-size: 1.25em;
}

.at-news-cat-list tr td:first-child {
    width: 25%;
    text-align: center;
}

.at-news-cat-list tr td span {
    font-size: 1em;
}

.at-news-cat-list tr td a {
    color: #1e73c0;
    font-size: 1em;
}

.at-news-cat-list tr td a:hover {
    color: #23527c;
    text-decoration: none;
}

@media(max-width: 991px) {
    .at-news-cat-list th:first-child {
        display: none;
    }

    .at-news-cat-list tr td {
        display: block;
        width: 100% !important;
        text-align: left !important;
    }

    .at-news-cat-list tr td:first-child {
        padding-bottom: 0;
    }

    .at-news-cat-list tr td:nth-child(2) {
        padding-top: 0;
    }
}

.at-func {
    position: relative;
}

@media(max-width: 991px) {
    .at-func {
        text-align: center;
    }
}

.at-pagination {
    padding: 0;
    margin-top: 32px;
}

.at-pagination li {
    list-style: none;
    display: inline-block;
    border: 1px solid #dee2e6;
    margin-bottom: 5px;
}

.at-pagination li a {
    display: block;
    padding: 5px 15px;
    color: #1e73c0;
}

.at-pagination li a:hover {
    text-decoration: none;
    background: #23527c;
    color: #FFF;
}

.at-pagination span {
    display: block;
    padding: 5px 15px;
    color: #000000;
}

a[accesskey="C"] {
    color: #FFF;
}

a[accesskey="C"]:hover {
    text-decoration: none;
}

a[accesskey="C"]:focus {
    color: #000000;
}

/* /at-news-cat-list */

/* at-back */

.at-back {
    position: absolute;
    right: 0;
    top: 8px;
}

.at-back a {
    color: #1e73c0;
}

.at-back a:hover {
    text-decoration: none;
    color: #23527c;
}

@media(max-width: 991px) {
    .at-back {
        text-align: center;
        position: static;
    }
}

/* /at-back */

/* at-page-banner */

@media(min-width: 991px) {
    .cat-col-lg-3 {
        padding-left: 110px;
    }
}

/* .at-page-banner {
    margin-bottom: -40px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 285px;
}

@media(max-width: 991px) {
    .at-page-banner {
        margin-top: 25px;
        height: 120px;
    }
} */

/* /at-page-banner */

/* /news-cat */

/* single-news */

.at-news-cate-single {
    position: relative;
    padding: 15px 20px;
}

.at-news-cate-single .at-single-cat-title {
    color: #FFF;
    background: #CF5675;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.2em;
}

.at-news-single-info {
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.at-news-single-info h2 {
    font-size: 1.6em;
    margin: 25px 0 20px 0;
    color: #2281d7;
    font-weight: bold;
}

.at-news-single-info span {
    font-size: 1.1em;
    margin-right: 20px;
}

.at-news-single-info .at-post-cat-title {
    font-size: 1.6em;
    font-weight: bold;
    margin: 5px 0 2px 0;
    display: block;
    color: #0074BC;
}

@media(max-width: 576px) {
    .at-news-single-info span {
        display: block;
        text-align: center;
    }
}

.at-news-content p {
    font-size: 1.125em;
    color: #000000;
    line-height: 40px;
}

.at-news-content img {
    max-width: 100%;
    height: auto;
}

.at-update-info span {
    display: block;
    font-size: 1.05em;
}

.at-social {
    position: absolute;
    top: 15px;
    right: 15px;
}

.at-social i {
    font-size: 1.7em;
    color: #1e73c0;
}

.at-back-single {
    position: absolute;
    right: 20px;
    bottom: 18px;
}

.at-back-single a:hover {
    text-decoration: none;
}

@media(max-width: 420px) {
    .at-back-single {
        position: static;
        text-align: center;
        margin-top: 15px;
    }
}

.at-news-youbube-video {
    margin-top: 32px;
    text-align: center;
}

.at-news-related-file {
    margin: 15px 0;
    border: 1px solid #dee2e6;
}

.at-news-related-file>span {
    background: #0074BC;
    display: block;
    color: #FFF;
    text-align: center;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.2em;
}

.at-news-related-file ul {
    padding: 0 !important;
    margin-bottom: 0;
}

.at-news-related-file ul li span {
    margin-right: 15px;
    position: relative;
}

@media(max-width: 581px) {
    .at-news-related-file ul li span {
        display: block;
        margin-bottom: 10px;
    }

    .at-news-related-file ul li {
        padding: 15px 0 15px 0;
    }
}

.at-news-related-file ul li {
    list-style: none;
    padding: 0 0 0 10px;
}

.at-news-related-file ul li:nth-child(even) {
    background: #FFF;
}

/* .at-news-related-file ul li a {
    margin-right: 15px;
} */

.at-news-related-file ul li a:hover {
    text-decoration: none;
}

.at-pdf {
    border: 1px solid #E60012;
    color: #E60012;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
}

.at-pdf:hover {
    background: #E60012;
    color: #FFF !important;
    text-decoration: none;
}

.at-word {
    color: #0056b3;
    border: 1px solid #0056b3;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
}

.at-word:hover {
    background: #0056b3;
    color: #FFF;
}

.at-odf {
    color: #596b01;
    border: 1px solid #596b01;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
}

.at-odf:hover {
    background: #596b01;
    color: #FFF;
}

.at-news-related-file .at-csv {
    color: #596b01;
    border: 1px solid #596b01;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
}

.at-news-related-file .at-csv:hover {
    background: #596b01;
    color: #FFF;
}

.at-news-related-file .at-xlsx {
    color: #596b01;
    border: 1px solid #596b01;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: bold;
}

.at-news-related-file .at-xlsx:hover {
    background: #596b01;
    color: #FFF;
}

.at-files-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}

.at-files-item a {
    margin: 0 5px;
}

.at-news-pics {
    margin: 32px 0;
    overflow: hidden;
}

.at-news-pics img {
    display: block;
    margin: 15px auto;
    width: auto;
    max-height: 250px;
}

/* /single-news  */

.page-title {
    color: #1e73c0;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
}

.at-english-page-content img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 32px auto;
    display: block;
}

.at-english-page-content blockquote p {
    color: #cf5675;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    line-height: 30px;
    font-size: 1em !important;
}

.at-english-page-content .title {
    font-weight: bold;
}

.at-english-page-content p {
    line-height: 30px;
    font-size: 1em;
}

.at-english-page-content ul li {
    margin-bottom: 10px;
}

.at-english-page-content table {
    width: 100%;
    margin: 20px 0;
}

.at-english-page-content table th {
    text-align: center;
    background: #006A95;
    color: #ffffff;
}

.at-english-page-content table td,
.at-english-page-content table th {
    border: 1px solid #d0d0d0;
    padding: 10px;
    text-align: center;
}

/* department page style */

.at-department-side-info-box {
    border: 1px solid #ece8e8;
    margin: 32px 0;
    padding: 15px;
    border-top-color: #197d9c;
}

.at-department-side-info-box .at-info-title {
    font-size: 1.2em;
    display: block;
    margin-bottom: 10px;
}

.at-department-side-info-box p {
    border-bottom: 1px solid #ece8e8;
    padding-bottom: 8px;
}

.department-feature-picture {
    max-width: 100%;
    max-height: 400px;
    margin: 32px auto -10px auto;
    display: block;
}

.at-department-title {
    margin: 32px 0 10px 0;
    font-size: 1.2em;
    border-bottom: 1px solid #3065b5;
    padding-bottom: 10px;
    font-weight: bold;
}

.at-department-info-box {
    border: 1px solid #ece8e8;
    text-align: center;
}

.at-department-info-box img {
    max-width: 100%;
}

.at-department-info-box span {
    padding: 10px;
    display: block;
    font-size: 1.1em;
}

/* at-page-sidebar-area */
.at-page-sidebar-area {
    padding: 0 0 10px 0;
    background: #FEFFFB;
    overflow: hidden;
    border: 1px solid #ddd;
}

.at-page-sidebar-title {
    color: #FFF;
    display: block;
    font-weight: bold;
    font-size: 1.3rem;
    background: #0074BC;
    padding: 8px 5px 8px 10px;
}

.at-page-sidebar-area ul {
    padding: 0;
    border-radius: 10px;
}

.at-page-sidebar-area ul li {
    list-style: none;
    padding: 10px 0 10px 20px;
}

.at-page-sidebar-area ul li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.at-page-sidebar-area ul li a {
    color: #000000;
    font-size: 1.04em;
    padding-left: 20px;
}

.at-page-sidebar-area ul li a:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #0074BC;
    position: absolute;
    left: 5px;
    top: 12px;
    border-radius: 10px;
}

.at-page-sidebar-area ul ul li a:before {
    background: none;
}

.at-page-sidebar-area ul li a:hover {
    text-decoration: none;
    color: #23527c;
}

.at-page-sidebar-area ul li ul {
    border: none;
}

.at-page-sidebar li a {
    display: block;
    position: relative;
}

.at-page-sidebar .fa-angle-down,
.at-page-sidebar .fa-angle-up {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #0074BC;
}

.at-page-sidebar .at-collapse-button {
    position: relative;
}

@media(max-width: 991px) {
    .at-page-sidebar-area {
        margin: 20px 0 10px 0;
    }
}

.at-page-sidebar-area ul li {
    padding: 10px 10px 10px 15px;
}

.at-page-sidebar-area ul li ul li:last-child {
    padding-bottom: 0;
}

.sidebar-list-2 .first-level {
    padding: 10px 0 10px 20px;
}

.sidebar-list-2 li:not(.first-level) {
    padding: 10px 10px 10px 32px;

}

.sidebar-list-2 .first-level span {
    font-size: 1.25em;
    color: #23527c;
    font-weight: bold;
}

.sidebar-list-2 .first-level span:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: bold;
    padding-right: 10px;
    color: #f09433;
}

a[accesskey="L"] {
    color: #FFF;
    position: absolute;
    top: -8px;
    left: 0;
}

a[accesskey="L"]:hover {
    text-decoration: none;
}

a[accesskey="L"]:focus {
    color: #000000;
}

/* /at-page-sidebar-area */

/* at-bread-crumb */
.at-bread-crumb {
    list-style: none;
    padding: 10px 0 !important;
}

.at-bread-crumb li {
    display: inline;
    position: relative;
    margin-right: 18px;
}

.at-bread-crumb li:not(:first-child)::before {
    content: ">";
    font-size: 0.9em;
    position: absolute;
    left: -14px;
    top: 0;
}

/* /at-bread-crumb */

.at-update-info {
    position: relative;
    margin-top: 60px;
}

.at-update-info span {
    display: block;
}

.at-back-button-area {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 !important;
}

.at-back-button-area li {
    list-style: none;
    display: inline;
    margin-left: 10px;
}

.at-back-button-area li a {
    border: 1px solid #000000;
    border-radius: 40px;
    padding: 3px 30px;
    transition: all 0.2s;
    font-size: 0.9em;
}

.at-back-button-area li a:hover {
    color: #FFF;
    background: #0074BC;
    transition: all 0.2s;
}

.at_share_links {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 !important;
    margin: 0 !important;
}

@media(max-width: 991px) {
    .at_share_links {
        top: -20px !important;
    }

    .at-title-area h2 {
        margin-top: 20px;
    }

    .at-back-button-area {
        position: relative;
        text-align: center;
        margin-top: 15px;
    }
}

.at-title-area .at_share_links {
    bottom: 10px;
    top: inherit;
}

.at_share_links li {
    list-style: none;
    margin-left: 6px;
    margin-bottom: 0 !important;
    display: inline-block;
}

.at_share_links li a {
    font-size: 1em;
    color: #000000;
    display: block;
    transition: all 0.2s ease-out;
    text-align: center;
    border: 1px solid #e3e3e3;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50px;
}

.at_share_links li a:hover {
    transform: scale(1.2, 1.2);
}

.at_share_links li.at-print a:hover {
    background: #4D4D4D;
    color: #FFF;
}

.at-depart-service-list {
    margin: 32px 0 10px 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #a3a3a3;
}

.at-depart-service-list a {
    padding: 0 15px;
    font-size: 1.1em;
}

.at-depart-service-list .nav-link.active {
    color: #0074BC;
    border-bottom: 1px solid #0074BC;
    margin-bottom: -1px;
}

.at-depart-mobile-info {
    margin: 0 -15px;
}

.at-depart-mobile-info .card-header {
    padding: 0;
    border: none;
}

.at-depart-mobile-info .card {
    border: none;
}

.at-depart-mobile-list-button {
    width: 100%;
    border: none;
    text-align: left;
    padding: 15px 20px;
}

.at-depart-mobile-list-button i {
    position: absolute;
    right: 25px;
    font-size: 0.8em;
}

@media(max-width: 991px) {
    .at-depart-mobile-list-button {
        background: #FFF;
    }

    .at-depart-mobile-list-button i {
        color: #1e73c0;
    }
}

.at-doctor-list-table {
    text-align: center;
}

.at-doctor-list-table tr td:nth-child(3) {
    text-align: left;
}

.at-doctor-list-table tr td:nth-child(4) a {
    background: #0074BC;
    color: #FFF;
    display: block;
    margin-bottom: 10px;
    padding: 6px 10px;
}

.at-doctor-list-table td {
    color: #000000;
}

.at-doctor-list-table ul {
    margin: 0 !important;
    text-align: left;
}

@media(min-width: 992px) {
    .at-doctor-list-table tr th:first-child {
        width: 15%;
    }

    .at-doctor-list-table tr th:nth-child(2) {
        width: 14%;
    }

    .at-doctor-list-table tr th:nth-child(4) {
        width: 16%;
    }
}

@media(max-width: 991px) {
    h2 {
        display: inline-block;
    }

    .at-doctor-list-table tr:first-child {
        display: none;
    }

    .at-doctor-list-table td:nth-child(1) {
        position: relative;
    }

    .at-doctor-list-table td:nth-child(3) {
        text-align: left;
    }

    .at-doctor-list-mobile-open::before {
        content: "\f0fe";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        position: absolute;
        left: 32px;
    }

    .at-doctor-list-mobile-close::before {
        content: "\f146";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        position: absolute;
        left: 32px;
    }

    .at-doctor-list-table tr {
        margin-bottom: 15px;
        border: 1px solid #dcdcdc;
    }

    .at-doctor-list-table td {
        border: none;
    }

    .at-doctor-list-table td:nth-child(1),
    .at-doctor-list-table td:nth-child(2) {
        display: inline-block;
        width: 49%;
    }

    .at-doctor-list-table td:nth-child(3),
    .at-doctor-list-table td:nth-child(4) {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        border: none;
        transition: all 0.3s;
    }

    .at-add-mobile-doctor-class {
        transition: all 0.3s;
        max-height: 250px !important;
        padding: 15px !important;
        border-top: 1px solid #dcdcdc !important;
        overflow: scroll !important;
    }

    .at-doctor-list-table tr,
    .at-doctor-list-table td:nth-child(3),
    .at-doctor-list-table td:nth-child(4) {
        display: block;
    }
}

.at-album-item {
    text-align: center;
    margin-top: 15px;
}

.at-album-item img {
    max-width: 100%;
    max-height: 350px;
}

.at-album-item span {
    display: block;
}

.at-depart-contact-area {
    background: #b6def8;
    margin-bottom: 32px;
}

.at-depart-contact-title {
    font-weight: bold;
    font-size: 1.125em;
    padding: 15px 25px 0 15px;
    display: block;
}

.at-depart-contact-info {
    padding: 2px 10px;
    max-width: 70%;
    margin: auto;
    font-size: 1.1em;
    text-align: center;
}

@media(max-width: 576px) {
    .at-depart-contact-info {
        max-width: 100%;
        padding: 2px 5px;
        font-size: 0.95em;
    }
}

.at-depart-news-title {
    display: block;
    text-align: center;
    margin-bottom: -10px;
    margin-top: 15px;
    font-weight: bold;
    font-size: 1.2em;
}

.at-depart-news-list {
    text-align: center;
}

.at-depart-news-list td {
    color: #000000;
    border: none;
}

.at-depart-news-list th:first-child {
    width: 15%;
}

.at-depart-news-list th:last-child {
    width: 8%;
}

.at-depart-news-list td:nth-child(2) {
    text-align: left;
}

.at-depart-news-list tr:nth-child(even) {
    background: #8484841c;
}

.at-depart-news-list a:hover {
    color: #CF5675;
}

.at-pagination {
    padding: 0 !important;
    margin-top: 32px !important;
    text-align: center;
}

.at-pagination li {
    display: inline-block;
    border: 1px solid #dee2e6;
}

.at-pagination li a,
.at-pagination span {
    display: block;
    padding: 5px 15px;
}

.at-depart-mobile-title {
    display: block;
    font-size: 1.25rem;
}

@media(max-width: 768px) {

    .at-depart-news-list th:first-child,
    .at-depart-news-list th:nth-child(3),
    .at-depart-news-list td:nth-child(3) {
        display: none;
    }

    .at-depart-news-list tr,
    .at-depart-news-list th,
    .at-depart-news-list td {
        display: block;
    }

    .at-depart-news-list td:first-child {
        text-align: left;
        border-bottom: none;
        padding-bottom: 0;
    }

    .at-depart-news-list td:nth-child(2) {
        border-top: none;
        padding-top: 0;
    }
}

.at-page-main-content form {
    border: 1px solid #000000;
    padding: 15px 20px;
    border-radius: 10px;
    max-width: 90% !important;
}

.at-page-main-content form input:not([type="radio"]):not([type="checkbox"]) {
    border: 1px solid #e2e2e2;
    width: 100% !important;
}

.at-page-main-content form input[type="submit"] {
    background: #0074BC;
    color: #FFF;
    width: 100% !important;
    margin: auto !important;
    padding: 7px;
    font-weight: bold;
}

.at-page-main-content form input[type="submit"]:hover {
    background: #0074BC;
}

/* page-main-content */
.at-page-main-content {
    max-width: 100%;
    height: auto;
    position: relative;
    background: #FFF;
    padding: 30px 30px 20px 30px;
    overflow: hidden;
}

@media(max-width: 576px) {
    .at-page-main-content {
        word-break: break-all;
    }
}

.at-title-area {
    position: relative;
    border-bottom: 3px #eee solid;
    margin-bottom: 32px;
}

.at-title-area h2 {
    color: #000000;
    font-weight: bold;
    font-size: 1.5rem;
    color: #0074BC;
}

.at-title-area h2:after {
    content: "";
    width: 25%;
    border-bottom: 3px solid #0074BC;
    position: absolute;
    bottom: -3px;
    display: block;
}

.at-team-area h3 {
    color: #0074BC;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 18px;
}

.at-team-area h2 {
    border: none;
    padding-left: 0;
    margin-bottom: 5px;
}

.at-reg-button {
    background: #0074BC;
    color: #FFF !important;
    display: block;
    margin-bottom: 10px;
    padding: 6px 10px;
}

.at-reg-button:hover {
    color: #FFF;
}

.at-page-main-content h3,
.small-title {
    font-weight: bold;
    font-size: 1.2em;
    margin: 25px 0 10px 0;
    color: #0074BC;
}

.at-page-main-content h3 {
    position: relative;
    padding-left: 25px;
}

.at-page-main-content h3::before {
    content: '';
    background: url("assets/images/806-title-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}

.at-page-main-content p {
    margin-bottom: 9px;
    /* word-break: break-all; */
    line-height: 35px;
}

.at-page-main-content p a {
    font-size: 1em;
    color: #0074BC;
}

.at-page-main-content p a:hover {
    color: #367bbb;
}

@media(min-width: 600px) {
    p .alignleft {
        float: left;
        margin: 0 15px 0 0;
        padding: 0 10px;
    }

    p .alignright {
        float: right;
        margin: 0 15px 15px 0;
        padding: 0 10px;
    }
}

@media(max-width: 600px) {

    p .alignleft,
    p .alignnone,
    p .alignright {
        display: block;
        margin: 0 auto 5px auto;
    }
}

.at-page-main-content ul {
    margin: 18px 0;
    padding: 0 40px;
}

/* .at-page-main-content li:not(.at-depart-service-list li) {
    margin-bottom: 10px;
} */

@media(max-width: 576px) {
    .at-page-main-content ul {
        padding: 0 15px;
    }
}

.at-page-main-content {
    max-width: 100%;
    height: auto;
}

.at-page-main-content img {
    max-width: 100%;
    height: auto;
}

.at-page-banner {
    margin-bottom: 20px;
}

.at-page-banner img {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}

.at-page-main-content ul ul {
    margin: 5px 0;
    padding: 0px 10px 0px 15px;
}

.at-page-main-content ul ul li {
    list-style: none;
    position: relative;
    margin-bottom: 2px !important;
    font-size: 1em;
}

.at-page-main-content ul ul li::before {
    content: "-";
    position: absolute;
    left: -12px;
    top: 0px;
}

.at-page-sidebar-area ul ul li::before {
    display: none;
}

.at-form {
    margin: 30px auto 0 auto;
}

.at-form input {
    margin-bottom: 10px;
    padding: 5px;
}

.at-whole-page-banner {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}

@media(max-width: 991px) {
    .at-whole-page-banner {
        margin-top: 25px;
    }
}

@media(max-width: 576px) {
    .at-whole-page-banner {
        margin-top: 15px;
    }
}

.at-link-list-area {
    padding: 0px 0 0px 10px;
}

.at-link-list-area a {
    display: block;
    margin-bottom: 15px;
    width: fit-content;
}

@media(max-width: 768px) {
    .at-link-group-title {
        text-align: center;
    }
}

.at-title-pics {
    margin: 10px 0;
    text-align: center;
}

.at-title-pics span {
    display: block;
    margin-top: 5px;
}

.at-sub-title {
    font-size: 0.9em;
}

.at-title-weight {
    font-weight: bold;
    margin-bottom: 3px;
}

.at-title-pics img {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block !important;
}

.at-title-pics-item {
    margin-bottom: 25px;
}

.at-team-item-area {
    padding: 0 2px;
    margin-bottom: 5px;
}

.at-team-item {
    background: #FFF;
    text-align: center;
    margin-bottom: 25px;
}

.at-team-item .at-team-link {
    display: block;
}

.at-team-item img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: 150px;
}

.at-team-item span {
    display: block;
    margin-top: 5px;
}

.at-team-item .at-reg-button {
    background: #0074BC;
    max-width: 70%;
    margin: 5px auto 0 auto;
}

.at-page-big-banner {
    width: 100%;
}

.at-page-big-banner img {
    width: 100%;
    max-height: 100%;
    text-align: center;
}

@media(min-width: 976px) {
    .at-page-big-banner {
        /* margin-bottom: 60px; */
    }
}

.at-doctor-info {
    margin: 50px 0;
}

.at-red-text {
    color: #ED4E88
}

.at-black-text {
    color: #1D2327;
}

.at-activity-list th:last-child {
    width: 11%;
}

.at-child-page-list {
    text-align: center;
    margin: 20px 0;
}

.at-child-page-list span {
    color: #ff0000;
    font-weight: bold;
}

.at-child-page-list li {
    list-style: none;
    display: inline;
}

.at-child-page-list li:not(:first-child):not(:nth-child(2)) {
    margin: 0 5px;
}

.at-child-page-list li:not(:first-child):not(:nth-child(2))::before {
    content: "/";
    margin-right: 5px;
}

@media(min-width: 991px) {
    .time-table-list {
        width: 95%;
        margin: auto;
    }

    .time-table-list th {
        padding: 10px;
    }

    .time-table-list th:first-child {
        width: 30%;
    }

    .time-table-list th:nth-child(2) {
        width: 18%;
    }

    .time-table-list th:last-child {
        width: 3%;
    }

    /* .at-depart-news-list td:nth-child(2) {
        text-align: center;
    } */

    .time-table-list a {
        font-size: 0.9em;
    }

}

.time-table-list td:first-child {
    text-align: left;
}

.time-table-list .at-word:hover {
    color: #FFF;
    text-decoration: none;
}

.time-table-list .at-odf:hover {
    color: #FFF;
    text-decoration: none;
}


@media (min-width: 991px) {
    .at-post-list td:nth-child(2) {
        text-align: left;
    }
}

.at-map-list-item {
    background: #f2f2f2;
}

.at-map-list-item ul {
    padding: 5px 45px 25px 45px;
}

.at-map-title {
    color: #FFF !important;
    padding: 8px 10px;
    display: block;
    background: #0074BC;
}

/* begin:at-service-pics */
.at-service-pics {
    background: #888888;
    padding: 20px 12px;
    margin-top: -6px;
}

.at-service-pics .col-6 {}

.at-service-pics a {
    display: block;

    transition: all 0.8s;
}

.at-service-pics a:hover {
    transform: scale(1.1);
    transition: all 0.8s;
}

.at-service-pics .container {
    max-width: 850px;
}

.at-service-pics img {
    display: block;
    margin: auto;
}

@media(max-width: 576px) {
    .at-service-pics img {
        max-width: 80%;
    }

    .at-service-pics a {
        margin-bottom: 5px;
    }

    .mobile-right {
        margin-right: 0 !important;
    }

    .mobile-left {
        margin-left: 0 !important;
    }
}

/* end:at-service-pics */

/* begin:at-home-news */
.at-home-news {
    margin-top: 32px;
    padding: 0 15px;
}

.at-home-news-area {
    border: 3px solid #006E65;
    font-size: 1.2em;
}

.at-home-news-area table tr {
    border-bottom: 1px solid #d4d4d4;
}

.at-home-news-area table td {
    padding: 4px 0;
    font-weight: bold;
}

.at-home-news-area table td:first-child {
    width: 15%;
    color: #006E65;
    font-weight: bold;
}

.at-home-news table tr:nth-child(even) {
    background: none;
}

.more-news-button {
    display: block;
    text-align: center;
    margin: 15px auto;
    background: #0074BC;
    max-width: 25%;
    padding: 10px 10px;
    color: #FFF !important;
    font-size: 0.9em;
}

.more-news-button:hover {
    color: #FFF;
}

@media(max-width: 768px) {
    .at-home-news-area table td:first-child {
        width: 100%;
    }

    .more-news-button {
        max-width: 50%;
    }

    .at-home-news-area a {
        font-size: 0.9em;
    }

    .more-news-button {
        max-width: 100%;
    }
}

/* end:at-home-news */

/* begin:at-home-area-hos */
.at-home-area-hos {
    margin-top: 64px;
}

.at-home-area-hos a {
    display: block;
    margin-bottom: 10px;
}

.at-area-title-one {
    background: #d4d4d4;
    font-weight: bold;
    text-align: center;
    padding: 8px 10px;
    font-size: 1.3em;
}

@media(max-width: 576px) {
    .at-area-title-one {
        font-size: 1em;
    }
}

/* end:at-home-area-hos */

/* begin:at-home-shine-area */
.at-home-shine-area {
    margin-top: 64px;
    background: url(assets/images/home/bg-hos.jpg);
    background-size: cover;
    padding: 20px 0 50px 0;
    text-align: center;
    position: relative;
}

/* 
.at-home-shine-area::before {
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    z-index: -1;
    content: '';
    height: 40px;
    width: 100%;
    border-radius: 50% 50% 0 0;
    background: #d4d4d4;
}

.at-home-shine-area::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    z-index: -1;
    content: '';
    height: 40px;
    width: 100%;
    border-radius: 0 0 50% 50%;
    background: #d4d4d4;
} */

.at-home-shine-area a {
    display: block;
    margin-bottom: 15px;
}

.at-area-title-two {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin: 32px 10px 50px 10px;
    display: inline-block;
    position: relative;
}

.at-area-title-two:after {
    content: "\2000\2000\2000\2000\2000";
    text-decoration: underline wavy;
    position: absolute;
    left: 20px;
    bottom: -10px;
    color: #FCA639;
}

/* end:at-home-shine-area */

/* begin:at-home-for-people */
.at-home-for-people {
    margin-top: 32px;
    text-align: center;
}

.at-home-for-people .container {
    max-width: 835px;
}

.at-home-for-people .col-6 {
    padding: 5px;
}

.for-people-item {
    margin-bottom: 10px;
}

.for-people-item a {
    padding: 30px 30px 20px 30px;
    display: block;
    background: #FFF;
    text-align: center;
    border-radius: 10px;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
}

.for-people-item a:after {
    content: "";
    border-bottom: 2px solid #006E65;
    width: 95%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 7px;
}

.for-people-item a:hover {
    background: #006E65;
    color: #FFF;
}

.at-home-for-people a .icon {
    font-size: 2.2em;
}

.at-home-for-people a:hover span::before {
    color: #FFF;
}

.at-home-for-people a .for-people-item-text {
    display: block;
    margin-top: 15px;
}

.for-people-item a i {
    font-size: 2.2em;
}

.at-home-for-people a:hover {
    text-decoration: none;
}

@media(max-width: 576px) {
    .for-people-item-text {
        font-size: 0.8em;
    }

    .for-people-item a {
        padding: 30px 10px 20px 10px;
    }
}

/* end:at-home-for-people */

/* begin:at-home-new-doctor */
.at-home-new-doctor {
    margin-top: 32px;
    background: url(assets/images/home/bg-hos-2.jpg);
    background-size: cover;
    padding: 20px 0 60px 0;
    text-align: center;
}

.at-home-new-doctor .col-6 {
    padding: 0;
}

.at-home-new-doc-item {
    padding: 0 49px;
    margin-bottom: 10px;
}

.at-home-new-doc-item a {
    display: block;
    border: 2px #006E65 solid;
    text-align: center;
    border-radius: 100px;
    padding: 20px 32px;
}

.at-home-new-doc-item a:hover {
    text-decoration-color: #FCA639;
}

.at-span-area {
    display: block;
    margin: 15px auto 25px auto;
    width: auto;
    height: 150px;
    overflow: hidden;
    border-radius: 100%;
}

.span-text {
    display: block;
    color: #006E65;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.at-home-more-link {
    text-align: right;
    display: inline !important;
    margin-bottom: 20px;
    color: #004A72;
    font-weight: bold;
}

@media(max-width:1200px) {
    .at-span-area {
        width: 100px;
        height: 100px;
    }
}

@media(max-width: 576px) {
    .at-home-new-doc-item {
        padding: 0 20px;
    }

    .at-home-new-doc-item a {
        border-radius: 0;
    }

    .span-text {
        font-size: 1em;
    }

    .at-home-new-doc-item a {
        padding: 20px 10px;
    }
}

/* end:at-home-new-doctor */

/* begin:at-home-social */
.at-home-social {
    margin-top: 32px;
}

.at-home-social a {
    display: block;
    margin-bottom: 10px;
}

/* end:at-home-social */

/* begin:at-home-quick-menu */
.at-home-quick-menu {
    margin-top: 64px;
    text-align: center;
}

.at-home-quick-menu a {
    display: block;
    margin-bottom: 10px;
}

/* end:at-home-quick-menu */
/* 客製的 font icon */
@font-face {
    font-family: 'icomoon';
    src: url('assets/image-font/fonts/icomoon.eot?cqn9n0');
    src: url('assets/image-font/fonts/icomoon.eot?cqn9n0#iefix') format('embedded-opentype'),
        url('assets/image-font/fonts/icomoon.ttf?cqn9n0') format('truetype'),
        url('assets/image-font/fonts/icomoon.woff?cqn9n0') format('woff'),
        url('assets/image-font/fonts/icomoon.svg?cqn9n0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-1 .path1:before {
    content: "\e900";
    color: rgb(38, 37, 36);
    opacity: 0.923;
}

.icon-1 .path2:before {
    content: "\e901";
    margin-left: -1.0986328125em;
    color: rgb(38, 37, 36);
    opacity: 0.9050;
}

.icon-1 .path3:before {
    content: "\e902";
    margin-left: -1.0986328125em;
    color: rgb(38, 37, 36);
    opacity: 0.782;
}

.icon-2 .path1:before {
    content: "\e903";
    color: rgb(38, 37, 36);
    opacity: 0.894;
}

.icon-2 .path2:before {
    content: "\e904";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.827;
}

.icon-2 .path3:before {
    content: "\e905";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.841;
}

.icon-2 .path4:before {
    content: "\e906";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.831;
}

.icon-2 .path5:before {
    content: "\e907";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.819;
}

.icon-2 .path6:before {
    content: "\e908";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.819;
}

.icon-2 .path7:before {
    content: "\e909";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.835;
}

.icon-2 .path8:before {
    content: "\e90a";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.962;
}

.icon-2 .path9:before {
    content: "\e90b";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.886;
}

.icon-2 .path10:before {
    content: "\e90c";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.885;
}

.icon-2 .path11:before {
    content: "\e90d";
    margin-left: -0.7841796875em;
    color: rgb(38, 37, 36);
    opacity: 0.885;
}

.icon-3 .path1:before {
    content: "\e90e";
    color: rgb(38, 37, 36);
    opacity: 0.948;
}

.icon-3 .path2:before {
    content: "\e90f";
    margin-left: -0.677734375em;
    color: rgb(38, 37, 36);
    opacity: 0.815;
}

.icon-3 .path3:before {
    content: "\e910";
    margin-left: -0.677734375em;
    color: rgb(38, 37, 36);
    opacity: 0.716;
}

.icon-4 .path1:before {
    content: "\e911";
    color: rgb(38, 37, 36);
    opacity: 0.876;
}

.icon-4 .path2:before {
    content: "\e912";
    margin-left: -1.1298828125em;
    color: rgb(38, 37, 36);
    opacity: 0.962;
}

.icon-4 .path3:before {
    content: "\e913";
    margin-left: -1.1298828125em;
    color: rgb(38, 37, 36);
    opacity: 0.9010;
}

.icon-5:before {
    content: "\e914";
}

.icon-6 .path1:before {
    content: "\e915";
    color: rgb(38, 37, 36);
    opacity: 0.932;
}

.icon-6 .path2:before {
    content: "\e916";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.897;
}

.icon-6 .path3:before {
    content: "\e917";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.9080;
}

.icon-6 .path4:before {
    content: "\e918";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.853;
}

.icon-6 .path5:before {
    content: "\e919";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.834;
}

.icon-6 .path6:before {
    content: "\e91a";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.863;
}

.icon-6 .path7:before {
    content: "\e91b";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.878;
}

.icon-6 .path8:before {
    content: "\e91c";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.875;
}

.icon-6 .path9:before {
    content: "\e91d";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.856;
}

.icon-6 .path10:before {
    content: "\e91e";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.887;
}

.icon-6 .path11:before {
    content: "\e91f";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.898;
}

.icon-6 .path12:before {
    content: "\e920";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.856;
}

.icon-6 .path13:before {
    content: "\e921";
    margin-left: -1.4287109375em;
    color: rgb(38, 37, 36);
    opacity: 0.875;
}

.icon-7:before {
    content: "\e922";
}

.icon-8 .path1:before {
    content: "\e923";
    color: rgb(38, 37, 36);
    opacity: 0.894;
}

.icon-8 .path2:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(38, 37, 36);
    opacity: 0.86;
}

.at-title-video-area {
    position: relative;
}

.at-more-button {
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 99;
    font-size: 0.9em;
}

.at-home-button-style {
    background: #0074BC;
    padding: 3px 7px;
    color: #FFF;
}

.at-more-button:hover {
    color: #FFF;
}

.at-news-activity {
    margin-top: 25px;
    text-align: center;
}

.at-news-activity .container {
    max-width: 790px;
}

.at-news-activity-item {
    background: #FFF;
    padding: 0 15px 20px 15px;
    height: 290px;
}

.at-news-activity-item a {
    color: #153162;
}

.at-news-activity-item img {
    width: 200px;
    height: 150px;
}

.at-news-activity-item span {
    display: block;
    margin-top: 15px;
}

.at-news-activity .container {
    position: relative;
}

.at-activity-more-buttin {
    padding: 3px 10px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 100px;
}

.at-activity-more-buttin:hover {
    color: #FFF;
}

.at-home-infor-pic {
    margin-top: 62px;
    text-align: center;
}

.at-home-infor-pic ul {
    display: flex;
    list-style: none;
    padding-left: 0;
}

.at-home-infor-pic li {
    flex: auto;
    text-align: center;
}

.at-home-infor-pic li:last-child a {
    border: none !important;
}

.at-home-infor-pic li a {
    padding: 10px;
    background: #0074BC;
    display: block;
    color: #FFF;
    font-size: 1.125em;
    font-weight: bold;
    /* border-right: 1px solid #FFF; */
}

.at-home-infor-pic li a:hover {
    text-decoration: none;
}

.at-home-infor-pic .tab-content {
    text-align: center;
    background: #FFF;
    padding: 32px 10px;
}

.at-home-infor-pic .tab-content a {
    display: block;
    color: #153162;
    font-size: 1.25em;
    font-weight: bold;
    transition: 0.3s;
}

.at-home-infor-pic .tab-content a:hover {
    color: #FFF;
    transition: 0.3s;
}

.at-home-infor-pic .tab-content img {
    display: block;
    margin: auto;
    transform: scale(1, 1);
    transition: all 0.5s ease-out;
}

.at-home-infor-pic .tab-content img:hover {
    /* transform: scale(1.2, 1.2); */
}

.at-home-infor-pic select {
    border: none;
    background: #f3e9d2;
    height: 50px;
    width: 70%;
    display: block;
    margin: 0 auto;
    text-align-last: center;
    font-size: 1.4em;
    font-weight: bold;
}

.at-home-infor-pic select option {
    font-size: 0.750em;
}

@media(max-width: 544px) {
    .at-home-infor-pic select {
        margin-top: 32px;
    }

    .at-home-infor-pic ul {
        display: none;
    }

    .at-home-infor-pic .tab-content {
        margin: 0 auto;
        margin-top: 0.25em;
        width: 90%;
    }

    .at-home-infor-pic a span {
        font-size: 0.75em;
    }
}

@media(min-width: 545px) {
    .at-home-infor-pic select {
        display: none;
    }
}

/* at-home-erinfo-area */
@media(min-width:991px) {
    .col-lg-1-5 {
        max-width: 20%;
    }
}

.at-home-erinfo-item {
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    margin-bottom: 15px;
}

.at-erinf-title {
    color: #FFF;
    font-weight: bold;
    font-size: 1.5em;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.at-erinf-num {
    font-weight: bold;
    font-size: 2.1em;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.at-area-title-long::after {
    content: "\2000\2000\2000\2000\2000\2000\2000";
}

/* at-home-progress */
.at-home-progress .progress {
    height: 35px;
}

.at-home-progress-title {
    font-weight: bold;
    font-size: 1.2em;
}

.at-home-progress-text {
    font-weight: bold;
    font-size: 1.2em;
}

.at-home-progress-two.at-home-progress-text {
    color: #000000;
}

.at-home-progress-one {
    background: #153162;
}

.at-home-progress-two {
    background: #FECA01;

}

.at-home-view-area {
    margin-top: 15px;
}

/* erinfo-more-text-area */
.erinfo-more-text-area {
    text-align: left;
    position: relative;
    margin: 15px 0 0 0;
}

.erinfo-more-text-p {
    margin-bottom: 0;
}

.erinfo-more-button {
    display: inline-block !important;
    background: #0074BC;
    padding: 3px 7px;
    color: #FFF !important;
    position: absolute;
    right: 0;
    top: 0;
}

.erinfo-more-button:hover {
    color: #FFF !important;
}

@media(max-width:576px) {
    .erinfo-more-text-p {
        font-size: 1em;
    }

    .erinfo-more-text-area {
        margin: 15px 0 30px 0;
    }

    .erinfo-more-button {
        top: 35px;
    }
}

/* #at-first-time-area */
#at-first-time-area {
    position: absolute;
    text-align: center;
    z-index: 99999;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    background: rgba(0, 0, 0, 0.6);
}

#at-first-time-area img {
    height: 100vh;
}

.at-home-first-time-info {
    position: relative;
}

#first-time-close {
    position: absolute;
    right: 35%;
    top: 1%;
}

#first-time-close:hover {
    cursor: pointer;
}

#first-time-close i {
    color: #FFF;
    font-size: 2.5em;
}

@media(max-width: 1100px) {
    #first-time-close {
        right: 20%;
    }
}

@media(max-width: 991px) {
    #first-time-close {
        right: 100px;
    }
}

@media(max-width: 576px) {
    #first-time-close {
        right: 30px;
    }
}

/* #at-first-time-area */

.at-home-footer-map {
    display: block;
    margin-top: 80px;
}

.at-mobile-search {
    text-align: center;
    margin: 69px auto 20px auto;
}

.at-mobile-search input[type="text"] {
    border: 1px #a3a3a3 solid;
    width: 190px;
    height: 36px;
    background: rgba(247, 248, 248, 0.85);
    color: #000;
    font-size: 90%;
    padding-left: 10px;
}

.at-mobile-search input[type="submit"] {
    border: none;
    width: 55px;
    height: 36px;
    background-color: #007F7E;
    margin-left: -6px;
    margin-top: -2.2px;
    color: #FFF;
}

.at-mobile-font-size-area {
    margin: 15px 0;
    text-align: center;
}

.at-mobile-font-size-area .at-font-size-button li {
    display: inline;
    list-style: none;
    margin-right: 5px;
}

.at-mobile-font-size-area button {
    color: #007F7E;
    font-weight: bold;
    font-size: 1em;
    border: 1px solid #007F7E;
    padding: 5px 10px;
}

.at-mobile-font-size-area button:focus,
.at-mobile-font-size-area button:hover {
    background: #007F7E;
    color: #FFF;
}

.mobile-links-area {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.mobile-links-area a {
    display: block;
    border: 1px solid #007F7E;
    padding: 5px;
    background: #007F7E;
    color: #FFF;
}

.at-home-news-activity-title:after {
    content: "\2000\2000\2000\2000\2000\2000\2000\2000\2000";
    left: 25px;
}

.at-audio {
    width: 100%;
    margin-top: 40px;
}

.at-container {
    /* max-width: 980px !important; */
    max-width: 90% !important;
}

.at-breadcrumbs-area {
    border-bottom: solid 1px #eee;
    margin-bottom: 30px;
}

.at-page-main-content {
    background: #FEFFFB;
    border: solid 1px #eee;
    border-left: solid 2px #0074BC;
}

.at-footer-text-area {
    padding-top: 25px;
}

.at-footer-text-area p {
    font-size: 0.9rem;
    line-height: 1.25rem;
}

.contact-title {
    font-weight: bold;
    padding: 0 !important;
}

.green-line {
    height: 3px;
    background-color: #7ac142;
    border: none;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 0;
}

.contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-item:not(:last-child) {
    width: 100%;
    border-bottom: 1px solid #FFF;
    padding-bottom: 15px;
}

.contact-item:not(:first-child) {
    padding-top: 15px;
}

.contact-box i {
    color: #7ac142;
}

.contact-box i {
    margin-right: 5px;
}

.contact-item-label a {
    color: #FFF;
}

.contact-item-label a:hover {
    color: #FFF;
}

.at-home-video-and-news-area {
    background: #007E82;
    padding: 15px 10px 10px 10px;
}

.at-home-title-one {
    color: #FFF;
    font-weight: bold;
}

.at-home-news-item-area {
    position: relative;
    padding: 10px 10px 40px 10px;
    height: 100%;
}

.at-home-more-link-two {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFF;
    font-weight: bold;
    font-size: 0.8rem;
}

.at-home-more-link-two:hover {
    color: #FFF;
}

.at-home-info-number-area {
    background: #CBCBCC;
    padding: 20px 10px;
}

.at-area-title-three {
    font-weight: bold;
    text-align: center;
    font-size: 1.8rem;
}

.at-info-number-card {
    padding: 15px 10px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 5px;
}

.at-info-number-text,
.at-info-number {
    margin: 0;
    font-size: 1.1rem;
}

.at-info-number-cat {
    font-size: 0.9rem;
}

.at-info-number {
    display: block;
    margin-bottom: 15px;
}

.at-info-number-card-one {
    background: #E9FFB4;
}

.at-info-number-card-one p,
.at-info-number-card-one span {
    font-weight: bold;
    color: #007A34;
}

.at-info-number-card-two {
    background: #FFE4DC;
}

.at-info-number-card-two p,
.at-info-number-card-two span {
    font-weight: bold;
    color: #DB0006;
}

.at-info-number-card-three {
    background: #67D4DB;
}

.at-info-number-card-three p,
.at-info-number-card-three span {
    font-weight: bold;
    color: #005C81;
}

.at-home-img-grid-area {
    background: #005B5D;
    padding: 15px 10px 25px 10px;
}

.at-home-img-grid-area .at-area-title-three {
    color: #FFF;
}

.at-home-img-item {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

/* 首頁css */
.custom-btn-download {
    background-color: #007bff;
    border-color: #007bff;
    font-size: 1.25rem;
    padding: 15px 30px;
    border-radius: 50px;
}

.custom-btn-download:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* ESG Cards Section */
.at-home-page-shine-area {
    position: relative;
}

.at-home-page-shine-area::before {
    content: '';
    width: 50px;
    height: 50px;
    background-color: #9DC3E6;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: 70px;
    box-shadow:
        -60px -20px 0 -10px #7C9AB4,
        -40px -50px 0 -15px #DFEAF6;
}

.custom-card {
    border-radius: 40px;
    margin-bottom: 20px;
    padding: 50px 20px 40px 20px;
    position: relative;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.at-card-title-area {
    position: absolute;
    background: #FFF;
    border-radius: 10px;
    top: -25px;
    left: -10px;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
}

.at-card-title-item {
    position: relative;
    padding: 10px 20px 10px 70px;
}

.card-title {
    font-size: 2rem;
    font-weight: bold;
    color: #38572C;
    position: absolute;
    background: #f0f8ff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 15px;
    top: -20px;
}

.card-subtitle {
    font-weight: bold;
    font-size: 1.2rem;
}

.at-card-body span {
    font-size: 1.7rem;
}

.at-card-body p {
    margin-bottom: 10px;
}

.custom-metric-label {
    font-size: 1.7rem;
    color: #6c757d;
    margin-bottom: 5px;
    font-weight: bold;
}

.custom-metric-value {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: #6c757d;
}

.custom-metric-value span {
    color: #38572C;
}

.custom-metric-number {
    font-size: 1.7rem;
    font-weight: bold;
    color: #6c757d;
}

.custom-metric-number span {
    color: #38572C;
    font-size: 1.7rem;
}

.custom-card-one {
    background: #E1EEDA;
}

.custom-card-two {
    background: #FAE2D4;
}

.custom-card-two .card-title {
    color: #C35B12;
}

.custom-card-two .custom-metric-number,
.custom-card-two .custom-metric-value span {
    color: #C35B12;
}

.custom-card-three {
    background: #BCD6ED;
}

.custom-card-three .card-title {
    color: #1E3763;
}

.custom-card-three .custom-metric-label span,
.custom-card-three .custom-metric-number,
.custom-card-three .custom-metric-value {
    color: #1E3763;
}

@media(max-width:991px) {
    .custom-card {
        margin-bottom: 70px;
    }
}

/* Director's Message Section */
.director-message-section {
    padding: 30px;
}

.at-hr-title-area {
    margin-bottom: 15px;
}

.at-title-one {
    color: #1E4E75;
    font-weight: bold;
    font-size: 1.5rem;
}

.at-title-hr {
    background: #6c757d;
    height: 2px;
}

.at-title-hr::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #6c757d;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.at-home-page-download-button a {
    background: #1E4E75;
    display: block;
    text-align: center;
    color: #FFF;
    max-width: 50%;
    margin: 0 auto;
    padding: 8px 0;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: bold;
    position: relative;
}

.at-home-page-download-button a::after {
    content: '';
    width: 42px;
    height: 42px;
    background-color: #1E4E75;
    border-radius: 50%;
    position: absolute;
    right: -80px;
    top: 0;
}

.at-home-page-hr {
    background-color: #1E4E75;
    height: 0.65px;
}

.at-home-page-description {
    color: #1E4E75;
    font-weight: bold;
    font-size: 1.1rem;
    position: relative;
}

.at-home-page-description::before {
    content: "◆";
    left: -18px;
    position: absolute;
}

.at-home-page-description::after {
    content: '';
    width: 25px;
    height: 25px;
    background-color: #9DC3E6;
    border-radius: 50%;
    position: absolute;
    top: -45px;
    left: -15px;
    box-shadow:
        30px -25px 0 -5px #1E4E75;
}

.at-home-page-shine-area {
    background-color: #f0f8ff;
    padding: 32px 20px 10px 20px;
}

.at-home-page-title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}

.at-home-info-area {
    padding: 50px 0 60px 0;
    position: relative;
}

.at-report-img-area {
    text-align: center;
}

.at-report-img-area img {
    display: block;
    margin: 0 auto;
    background: #DFEAF6;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .director-message-section {
        flex-direction: column;
        text-align: center;
    }

    .director-photo {
        margin-bottom: 20px;
    }

    .footer-section .col-md-4 {
        margin-bottom: 30px;
    }

    .director-message-section p {
        text-align: left;
    }
}

.at-circle-direction {}

.at-english-main .at-main-menu-ul>li>a {
    font-size: 1rem;
}