@charset "UTF-8";
/* ------------------------------------------------------------------ */
.splide__arrow svg {
    fill: var(--color-gray-light3);
    width: 1.5em;
    aspect-ratio: 1 / 1;
}

.splide__arrow:hover:not(:disabled) svg {
    fill: var(--color-purple);
}

.splide__arrow--prev {
    left: 0.5em;
}

.splide__arrow--next {
    right: 0.5em;
}

.box__banner .splide__pagination {
    bottom: .5em;
}

.box__vid .splide__pagination {
    bottom: -2em;
}
/* ------------------------------------------------------------------ */
.box__float {
    pointer-events: none;
    padding: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100
}

.box__float .box__container {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    /* background-color: rgba(0, 0, 0, 0.5); */
}

.box__float .box__container .box__con {
    position: absolute;
    top: calc(var(--header-h) + 45dvh);
    right: 10px;
    background-image: linear-gradient(171deg, #17EAB7 4%, #33B2C1 35%, #664BD2 69%, #8C00DF 100%);
    border-radius: 100px;
    padding: 20px 16px 40px 16px;

    display: flex;
    flex-direction: column;
    align-items: center;

    color: #fff;
    font-weight: 400;
    letter-spacing: 0.05rem;

    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);

    -webkit-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.box__float .box__container .box__con.is-hide {
    padding: 0px;
    box-shadow: initial;
} 

.box__float .box__container .box__con.is-hide .con__list {
    display: none;
}

.box__float .box__container .box__con.is-hide .con__cross {
    transform: rotate(0deg);
}

.box__float .box__container .box__con .con__cross {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);

    -webkit-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

.box__float .box__container .box__con .con__cross > img {
    width: 25px;
}

.box__float .box__container .box__con .con__list {
    margin-top: calc(var(--fsize) * 0.4);
}

.box__float .box__container .box__con .con__list .list__item > a {
    position: relative;
    display: flex;
    padding: calc(var(--fsize) * 0.4) 0;
}

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


.box__banner {
    --cover-left-rate:  calc(600/280);
    --cover-left-assy-rate: calc(600/200);

    /* 1024 - 1920 */
    --cover-left-w: clamp(20rem, 31.25vw, 37.5rem);
    /* 320 - 1023 */
    --cover-left-w-m: clamp(18.75rem, 17.328rem + 7.11vw, 21.875rem);

    --cover-left-assy-h: calc(var(--cover-left-w) / var(--cover-left-assy-rate));
    --cover-left-h: calc(var(--cover-left-w) / var(--cover-left-rate));
    --item-title-bottom: calc(var(--cover-left-h) * 0.45);

    
    --item-title-bottom-m: clamp(12.5rem, 12.073rem + 2.13vw, 13.438rem);
    
    padding: 0px 0;
    height: calc(100% - var(--header-h) - 10%);

    z-index: 101;
}

.box__banner .box__container {
    width: 100vw;
    max-width: initial;
    height: 100%;
    padding: 0;
    position: relative;
}

.splide .splide__track {
    height: 100%;
}

.splide__pagination__page.is-active {
    background: var(--color-purple);
}

.box__banner .box__container .splide {
    height: 100%;
}

.box__banner .box__container .splide .splide__slide .box__item.no-link {
    pointer-events: none;
    cursor: default;
}

.box__banner .box__container .splide .splide__slide .box__item {
    position: relative;
    display: flex;
    width: 100vw;
    height: 100%;
    max-width: initial;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

/* .box__banner .box__container .splide .splide__slide .box__item .item__title {
    position: absolute;
    right: 0;
    bottom: var(--item-title-bottom);
    display: flex;
    text-align: right;
} */

.box__banner .box__container .box__cover {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
}

.box__banner .box__container .box__cover .cover__left {
    position: absolute;
    aspect-ratio: var(--cover-left-rate);
    width: var(--cover-left-w);
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
}

.box__banner .box__container .box__cover .cover__left .left__assy {
    flex: 0 0 auto;
    position: relative;
    width: 100%;
    height: initial;
}

.box__banner .box__container .box__cover .cover__left .left__title {
    flex: 1;
    position: relative;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: min(2vw, 40px);
    font-weight: 500;
}

.box__banner .box__container .box__cover .cover__left .left__space {
    position: relative;
    width: 100%;
    height: 45px;
    display: flex;
    background-color: var(--color-main-bg);
}


.box__banner .box__container .box__cover .cover__right {
    position: absolute;
    aspect-ratio: 485 / 124;
    width: min(25vw, 480px);
    right: 0;
    top: 0;
    /* top: calc(var(--header-h) * 1.5); */
    display: flex;
    overflow: hidden;
}


/* .box__banner .box__container .banner__arrows {
    position: absolute;
    width: 100%;
    z-index: 1;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    top: calc(48%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);    
}

.box__banner .box__container .banner__arrows > button {
    background-color: initial;
    width: 38px;
    max-width: initial;
    padding: 0px 0;
} */

/* input[type='radio'] {
    display: flex;
} */

/* box__hotnews */
.box__hotnews .list__item[data-status='av'],
.box__hotnews .list__item[data-status='job'],
.box__hotnews .list__item[data-status='co'],
.box__hotnews .list__item[data-status='podcast'] {
    --side: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-sl);
    overflow: hidden;
    background-color: #fff;

    box-sizing: border-box;
}

.box__hotnews .list__item[data-status='av'] .item__pic .pic__img,
.box__hotnews .list__item[data-status='job'] .item__pic .pic__img,
.box__hotnews .list__item[data-status='co'] .item__pic .pic__img,
.box__hotnews .list__item[data-status='podcast'] .item__pic .pic__img {
    position: relative;
    aspect-ratio: 16/9;
    width: 100%;
    overflow: hidden;
    border-radius: var(--border-radius-sl);
}

.box__hotnews .list__item[data-status='av'] .item__caption,
.box__hotnews .list__item[data-status='job'] .item__caption,
.box__hotnews .list__item[data-status='co'] .item__caption,
.box__hotnews .list__item[data-status='podcast'] .item__caption {
    padding: 0 calc(var(--side) * 0.5);
}

.box__hotnews .list__item[data-status='av'] .item__caption .caption__title,
.box__hotnews .list__item[data-status='job'] .item__caption .caption__title,
.box__hotnews .list__item[data-status='co'] .item__caption .caption__title,
.box__hotnews .list__item[data-status='podcast'] .item__caption .caption__title {
    --line-clamp: 2;
    margin: calc(var(--fsize) * 0.6) 0 calc(var(--fsize) * 0.3) 0;
    min-height: calc(var(--fsize) * 1.3 * (var(--line-clamp)));
}

.box__hotnews .list__item[data-status='av'] .item__caption .caption__detail,
.box__hotnews .list__item[data-status='job'] .item__caption .caption__detail,
.box__hotnews .list__item[data-status='co'] .item__caption .caption__detail,
.box__hotnews .list__item[data-status='podcast'] .item__caption .caption__detail {
    --line-clamp: 3;
}



.box__hotnews .box__container .box__body .body__action {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;

    margin-top: 30px;
}

.box__hotnews .box__container .box__body .body__action .item__btn:nth-child(1) {
    flex: 0 0 auto;
    width: 74.5%;
    margin-right: 2%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.box__hotnews .box__container .box__body .body__action .item__btn:nth-child(2) {
    flex: 1;
}

.box__hotnews {
    --side: 12px;
}

.box__hotnews .box__container .box__body .body__con {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.box__hotnews .box__container .box__body .body__con .con__data {
    flex: 0 0 auto;
    width: 75%;
    margin-right: 2%;
    /* box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15); */
    filter: var(--drop-shadow);

    display: flex;
    flex-direction: column;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__sheets {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__sheets .sheets__item {
    flex: 0 0 auto;
    position: relative;
    width: 19%;
    display: flex;
    justify-content: center;
    align-items: center;

    padding: calc(var(--fsize) * 0.75) 0;

    background-color: #fff;
    border-radius: var(--border-radius-m) var(--border-radius-m) 0px 0px;

    -webkit-transition: all .15s ease-out 0s;
    -o-transition: all .15s ease-out 0s;
    -moz-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__sheets .sheets__item > label {
    pointer-events: auto;
    cursor: pointer;

    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list {
    flex: 1;
    position: relative;
    background-color: #fff;
    border-radius: 0px 0px var(--border-radius-m) var(--border-radius-m);
    display: flex;
    flex-direction: column;

    padding: 30px;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page {
    position: relative;
    display: flex;
    flex-direction: column;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top {
    position: relative;
    display: flex;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all {
    flex-direction: row;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast {
    flex-direction: column;
    height: fit-content;
}   

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list .list__item,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list .list__item,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list .list__item,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list .list__item {
    flex: 0 0 auto;
    width: 32%;
    border-radius: 0;
}


.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con {
    flex: 0 0 auto;
    position: relative;
    width: 48%;
    /* aspect-ratio: 480/380; */
    margin-right: 2%;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con .con__article {
    position: relative;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con .con__article .article__pic {
    position: relative;
    aspect-ratio:  16/9;

    border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
    overflow: hidden;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con .con__article .article__text {
    padding: 15px 20px;
    background-color: var(--color-gray-light5);
    border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
    overflow: hidden;
}



.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con .con__article .article__text .text__detail {
    --line-clamp: 3;
    margin-top: calc(var(--fsize) * 0.5);
    margin-bottom: calc((var(--fsize) * 1));
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list {
    flex: 1;
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list .list__item {
    position: relative;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list .list__item:not(:first-child) {
    margin-top: 0.5em;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list .list__item .item__title {
    margin-bottom: calc(var(--fsize) * 0.2);
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__line {
    position: relative;
    width: 100%;
    padding: 7% 0 4% 0;

    display: flex;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__line > span {
    position: relative;
    width: 100%;
    height: 1px;
    display: block;
    background-color: var(--color-gray);
}


.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item:nth-child(1) {
    flex: 0 0 auto;
    width: 48%;
    margin-right: 4%;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item:nth-child(2) {
    flex: 1;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__pic {
    flex: 0 0 auto;
    position: relative;
    aspect-ratio: 16/9;
    width: 41%;
    margin-right: 3%;
    overflow: hidden;
    border-radius: var(--border-radius-sl);
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__detail {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__detail .detail__title {
    margin-bottom: 0.2em;
}


/* mobile 專用 */
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__action {
    position: relative;
    display: flex;

    justify-content: center;
    margin: 20px 0;
}

.box__hotnews .box__container .box__body .body__con .con__gallery {
    /* width: 23%;
    margin-left: 2%; */
    flex: 1;
    position: relative;
    border-radius: var(--border-radius-m);
    background-color: #fff;
    padding: calc(var(--side) * 1.8) calc(var(--side) * 1.5);

    display: flex;
    flex-direction: column;

    filter: var(--drop-shadow);
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__item {
    /* height: 46%; */
    margin-bottom: calc(var(--side) * 1.3);
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__item .item__con .con__pic {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: var(--border-radius-sl) var(--border-radius-sl) 0 0;
    overflow: hidden;
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__item .item__con .con__detail {
    padding: calc(var(--side) * 1) calc(var(--side) * 1) calc(var(--side) * 1.5) calc(var(--side) * 1);
    background-color: var(--color-gray-light5);
    border-radius: 0 0 var(--border-radius-sl) var(--border-radius-sl);
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__item .item__con .con__detail .detail__title {
    --line-clamp: 1;
    --fsize: 16px;
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__item .item__con .con__detail .detail__text {
    margin-top: calc(var(--side) * .5);
    --line-clamp: 3;
    --fsize: 13px;
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__list {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__list .list__item {
    position: relative;
    aspect-ratio: 16/9.5;
    
    border-radius: var(--border-radius-sm);
    overflow: hidden;
}

.box__hotnews .box__container .box__body .body__con .con__gallery .gallery__list .list__item:not(:first-child) {
    margin-top: calc(var(--side) * 1.3);
}


/* checked */
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast,
.box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all {
    display: none;
}

/* -----checked */
#hotnews-av:checked~ .box__body .body__con .con__data .data__list .list__page .page__top.p-av,
#hotnews-job:checked~ .box__body .body__con .con__data .data__list .list__page .page__top.p-job,
#hotnews-co:checked~ .box__body .body__con .con__data .data__list .list__page .page__top.p-co,
#hotnews-podcast:checked~ .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast,
#hotnews-all:checked~ .box__body .body__con .con__data .data__list .list__page .page__top.p-all {
    display: flex;
}

#hotnews-all:checked~ .box__body .body__con .con__data .data__list .list__page .page__line {
    padding: 2.5% 0;
}

#hotnews-av:checked~ .box__body .body__con .con__data .data__sheets .sheets__item.s-av,
#hotnews-job:checked~ .box__body .body__con .con__data .data__sheets .sheets__item.s-job,
#hotnews-co:checked~ .box__body .body__con .con__data .data__sheets .sheets__item.s-co,
#hotnews-podcast:checked~ .box__body .body__con .con__data .data__sheets .sheets__item.s-podcast,
#hotnews-all:checked~ .box__body .body__con .con__data .data__sheets .sheets__item.s-all {
    color: #fff;
    background-color: var(--color-purple);
}


/* box__vid */
.box__vid {
    /* 320 - 1920 */
    /* --deco-size: clamp(14.375rem, 9.25rem + 25.62vw, 40rem); */
    /* 320:240 - 1280:450 */
    --deco-size: clamp(15rem, 10.625rem + 21.88vw, 28.125rem);
    --deco-bottom: calc(-1 * var(--deco-size) * 0.165);
    /* --deco-right: calc((100% - var(--deco-size)) * 0.5); */
    --deco-right: calc((-1 *  var(--deco-size)) * 0.5);
    padding: var(--section-vside) 0 calc(var(--deco-bottom) * -1 + 0px);
}

.box__vid .box__container {
    width: 100%;
    max-width: initial;
    padding: 0;
    /* background: radial-gradient(circle at 89% 9.7%, #8649BC 0%, #53478F 76%, #000000 124%); */
    background: radial-gradient(circle at 95% 10%, #8649BC 0%, #53478F 40%, #000000 100%);
}

.box__vid .box__container .box__body {
    /* 120 - 290 */
    padding-bottom: clamp(7.5rem, 5.375rem + 10.63vw, 18.125rem);
}

.box__vid .box__container .box__body .body__con {
    position: relative;
    width: 100%;
}

.box__vid .box__container .box__body .body__con .splide .slide__con {
    --side: 20px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-sl);
    overflow: hidden;
    background-color: #fff;
}


.box__vid .box__container .box__body .body__con .splide .slide__con .con__pic .pic__img {
    position: relative;
    aspect-ratio: 16/9;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.box__vid .box__container .box__body .body__con .splide .slide__con .con__pic .pic__from {
    margin-top: calc(var(--fsize) * 0.8);
    padding: 0 var(--side);
}

.box__vid .box__container .box__body .body__con .splide .slide__con .con__caption {
    padding: 0 var(--side);
}

.box__vid .box__container .box__body .body__con .splide .slide__con .con__caption .caption__title {
    margin: calc(var(--fsize) * 0.6) 0;
}

.box__vid .box__container .box__body .body__con .splide .slide__con .con__caption .caption__detail {
    --line-clamp: 3;
    min-height: calc(var(--fsize) * (var(--line-clamp) + 2));
}

.box__vid .box__container .box__body .body__con .splide .slide__con .con__action {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    padding: var(--side);
}

.box__vid .box__container .box__deco {
    pointer-events: none;
    position: absolute;
    width: var(--main-width);
    /* max-width: var(--deco-max-width); */
    /* max-width: 1920px; */
    max-width: var(--main-max-width);
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.box__vid .box__container .box__deco .deco__img {
    position: absolute;
    right: var(--deco-right);
    bottom: var(--deco-bottom);
    width: var(--deco-size);
}

/* box__co */
.box__co {
    /* padding: 80px 0 calc(var(--bg-margin-top) + 80px) 0; */
    /* 1024:80px - 1920:115px */
    --bg-margin-top: clamp(5rem, 2.5rem + 3.91vw, 7.188rem);
    padding: var(--section-vside) 0 calc(var(--bg-margin-top) + var(--section-vside)) 0;
}

.box__co .box__container {
    width: 100%;
    max-width: initial;
    padding: 0;
}

.box__co .box__container .box__body .body__con {
    position: relative;
    width: 100%;
    /* padding-bottom: calc(var(--bg-margin-top) + 0px) */
}

.box__co .box__container .box__body .body__con::before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - var(--bg-margin-top));
    margin-top: var(--bg-margin-top);
    left: 0;

    background: var(--color-aqua);
    z-index: -1;
}

.box__co .box__container .box__body .body__con .con__action,
.box__co .box__container .box__body .body__con .con__list {
    position: relative;
    width: var(--main-width);
    max-width: var(--main-max-width);
    /* padding: 0 calc(var(--main-padding-side) + 30px); */
    padding: 0 var(--extra-side);
    margin: 0 auto;
}

.box__co .box__container .box__body .body__con .con__pic {
    aspect-ratio: 1440/730;
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;

    border-radius: var(--border-radius-m);
    overflow: hidden;
}

.box__co .box__container .box__body .body__con .con__list {
    /* 1024:165px - 1920:190px */
    --margin-top: clamp(10.313rem, 8.527rem + 2.79vw, 11.875rem);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-top: calc(var(--margin-top) * -1);
}

.box__co .box__container .box__body .body__con .con__list .list__item {
    position: relative;
    width: 49%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 12px;
    background-color: #fff;
    border-radius: var(--border-radius-sl);
    overflow: hidden;

    margin-bottom: 2%;
}

/* .box__co .box__container .box__body .body__con .con__list .list__item:nth-child(2),
.box__co .box__container .box__body .body__con .con__list .list__item:nth-child(1) {
    margin-bottom: 2%;
} */

.box__co .box__container .box__body .body__con .con__list .list__item .item__pic {
    position: relative;
    width: 19%;
    aspect-ratio: 1/1;
    margin-right: 2.5%;
}

.box__co .box__container .box__body .body__con .con__list .list__item .item__detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.box__co .box__container .box__body .body__con .con__list .list__item .item__detail .item__text {
    display: flex;
    flex-direction: row;
}

.box__co .box__container .box__body .body__con .con__list .list__item .item__detail .item__text > div {
    display: flex;
    flex-direction: row;
}

.box__co .box__container .box__body .body__con .con__list .list__item .item__detail .item__text > div:not(:first-child) {
    margin-left: calc(var(--fsize) * 0.75);
}

.box__co .box__container .box__body .body__con .con__list .list__item .item__detail .item__text > div > img {
    width: calc(var(--fsize) * 1);
    margin-right: calc(var(--fsize) * 0.25);
}


.box__co .box__container .box__body .body__con .con__list .list__item .item__detail > div:not(:first-child) {
    margin-top: 1%;
}

.box__co .box__container .box__body .body__con .con__action {
    padding: calc(var(--bg-margin-top) * 0.25) 0 calc(var(--bg-margin-top) * 0.5) 0;
}

.box__co .box__container .box__body .body__con .con__action .action__btn .btn__more {
    font-weight: 600;
}

.box__co .box__container .box__body .body__con .con__deco {
    position: relative;
    width: 100%;
    aspect-ratio: 1920/240;
    min-height: 100px;
    max-height: 240px;
    background: var(--color-aqua) url(../images/index/index-co-bg-deco.svg);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: max(min(100%, 1920px), 960px);
}

/* box__job */
.box__job {
    --bg-gradient:linear-gradient(-300deg, #46EED0 0%, #B330FE 35%, #9521EA 76%, #8518E5 100%);
    /* 320:256 - 1023:356 */
    --cross-size: clamp(16rem, 13.155rem + 14.22vw, 22.25rem);
    --vside-top: calc(var(--cross-size) * 0.5);
}

.box__job .box__container {
    width: 100%;
    max-width: initial;
    padding: 0;
    background-image: var(--bg-gradient);
}

.box__job .box__container::after {
    pointer-events: none;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: var(--vside-top);
    left: calc( var(--cross-size) * -0.3);
    background: url(../images/index/index-wworld-bg-cross.png) no-repeat;
    background-position: bottom left;
    background-size: var(--cross-size);
}

.box__job .box__container .box__body::before {
    /* 1024:620px - 1920:900px */
    --size: clamp(38.75rem, 18.75rem + 31.25vw, 56.25rem);
    --left: calc((100% - var(--size)) * 0.5 - var(--size) * 0.5 - 50px);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/index/index-job-card-bg-circle-up.png) no-repeat;
    background-position: top left var(--left);
    background-size: var(--size);
    z-index: -1;
}

.box__job .box__container .box__body::after {
    pointer-events: none;
    /* 1024:620px - 1920:900px */
    --size: calc(clamp(38.75rem, 18.75rem + 31.25vw, 56.25rem));
    --right: calc((100% - var(--size)) * 0.5 - var(--size) * 0.5 - 50px);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/index/index-job-card-bg-circle-down.png) no-repeat;
    background-position: bottom right var(--right);
    background-size: var(--size);
    z-index: -1;
}

.box__job .box__container .box__body .mtitle__detail,
.box__job .box__container .box__body .mtitle__title {
    color:#fff;
}

.box__job .box__container .box__body .body__list {
    position: relative;
    width: var(--main-width);
    max-width: var(--main-max-width);
    /* padding: 0 calc(var(--main-padding-side) + 30px); */
    padding: 0 var(--extra-side);
    margin: 0 auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box__job .box__container .box__body .body__list::before {
    /* 320:420 - 1023:620 */
    --size: clamp(26.25rem, 20.56rem + 28.45vw, 38.75rem);
    --left: calc(var(--size) * -0.5);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/index/index-job-card-bg-circle-up.png) no-repeat;
    background-position: top left var(--left);
    background-size: var(--size);

    opacity: 0;
}

.box__job .box__container .box__body .body__list::after {
    pointer-events: none;
    /* 320:420 - 1023:620 */
    --size: clamp(26.25rem, 20.56rem + 28.45vw, 38.75rem);
    --right: calc(var(--size) * -0.5);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/index/index-job-card-bg-circle-down.png) no-repeat;
    background-position: bottom right var(--right);
    background-size: var(--size);

    opacity: 0;
}

.box__job .box__container .box__body .body__list .list__item {
    --color-block-w: 1.5rem;
    --side: 3%;
    --vside: calc(var(--side) * 0.7);
    flex: 0 0 auto;
    position: relative;
    width: 49%;

    border-radius: var(--border-radius-m);
    overflow: hidden;

    background: #fff url(../images/index/index-job-card-bg-deco-aqua.svg) no-repeat;
    background-position: bottom right;
    background-size: 15%;

    /* padding: var(--vside) var(--side) var(--vside) calc(var(--color-block-w) + var(--side)); */
    padding: calc(var(--vside) * 1.5) var(--side) calc(var(--vside) * 1.5) calc(var(--color-block-w) + var(--side));
}

.box__job .box__container .box__body .body__list .list__item:not(:nth-last-of-type(-n+2)) {
    margin-bottom: 2%;
}

.box__job .box__container .box__body .body__list .list__item::before {
    content: "";
    position: absolute;
    width: var(--color-block-w);
    height: 100%;
    top: 0;
    left: 0;
    background: var(--color-aqua);
}

.box__job .box__container .box__body .body__list .list__item .item__other {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.box__job .box__container .box__body .body__list .list__item .item__title {
    --line-clamp: 1;
    /* min-height: calc(var(--fsize) * var(--line-clamp) * 1.3); */
    margin-bottom: calc(var(--fsize) * 1.5);
}

.box__job .box__container .box__body .body__list .list__item .item__caption {
    margin-bottom: calc(var(--fsize) * 0.8);
}

.box__job .box__container .box__body .body__list .list__btn {
    position: relative;
    width: 100%;
    /* 320:60 - 1920:155 */
    margin-top: clamp(3.75rem, 2.563rem + 5.94vw, 9.688rem);

    /* 1024: 40 - 1920:60 */
    margin-bottom: clamp(2.5rem, 1.071rem + 2.23vw, 3.75rem);
}

.box__job .box__container .box__body .body__list .list__btn .btn__more {
    color: #fff;
}

.box__job .box__container .box__body .body__list .list__btn .btn__more img.is-white {
    filter: brightness(10) contrast(10);
}

/* box__wworld */
.box__wworld {
    /* 320:256 - 1920:720 */
    /* --cross-size: clamp(16rem, 10.2rem + 29vw, 45rem); */
    /* 320:256 - 1280:500 */
    --cross-size: clamp(16rem, 10.917rem + 25.42vw, 31.25rem);
    --vside-top: calc(var(--cross-size) * 0.6);
    padding: var(--vside-top) 0 0 0;
    /* padding: var(--section-vside) 0 0 0; */
}

.box__wworld .box__container {
    width: 100%;
    max-width: initial;
    padding: 0;

    aspect-ratio: 1920 / 920;
    /* min-height: 100px; */
    max-height: 920px;
    background: url(../images/index/index-wworld-bg-deco.svg);
    background-repeat: repeat-x;
    background-position: top center;
    background-size: max(min(100%, 1920px), 960px);
}

.box__wworld .box__container .box__body {
    width: 100%;
    height: 100%;
    background: rgba(70, 238, 208, 0.6) var(--color-purple-gradient);

    display: flex;
    justify-content: center;
    align-items: center;
}

.box__wworld .box__container .box__body .body__title {
    color: #fff;
}

.box__wworld .box__container .box__body .body__cross {
    position: absolute;
    aspect-ratio: 1 / 1;
    width: var(--cross-size);
    top: calc(var(--vside-top) * -1);
    left: calc((100% - var(--cross-size)) * 0.5 - var(--cross-size) * 0.75);
}
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
@media screen and (min-width:320px) {
    .box__float {
        display: none;
    }
    /* box__banner */
    /* .box__banner .box__container .splide .splide__slide .box__item .item__title {
        bottom: var(--item-title-bottom-m);
    } */

    .box__banner .box__container .box__cover .cover__right {
        display: none;
    }

    .box__banner .box__container .box__cover .cover__left {
        aspect-ratio: initial;
        width: 100%;
    }

    .box__banner .box__container .box__cover .cover__left .left__assy {
        width: var(--cover-left-w-m);
    }

    .box__banner .box__container .box__cover .cover__left .left__title {
        font-size: 20px;
        padding: 20px 0;
    }

    .box__banner .box__container .box__cover .cover__left .left__space {
        display: flex;
    }

    /* box__hotnews */
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list .list__item .item__detail {
        --line-clamp: 3;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__detail .detail__title {
        --line-clamp: 2;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__detail .detail__text {
        --line-clamp: 3;
    }
    /* ------------------------------------------------------------------ */
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list {
        flex-direction: column;
        justify-content: initial;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list .list__item,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list .list__item,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list .list__item,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list .list__item {
        width: 100%;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list .list__item:not(:first-child),
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list .list__item:not(:first-child),
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list .list__item:not(:first-child),
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list .list__item:not(:first-child) {
        margin-top: calc(var(--side) * 1);
    }

    .box__hotnews .list__item[data-status='av'] .item__caption .caption__title, 
    .box__hotnews .list__item[data-status='job'] .item__caption .caption__title, 
    .box__hotnews .list__item[data-status='co'] .item__caption .caption__title, 
    .box__hotnews .list__item[data-status='podcast'] .item__caption .caption__title {
        min-height: initial;
    }

    .box__hotnews {
        padding: calc(var(--section-vside) * 0.25) 0 var(--section-vside) 0;
    }

    .box__hotnews .box__container {
        padding: 0 0;
    }
    
    .box__hotnews .box__container .box__body .body__action {
        display: none;
    }

    .box__hotnews .box__container .box__body .body__con {
        flex-direction: column;
        justify-content: initial;
        align-items: initial;
    }

    .box__hotnews .box__container .box__body .body__action .item__btn:nth-child(1),
    .box__hotnews .box__container .box__body .body__con .con__data {
        width: 100%;
        margin-right: 0%;
    }


    .box__hotnews .box__container .box__body .body__con .con__data .data__sheets .sheets__item {
        width: 20%;
        padding: calc(var(--fsize) * 0.6) 0;
        outline: 1px solid rgba(0, 0, 0, 0.05);
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list {
        padding: calc(var(--side) * 1);
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all {
        flex-direction: column;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con {
        /* aspect-ratio: 307 / 208; */
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__line {
        display: none;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom {
        margin-top: 15px;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__pic {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item {
        flex-direction: column;
        align-items: initial;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__action {
        display: flex;
    }

    .box__hotnews .box__container .box__body .body__con .con__gallery {
        margin-top: calc(var(--side) * 2);
    }

    /* box__vid */
    /* 開啟 splide  */
    .box__vid {
        --deco-bottom: calc(-1 * var(--deco-size) * 0.5);
        --deco-right: calc((-1 *  var(--deco-size)) * 0.25);
    }

    .box__vid .box__container .box__body {
        padding-bottom: calc(var(--deco-bottom) * -1 * 1.6);
    }

    .box__vid .box__container .box__body .body__con .splide .splide__track .splide__list {
        display: flex;
    }

    .box__vid .box__container .box__body .body__con .splide .slide__con .con__caption .caption__detail {
        --line-clamp: 5;
    }

    .box__co {
        /* padding: 0px 0 calc(var(--bg-margin-top) + var(--section-vside)) 0; */
        padding: 0px 0 0 0;
    }
    
    .box__co .box__container .box__body .body__con .con__list {
        padding: 0 calc(var(--main-padding-side) + 0px);
        flex-direction: column;
        justify-content: initial;
        margin-top: -5%;
    }

    .box__co .box__container .box__body .body__con .con__list .list__item {
        width: 100%;
        margin-bottom: 4%;
    }


    /* box__job */
    .box__job {
        padding: var(--section-vside) 0 calc(var(--section-vside) + var(--vside-top)) 0;
    }

    .box__job .box__container {
        background-image: initial;
    }

    .box__job .box__container::after {
        opacity: 1;
    }

    .box__job .box__container .box__body::after,
    .box__job .box__container .box__body::before {
        opacity: 0;
    }

    .box__job .box__container .box__body .mtitle__detail,
    .box__job .box__container .box__body .mtitle__title {
        color: var(--color-gray-dark2);
    }

    .box__job .box__container .box__body .body__list {
        padding: calc(var(--main-padding-side) * 4) calc(var(--main-padding-side) + 0px) 0 calc(var(--main-padding-side) + 0px);
        flex-direction: column;
        justify-content: initial;

        background-image: var(--bg-gradient);
    }

    .box__job .box__container .box__body .body__list::after,
    .box__job .box__container .box__body .body__list::before {
        opacity: 1;
    }

    .box__job .box__container .box__body .body__list .list__item,
    .box__job .box__container .box__body .body__list .list__btn {
        z-index: 10;
    }

    .box__job .box__container .box__body .body__list .list__item {
        --side: 4.5%;
        --vside: calc(var(--side) * 1.2);
        width: 100%;
        /* background: #fff url(../images/index/index-job-card-bg-deco-aqua.svg) no-repeat; */
        background-position: bottom right;
        background-size: 15%;
    }

    .box__job .box__container .box__body .body__list .list__item:not(:last-child) {
        margin-bottom: 5%;
    }

    .box__job .box__container .box__body .body__list .list__item .item__title {
        margin-bottom: calc(var(--fsize) * 0.8);
    }

    .box__job .box__container .box__body .body__list .list__item .item__caption {
        margin-bottom: calc(var(--fsize) * 0.25);
    }

    .box__job .box__container .box__body .body__list .list__item .item__other {
        flex-direction: column;
        justify-content: initial;
        align-items: initial;
    }

    .box__job .box__container .box__body .body__list .list__item .item__other .other__date {
        margin-top: calc(var(--fsize) * 2);
    }

    .box__job .box__container .box__body .body__list .list__btn {
        margin-bottom: calc(clamp(2.5rem, 1.071rem + 2.23vw, 3.75rem) + var(--vside-top));
    }

    /* box__wworld */
    .box__wworld {
        padding: 0 0 0 0;
    }

    .box__wworld .box__container .box__body .body__cross {
        display: none;
    }

    .box__wworld .box__container {
        background-size: contain;
    }
}

@media screen and (min-width:360px) {
    .box__hotnews .box__container {
        padding: 0 var(--main-padding-side);
    }
}
@media screen and (min-width:390px) {}
@media screen and (min-width:414px) {}
@media screen and (min-width:500px) {}
@media screen and (min-width:600px) {}
@media screen and (min-width:1024px) {
    .box__float {
        display: flex;
    }
    /* box__banner */
    /* .box__banner .box__container .splide .splide__slide .box__item .item__title {
        bottom: var(--item-title-bottom);
    } */

    .box__banner .box__container .box__cover .cover__right {
        display: flex;
    }

    .box__banner .box__container .box__cover .cover__left {
        aspect-ratio: var(--cover-left-rate);
        width: var(--cover-left-w);
    }

    .box__banner .box__container .box__cover .cover__left .left__assy {
        width: 100%;
    }

    .box__banner .box__container .box__cover .cover__left .left__title {
        /* font-size: min(2vw, 40px); */
        font-size: min(1.8vw, 30px);
        padding: initial;
    }

    .box__banner .box__container .box__cover .cover__left .left__space {
        display: none;
    }

    /* box__hotnews */
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list {
        flex-direction: row;
        justify-content: space-between;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list .list__item,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list .list__item,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list .list__item,
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list .list__item {
        width: 32%;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-av .top__list .list__item:not(:first-child),
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-job .top__list .list__item:not(:first-child),
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-co .top__list .list__item:not(:first-child),
    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-podcast .top__list .list__item:not(:first-child) {
        margin-top: 0;
    }

    .box__hotnews .list__item[data-status='av'] .item__caption .caption__title, 
    .box__hotnews .list__item[data-status='job'] .item__caption .caption__title, 
    .box__hotnews .list__item[data-status='co'] .item__caption .caption__title, 
    .box__hotnews .list__item[data-status='podcast'] .item__caption .caption__title {
        min-height: calc(var(--fsize) * 1.3 * (var(--line-clamp)));
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con .con__article .article__text .text__title {
        --line-clamp: 1;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con .con__article .article__text .text__detail {
        --line-clamp: 3;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list .list__item .item__title {
        --line-clamp: 1;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__list .list__item .item__detail {
        --line-clamp: 2;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__detail .detail__title {
        --line-clamp: 1;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__detail .detail__text {
        --line-clamp: 2;
    }
    /* ------------------------------------------------------------------ */
    .box__hotnews {
        padding: calc(var(--section-vside)) 0 var(--section-vside) 0;
    }
    

    .box__hotnews .box__container .box__body .body__action {
        display: flex;
    }

    .box__hotnews .box__container .box__body .body__con {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
    }

    /* .box__hotnews .box__container .box__body .body__con .con__gallery {
        width: 25%;
        margin-left: 2%;
    } */

    .box__hotnews .box__container .box__body .body__action .item__btn:nth-child(1),
    .box__hotnews .box__container .box__body .body__con .con__data {
        width: 73.5%;
        margin-right: 2%;
    }


    .box__hotnews .box__container .box__body .body__con .con__data .data__sheets .sheets__item {
        width: 19%;
        padding: calc(var(--fsize) * 0.75) 0;
        outline: 1px solid rgba(0, 0, 0, 0);
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list {
        padding: calc(var(--side) * 1.5) calc(var(--side) * 2);
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all {
        flex-direction: row;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__top.p-all .top__con {
        /* aspect-ratio: 480 / 350; */
        width: 48%;
        margin-right: 2%;
        margin-bottom: 0px;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__line {
        display: flex;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom {
        margin-top: 0px;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__pic {
        width: 41%;
        margin-right: 3%;
        margin-bottom: 0px;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item {
        flex-direction: row;
        align-items: stretch;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__action {
        display: none;
    }

    .box__hotnews .box__container .box__body .body__con .con__gallery {
        margin-top: 0;
    }

    /* box__vid */
    /* 關掉 splide 重新設定 排列方式 */
    .box__vid {
        --deco-bottom: calc(-1 * var(--deco-size) * 0.165);
        --deco-right: calc((-1 *  var(--deco-size)) * 0.5);
    }

    .box__vid .box__container .box__body {
        padding-bottom: clamp(7.5rem, 5.375rem + 10.63vw, 18.125rem);
    }

    .box__vid .box__container .box__body .body__con {
        width: var(--main-width);
        max-width: var(--main-max-width);
        padding: 0 var(--main-padding-side);
        margin: 0 auto;
    }

    .box__vid .box__container .box__body .body__con .splide .splide__track .splide__list {
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(3, minmax(30%, 100%));
        grid-auto-rows: auto;
        /* 15 - 30 */
        grid-column-gap: clamp(0.938rem, 0.75rem + 0.94vw, 1.875rem);
        /* 20 - 80 */
        grid-row-gap: clamp(1.25rem, 0.5rem + 3.75vw, 5rem);
    }

    .box__vid .box__container .box__body .body__con .splide .slide__con .con__caption .caption__detail {
        --line-clamp: 4;
    }

    /* box__co */
    .box__co {
        padding: var(--section-vside) 0 calc(var(--bg-margin-top) + var(--section-vside)) 0;
    }

    .box__co .box__container .box__body .body__con .con__list {
        /* padding: 0 calc(var(--main-padding-side) + 30px); */
        padding: 0 var(--extra-side);
        flex-direction: row;
        justify-content: space-between;
        margin-top: calc(var(--margin-top) * -1);
    }

    .box__co .box__container .box__body .body__con .con__list .list__item {
        width: 49%;
        margin-bottom: 2%;
    }

    /* box__job */
    .box__job {
        padding: var(--section-vside) 0;
    }

    .box__job .box__container {
        background-image: var(--bg-gradient);
    }

    .box__job .box__container::after {
        opacity: 0;
    }

    .box__job .box__container .box__body::after,
    .box__job .box__container .box__body::before {
        opacity: 1;
    }

    .box__job .box__container .box__body .mtitle__detail,
    .box__job .box__container .box__body .mtitle__title {
        color: #fff;
    }

    .box__job .box__container .box__body .body__list {
        /* padding: 0 calc(var(--main-padding-side) + 30px); */
        padding: 0 var(--extra-side);
        flex-direction: row;
        justify-content: space-between;

        background-image: initial;
    }

    .box__job .box__container .box__body .body__list::after,
    .box__job .box__container .box__body .body__list::before {
        opacity: 0;
    }

    .box__job .box__container .box__body .body__list .list__item,
    .box__job .box__container .box__body .body__list .list__btn {
        z-index: initial;
    }

    .box__job .box__container .box__body .body__list .list__item {
        --side: 2%;
        --vside: calc(var(--side) * 1);
        width: 49%;
        /* background: #fff url(../images/index/index-job-card-bg-deco-aqua.svg) no-repeat; */
        background-position: bottom right;
        background-size: 15%;
    }

    .box__job .box__container .box__body .body__list .list__item:not(:last-child) {
        margin-bottom: 0%;
    }

    .box__job .box__container .box__body .body__list .list__item:not(:nth-last-of-type(-n+2)) {
        margin-bottom: 2%;
    }

    .box__job .box__container .box__body .body__list .list__item .item__title {
        margin-bottom: calc(var(--fsize) * 1.5);
    }

    .box__job .box__container .box__body .body__list .list__item .item__caption {
        margin-bottom: calc(var(--fsize) * 0.8);
    }

    .box__job .box__container .box__body .body__list .list__item .item__other {
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
    }

    .box__job .box__container .box__body .body__list .list__item .item__other .other__date {
        margin-top: 0;
    }

    .box__job .box__container .box__body .body__list .list__btn {
        margin: clamp(2.5rem, 1.071rem + 2.23vw, 3.75rem);
    }

    /* box__wworld */
    .box__wworld {
        padding: var(--vside-top) 0 0 0;
    }

    .box__wworld .box__container .box__body .body__cross {
        display: flex;
    }

    .box__wworld .box__container {
        background-size: max(min(100%, 1920px), 960px);
    }
}

@media screen and (min-width:1280px) {
    .box__hotnews .box__container .box__body .body__action .item__btn:nth-child(1),
    .box__hotnews .box__container .box__body .body__con .con__data {
        width: 74.5%;
    }

    .box__hotnews .box__container .box__body .body__con .con__data .data__list .list__page .page__bottom .bottom__item .item__pic {
        width: 35%;
    }
    /* ------------------------------------------------------------------ */
    .box__co .box__container .box__body .body__con .con__list .list__item .item__detail > div:not(:first-child) {
        margin-top: 1%;
    }
}
@media screen and (min-width: 1440px) {
    .box__job .box__container .box__body .body__list .list__item {
        --side: 3%;
        --vside: calc(var(--side) * 0.7);
    }
}

@media screen and (min-width: 1680px) {}
@media screen and (min-width: 1920px) {}