@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+TC:wght@100..900&display=swap');
@charset "utf-8";

body {
    font-family: "Lato"," Arial", "Noto Sans TC", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-;
}

body a:focus,
body a:hover,
body  .page-link:hover {
  /*  color: #00abeb;*/
}

/*日文版*/
.lang_JP   .hoome_mag_en {
    display:none;
}
body.lang_JP   .navbar .navbar-brand {
    background: url(../images/all/logo_jp.jpg) no-repeat;
    background-size: cover;
}

/*Header*/

body .content .pagination li > .page-link:focus,
body  .content .pagination li > .page-link:hover {
  /*  background-color: #00abeb;*/
}

body .dropdown-item {
   /* background-color: #00abeb;*/
}
    body  .header .navbar {
        box-shadow: 0px 0px 22px #40404054;
    }
    body   .navbar_top ul li.sim_b a:hover {
        color: #00abeb;
        opacity:1;
    }
    body   .header .navbar .lang {
        margin-right: 0;
        margin-left: 10px;
    }
body  .navbar_top ul li.search_1 a {
    top: unset;
}
    body .navbar .navbar-brand {
        background: url(../images/all/logo_en.jpg) no-repeat;
        background-size: cover;
        display:block;
    }

body .navbar_top ul li.newsletter,
body .navbar_top ul li.cart_2,
body .navbar_top ul li.cart_1 {
    display: none;
}
body .header .navbar .navbar-nav .nav-link:hover,
body  .header .navbar .navbar-nav .nav-link:focus {
/*    color: #00abeb;*/
}

/*banner*/

    body .banner img{
        width:100%;
    }
    /*cookie 隱私權*/
    body .cookie {
        background: #00abeb;
        z-index: 100;
        border-top: none;
        padding: 30px 5%;
    }
body .cookie .cok_box {
    display: flex;
    align-items:center;
}
    body .cookie .cok_box .cik_left p {
        margin-bottom: 0;
   
    }
body .cookie .cok_box .cik_left {
    width: 80%;
}
body .cookie .cok_box .cik_right {
    width: 20%;
}
    body .cookie .cok_box .cik_right a:focus,
    body .cookie .cok_box .cik_right a:hover {
        background-color: #fb0506;
        color: #fff;
    }
    body .cookie .cok_box .cik_right a {
        margin: 0 0 0 auto;
        display: table;
        font-size: 1.125rem;
        font-weight: bold;
        color: #00abeb;
        text-decoration: unset;
    }

    /*共用*/

.pic {
    transition: all 0.5s;
}
.annua_1 a,
.acti_left a,
.tech_left a,
.magazine_1 > .pic {
    position: relative;
    background-color: #fff;
    padding: 10px;
}
    .annua_1 a:hover,
    .acti_left a:hover,
    .tech_left a:hover,
    .magazine_1 > .pic:hover {
        box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5);
        -moz-transform: scale(1.02);
        transform: scale(1.02);
    }
    body  .main .page-info .form-select,
    body .main .page-info .form-control {
        height: auto;
        padding: 0.375rem 1.375rem 0.375rem 0.375rem;
    }
    body .btn-primary.btn-primary_grey:hover,
    body .btn-primary.btn-primary_grey:focus,
    body .btn-primary:hover, .btn-primary:focus,
    body .btn-primary:active, .btn-primary.active,
    body .open > .dropdown-toggle.btn-primary {
   /*     background: #009e9e;*/
    }
body  .btn-primary {
/*    background: #00abeb;*/
  
}

body .content .breadcrumb {
    top: 10px;
}
body .content .h2:before,
body.about .content > .h1:before {
    content: " ";
    display: block;
    position: absolute;
    width: 67px;
    height: 2px;
    bottom: 0;
    top: unset;
    left: 0;
    background-color: #fb0506;
}
    body .content .h2,
    body.about .content > .h1 {
        padding:0 0  20px;
    }
    body.home .main_content {
      padding-bottom:0;
    }
body .h2_en {
    background-color: #f9f9f9;
    padding: 20px 20px!important;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    font-size: 2rem;
    margin-bottom: 0;
    position: relative;
    font-weight: bold;
    color: #191919;
    
}
    body .h2_en:before {
        content: " ";
        display: block;
        position: absolute;
        width: 67px;
        height: 2px;
        bottom: 0;
        top: unset;
        left: 0;
        background-color: #fb0506;
    }
body .home_new_fo  .more:before {
    display: none;
}
body .home_new_fo .more {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: #fb0506;
    padding: 5px 5px;
    border-radius: 0;
    font-size: 1rem;
    text-decoration: underline;
}

    body .home_new_fo .more:focus,
    body .home_new_fo .more:hover {
        color: #fff;
        background-color: #009e9e;
    }


    /*side1*/
body .side .wid .nav li a:hover,
body .side .wid .nav li a:focus,
body .side .wid .nav li a.active {
  /*  background-color: #00abeb;
    color: #fff;*/
}

/*雜誌*/
.Activity .acti_left .item a {
    align-items:center;
}


/*影音*/
body .acti_left a:hover p.p_dgf .p_daf_1,
body .acti_left a:focus p.p_dgf .p_daf_1 {
   /* color: #00abeb;*/
}

  /*訊息*/
.Activity .acti_left_no .focd_ckfr {
    bottom: 12px;
    right: 5px;
    position: relative;
}
.news .acti_left .item {
    transition: all 0.5s;
}
.news .acti_left .item:hover {
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
}
.news .acti_left .info a:hover,
.news .acti_left   a:hover {
    box-shadow: unset;
    -moz-transform: unset;
    transform: unset;
}
body .page-box_show .pagination li > .page-link:focus,
body .page-box_show .pagination li > .page-link:hover {
 /*   background-color: #00abeb;*/
}
    body.news .content > .h1 small {
  /*      color: #00abeb !important;*/
    }
body.news.show .content > .h1.h1_nosd {
  /*  color: #00abeb!important;*/
   
}
body  .member.collect .narrate_sd, .news .narrate_sd {
    background-color: #00abeb;

}
body.news.show .keywo_box ul li a:focus,
body.news.show .keywo_box ul li a:hover,
body.Activity .acti_left .item .keywo_box ul li a:focus,
body.Activity .acti_left .item .keywo_box ul li a:hover {
    border: 1px solid #00abeb !important;
    color: #00abeb !important;
}




/*榮譽 about*/
/* --- 上方年份時間軸 CSS --- */
/*上箭頭*/
.year-nav-wrapper .slick-prev:focus {
    outline: 2px dashed #fb0506 !important;
    background: url(../images/all/arrow_left.svg) no-repeat;
    background-size: cover;
}
.year-nav-wrapper .slick-next:focus {
    outline: 2px dashed #fb0506 !important;
    background: url(../images/all/arrow_right.svg) no-repeat;
    background-size: cover;
}
.year-nav-wrapper .slick-prev:before,
.year-nav-wrapper .slick-next:before {
    display: none;
}
.year-nav-wrapper .slick-prev:hover,
.year-nav-wrapper .slick-prev {
    background: url(../images/all/arrow_left.svg) no-repeat;
    background-size: cover;
}
.year-nav-wrapper .slick-next:hover,
.year-nav-wrapper .slick-next {
    background: url(../images/all/arrow_right.svg) no-repeat;
    background-size: cover;
}

.year-nav-wrapper    .slick-arrow {
    width: 11px;
    height: 15px;
}
.award-container  .year-nav-wrapper {
    position: relative;
    margin-bottom: 40px;
    padding: 0 40px;
}

/* 時間軸灰色橫線 */
    .award-container .year-nav-wrapper::before {
        content: '';
        position: absolute;
        bottom: 24px;
        left: 40px;
        right: 40px;
        height: 1px;
        background-color: #e0e0e0;
        z-index: -1;
    }

.award-container .btn-year {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 10px 0;
}

.award-container  .btn-year .year-text {
    font-size: 1.125rem;
    font-weight: bold;
    color: #888;
    margin-bottom: 8px;
    transition: color 0.3s;
}

.award-container  .btn-year .dot {
width: 10px;
height: 10px;
background-color: #ccc;
border-radius: 50%;

}
.award-container .year-nav-wrapper   .slick-initialized .slick-slide {
    padding: 10px 10px;
}

    /* 獲選與 Focus 狀態 (無障礙重點) */
    .award-container   .btn-year.active .year-text {
        color: #000;
  
    }
    .award-container .btn-year:focus {
        outline: 2px dashed #fb0506 !important;
    }
.award-container .btn-year:hover .dot {
    background-color: #009e9e;
}
.award-container .btn-year.active .dot {
    background-color: #009e9e;
    transform: scale(1.2);
    position: relative;
    top: 2px;
}

    .award-container   .btn-year:focus-visible {
        outline: 2px solid #0088cc;
        outline-offset: 4px;
        border-radius: 4px;
    }

/* --- 下方卡片區 CSS --- */

.award-container  .year-panel {
    display: none; /* 預設隱藏非當前年份 */
}

    .award-container  .year-panel.active {
        display: block; /* 僅顯示選中的年份 */
    }

/* 讓 Slick Track 支援 Flex 排版 */
.award-container  .card-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

/* 核心關鍵：當總卡片數少於 3 則時，強制讓內容水平置中 */
  .card-slider:has(.card-item:nth-last-child(-n+2):first-child) .slick-track {
    justify-content: center;
    width:100%!important;
}

/* 確保卡片在置中時維持正當寬度（避免被 Flex 伸縮拉大） */
.award-container  .card-slider .card-item {
    height: auto;
}
.award-container .card-item:hover {
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5);
    -moz-transform: scale(1.02);
}
.award-container .card-item:focus {
    outline: 2px dashed #fb0506 !important;
}
.award-container .card-item {
    border: 1px solid #86868654;
    margin: 10px 10px;
  
}
.award-container .card-inner  .info{
    padding:15px;
}
    .award-container .card-inner .info p {
        color: #222222;
    }
    .award-container .card-inner .info h4 {
        color: #0a0a0a;
        font-size: 1.25rem;
    }
    .award-container a.card-inner {
        display: block;
        height: 100%;
    }
/*下箭頭*/
.year-content-area .slick-prev:focus,
.year-content-area .slick-prev:hover {
    background: url(../images/all/arrow_left2.svg) no-repeat #fb0506 center;
    background-size: 50%;
    outline: 2px dashed #fb0506 !important;
}
.year-content-area .slick-prev {
    background: url(../images/all/arrow_left2.svg) no-repeat #fb0506 center;
    background-size: 50%;
    left: -12px;
}
.year-content-area .slick-next:before,
.year-content-area .slick-prev:before {
    display: none;
}
.year-content-area .slick-next:focus,
.year-content-area .slick-next:hover {
    background: url(../images/all/arrow_right2.svg) no-repeat #fb0506 center;
    background-size: 50%;
    outline: 2px dashed #fb0506 !important;
}

.year-content-area .slick-next {
    background: url(../images/all/arrow_right2.svg) no-repeat #fb0506 center;
    background-size: 50%;
    right: -12px;
}
.year-content-area .slick-arrow {
    width: 30px;
    height: 50px;
    z-index:50;

}
/*首頁*/
body .new_fo_mid .info p.p_dgf {
    /*    overflow: unset;
    text-overflow: unset;
    display: block;
    -webkit-box-orient: unset;*/
    -webkit-line-clamp: 7;
}
    body .hoome_annua .d-flex .annua_1 {
        width: calc((100% - 120px) / 4);
        margin-bottom:3%;
    }
    body .hoome_annua .d-flex {
        flex-wrap: wrap;
        gap: 0 40px;
        padding-bottom:0!important;
    }
.hoome_annua .pic {
    position: relative;
}
.annua_1 a:focus .pic .dow {
    outline: 2px dashed #fb0506;
}
.annua_1 a:hover  .pic .dow {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.annua_1  .pic .dow   {
    background: url(../images/all/dow.svg) no-repeat #fff center;
    border-radius: 50%;
    width: 47px;
    height: 47px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    top: unset;
    left: unset;
    z-index: 10;
    box-shadow: 0px 0px 22px #40404054;
    transition: all 0.5s;
}
body .home_new_fo {
    margin-top: 0;
}
.home_honors  .d-flex{
    padding:30px 0 0;
   
}
body .home_honors .more {
    color: #fff;
}
.home_honors .Trophy_bg02 img.Trophy_bg02_1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode:unset;
}
.home_honors .Trophy_bg02 img {
    mix-blend-mode: plus-lighter;
}
.home_honors .Trophy_bg02 {
    width: 15%;
    position: relative;
}

.home_honors ul {
    gap: 0 30px;
    width: 85%;
    height: 100%;
    padding-top: 30px;
    padding-right: 3%;
}
    .home_honors ul li.hono_1 .be_sod {
        background-color: #00d3db;
        width: 40px;
        height: 3px;
        margin: 15px 0;
    }
    .home_honors ul li.hono_1 p {
        margin-bottom: 0;
    }
    .home_honors ul li.hono_1 h4 {
        color: #94dcfa;
        position:relative;
      
    }
    .home_honors ul li.hono_1 {
        width: calc((100% - 60px) / 3);
        border: 1px solid #147bab;
        background-color: #00abeb21;
        padding: 30px;
        color: #fff;
    }
body .home_honors .h2_en {
    background-color: unset;
    border-top: none;
    border-bottom: 1px solid #ffffff66;
    color: #fff;
}
.home_honors {
    position: relative;
    background: url(../images/all/Trophy_bg01.jpg) no-repeat;
  
}
body .info p.p_dgf {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #0a0a0a;
    font-size: 1.25rem;
}
.hoome_technology .d-flex {
    margin: 0;
    gap: 0 40px;
}
    .hoome_technology .d-flex .tech_left {
        width: calc((100% - 120px) / 4);
    }
body .desc {
    padding-left: 0;
    -webkit-line-clamp: 3;
}


    body .acti_left a:hover p.p_dgf .p_daf_1,
    body .acti_left a:focus p.p_dgf .p_daf_1 {
       /* color: #00abeb!important;*/
    }
    body .info p.p_dgf span.p_daf_1:before{
        display:none;
    }
    body .info p.p_dgf span.p_daf_1 {
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: normal;
        padding-right: 0;
        color: #000;
        position: relative;
        padding-left: 0;
        font-size: 1.25rem;
    }
.home_acti  .ratio {
    background-color: #000;
}
body  .home_acti .d-flex {
    margin: 0;
    gap: 0 40px;
   
}
body  .home_acti .d-flex .acti_left {
    width: calc((100% - 80px) / 3);
    padding:0;
}
.dow_en {
    text-decoration: underline;
    color: #fb0506;
    font-size: 0.875rem;
    padding: 20px 0;
}
body .hoome_mag_solid .magazine_1 + .magazine_1 {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}
body .hoome_mag_solid .magazine_1 {
    padding: 3% 7%;
  flex: 1;
}
body .hoome_annua .d-flex,
body .home_acti .d-flex,
body .hoome_technology .d-flex,
body .new_fo_mid {
    padding: 50px 0;
}
    body .new_fo_left .pic {
        width: 60%;
        margin-left: 5%;
    }
body .new_fo_left .info {
    width: 40%;
    position: static;
    bottom: 0;
    background-color: unset;
    padding: 0;
    color: #020202;
 
}

body .new_fo_left {
    flex: unset;
    width: 75%;
}
body .new_fo_mid a .info .date {
    color: #009e9e;
}
body .new_fo_mid a .info {
    padding: 10px;
}
body .new_fo_mid   a:hover {
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
}
    body .new_fo_left a {
        display: flex;
    }

    body  .new_fo_right {
        flex: unset;
        position: relative;
        width: 25%;
    }

        body  .new_fo_right .info p.p_dgf {
            font-size: 1.25rem;
            color: #000;
        }
    body .new_fo_left .info p.p_dgf {
        line-height: 52px;
        font-size: 2rem;
    }
body a:focus .info p.p_dgf,
body a:hover .info p.p_dgf {
    color: #fb0506;
}
    body   a:hover .pic img{
      opacity:0.7;
    }

body   span.date i {
    padding-right: 5px;
}


/*footer*/
body .footer .cop_fx {
    display: flex;
    justify-content: space-between;
    align-items:center;
}
body .footer .Accessibility {
    position: static;
}
body .footer_en{
    padding:0 5%;
}
body .footer_en .fot_right .editor ul:nth-child(2) {
    flex: 1 15%;
}
body .footer_en   .fot_right .editor ul {
    flex: 1;
}
 
body .footer_en   .fot_right {
    width: 70%;
}
body .footer_en  .fot_left {
    width: 30%;
}
body .footer_en   .fot_box {
    display: flex;
}
body .footer_en   .siteinfo ul li {
    display: flex;
}
body .footer_en   .siteinfo ul {
    width: 100%;
    display: block;
    margin-bottom: 0;
}
body .footer_en   .copyright {
    text-align: left;
}


body .footer_en   .copyright,
body .footer_en .siteinfo {
    display: block;
    padding-left: 0;
}
body .footer_en  .siteinfo ul > li + li:before {
    display: none;
}
body .footer_en   .ItriLogo {
    position: static;
    width: 235px;
    margin-bottom: 30px;
}
.lang_JP .footer_tw,
.lang_EN .footer_tw {
    display: none;
}
body .footer_en   .footer_content {
    padding: 50px 5%;
}
body .footer_en .stimap_fot > .container {
    max-width: 100%;
}


@media (max-width: 1600px) {
    body .cookie {
        padding: 20px 20px;
    }
    body .footer_en {
        padding: 0 2%;
    }
}
@media (max-width: 1199px) {
}
    @media (max-width: 991px) {
        body .footer_en .fot_right .editor ul:nth-child(2) {
            flex: 1 20%;
        }

        .home_honors ul li.hono_1 {
            padding: 20px;
        }

        .home_honors .Trophy_bg02 {
            width: 20%;
        }

        .home_honors ul {
            width: 80%;
        }

        body .hoome_mag_solid .magazine_1 {
            padding: 3% 4%;
        }

        body .new_fo_left {
            width: 70%;
        }

        body .new_fo_right {
            width: 30%;
        }

        body .banner {
            padding-top: 105px;
        }

        body .navbar-expand-md .navbar-collapse {
            justify-content: flex-end !important;
            padding-right: 2%;
        }

        body .navbar_top {
            top: 11px;
            right: 2%;
        }

        body .header .navbar .navbar-nav {
            padding: 60px 0 0;
        }

        body .navbar .navbar-brand {
       /*     width: 201px;
            height: 67px;
            background-size: cover;*/
        }
    }




    @media (max-width: 767px) {
        .year-content-area .slick-next {
            right: -6px;
        }
        .year-content-area .slick-prev {
            left: -6px;
        }
        .year-content-area .slick-arrow {
            width: 25px;
            height: 42px;
        }
        .award-container .card-inner .info p {
            font-size: 0.875rem;
        }
        .award-container .card-inner .info h4 {
            font-size: 1rem;
        }
        .award-container .year-nav-wrapper {
            margin-bottom: 0;
       
        }
        body .footer_en .ItriLogo {
            width: 155px;
            margin-bottom: 20px;
        }

        .magazine .magaz_history_box .magaz_history {
            margin-top: 0;
        }

        body .banner {
            padding-top: 64px;
        }

        body.news.Activity .acti_left_no .focd_ckfr {
            background-color: unset;
        }

        body .footer .cop_fx {
            align-items: flex-start;
            flex-direction: column;
            padding: 0 15px;
        }

        .annua_1 .pic .dow {
            width: 27px;
            height: 27px;
            right: 10px;
            bottom: 10px;
            background-size: 30%;
        }

        body.news.magazine .dow_en {
            padding-bottom: 8px !important;
        }

        .Activity .acti_left .item a {
            flex-wrap: wrap;
        }

        body.news.magazine .acti_left_no {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .dropdown-item {
            background-color: #00abeb;
        }

        body .footer_content {
            padding: 30px 0 10px;
        }

        body .footer_en .copyright {
            text-align: center;
            padding-top: 0;
        }

        body .stimap_fot {
            margin-bottom: 20px;
        }

        .stimap_fot ul li.h4 a, .stimap_fot ul li.h4 {
            padding-bottom: 0;
        }

        body .footer_en .siteinfo {
            margin-bottom: 20px;
        }

        body .footer_en .fot_right .editor ul {
            flex: 100%;
        }

        body .hoome_annua .d-flex {
            flex-wrap: wrap;
            gap: 0 20px;
        }

            body .hoome_annua .d-flex .annua_1 {
                width: calc((100% - 20px) / 2);
            }

        .home_honors {
            background-size: cover;
        }

            .home_honors .d-flex {
                flex-wrap: wrap;
                padding: 10px 0 0;
            }

            .home_honors ul {
                width: 100%;
                padding: 0 30px 30px;
            }

            .home_honors .Trophy_bg02 img {
                width: 30% !important;
                margin: 0 auto;
            }

            .home_honors .Trophy_bg02 {
                width: 100%;
            }

        l .home_honors {
            background-size: cover;
        }

        .download .annua_1 .info.pt-4,
        body .hoome_annua .annua_1 .info,
        body .home_acti .acti_left .p_dgf {
            padding-top: 5px !important;
        }

        body .info p.p_dgf span.p_daf_1 {
            font-size: 1rem;
        }

        body .date,
        body .desc {
            font-size: 0.875rem;
            line-height: unset;
        }

        body .info p.p_dgf {
            font-size: 1rem !important;
            line-height: unset;
        }

        .news .tech_left .info.pt-4,
        .hoome_technology .d-flex .tech_left .info {
            padding-top: 10px !important;
        }

        body .hoome_mag_solid .magazine_1 + .magazine_1 {
            border-left: none;
            border-right: none;
        }

        .dow_en {
            padding: 0px 0 8px;
        }

        body .home_new_fo .more {
            right: 10px;
            font-size: 0.875rem;
        }

        body .h2_en {
            font-size: 1.5rem;
            padding: 10px 10px;
        }

        body .new_fo_left .info p.p_dgf {
            line-height: normal;
            font-size: 1.25rem;
            padding-top: 1.5rem;
        }

        body .hoome_annua .d-flex,
        body .home_acti .d-flex,
        body .hoome_technology .d-flex,
        body .new_fo_mid {
            padding: 30px 0;
        }

            body .home_acti .d-flex .acti_left {
                width: 100%;
                margin-bottom: 20px;
            }

        body .home_acti .d-flex {
            flex-wrap: wrap;
        }

        .home_honors ul li.hono_1 {
            width: 100%;
        }

        .hoome_technology .d-flex {
            gap: 0 20px;
            flex-wrap: wrap;
        }

            .hoome_technology .d-flex .tech_left {
                width: calc((100% - 20px) / 2);
            }

        body .hoome_mag_solid .magazine_1 {
            width: 100%;
            padding: 3% 0;
            margin-bottom: 20px;
        }

        body .hoome_mag_en .d-flex {
            flex-wrap: wrap;
        }

        body .new_fo_left .pic {
            width: 100%;
            margin-left: 0;
        }

        body .new_fo_left .info {
            width: 100%;
        }

        body .new_fo_left a {
            flex-wrap: wrap-reverse;
        }

        body .header .navbar .navbar-nav {
            padding: 0px 0 0;
        }

        body .footer_en .fot_box {
            flex-wrap: wrap;
        }

        body .footer_en .fot_right {
            width: 100%;
        }

        body .footer_en .fot_left {
            width: 100%;
        }


        body .header .navbar-collapse {
            height: calc(100vh - 64px) !important;
            top: 64px;
        }

        body .navbar_top {
            top: 21px;
            right: 9%;
        }

        body .navbar .navbar-brand {
   /*         width: 131px;
            height: 44px;
            background-size: cover;*/
        }

        body .cookie .cok_box .cik_right a {
            margin: 20px auto 0;
        }

        body .cookie .cok_box {
            flex-wrap: wrap;
        }

            body .cookie .cok_box .cik_left {
                width: 100%;
            }

            body .cookie .cok_box .cik_right {
                width: 100%;
            }
    }