@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap");

.index-page .gray-menu-box {
    background-color: transparent;
}




.long-arrow-right {
    display: block;
    margin: 30px auto 30px 35px;
    width: 12px;
    height: 12px;
    /* border-top: 2px solid #000; */
    border-left: 2px solid #888888;
    transform: rotate(135deg);
    vertical-align: middle;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}


    .long-arrow-right::after {
        content: "";
        display: block;
        width: 2px;
        height: 45px;
        background-color: #888888;
        transform: rotate(-45deg) translate(15px, 4px);
        left: 0;
        top: 0;
    }

.index-page-more-btn:hover {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    color: #ef8c3e;
}



/*-------------

main_title

--------------*/
.titBox {
    padding: 0 30px;
    margin: 0 auto 35px auto;
    align-content: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.titBox02 {
    padding: 0 30px;
    margin: 30px 0px 0px 60px;
    align-content: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    float: left;
}

.ttl-inner {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;
}


.titBox h2, .titBox02 h2 {
    font-size: 1.8rem;
    color: #212121;
    margin: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4em;
    position: relative;
    text-align: center;
    letter-spacing: 1px
}



@media screen and (max-width:1024px) {

    .titBox02 {
        margin: 0 auto;
        position: absolute;
        top: -65px;
        float: none;
    }
}

@media screen and (max-width: 570px) {
    .titBox h2 .titBox02 h2 {
        font-size: 1.65rem;
    }
}





/*-----Index sec Area---------*/
/*2024/05 改 因為去掉form    form>.main {
  padding-top:20px;
  display: block;
  overflow: hidden;
}*/
.main {
    padding-top: 20px;
    display: block;
    overflow: hidden;
}

@media screen and (max-width: 1480px) {
    .main { /*2024/05 改 form>.main {*/
        padding-top: 20px;
    }
}

@media screen and (max-width: 1366px) {
    .main { /*2024/05 改  form>.main { */
        padding-top: 125px;
    }
}

@media screen and (max-width: 1280px) {
    .main { /*2024/05 改 form>.main { */
        padding-top: 70px;
    }
}

@media screen and (max-width: 1024px) {
    .main { /*2024/05 改  form>.main { */
        padding-top: 0px;
    }

    #form1 {
        width: 100%;
        height: 100%;
    }


    #form1 {
        min-height: 100%;
        max-height: 100%;
    }
}





/*-----------------------------------------------
01 徵才訊息
-----------------------------------------------*/
.rmjobArea {
    padding: 120px 0 90px 0;
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #f0f4f9;
    margin: 0 auto 0px auto;
    min-height: 400px;
}


.rmjobArea-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.rmjobArea::before {
    position: absolute;
    content: "";
    display: block;
    height: 130px;
    width: 130px;
    top: 30px;
    left: 10px;
    background-image: url(/Images/bg/sec01bg_top.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.rmjobArea::after {
    position: absolute;
    content: "";
    display: block;
    height: 120px;
    width: 120px;
    bottom: 10px;
    right: 5px;
    background-image: url(/Images/bg/sec01bg_bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 812px) {

    .rmjobArea::before {
        height: 100px;
        width: 100px;
    }


    .rmjobArea::after {
        height: 90px;
        width: 90px;
    }
}

@media (max-width:844px) {

    .rmjobArea .titBox {
        margin-top: 30px;
    }
}




/*-----------Vertical tabs-----------*/

#tabInfo {
    display: none;
}


ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
    z-index: 1;
}


h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border-bottom: none;
    margin-bottom: -1px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: transparent
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}


h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}


/*-----------Vertical tabs-----------*/
/*--0524----*/
.resp-vtabs {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 400px;
}

    .resp-vtabs ul.resp-tabs-list {
        display: inline-block;
        max-width: 265px;
        width: 265px;
        flex: 0 0 265px;
        margin-top: 45px;
        padding-right: 10px;
        vertical-align: top;
    }

    /*--right col----*/
    .resp-vtabs .resp-tabs-container {
        display: inline-block;
        padding: 0px 0px;
        background-color: transparent;
        width: calc(100% - 270px);
        min-height: 400px;
        /*overflow-y: auto;*/
    }

    .resp-vtabs .resp-tab-content {
        border: none;
        min-height: 100%;
        max-height: 100%;
        padding: 30px 15px;
    }


.resp-tabs-list li {
    font-weight: 600;
    font-size: 1.063rem;
    margin: 0;
    list-style: none;
    cursor: pointer;
    text-align: center;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 20px 15px !important;
    cursor: pointer;
    float: none;
    color: #000;
    border-bottom: #2d5391 solid 1px;
}

.resp-vtabs li.resp-tab-active {
    border-right: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    color: #fff;
    background: #2d5391
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #54a6f2
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #54a6f2
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1
    }

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1
}

h2.resp-accordion {
    display: none;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}


.resp-tab-content-active .resp-tab-content {
    display: block;
}

@media only screen and (max-width: 854px) {
    h2.resp-accordion:first-child {
        border-top: 1px solid #2d5391 !important;
    }

    ul.resp-tabs-list {
        display: none !important; /*2024/05改 display: none */
    }

    h2.resp-accordion {
        display: block;
    }

    h2.resp-accordion {
        display: block;
        font-size: 1.063rem;
        color: #000;
        padding: 20px 15px;
        border-bottom: #2d5391 solid 1px;
        background: #f0f4f9;
        font-weight: 500;
    }

    .resp-vtabs .resp-tab-content {
        border-bottom: 1px solid #ddd
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #2d5391 !important;
    }
}

@media only screen and (max-width: 480px) {

    .resp-tabs-container .card-slider {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
    }
}


/*-----------------


Tabs Card 
-----------*/
/*.resp-tabs-container .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  /*overflow: hidden;*/

.resp-tabs-container .slick-track {
    /*position: relative;
  top: 0;
  left: 0;
  display:flex;
  margin-left: auto;
  margin-right: auto;*/
    /*overflow: hidden; */
    /*justify-content:flex-start;*/
    /*width: 100%!important;*/
}

.resp-tabs-container .slick-prev {
    /*left: -10px;*/
}

.resp-tabs-container .slick-next {
    /*right: -10px;*/
}

.resp-tabs-container .card-slider {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

/*------arrow---*/
.slick-prev:before, .slick-next:before {
    color: #333 !important;
}

@media screen and (max-width: 1024px) {
    .card-slider {
        width: 80%;
    }
}

.card-slider .slick-prev-icon,
.card-slider .slick-next-icon {
    color: black;
}

.card-slider .slick-slide {
    padding: 10px 15px;
    float: left;
    margin: 0 10px;
}

/*.card-slider .card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  height: 300px;
  width: 25%;
    max-width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  border-radius: 6px; 
  border: #7a7a7a solid 1px;
  background-color: white;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;   
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
   cursor: pointer;

}*/
.card-slider .card {
    position: relative;
    height: 300px;
    /* max-width: 200px; */

    flex-direction: column;
    border-radius: 6px;
    border: #7a7a7a solid 1px;
    background-color: white;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    float: left;
    /*width: 240px !important;*/
    /*max-width: 240px!important;*/
    /*flex:  0 0 240px;*/
    display: flex;
}

resp-tabs-container .slick-initialized .slick-slide {
    display: flex;
}

.card-slider .card:hover {
    /*transform: translateY(-2px);*/
    background-color: #e0f4fb;
}

.card-slider .card .c-ttl {
    margin: 0 auto 5px auto;
    padding: 0;
    border: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: baseline;
    text-decoration: none;
    letter-spacing: 1px;
    color: #54a6f2;
    font-size: 1rem;
}

.card-slider .card .city {
    color: #726f6f;
    text-align: center;
    position: relative;
    padding: 0px 15px;
    margin-bottom: 8px;
    display: block;
    height: 26px;
    overflow: hidden;
}

.card-slider .card .ttl {
    color: #000;
    margin: 0 auto 10px auto;
    font-size: 1.375rem;
    letter-spacing: 0.06em;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
    box-sizing: border-box;
    font-style: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    white-space: normal;
    text-overflow: ellipsis;
}

    .card-slider .card .ttl:hover {
        color: #54a6f2;
    }



.card-slider .btn-txt {
    padding-top: 20px;
    display: block;
    text-align: center;
    margin: auto;
}

    .card-slider .btn-txt span, .card-slider .btn-txt a {
        display: inline-block;
        font-weight: 500;
        letter-spacing: 0.08em;
        position: relative;
        padding-right: 50px;
    }

    .card-slider .btn-txt span {
        padding-left: 15px;
    }


        .card-slider .btn-txt span::after, .card-slider .btn-txt a::after {
            content: "";
            width: 32px;
            height: 32px;
            border-radius: 50%;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-47%);
            background: #54a6f2 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="7" height="13" viewBox="0 0 7 13"><path fill="rgb(255, 255, 255)" d="M1,13c-0.2,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1-0.1-1.4l4.4-4.8L0.3,1.7c-0.4-0.4-0.3-1,0.1-1.4c0.4-0.4,1-0.3,1.4,0.1l5,5.5 c0.3,0.4,0.3,1,0,1.3l-5,5.5C1.5,12.9,1.3,13,1,13z"/></svg>') center center no-repeat;
            background-size: 5px auto;
        }

.card-slider .card .badge {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 5px 10px;
    font-size: 0.738rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #666;
    background-color: #ffeedf
}

.card-slider .card .description {
    margin: 7px 10px 5px 10px;
    font-size: 0.938rem;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    font-style: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    white-space: normal;
    text-overflow: ellipsis;
}



.card-slider .card .main-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

    .card-slider .card .main-link:focus {
        outline: none;
    }

        .card-slider .card .main-link:focus .title {
            outline: 3px dashed orange;
            outline-offset: -4px;
            color: royalblue;
            text-decoration: underline;
        }



.card-slider .card .image {
    /** Visually place the image above all other content (like the heading) in the parent flex container (.card). */
    order: -1;
    position: relative;
    height: 100px;
    padding: 2px;
}


.card-slider .card .price {
    padding-left: 10px;
}

    .card-slider .card .price .new-price {
        font-weight: bold;
    }

    .card-slider .card .price .original-price {
        margin-left: 5px;
        font-size: 14px;
        font-style: italic;
        opacity: 0.5;
        text-decoration: line-through;
    }

.card-slider .card .rating {
    margin: 10px 0 15px 10px;
    color: orange;
    font-size: 12px;
}

    .card-slider .card .rating .reviews-link {
        color: rgba(0, 0, 0, 0.6);
        margin-left: 5px;
    }

        .card-slider .card .rating .reviews-link:hover {
            color: black;
        }

        .card-slider .card .rating .reviews-link:focus {
            color: royalblue;
            outline: 3px dotted royalblue;
            outline-offset: 2px;
        }

.card-slider .card:hover {
    border-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

    .card-slider .card:hover .image img,
    .card-slider .card:focus .image img {
        filter: grayscale(0);
    }

.card-slider .card a:focus {
    outline: none;
}

@media screen and (max-width: 1280px) {
    .card-slider .card {
        width: 280px;
        max-width: 280px;
        flex: 0 0 280px;
    }
}

@media screen and (max-width: 820px) {
    .card-slider .slick-slide {
        padding: 0 15px;
        float: left;
        margin: 0 16px;
    }
}

@media screen and (max-width: 480px) {
    .card-slider .slick-slide {
        margin: 0 15px;
    }

    .card-slider .card {
        width: 260px;
        max-width: 260px;
        flex: 0 0 260px;
        margin: 0 10px;
    }

    .resp-tabs-container .card-slider {
        padding: 0 15px;
    }
}

.resp-tabs-container .slick-slider {
    z-index: 1;
}

.resp-tabs-container .slick-slider {
    position: relative;
    /*display: table;*/
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
/*.resp-tabs-container  .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}*/
/***20240524--*/
.resp-tabs-container .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    min-width: 100%;
    max-width: 100%;
    max-height: 300px;
    margin-left: 0;
    margin-right: 0;
}

    .resp-tabs-container .slick-list:focus {
        outline: none;
    }

.resp-tabs-container .slick-slider .slick-track,
.resp-tabs-container .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/*-----links card---*/
.c-hero-top__contact {
    display: block;
    position: absolute;
    right: 15px;
    top: -40px;
    height: 135px;
    width: 280px;
    background-color: #f3f5f6;
    border-radius: 15px;
    padding: 20px 30px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0,0,0,.14)
}

.c-hero-top__survey {
    display: block;
    width: 100%;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2;
    text-align: center;
    border: 1px solid #c4c4c4;
    border-radius: 30px;
    background-color: #fff;
    padding: 5px 15px 5px 30px;
}

    .c-hero-top__survey::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        right: initial;
        background: url(/Images/icon/top_heroicon01.svg) 0% 50% / contain no-repeat;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
    }

.c-hero-top__login {
    display: block;
    width: 100%;
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    line-height: 2;
    text-align: center;
    border-radius: 30px;
    padding: 5px 15px 5px 20px;
    margin-top: 8px;
    background-color: #123d83;
}

    .c-hero-top__login::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 30px;
        right: initial;
        background: url(/Images/icon/top_heroicon02.svg) 0% 50% / contain no-repeat;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
    }

    .c-hero-top__survey:hover, .c-hero-top__login:hover {
        color: #fff;
        background-color: #54a6f2
    }

@media all and (min-width: 1366px)and (max-width: 1414px) {
    .c-hero-top__contact {
        top: -20px;
    }
}

@media all and (max-width: 1365px) {
    .c-hero-top__contact {
        right: 30px;
        top: -15px;
    }
}

@media all and (max-width: 844px) {
    .c-hero-top__contact {
        top: 0px;
        right: 30px;
    }

    .c-hero-top__survey {
        font-size: 0.938rem;
    }

    .c-hero-top__login {
        font-size: 0.938rem;
    }
}

@media all and (max-width: 667px) {
    .c-hero-top__contact {
        top: 0px;
    }
}

@media all and (max-width: 414px) {
    .c-hero-top__contact {
        width: calc(100%-90px);
        left: 30px;
        top: -5px;
        margin: auto;
        padding: 16px 20px;
        gap: 8px
    }
}


/*------------------------
   
Activity
---------------------*/

.ActArea {
    padding: 80px 0 60px 0;
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #fff;
    margin: 0 auto 0px auto;
    min-height: 400px;
}


.news__index__newsArea {
    display: block;
}

.list_box {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    gap: 30px;
}

    .list_box .news_box {
        flex-basis: 50%;
    }




.top-news__list-item-category {
    width: 135px;
    height: 25px;
    font-size: .938rem;
    font-weight: 500;
    color: #fff;
    background: #54a6f2;
    border-radius: 4px;
    text-align: center;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    padding: 15px 7px;
    position: relative;
}

.news__index__item__text {
    flex-basis: 100%;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    border: none;
    clear: both;
    display: block;
}



.news__index__item__title {
    font-weight: 600;
    font-size: 1.063rem;
    color: #222;
    padding: 15px 0px;
    line-height: 1.5;
    position: relative;
    box-sizing: border-box;
    font-style: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    white-space: normal;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    max-height: 70px;
}

.news__index__item {
    border-bottom: 0.1rem solid #909090;
    display: block;
    margin-bottom: 15px;
}


    .news__index__item article {
        max-height: 190px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 0 30px;
        position: relative;
    }



        .news__index__item article:before {
            content: '';
            width: 100%;
            height: 100%;
            background-color: #ebebeb;
            opacity: 0;
            transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
        }

        .news__index__item article:hover:before {
            opacity: 1;
        }




.info-bustour {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 10px;
    flex-wrap: wrap;
    padding: 5px 0 10px 0
}

    .info-bustour ul {
        line-height: 1.5;
        padding: 0;
        left: 0;
        margin: 0;
        font-weight: 400;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .info-bustour li {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 18px auto;
        font-size: 1.063rem;
        padding: 4px 10px 4px 34px;
        display: inline-block;
        font-weight: normal;
    }

        .info-bustour li._date {
            color: #123d83;
            font-weight: 500;
            font-size: 1.125rem;
            background-image: url("/Images/icon/calendar.svg");
        }

        .info-bustour li._place {
            color: #292929;
            font-weight: 400;
            background-image: url("/Images/icon/pin.svg");
        }

        .info-bustour li._time {
            color: #292929;
            font-weight: 400;
            background-image: url("/Images/icon/clock.svg");
        }

@media all and (max-width:932px) {

    .list_box {
        gap: 15px;
    }

    .news_box {
        flex-basis: 100%;
    }

    .news__index__item article {
        max-height: max-content;
        display: block;
    }

    .news__index__item {
        margin: 0 auto 30px auto;
    }
}

@media all and (max-width:854px) {

    .list_box {
        margin: auto;
        gap: 15px;
        display: block;
    }

        .list_box .news_box {
            flex-basis: 100%;
            margin: auto;
        }

    .news__index__item article {
        padding: 15px;
        max-height: max-content;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .news__index__item {
        margin: 0 auto;
    }

    .info-bustour {
        padding: 5px 0 0px 0
    }
}




/*---------

newslists
-------*/

.newsArea {
    padding: 0px 0 0px 0;
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: 0 auto 0px auto;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
}


.newsWrap {
    height: 400px;
    position: relative;
    overflow: hidden;
    display: block;
}

    .newsWrap::before {
        content: "";
        background: #123d83;
        width: 100%;
        max-width: 100%;
        height: 235px;
        bottom: 0;
        position: absolute;
        z-index: -1;
    }

    .newsWrap::after {
        position: absolute;
        content: "";
        display: block;
        height: 200px;
        width: 200px;
        top: 0px;
        right: 10px;
        background-image: url(/Images/bg/newsWrap_r.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        z-index: -1;
    }


.gallery,
.news-slider {
    height: 0;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
}

.flickity-enabled {
    height: auto;
    opacity: 1;
}


.news-slider .gallery-cell {
    width: 100%;
    height: 0;
    margin: auto;
    padding-bottom: 125%;
    position: relative;
    overflow: hidden;
}



.content-slider .news-container {
    max-width: 100%;
    height: 100%;
    min-width: 100%;
    padding: 0;
}

.content-slider {
    max-width: 225px;
    min-height: 270px;
    max-height: 270px;
    min-width: 225px;
    background-color: #fff;
    position: relative;
}

.news-slider .gallery-cell img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-slider .flickity-prev-next-button {
    top: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    transform: translateY(-50%);
}

.news-slider .flickity-button {
    position: absolute;
    background: #54a6f2;
    border: none;
    color: #333;
}

.news-slider .flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 30%;
    top: 30%;
    width: 40%;
    height: 40%;
}

.news-slider .flickity-page-dots {
    display: none;
}

@media all and (max-width:812px) {

    .content-slider {
        margin: 0 auto;
    }
}




.topNews__wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.p-topNews__heading {
    width: 17%;
    max-width: 17%;
    flex: 0 0 17%;
}

.p-topNews__item {
    margin-top: 30px;
    margin-top: 15px;
    width: 82%;
    max-width: 82%;
    flex: 0 0 82%;
}



/*-----20241112------*/
.news_mainBox .slick-slide {
    margin: 0 10px;
    max-width: 100%;
    /*width: calc(100% / 4);*/
    /* border-right: 10px;
  border-left:10px;
  border-style: solid;*
  border-color:transparent;*/
    background-color: transparent;
    min-height: 180px;
    overflow: hidden !important;
    margin-bottom: 40px;
    border: #ddd solid 1px;
    box-shadow: rgb(50 50 93 / 15%) 0px 2px 5px -1px, rgb(0 0 0 / 20%) 0px 1px 3px -1px
}


.news_mainBox .slick-list {
    height: 200px;
    overflow: hidden;
}


.news_maincard {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    width: 100%;
    min-height: 100%;
    border-radius: 0;
    padding: 15px;
    background-color: #fff;
    z-index: 1;
}

@media screen and (max-width: 1580px) {

    .p-topNews__heading {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    /*---20241112---*/
    .p-topNews__item {
        width: 95%;
        max-width: 95%;
    }
}

@media screen and (max-width: 1366px) {

    .p-topNews__heading {
        width: 23%;
        max-width: 23%;
        flex: 0 0 23%;
        margin-right: auto;
        margin-left: auto;
    }

    /*---20241112---*/
    .p-topNews__item {
        width: 92%;
        max-width: 92%;
    }
}

@media screen and (max-width: 1180px) {

    .p-topNews__heading {
        width: 25%;
        max-width: 25%;
        flex: 0 0 25%;
    }

    /*---20241112---*/
    .p-topNews__item {
        width: 90%;
        max-width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .newsWrap {
        padding: 30px 0 60px 0;
        height: auto
    }

    /*---20241112---*/
    /* .p-topNews__heading {
      width:30%;
      max-width:30%;
      flex: 0 0 30%;*/

    /*.p-topNews__item {
    display: block;
    margin-top: 15px;
    width: 90%;
    max-width: 70%;
  }*/

 
}


@media screen and (max-width: 911px) {
    .newsWrap {
        padding: 0px 0 60px 0;
    }

    .newsWrap::after {
        top: unset;
        bottom: 215px;
        height: 160px;
        width: 160px;
        right: 0px;
    }

    .topNews__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .p-topNews__heading {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 auto 30px auto;
        display: flex;
    }

    /*---202411113---*/
    .p-topNews__item {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }

    /*---202411113---*/
    .news_mainBox .slick-slide {
        margin: 0px 10px;
        max-width: 100%;
    }
}

@media screen and (max-width:768px) {
    .topNews__wrapper {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .p-topNews__heading {
        display: block;
        float: none;
        max-width: 100%;
        margin: 0 auto 60px auto
    }

    .p-topNews__item {
        margin-top: 15px;
        width: 100%;
        float: none;
        max-width: 100%;
    }

}

@media screen and (max-width:430px) {
   /* 2024/11 + */
    .news_mainBox .slick-slide {
        width: auto; /* 使用 element.style 設定的寬度 */
        max-width: unset;
        min-width: unset;
    }
}

@media screen and (max-width:385px) {
    .news_mainBox .slick-slide {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
    }

    /*------news02 swiper----*/

    .news__index__item02 {
        display: flex;
        max-width: 100%;
        width: 100%;
        margin: 0;
        flex-direction: row;
    }
}
/*------news02 swiper----*/

.news__index__item02 {
    display: flex;
    max-width: 100%;
    width: 100%;
    margin: 0;
    flex-direction: row;
}


    .news__index__item02 .news__index__item__text {
        margin-bottom: 8px;
    }

    .news__index__item02 .news__index__item__title:hover {
        color: #54a6f2;
    }

    /*---20241112-------*/
    .news__index__item02 article {
        max-height: 100%;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 15px;
        display: block;
    }

    .news__index__item02 .news__index__item__title {
        padding: 0;
        margin-bottom: 8px;
    }

.info-bustour02 {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 5px;
    font-size: 0.938rem;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    flex-direction: column;
}

.info-busup {
    font-size: 0.938rem;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    max-width: 100%;
    display: block;
    margin-left: auto;
    text-align: right;
}


.info-bustour02 ._datecol {
    color: #123d83;
    padding-left: 20px;
    position: relative;
    display: block;
    font-weight: 500;
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
    height: 24px;
    overflow: hidden;
}

    .info-bustour02 ._datecol::before {
        content: "";
        position: absolute;
        display: inline-block;
        background-image: url(/Images/icon/calendar.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        left: 0;
        top: 5px;
        width: 13px;
        height: 13px;
    }



.info-bustour02 ._place {
    color: #8f8c95;
    padding-left: 20px;
    position: relative;
    display: block;
    font-weight: normal;
    width: 100%;
    max-width: 100%;
    width: 100%;
    height: 24px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

    .info-bustour02 ._place::before {
        content: "";
        position: absolute;
        display: inline-block;
        background-image: url(/Images/icon/pin.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        left: 0;
        top: 5px;
        width: 13px;
        height: 13px;
    }


.rlink_box {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: end;
    -ms-justify-content: end;
    -webkit-justify-content: flex-end;
    margin-top: 10px;
}


.update {
    display: block;
    font-size: 0.875rem;
    color: #8f8c95;
}

.uplist {
    display: block;
    font-size: 0.875rem;
    color: #004e99;
    padding-top: 5px
}


@media all and (max-width:932px) {

    .list_box {
        gap: 15px;
    }

    .news_box {
        flex-basis: 100%;
    }

    .news__index__item article {
        max-height: max-content;
        display: block;
    }

    .news__index__item {
        margin: 0 auto 30px auto;
    }
}

@media all and (max-width:854px) {

    .list_box {
        margin: auto;
        gap: 15px;
        display: block;
    }

        .list_box .news_box {
            flex-basis: 100%;
            margin: auto;
        }

    .news__index__item article {
        padding: 15px;
        max-height: max-content;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .news__index__item {
        margin: 0 auto;
    }

    .info-bustour {
        padding: 5px 0 0px 0
    }
}