.wrapper {
    position: relative;
    /*min-width: 1200px;*/
    /*min-height:7580px;*/
    min-width: 1025px;
    overflow: hidden;
}

section {
    position: relative;
    z-index: 1;
    width: 100%;
}

.sec_tag {
    position: absolute;
}

    .sec_tag.sec1_tag {
        top: 50px;
    }

    .sec_tag.sec2_tag {
        top: -60px;
    }

    .sec_tag.sec5_tag {
        top: -40px;
    }

    .sec_tag.sec6_tag {
        top: -40px;
    }

    .sec_tag.sec7_tag {
        top: -60px;
    }

.sec_kv {
    position: relative;
    width: 100%;
    /*height: 920px;*/
    /*height: 865px;*/
    height: 850px;
}

/*.sec_kv:after
{
    position:absolute;
    content:"";
    display:block;
    width:100%;
    height:437px;
    left:0;
    top:-60px;
    background: linear-gradient(180deg, rgba(33,24,21,1) 0%, rgba(33,24,21,0) 100%);
    opacity:0.69;
}*/


.sec_kv_bg {
    position: absolute;
    /*height: 920px;*/
    /*height: 865px;*/
    height: 850px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../../images/2026/index_kv_bg.jpg?v=20260128);
    background-repeat: no-repeat;
    /*background-size: 1920px 920px;*/
    background-size: 1920px 850px;
    background-position: center center;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

.rule .sec_kv_bg {
    position:relative;
    height: 750px;
    background:initial;
}

.rule.sec_kv {
    position: relative;
    width: 100%;
    height: 750px;
    
}

.rule .sec_kv_bg .sec_kv_layer1 {
    background: linear-gradient(149deg,rgba(198, 198, 199, 0.36) 0%, rgba(255, 255, 255, 0.36) 54%, rgba(198, 198, 199, 0.36) 100%);
    position: absolute;
    width: 1710px;
    height: 993px;
    top: -435px;
    left: -103px;
    border: 3px solid #ffffff;
    border-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.rule .sec_kv_bg .sec_kv_layer2 {
    position: absolute;
    /*width: 1920px;*/
    width: 1832px;
    height: 993px;
    top: -218px;
    left: -7px;
    background-size: 1920px 993px;
    background-image: url(../../images/2026/kv_bg_2026.jpg);
    background-position: right top;
    border-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.rule .sec_kv_inner .kv-slogan {
    position: absolute;
    /*width: 322px;
    height: 307px;*/
    width: 320px;
    height: 305px;
    top: 95px;
    right: 0;
    z-index: 1;
}

.rule .sec_kv_inner .kv-clock {
    position: absolute;
    width: 140px;
    height: 155px;
    top: 445px;
    right: 70px;
    z-index: 2;
}

.rule .sec_kv_inner .kv-pic {
    position: absolute;
    width: 545px;
    height: 540px;
    top: 210px;
    left: 0;
    z-index: 1;
}

.rule .sec_kv_bg .kv_bg_icon2 {
    position: absolute;
    height: 550px;
    width: 550px;
    left: -305px;
    top: 0px;
}

.case.sec_kv {
    position: relative;
    width: 100%;
    /*height: 845px;*/
    /*height: 840px;*/
    height: 850px;
}

.case .sec_kv_bg {
    /*position: relative;
    height: 845px;*/
    /*height: 840px;*/
    height: 850px;
    width:1920px;
    background-image: none;
    /*background-size: 1920px 744px;
    background-image: url(../../images/2025/case_kv_bg.jpg?v=20250116);*/
}

    .case .sec_kv_bg .sec_kv_layer1 {
        background: linear-gradient(149deg,rgba(198, 198, 199, 0.53) 0%, rgba(255, 255, 255, 0.53) 54%, rgba(198, 198, 199, 0.53) 100%);
        position: absolute;
        /*width: 1920px;*/
        /*height: 993px;*/
        width: 1680px;
        height: 850px;
        /*top: -153px;
        left: -55px;*/
        top: 0;
        left: 0;
        border: 3px solid #ffffff;
        /*border-radius: 100px;*/
        border-bottom-right-radius: 100px;
    }

    .case .sec_kv_bg .sec_kv_layer2 {
        position: absolute;
        /*width: 1920px;*/
        /*width: 1832px;
        height: 993px;*/
        width: 1608px;
        height: 795px;
        top: 0;
        left: 0px;
        background-size: 1608px 795px;
        background-image: url(../../images/2026/kv_bg_2026.jpg?v=20260127);
        background-position: center center;
        /*border-radius: 100px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;*/
        border-bottom-right-radius: 100px;
    }

.sec_kv_inner {
    position: relative;
    width: 1025px;
    /*height: 920px;*/
    /*height: 865px;*/
    height: 850px;
    margin: 0 auto;
}

.rule .sec_kv_inner {
    height: 750px;
    width: 828px;
}

.case .sec_kv_inner {
    /*height: 845px;*/
    /*height: 840px;*/
    height: 850px;
    width: 1440px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

    .case .sec_kv_inner .kv-slogan {
        position: absolute;
        width: 322px;
        height: 307px;
        top: 240px;
        left: 559px;
        z-index: 1;
    }

    .case .sec_kv_inner .kv-clock {
        position: absolute;
        width: 140px;
        height: 155px;
        /*bottom: 0px;*/
        bottom: -77px;
        right: 394px;
        z-index: 2;
    }

.sec_kv_tag_position {
    position: absolute;
    top: 250px;
    width: 322px;
    height: 307px;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: multiply;
}

.inner-page .sec_kv_tag_position {
    top: 250px;
}

.kv_tag {
    position: relative;
    width: 510px;
    height: 510px;
    /*background-image: url(../../images/2025/kv_tag.svg);
  background-size: 510px 510px;
  background-repeat: no-repeat;*/
}

/*.kv_tag img
{
    position:absolute;
    top:0;
    left:0;
    z-index:3;
}

.kv_tag:after
{
    position: absolute;
    top:0;
    left:0;
    content:"";
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#AC9061;
    border-top-left-radius:80px;
    border-bottom-right-radius:80px;
    opacity:0.4;
    z-index:2;
}*/

/*.rule .kv_tag {
  background-image: url(../../images/2025/rule_kv_tag.png);
}

.case .kv_tag {
  background-image: url(../../images/2025/case_kv_tag.png);
}*/


.kv_title {
    position: absolute;
    display: flex;
    width: 740px;
    height: 105px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    font-size: 60px;
    left: 142.5px;
    bottom: 420px;
    align-items: center;
    justify-content: center;
    color: #FFF7E6;
    letter-spacing: 100px;
    text-indent: 100px;
}

/*.rule .kv_title
{
    background: linear-gradient(90deg, rgba(118,120,76,0.95) 44.57%, rgba(173,177,113,1) 100%);
}

.case .kv_title
{
    letter-spacing: 45px;
    text-indent: 45px;
    background: linear-gradient(90deg, rgba(186,158,128,0.95) 44%, rgba(201,169,134,0.95) 100%);
}*/

.kv_bottom_position {
    position: absolute;
    /*width:756px;
    height:80px;
    bottom:195px;*/
    /*width:710px;*/
    width: 284px;
    height: 100px;
    bottom: 200px;
    /*top: 620px;*/
    top: 615px;
    left: 388px;
    display: flex;
    flex-direction: column;
    /*mix-blend-mode: multiply;*/
}

    .kv_bottom_position.small {
        width: 740px;
        bottom: 330px;
    }

.kv_bottom {
    position: relative;
    width: 756px;
    height: 80px;
    display: flex;
}

.kv_bottom_position.small .kv_bottom {
    width: 740px;
}

.kv_bottom_position .kv_date {
    position: relative;
    /*width:486px;
    height:80px;*/
    /*width:456px;*/
    width: 284px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #3a3733;
    /*font-family:"LXGW WenKai Mono TC", "Noto Sans TC", "微軟正黑體",sans-serif;
    font-weight:700;*/
    letter-spacing: 2px;
    margin-top:15px;
    /*border: 1px solid #997d4d;*/
    font-weight:400;
}

.kv_bottom_position.small .kv_bottom .kv_date {
    width: 477px;
}

.kv_bottom .kv_date .line {
    position: relative;
    width: 1px;
    height: 20px;
    background-color: #997D4D;
    margin: 0 15px 0 10px;
}

/*.kv_bottom .kv_date span:last-child
{
    margin-bottom:5px;
}*/

.kv_bottom_position .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*width: 270px;
  height:80px;*/
    width: 284px;
    height: 50px;
    color: #edebe8;
    border: 0;
    padding: 0;
    /*font-size: 26px;*/
    font-size: 20px;
    /*padding-top: 10px;*/
    /*font-weight: 700;*/
    /*font-family: "LXGW WenKai Mono TC", "Noto Sans TC", "微軟正黑體", sans-serif;*/
}

    .kv_bottom_position .btn:focus {
        box-shadow:none;
    }

    .kv_bottom_position .btn:before, .kv_bottom_position .btn::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        /*background-color: #8f8a5a;*/
        background: linear-gradient(90deg,rgba(56, 53, 23, 0.74) 0%, rgba(56, 53, 23, 0.74) 100%);
        transition: opacity 0.5s ease-out;
        z-index: 1;
    }

    .kv_bottom_position .btn::after {
        /*background-color: #39519e;*/
        background: linear-gradient(90deg,rgba(0, 24, 73, 0.74) 0%, rgba(0, 24, 73, 0.74) 100%);
        opacity: 0;
    }

    .kv_bottom_position .btn:hover:before {
        opacity: 0;
    }

    .kv_bottom_position .btn:hover:after {
        opacity: 1;
    }

    .kv_bottom_position .btn .txt {
        position: relative;
        font-weight:400;
        z-index: 3;
    }

        .kv_bottom_position .btn .txt:after {
            position: relative;
            content:"";
            display: inline-block;
            width: 74px;
            height: 19px;
            background-image: url(../../images/2026/index_kv_btn_icon.svg);
            background-size: 74px 19px;
            margin-left: 25px;
        }

        .kv_bottom_position.small .kv_bottom .btn {
            width: 263px;
            border-radius: 0;
        }

    .kv_bottom_position.small .kv_bottom .btn:active {
        color: #fff;
        background-color: initial;
        border: none;
    }

/*@keyframes kv_btn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes searchLights {
  0% {
    left: -100px;
    background-image: -webkit-gradient(linear, to right, from(transparent), color-stop(rgba(255, 255, 255, 0.8)), to(transparent));
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
  }
  30% {
    background-image: -webkit-gradient(linear, to right, from(transparent), color-stop(rgba(255, 255, 255, 0.9)), to(transparent));
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
  }
  100% {
    left: 300px;
    background-image: -webkit-gradient(linear, to right, from(transparent), color-stop(rgba(255, 255, 255, 0.8)), to(transparent));
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
  }
}


.kv_pic {
  position: absolute;
  width: 792px;
  height: 247px;
  bottom: 0;
  left: 774px;
}

.kv_pic .pic {
  position: absolute;
  width: 181px;
  height: 247px;
}

.kv_pic .pic img {
  width: 100%;
}

.kv_pic .pic1_position {
  left: 0;
}

.kv_pic .pic2_position {
  left: 204px;
}

.kv_pic .pic3_position {
  left: 408px;
}

.kv_pic .pic4_position {
  left: 612px;
}

.kv_mouse {
  position: absolute;
  width: 50px;
  height: 96px;
  left:50%;
  margin-left:-25px;
  bottom:270px;
}*/

.sec_inner {
    position: relative;
    /*max-width: 1200px;*/
    max-width: 1025px;
    margin: 0 auto;
    height: 100%;
}

.rule .sec_inner {
    /*max-width:1240px;*/
    max-width: 1020px;
    width: 100%;
}

.sec_title {
    position: relative;
    text-align: left;
    color: #39519e;
    /*padding-top: 110px;
    padding-bottom: 35px;*/
    display: inline-block;
    text-transform: uppercase;
    /*padding-left: 170px;*/
    font-size: 36px;
    line-height: 44px;
    letter-spacing:1px;
}

    .sec_title .sec_title_txt {
        position: relative;
        display: flex;
        /*font-weight: 200;*/
        font-weight: 100;
    }

        .sec_title .sec_title_txt .line {
            position: relative;
            display: inline-block;
            top: 0;
            left: 0;
            background-color: #39519e;
            width: 8px;
            height: 88px;
            border-top-left-radius: 4px;
            border-bottom-right-radius: 4px;
            margin-right: 15px;
        }

        /*.sec_title .sec_title_txt:before {
            position: absolute;
            display: inline-block;
            content: '';
            top: -45px;
            right: -60px;
            width: 86px;
            height: 86px;
            background-image: url(../../images/2025/sec_title_bg.svg);
            background-repeat: no-repeat;
            background-size: 86px 86px;
        }

        .sec_title .sec_title_txt:after {
            position: absolute;
            display: inline-block;
            content: '';
            bottom: -35px;
            left: 50%;
            transform: translateX(-50%);
            width: 96px;
            height: 5px;
            background: linear-gradient(90deg, rgba(59,56,51,1) 0%, rgba(56,55,50,1) 50%, rgba(153,125,77,1) 50%, rgba(172,144,97,1) 100%);
        }*/

/*.sec_title:before
{
    position: absolute;
    display:inline-block;
    content: '';
    top: 0;
    right: 0;
    width: 86px;
    height: 86px;
    background-image:url(../../images/2025/sec_title_bg.svg);
    background-repeat:no-repeat;
    background-size:86px 86px;
}

.sec_title:after
{
    position: absolute;
    display:inline-block;
    content: '';
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    width: 96px;
    height: 5px;
    background: linear-gradient(90deg, rgba(59,56,51,1) 0%, rgba(56,55,50,1) 50%, rgba(153,125,77,1) 50%, rgba(172,144,97,1) 100%);
}*/

.sec p {
    position: relative;
    /*font-size:24px;*/
    font-size: 22px;
    color: #756f69;
    margin-top: 45px;
    line-height: 37px;
    /*margin:40px 35px 0;*/
    /*margin:40px 10px 0;*/
    margin: 30px 10px 0;
    text-align: justify;
    letter-spacing: -1px;
    /*letter-spacing:0.5px;*/
}

/* sec1 */

.sec1 {
    position: relative;
    /*height: 1000px;*/
    height: 670px;
    width: 100%;
}

.sec1 .sec_title {
    /*margin-bottom:120px;*/
    margin-bottom: 55px;
}

.sec1 .sec1_bg {
    position: absolute;
    /*height: 1000px;*/
    height: 670px;
    width: 1920px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sec1 .sec1_bg .bg {
    position: absolute;
    background: linear-gradient(20deg, rgba(200, 200, 201, 0.36) 0%, rgba(255, 255, 255, 0.36) 54%, rgba(200, 200, 201, 0.36) 100%);
    width: 76.5625%;
    height: 670px;
    bottom: 0;
    /*right:-50px;*/
    left: 0;
    border-bottom-left-radius: 70px;
    border-top-right-radius: 70px;
}

.sec1 .sec1_bg .bg1 {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../../images/2026/paragraph_icon.svg);
    background-size: 140px 140px;
    width: 140px;
    height: 140px;
    top: 33px;
    right: 288px;
    transform:scaleX(-1);
}

.sec1 .sec1_bg .bg2 {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../../images/2026/rule_p7_bg.png);
    background-size: 552px 552px;
    width: 552px;
    height: 552px;
    top: 299px;
    left: 100px;
}

.sec1 img{
    border-top-left-radius:50px;
    border-bottom-right-radius:50px;
}
/* sec1 */

/* sec2 */
.sec2 {
    position: relative;
    height: 1060px;
    width: 100%;
}

.sec2 .sec_inner {
    width: 100%;
    max-width: 875px;
}

.sec2 .sec_title {
    padding-top:50px;
    padding-left:110px;
    padding-bottom:60px;
}

.sec2_bg {
    position: absolute;
    width: 1920px;
    height: 1060px;
    left: 50%;
    transform: translateX(-50%);
}

.sec2 .sec2_bg .bg {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../../images/2026/paragraph_icon.svg);
    background-size: 140px 140px;
    width: 140px;
    height: 140px;
    bottom: -30px;
    left: 305px;
    transform:rotate(90deg);
}

/*.sec2 .sec2_bg .bg1 {
    position: absolute;
    width: 1372px;
    height: 2px;
    background-color: #FBEECF;
    right: -20px;
    bottom: 331px;
}*/

.sec2 .award-item {
    position: relative;
    width: 745px;
    height: 360px;
    font-size: 18px;
    line-height: 22px;
    color: #756f69;
    font-weight: 200;
    background-color: #e9e3dc;
    border-top-left-radius:70px;
    margin-bottom:50px;
    margin-left:85px;
}

.sec2 .award-item.green {
    background-color: #9e9966;
    height:350px;
    margin:0;
    border-top-right-radius:30px;
}

.sec2 .award-item .award-label{
    position: absolute;
    width: 275px;
    height: 84px;
    left:0;
    top:-17px;
}

.sec2 .award-item.green .award-label {
    position: absolute;
    width: 394px;
    height: 83px;
    left: initial;
    right:0;
    top: -17px;
}

.sec2 .award-item .award-content {
    position: absolute;
    width:330px;
    height:150px;
    top:95px;
    left:45px;
    /*font-size:18px;
    line-height:22px;*/
}

    .sec2 .award-item.green .award-content {
        left: inherit;
        height: 130px;
        top: 95px;
        /*right: 55px;*/
        right: 40px;
        padding-left: 30px;
    }

.sec2 .award-item .award-content .top {
    position: relative;
    border-bottom: 1px solid #756f69;
    padding-bottom:15px;
    font-size:18px;
    letter-spacing:1px;
    font-weight:400;
}

.sec2 .award-item .award-content p {
    font-size: 15px;
    line-height:24px;
    padding:0;
    margin:15px 0 0 0;
}

.sec2 .award-item.green .award-content p {
    color: #f0eeeb;
    margin:0;
    text-align:justify;
}

.sec2 .award-item .award-prize {
    position: absolute;
    width:420px;
    height:44px;
    left:44px;
    bottom:53px;
}

.sec2 .award-item.green .award-prize {
    width: 302px;
    height: 53px;
    left: initial;
    right:50px;
    bottom: 60px;
}

.sec2 .award-item .award-img {
    position: absolute;
    width: 303px;
    height: 299px;
    top:30px;
    right:-50px;
}

    .sec2 .award-item .award-img img {
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .sec2 .award-item.green .award-img {
        position: absolute;
        width: 303px;
        height: 299px;
        top: initial;
        right: initial;
        left: 35px;
        bottom: -20px;
    }

        .sec2 .award-item.green .award-img img {
            border-top-right-radius: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 50px;
            border-top-left-radius: 50px;
        }
        /*.sec2 .timeline {
        position: relative;
        width: 1062px;
        height: 405px;
        margin-top: 154px;
    }

    .sec2 .timeline .up {
        position: relative;
        display: flex;
        justify-content: start;
        gap: 36px;
    }

    .sec2 .timeline .down {
        position: relative;
        display: flex;
        justify-content: end;
        gap: 36px;
        margin-bottom: 2px;
    }

    .sec2 .timeline .step {
        position: relative;
        width: 273px;
        height: 200px;
    }

        .sec2 .timeline .step:before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 273px;
            height: 200px;
            background-color: #fff;
            border-top-right-radius: 40px;
            border-bottom-left-radius: 40px;
            opacity: 0.95;
            z-index: 1;
        }

        .sec2 .timeline .step.step2:before {
            opacity: 0.9;
        }

        .sec2 .timeline .step.step3:before {
            opacity: 0.85;
        }

        .sec2 .timeline .step.step4:before {
            opacity: 0.8;
        }

        .sec2 .timeline .step.step5:before {
            opacity: 0.75;
        }

        .sec2 .timeline .step h2 {
            position: relative;
            margin: 36px 27px 0 40px;
            color: #997D4D;
            font-size: 26px;
            z-index: 2;
        }

            .sec2 .timeline .step h2 span {
                position: relative;
                padding-bottom: 5px;
                border-bottom: 1px solid #977d4d;
            }

        .sec2 .timeline .step h3 {
            position: relative;
            padding: 28px 27px 0 40px;
            color: #997D4D;
            font-size: 20px;
            line-height: 24px;
            z-index: 2;
        }

        .sec2 .timeline .step .icon {
            position: absolute;
            right: 0;
            bottom: 0;
            display: inline-block;
            z-index: 2;
        }*/
        /*.sec2_bg .pic {
  position: relative;
  width: 1022px;
  height: 735px;
}

.sec2_bg .sec_sub_title {
  position: relative;
  display:inline-block;
  width: calc(1920px - 1022px);
  height: 110px;
  text-align:right;
  padding-right:60px;
  font-size:50px;
  color:#997D4D;
}

.sec2_bg .sec_sub_title small
{
    display:inline-block;
    font-size:42px;
    color: #3a3732;
}

.sec2_bg .sec_sub_title:after
{
    position: absolute;
    content: '';
    top: 0;
    right: 40px;
    width: 5px;
    height: 100px;
    background: linear-gradient(0deg, rgba(153,125,77,1) 0%, rgba(172,144,97,1) 50%, rgba(59,56,51,1) 50%, rgba(56,55,50,1) 100%);
}*/
        /* sec2 */

        /* sec-timeline */
        .rule.sec-timeline {
            height: 570px;
        }

.rule.sec-timeline .special_bg {
    height: 370px;
    top: 0px;
    left: 0px;
}

.rule.sec-timeline .special_bg .bg1 {
    left: 15px;
}

.rule.sec-timeline .sec_title {
    color: #39519e;
    margin-bottom: 50px;
    padding-top: 0;
    padding-left:368px;
}

.rule.sec-timeline  .sec_title .sec_title_txt .line{
    margin-left:15px;
    margin-right:0;
}

.rule.large.sec-timeline .paragraph.p5 {
    height: 370px;
}

.rule.large.sec-timeline .paragraph.p5:before {
    display: none;
}


.rule.sec-timeline .paragraph .timeline {
    margin-left: 33px;
}
/* sec-timeline */

/* sec-sliderwrapper */
.sec.sliderwrapper {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    /*height: 400vh;*/
    height: 1525px;
}

    .sec.sliderwrapper .sliderwrapper-bg {
        position: absolute;
        width: 1920px;
        left: 50%;
        transform: translateX(-50%);
        height: 1525px;
        top: 0;
        /*left: 0;*/
    }

        .sec.sliderwrapper .sliderwrapper-bg .sliderwrapper-bg-layer1 {
            position: absolute;
            /*width: 83.8542%;*/
            width: 1610px;
            height: 1525px;
            left: 0;
            border-top-left-radius: 100px;
            border-bottom-right-radius: 100px;
            background-color: #f0eeeb;
        }

        .sec.sliderwrapper .sliderwrapper-bg .sliderwrapper-bg-layer2 {
            position: absolute;
            /*width: 74.7396%;*/
            width: 1430px;
            height: 1420px;
            left: 0;
            top: 53px;
            border-top-left-radius: 100px;
            border-bottom-right-radius: 100px;
            box-sizing: border-box;
            background: linear-gradient(20deg, rgba(200, 200, 201, 0.36) 0%, rgba(255, 255, 255, 0.36) 54%, rgba(200, 200, 201, 0.36) 100%);
            border: 2px solid #ffffff;
            z-index: 3;
        }

        .sec.sliderwrapper .sliderwrapper-bg .sliderwrapper-bg-layer3 {
            position: absolute;
            height: 550px;
            width: 550px;
            right: 86px;
            bottom: 83px;
        }

        /*@media (max-height:700px) {
            .sec.sliderwrapper .sliderwrapper-bg .sliderwrapper-bg-layer2 {
                height:100%;
            }
        }*/

    .sec.sliderwrapper #slider {
        width: 100%;
        height: 100%;
    }

    .sec.sliderwrapper .panel {
        /*height: 100vh;*/
        height:575px;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.sec.sliderwrapper .panel1 {
    /*background: #ffff00;*/
    
}

    .sec.sliderwrapper .panel2 {
        /*background: #ff0000;*/
        
    }

    .sec.sliderwrapper .panel.active{
        opacity:1;
    }

    .sec.sliderwrapper #trigger2 {
        position: absolute;
        /*top: 150vh;*/
        top: 100vh;
    }

/*.sec.sliderwrapper #trigger3 {
    position: absolute;
    top: 300vh;
}*/

.sec.sliderwrapper .panel .panel_inner{
    position:relative;
    width:1045px;
    height:575px;
}

    .sec.sliderwrapper .panel .panel_inner .pic1{
        border-top-left-radius:45px;
        border-bottom-right-radius:45px;
        margin-left:55px;
    }

    .sec.sliderwrapper .panel .panel_inner .arrow {
        position: absolute;
        width:47px;
        height:108px;
        left:524px;
        bottom:0;
    }

    .sec.sliderwrapper .panel .panel_inner .line1 {
        position: absolute;
        width: 7px;
        height: 93px;
        right:80px;
        top: 50%;
        transform:translateY(-50%);
    }


    .sec.sliderwrapper .panel .panel_inner .pic2 {
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        margin-left: 0px;
    }
        .sec.sliderwrapper .panel .panel_inner .line1.line2 {
            transform: translateY(-50%) rotate(180deg);
        }
        /* sec-sliderwrapper */

        /* sec bg */
        .secBg {
            position: relative;
            /*height: 1080px;*/
            height: 732px;
            /*height:659px;*/
            width: 100%;
        }

    .secBg .secBg_bg {
        position: absolute;
        /*width: 1920px;*/
        width: 1728px;
        /*height: 1080px;*/
        height: 732px;
        /*height:659px;*/
        left: 50%;
        transform: translateX(-50%);
        border-top-right-radius: 150px;
        border-bottom-left-radius: 150px;
        overflow: hidden;
    }

    .secBg .sec_title {
        color: #fff;
        /*padding-top:340px;*/
        padding-top: 305px;
    }


        .secBg .sec_title .sec_title_txt:before {
            background-image: url(../../images/2025/sec2_title_bg.svg);
        }

        .secBg .sec_title .sec_title_txt:after {
            background: linear-gradient(90deg, rgba(50,48,46,1) 0%, rgba(50,48,46,1) 50%, rgba(251,251,248,1) 50%, rgba(251,251,248,1) 100%);
        }

    .secBg .sec_inner h5 {
        font-size: 24px;
        color: #312d29;
        margin-top: 45px;
        text-align: center;
    }
/* sec bg */

/* sec3 */
.sec3 {
    position: relative;
    width: 100%;
    height: 820px;
}

    .sec3 .sec_title {
        padding-top: 90px;
    }

    .sec3 .sec_title .sec_title_txt .line {
        margin-left: 15px;
        margin-right: 0;
    }

    .sec3 p.bg:before {
        position: absolute;
        /*width:1222px;
    height:514px;*/
        width: 978px;
        height: 411px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        background-image: url(../../images/2025/sec3_2025_bg.svg);
        background-repeat: no-repeat;
        /*background-size:1222px 514px;*/
        background-size: 978px 411px;
        z-index: -1;
        /*top:-150px;*/
        top: -120px;
    }

.sec3_bg {
    position: absolute;
    height: 820px;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background-image: url(../../images/2026/index_p3_bg.jpg);
    background-repeat: no-repeat;
    background-size: 1920px 820px;
}

/*.sec3 .sec_title:after {
    background: linear-gradient(90deg,rgba(153, 125, 77, 1) 0%,rgba(172, 144, 97, 1) 50%, rgba(59, 56, 51, 1) 50%, rgba(56, 55, 50, 1) 100%);
}

.sec3 .sec_title1 {
    padding-top: 288px;
}*/

/*.sec3 .sec_title2 {
    padding-top: 352px;
}*/

.sec3 .content {
    position: relative;
    /*width: 1120px;
  height: 700px;*/
    width: 1150px;
    height: 127px;
    display: flex;
    flex-wrap: wrap;
    /*margin-top:135px;
  margin-left:-75px;*/
    margin-top: 0px;
    margin-left: 0px;
    gap:10px;
}

    .sec3 .content .cta-btn {
        position: relative;
        width: 570px;
        height: 127px;
        background-color: #39519e;
        display:flex;
        justify-content:center;
        align-items:start;
    }

    .sec3 .content .cta-btn:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.5s ease-out;
        background-color: #9e9966;
        opacity: 0;
    }

        .sec3 .content .cta-btn:hover:before {
            opacity: 1;
        }

    .sec3 .content .cta-btn .txt {
        position: relative;
        display: inline-block;
        z-index: 3;
        margin-top:17px;
    }

/*.sec3 .content .choose_rule {
position: relative;
display: flex;
width: 385px;
height: 256px;
align-items: center;
justify-content: center;
background-color: #39519E;
border-bottom-left-radius: 40px;
border-top-right-radius: 40px;
margin-bottom: 36px;
color: #fff;
font-size: 26px;
line-height: 36px;
}

.sec3 .content .choose_rule:nth-child(2n) {
    background-color: #AA8E61;
}

.sec3 .content .choose_rule:nth-child(3) {
    margin-left: 234px;
}*/

.sec3 .content1 {
    position: relative;
    width: 100%;
    margin-left: 0;
    height: 514px;
    text-align: center;
}

.sec3 .content1 .judge_block {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 88px;
    width: 100%;
}

.sec3 .content1 .judge {
    position: relative;
    display: inline-block;
    height: 350px;
    width: 270px;
    overflow: hidden;
}

/*.sec3 .content1 .judge:nth-child(3), .sec3 .content1 .judge:nth-child(4)
{
    margin-top:145px;
}*/

        .sec3 .content1 .judge .pic {
            position: relative;
            display: block;
            width: 270px;
            height: 267px;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 30px;
            overflow: hidden;
        }

        .sec3 .content1 .judge:nth-child(2) .pic, .sec3 .content1 .judge:nth-child(3) .pic {
            border-top-left-radius: 0;
            border-bottom-right-radius: 0;
            border-top-right-radius: 30px;
            border-bottom-left-radius: 30px;
        }
            .sec3 .content1 .judge .pic img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 101%;
                height: auto;
            }
            .sec3 .content1 .judge .desc {
                position: relative;
                display: flex;
                width: 100%;
                /*height:135px;*/
                height: 80px;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 10px;
                letter-spacing:0px;
            }

                .sec3 .content1 .judge .desc .title {
                    /*font-size:24px;*/
                    font-size: 18px;
                    color: #746f6a;
                    margin-top:10px;
                    font-weight:500;
                }

                .sec3 .content1 .judge .desc .name {
                    /*font-size:20px;*/
                    font-size: 16px;
                    color: #746f6a;
                    font-weight: 400;
                }

/* sec3 */

/* sec4 */
.sec4 {
    position: relative;
    width: 100%;
    /*height: 1455px;*/
    height: 1164px;
}

    .sec4 .sec_title {
        /*padding-top:305px;*/
        padding-top: 244px;
    }

    .sec4 .sec4_bg {
        position: absolute;
        /*height: 1455px;*/
        height: 1164px;
        width: 1920px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        overflow: hidden;
    }

        .sec4 .sec4_bg .circle {
            position: absolute;
            /*height: 1000px;
  width: 1000px;
  right:-550px;
  bottom:-565px;
  border-radius:1000px;*/
            height: 800px;
            width: 800px;
            right: -440px;
            bottom: -452px;
            border-radius: 800px;
            background-color: #AA8E61;
        }

        .sec4 .sec4_bg .plus_icon {
            position: absolute;
            /*height: 138px;
  width: 138px;
  right:113px;
  top:275px;*/
            height: 110px;
            width: 110px;
            right: 91px;
            top: 220px;
        }

        .sec4 .sec4_bg .plus_icon1 {
            right: initial;
            /*left:106px;
  top:1067px;*/
            left: 300px;
            /*top:854px;*/
            top: initial;
            bottom: 0;
        }

        .sec4 .sec4_bg .plus_icon:before {
            position: absolute;
            content: "";
            display: inline-block;
            width: 1px;
            /*height:138px;*/
            height: 110px;
            background-color: #AA8E61;
            left: 50%;
            transform: translateX(-50%);
        }

        .sec4 .sec4_bg .plus_icon:after {
            position: absolute;
            content: "";
            display: inline-block;
            /*width:138px;*/
            width: 110px;
            height: 1px;
            background-color: #AA8E61;
            top: 50%;
            transform: translateY(-50%);
        }

    .sec4 .sec_inner {
        /*text-align:center;*/
    }

    .sec4 .content {
        position: relative;
        /*width: 1380px;*/
        width: 1105px;
        /*height: 567px;*/
        /*height: 454px;*/
        height: 470px;
        display: flex;
        /*margin-top:35px;*/
        /*margin-top:45px;*/
        margin-top: 80px;
        /*margin-left:-177.5px;*/
        margin-left: -40px;
    }

        .sec4 .content ul {
            position: relative;
            display: flex;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            align-items: center;
            justify-content: space-around;
        }

            .sec4 .content ul li {
                position: relative;
                display: inline-block;
                width: 474px;
                height: 100%;
                text-align: left;
                border-top-left-radius: 80px;
                border-bottom-right-radius: 80px;
                background-color: #39519E;
                overflow: hidden;
            }

                .sec4 .content ul li:nth-child(2) {
                    border-top-left-radius: initial;
                    border-bottom-right-radius: initial;
                    border-top-right-radius: 80px;
                    border-bottom-left-radius: 80px;
                    background-color: #997D4D;
                }

            /* 2026 */
            .sec4 .content ul.year2026 li:nth-child(1) {
                position: relative;
                display: inline-block;
                width: 58%;
                height: 100%;
                text-align: left;
                border-top-right-radius: 80px;
                border-bottom-left-radius: 80px;
                border-top-left-radius: initial;
                border-bottom-right-radius: initial;
                /*background-color: #39519E;*/
                background-color: #997D4D;
                overflow: hidden;
            }

            .sec4 .content ul.year2026 li:nth-child(2) {
                width: 42%;
                border-top-right-radius: 80px;
                border-bottom-left-radius: 80px;
                border-top-left-radius: initial;
                border-bottom-right-radius: initial;
                background-color: #39519E;
            }
            /* 2026 */

            .sec4 .content ul li h3 {
                position: relative;
                /*font-size:34px;*/
                font-size: 28px;
                color: #997D4D;
                /*padding:85px 0 25px;*/
                padding: 68px 0 20px;
                /*margin:0 70px 0 60px;*/
                margin: 0 56px 0 48px;
                border-bottom: 1px solid #fff;
                color: #fff;
            }

                .sec4 .content ul li h3:before {
                    position: absolute;
                    display: inline-block;
                    content: '';
                    /*width: 86px;
    height: 86px;
    right: -60px;
    top: 15px;*/
                    width: 69px;
                    height: 69px;
                    right: -48px;
                    top: 12px;
                    background-image: url(../../images/2025/prize_title_bg.svg);
                    background-repeat: no-repeat;
                    /*background-size:86px 86px;*/
                    background-size: 69px 69px;
                }

            .sec4 .content ul li:nth-child(2) h3:before {
                transform: rotate(180deg);
                right: initial;
                top: initial;
                /*left: -50px;
    bottom: -25px;*/
                left: -40px;
                bottom: -20px;
            }

            /* 2026 */
            .sec4 .content ul.year2026 li h3 {
                margin: 0 56px;
                border-bottom: 0;
                padding-top: 97px;
            }

                .sec4 .content ul.year2026 li h3:after {
                    position: absolute;
                    content: "";
                    width: 17%;
                    height: 1px;
                    display: inline-block;
                    background-color: #fff;
                    bottom: 0;
                    left: 0;
                }

            .sec4 .content ul.year2026 li:nth-child(1) h3:before {
                right: initial;
                top: 42px;
                left: -35px;
                transform: scaleX(-1);
            }

            .sec4 .content ul.year2026 li:nth-child(2) h3:before {
                transform: initial;
                left: initial;
                bottom: initial;
                right: -26px;
                top: 42px;
            }

            .sec4 .content ul.year2026 li:nth-child(2) h3:after {
                width: 42%;
            }

            .sec4 .content ul.year2026 li .icon {
                position: absolute;
                display: inline-block;
                right: 25px;
                bottom: 13px;
            }
            /* 2026 */

            .sec4 .content ul li h4 {
                position: relative;
                display: inline-block;
                /*font-size:22px;*/
                font-size: 19px;
                color: #fff;
                /*padding-left:60px;
padding-right:50px;
margin-top:35px;*/
                padding-left: 48px;
                padding-right: 40px;
                margin-top: 28px;
                text-align: justify;
                /*line-height:40px;*/
                line-height: 32px;
                letter-spacing: -1px;
            }

            .sec4 .content ul li .prize {
                position: absolute;
                display: block;
                color: #fff;
                bottom: 12px;
                right: 12px;
                text-align: left;
                line-height: 18px;
                font-size: 12px;
            }

                .sec4 .content ul li .prize:before {
                    position: absolute;
                    display: inline-block;
                    content: "";
                    /*width:307px;
    height:184px;*/
                    /*width:375px;
    height:204px;*/
                    /*width:281px;
    height:153px;*/
                    width: 291px;
                    height: 131px;
                    background-image: url(../../images/2025/prize.svg);
                    background-size: cover;
                    /*left: -295px;
    bottom: -15px;*/
                    /*left: -221px;
    bottom: -12px;*/
                    left: -200px;
                    bottom: -15px;
                }

            .sec4 .content ul li:first-child .prize {
                position: absolute;
                display: block;
                color: #fff;
                bottom: 12px;
                right: 40px;
                text-align: left;
                line-height: 18px;
                font-size: 12px;
            }

                .sec4 .content ul li:first-child .prize:before {
                    position: absolute;
                    display: inline-block;
                    content: "";
                    width: 284px;
                    height: 124px;
                    background-image: url(../../images/2025/prize1.svg);
                    background-size: cover;
                    left: -184px;
                    bottom: 30px;
                }

            .sec4 .content ul li h4 small {
                /*display:block;*/
                display: inline-block;
                font-size: 17px;
                /*margin-top:100px;*/
            }

    .sec4 .sec_inner .btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /*width: 458px;
    height: 94px;*/
        width: 388px;
        height: 75px;
        color: #fff;
        /*font-size: 26px;*/
        font-size: 22px;
        letter-spacing: 1px;
        /*margin-top:190px;
    margin-left:283.5px;*/
        margin-top: 152px;
        margin-left: 318.5px;
        /*background: linear-gradient(90deg, rgba(153, 125, 77, 1) 0%, rgba(172, 144, 97, 1) 55%);*/
        background-color: #AA8E61;
    }

        .sec4 .sec_inner .btn:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*background-image: linear-gradient(90deg, rgba(172, 144, 97, 1) 0%, rgba(153, 125, 77, 1) 55%);*/
            transition: opacity 0.5s ease-out;
            background-color: #39519E;
            /*border-radius:94px;*/
            opacity: 0;
        }

        .sec4 .sec_inner .btn:hover:before {
            opacity: 1;
        }

        .sec4 .sec_inner .btn .txt {
            position: relative;
            z-index: 3;
        }

/* rule */
.rule .p1_bg {
    background: linear-gradient(20deg,rgba(200, 200, 201, 0.36) 0%, rgba(255, 255, 255, 0.36) 54%, rgba(200, 200, 201, 0.36) 100%);
    position: absolute;
    width: 100vw;
    height: 430px;
    max-width: 1920px;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
}

.rule .p7_bg {
    background: linear-gradient(20deg,rgba(200, 200, 201, 0.36) 0%, rgba(255, 255, 255, 0.36) 54%, rgba(200, 200, 201, 0.36) 100%);
    position: absolute;
    width: 90.2778vw;
    /*height: 1325px;*/
    height: 1373px;
    max-width: 1920px;
    min-width: 1305px;
    border-top-left-radius: 70px;
    /*top:3550px;*/
    /*top: 3787px;*/
    top: 3769px;
    left: 0;
    z-index: 1;
}

.rule.large .paragraph:before {
    height: 188px;
    right:-70px;
}

.rule.large .paragraph.p1:before {
    background-image: url(../../images/2026/rule_p1_icon1.svg);
    width: 863px;
    background-size: 863px 188px;
    top:40px;
}

.rule.large .paragraph.p1:after {
    /*bottom:-70px;*/
    bottom: -20px;
}

.rule.large .paragraph.p2:before {
    background-image: url(../../images/2026/rule_p2_icon1.svg);
    width: 922px;
    background-size: 922px 188px;
}

.rule.large .paragraph.p3:before {
    background-image: url(../../images/2026/rule_p3_icon1.svg);
    width: 979px;
    background-size: 979px 188px;
}

.rule.large .paragraph.p4:before {
    background-image: url(../../images/2026/rule_p4_icon1.svg);
    width: 1012px;
    background-size: 1012px 188px;
}

.rule.large .paragraph.p4:after{
    z-index:0;
}

.rule.large .paragraph.p5:before {
    background-image: url(../../images/2026/rule_p5_icon1.svg);
    width: 1041px;
    background-size: 1041px 188px;
}

.rule.large .paragraph.p6:before {
    background-image: url(../../images/2026/rule_p6_icon1.svg);
    width: 960px;
    background-size: 960px 188px;
}

.rule.large .paragraph.p7:before {
    background-image: url(../../images/2026/rule_p7_icon1.svg);
    width: 978px;
    background-size: 978px 188px;
}

.rule.large .paragraph.p7:after {
    z-index:0;
}

.rule.large .paragraph.p8:before {
    background-image: url(../../images/2026/rule_p8_icon1.svg);
    width: 990px;
    background-size: 990px 188px;
}

.rule.large .paragraph.p2 {
    /*height:643px;*/
    /*height: 880px;*/
    height: 920px;
}

.rule.large .paragraph.p3 {
    /*height:690px;*/
    height: 670px;
    z-index: 1;
}

.rule.large .paragraph.p4 {
    /*height: 450px;*/
    height: 410px;
}

.rule.large .paragraph.p6{
    height:620px;
}

.rule.large .paragraph.p7 {
    height:1375px;
    z-index:1;
}

.rule.large .paragraph.p8 {
    height: 513px;
}

.rule.large .paragraph .flex-box {
    align-items: start;
}

.rule.large .paragraph h6 {
    font-size: 16px;
}

.rule.large .sec_inner .btn {
    background-color: #3252a2;
    letter-spacing: 6px;
    text-indent: 6px;
}

.rule.large .sec_inner .btn .txt:after {
    left:5px;
}
    /*.rule {
    font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
}

    .rule .rule_bg {
        position: absolute;
        width: 1920px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

        .rule .rule_bg .plus_icon {
            position: absolute;
            height: 110px;
            width: 110px;
            left: 320px;
            top: 990px;
        }

            .rule .rule_bg .plus_icon:before {
                position: absolute;
                content: "";
                display: inline-block;
                width: 1px;
                height: 110px;
                background-color: #AA8E61;
                left: 50%;
                transform: translateX(-50%);
            }

            .rule .rule_bg .plus_icon:after {
                position: absolute;
                content: "";
                display: inline-block;
                width: 110px;
                height: 1px;
                background-color: #AA8E61;
                top: 50%;
                transform: translateY(-50%);
            }

        .rule .rule_bg .plus_icon1 {
            left: 340px;
            top: initial;
            bottom: 846px;
        }

        .rule .rule_bg .bg {
            position: absolute;
            width: 640px;
            height: 528px;
            top: 2195px;
            left: -124px;
        }

        .rule .rule_bg .bg1 {
            position: absolute;
            width: 566px;
            height: 456px;
            bottom: 0;
            right: -184px;
        }

        .rule .rule_bg .circle {
            position: absolute;
            height: 800px;
            width: 800px;
            right: -440px;
            top: 4320px;
            border-radius: 800px;
            background-color: #39519E;
        }

    .rule .sec_title {
        color: #b78b51;
    }

        .rule .sec_title .sec_title_txt:before {
            background-image: url(../../images/2025/sec_title_bg1.svg);
        }

        .rule .sec_title .sec_title_txt:after {
            background: linear-gradient(90deg, rgba(58,54,49,1) 0%, rgba(58,54,49,1) 50%, rgba(183,139,81,0.97) 50%, rgba(183,139,81,0.97) 100%);
        }

    .rule .white_bg {
        position: relative;
        width: 100%;
        height: 336px;
        background-color: #fff;
        border-top-left-radius: 80px;
        border-bottom-right-radius: 80px;
        max-width: 1920px;
        left: 50%;
        transform: translateX(-50%);
    }

    .rule .paragraph {
        position: relative;
        width: 100%;
    }

        .rule .paragraph:before {
            position: absolute;
            content: "";
            display: inline-block;
            height: 515px;
        }

        .rule .paragraph.p1 {
            height: 512px;
        }

            .rule .paragraph.p1:before {
                width: 450px;
                height: 412px;
                background-image: url(../../images/2025/rule_p1_icon.svg);
                background-size: 450px 412px;
                top: 99px;
                left: -16px;
            }

        .rule .paragraph.p2 {
            height: 720px;
        }

            .rule .paragraph.p2:before {
                width: 547px;
                height: 412px;
                background-image: url(../../images/2025/rule_p2_icon.svg);
                background-size: 547px 412px;
                top: 36px;
                right: -188px;
            }

        .rule .paragraph.p3 {
            height: 720px;
        }

            .rule .paragraph.p3:before {
                width: 525px;
                height: 412px;
                background-image: url(../../images/2025/rule_p3_icon.svg);
                background-size: 525px 412px;
                top: 24px;
                left: -16px;
            }

        .rule .paragraph.p4 {
            height: 432px;
        }

            .rule .paragraph.p4:before {
                width: 517px;
                height: 412px;
                background-image: url(../../images/2025/rule_p4_icon.svg);
                background-size: 517px 412px;
                top: 36px;
                right: -144px;
            }

        .rule .paragraph.p5 {
            height: 952px;
        }

            .rule .paragraph.p5:before {
                width: 531px;
                height: 412px;
                background-image: url(../../images/2025/rule_p5_icon.svg);
                background-size: 531px 412px;
                top: 528px;
                left: -160px;
                z-index: 1;
            }

        .rule .paragraph.p6 {
            height: 720px;
        }

            .rule .paragraph.p6:before {
                width: 530px;
                height: 412px;
                background-image: url(../../images/2025/rule_p6_icon.svg);
                background-size: 530px 412px;
                top: 28px;
                right: -120px;
            }

        .rule .paragraph.p7 {
            height: 1300px;
        }

            .rule .paragraph.p7:before {
                width: 483px;
                height: 412px;
                background-image: url(../../images/2025/rule_p7_icon.svg);
                background-size: 483px 412px;
                top: 64px;
                left: -156px;
            }

        .rule .paragraph.p8 {
            height: 592px;
        }

            .rule .paragraph.p8:before {
                width: 522px;
                height: 412px;
                background-image: url(../../images/2025/rule_p8_icon.svg);
                background-size: 522px 412px;
                top: 40px;
                right: -88px;
            }

        .rule .paragraph .content {
            position: relative;
            padding: 0 105px;
        }

        .rule .paragraph .flex-box {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: start;
        }

            .rule .paragraph .flex-box .box {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                width: 535px;
                height: 286px;
                color: #fff;
                font-size: 22px;
                border-bottom-left-radius: 80px;
                border-top-right-radius: 80px;
            }

                .rule .paragraph .flex-box .box.blue {
                    background-color: #3252a2;
                }

                .rule .paragraph .flex-box .box.brown {
                    background-color: #af8c5a;
                    margin-top: 88px;
                }

        .rule .paragraph ul {
            list-style: square outside;
            font-size: 22px;
            line-height: 36px;
            padding-left: 22px;
        }

        .rule .paragraph ol {
            list-style: decimal outside;
            font-size: 22px;
            line-height: 36px;
            padding-left: 22px;
        }

            .rule .paragraph ol > li {
                margin-bottom: 8px;
                letter-spacing: -1px;
            }

        .rule .paragraph.p7 ol > li {
            margin-bottom: 16px;
        }

        .rule .paragraph p {
            position: relative;
            min-height: 80px;
            line-height: 36px;
            font-size: 22px;
            color: #3a3732;
            font-weight: 400;
            letter-spacing: -1px;
            text-align: justify;
            margin: 36px 0 0 0;
        }


    .rule .special_bg {
        position: absolute;
        width: 1728px;
        height: 864px;
        background-color: #9d7c45;
        border-top-left-radius: 150px;
        border-bottom-right-radius: 150px;
        top: 0;
        left: -304px;
    }

    .rule .paragraph.special p {
        min-height: initial;
    }

    .rule .paragraph.special .sec_title {
        color: #fff;
        padding-top: 135px;
    }

    .rule .paragraph.special .sec_title_txt:before {
        background-image: url(../../images/2025/sec2_title_bg.svg);
    }

    .rule .paragraph.special .sec_title .sec_title_txt:after {
        background: linear-gradient(90deg, rgba(50, 48, 46, 1) 0%, rgba(50, 48, 46, 1) 50%, rgba(251, 251, 248, 1) 50%, rgba(251, 251, 248, 1) 100%);
    }

    .rule .paragraph.special .special_bg .bg1 {
        position: absolute;
        width: 1300px;
        height: 2px;
        background-color: #FBEECF;
        right: 0px;
        bottom: 360px;
    }

    .rule .paragraph.special .timeline {
        position: relative;
        width: 1062px;
        height: 405px;
        margin-top: 94px;
        margin-left: 40px;
    }

        .rule .paragraph.special .timeline .up {
            position: relative;
            display: flex;
            justify-content: start;
            gap: 36px;
        }

        .rule .paragraph.special .timeline .down {
            position: relative;
            display: flex;
            justify-content: end;
            gap: 36px;
            margin-bottom: 2px;
        }

        .rule .paragraph.special .timeline .step {
            position: relative;
            width: 273px;
            height: 200px;
        }

            .rule .paragraph.special .timeline .step:before {
                position: absolute;
                content: "";
                top: 0;
                left: 0;
                width: 273px;
                height: 200px;
                background-color: #fff;
                border-top-right-radius: 40px;
                border-bottom-left-radius: 40px;
                opacity: 0.95;
                z-index: 1;
            }

            .rule .paragraph.special .timeline .step.step2:before {
                opacity: 0.9;
            }

            .rule .paragraph.special .timeline .step.step3:before {
                opacity: 0.85;
            }

            .rule .paragraph.special .timeline .step.step4:before {
                opacity: 0.8;
            }

            .rule .paragraph.special .timeline .step.step5:before {
                opacity: 0.75;
            }

            .rule .paragraph.special .timeline .step h2 {
                position: relative;
                margin: 36px 27px 0 40px;
                color: #997D4D;
                font-size: 26px;
                z-index: 2;
            }

                .rule .paragraph.special .timeline .step h2 span {
                    position: relative;
                    padding-bottom: 5px;
                    border-bottom: 1px solid #977d4d;
                }

            .rule .paragraph.special .timeline .step h3 {
                position: relative;
                padding: 28px 27px 0 40px;
                color: #997D4D;
                font-size: 20px;
                line-height: 24px;
                z-index: 2;
            }

            .rule .paragraph.special .timeline .step .icon {
                position: absolute;
                right: 0;
                bottom: 0;
                display: inline-block;
                z-index: 2;
            }

    .rule .paragraph small {
        font-size: 15px;
        letter-spacing: -1px;
        font-weight: 500;
        color: #816d57;
        display: inline-block;
        line-height: 25px;
    }

        .rule .paragraph small.special {
            display: inline-block;
            line-height: 20px;
        }

    .rule .paragraph h6 {
        position: relative;
        text-align: center;
        font-size: 22px;
        color: #2d2d2d;
        margin-bottom: 56px;
    }

    .rule .sec_inner .btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 388px;
        height: 75px;
        color: #fff;
        font-size: 22px;
        letter-spacing: 1px;
        margin: 204px 366px 76px;
        background-color: #af8c5a;
    }

        .rule .sec_inner .btn:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: opacity 0.5s ease-out;
            background-color: #39519E;
            opacity: 0;
        }

        .rule .sec_inner .btn:hover:before {
            opacity: 1;
        }

        .rule .sec_inner .btn .txt {
            position: relative;
            z-index: 3;
        }*/
    /* rule */
    /* vote */
    .vote .sec_kv_bg {
        background-image: url(../../images/2025/vote_kv_bg.jpg?v=20250515);
        background-size: 1920px 744px;
        height: 744px;
        background-position-y: 0px;
    }

.vote.sec_kv {
    position: relative;
    width: 100%;
    height: 744px;
    z-index: 2;
}

.vote .sec_kv_inner {
    width: 1150px;
    height: 744px;
}

.vote .kv_bottom_position.small {
    width: 486px;
    height: 80px;
    bottom: -40px;
    z-index: 1;
}

.vote-step .sec2_bg {
    background-color: #aa8e61;
}

.sec2.vote-step .timeline .step {
    letter-spacing: initial;
}

    .sec2.vote-step .timeline .step .login-btn {
        position: relative;
        display: inline-block;
        width: 152px;
        height: 44px;
        background-image: url(../../images/2025/line_login_btn_bg.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 152px 88px;
        margin-top: 28px;
        margin-left: 40px;
        z-index: 3;
        transition: none;
    }

        .sec2.vote-step .timeline .step .login-btn:hover {
            background-position: 0 -44px;
        }

    .sec2.vote-step .timeline .step iframe {
        position: relative !important;
        margin-top: 10px;
        margin-left: 40px;
        z-index: 2 !important;
    }

.sec2.vote-step .sec_title {
    padding-top: 153px;
}

.sec2.vote-step .timeline {
    margin-top: 104px;
}

    .sec2.vote-step .timeline .step h3 {
        font-size: 18px;
        padding-right: 5px;
    }

.vote-case.blockHeight {
    padding-top: 100px;
    padding-bottom: 180px;
}

    .vote-case.blockHeight .caseBg .plus_icon {
        top: initial;
        bottom: 30px;
    }

    .vote-case.blockHeight .caseVote__zone.inner .caseVote__box:before {
        position: absolute;
        content: "";
        display: block;
        background-color: #977d4d;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom-right-radius: 70px;
        opacity: 0;
        transition: all .35s;
        z-index: 2;
    }

    .vote-case.blockHeight .caseVote__zone.inner .caseVote__box:after {
        position: absolute;
        content: "看更多設計巧思";
        display: block;
        text-align: center;
        text-decoration: underline;
        width: 100%;
        color: #fff;
        font-size: 26px;
        opacity: 0;
        transition: all .35s;
        z-index: 3;
        transform: translateY(-50%);
        top: 50%;
        right: initial;
        height: auto;
        background: initial;
        letter-spacing: 1px;
    }

    .vote-case.blockHeight .caseVote__zone.inner .caseVote__box:hover:before {
        opacity: 0.9;
    }

    .vote-case.blockHeight .caseVote__zone.inner .caseVote__box:hover:after {
        opacity: 1;
    }

    .vote-case.blockHeight .caseVote__zone.inner .caseVote__box:nth-child(3n+2):before {
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 0px;
    }

    .vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 402px;
        height: 180px;
        align-items: center;
        justify-content: center;
    }

        .vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-btn {
            position: relative;
            display: inline-flex;
            width: 236px;
            height: 66px;
            align-items: center;
            justify-content: center;
            /*background-color:#ac9061;*/
            background-color: #baae9e;
            font-size: 24px;
            color: #fff;
            /*cursor:pointer;*/
        }

            /*.vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease-out;
    background-color: #39519E;
    opacity: 0;
}

.vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-btn:hover:before {
    opacity: 1;
}*/

            .vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-btn .txt {
                position: relative;
                z-index: 3;
            }

        .vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-cnt {
            display: flex;
            width: 236px;
            height: 36px;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: #ac9061;
            padding: 0 30px;
            margin-top: 20px;
            border-left: 1px solid #ac9061;
            border-right: 1px solid #ac9061;
            letter-spacing: 1px;
        }

            .vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-cnt span {
                font-size: 20px;
                vertical-align: middle;
                margin-left: 10px;
            }

.vote_bg {
    position: absolute;
    width: 1920px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

    .vote_bg .circle {
        position: absolute;
        height: 800px;
        width: 800px;
        left: -440px;
        top: 0;
        border-radius: 800px;
        background-color: #39519E;
    }

.vote-rule-content {
    position: relative;
    padding: 0 105px;
    margin-top: 60px;
}

    .vote-rule-content ol {
        list-style: decimal outside;
        font-size: 22px;
        line-height: 36px;
        padding-left: 22px;
        letter-spacing: -1px;
    }

    .vote-rule-content small {
        font-size: 15px;
        letter-spacing: -1px;
        font-weight: 500;
        color: #7e6e5a;
        display: inline-block;
        line-height: 25px;
        margin-top: 30px;
    }
/* vote */

/* done */
.sec.done .sec_inner {
    display: flex;
    /*min-height: max(calc(100vh - 185px),550px);*/
    min-height: max(calc(100vh - 150px),550px);
    height: initial;
    margin-top: 50px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .sec.done .sec_inner .slogan {
        width: 172px;
        margin: 50px auto 30px;
    }

    .sec.done .sec_inner p > *, .sec.done .sec_inner p {
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .sec.done .sec_inner p {
        font-size: 18px;
        color: #746f6a;
        display: inline-block;
        text-align: center;
        margin-top: 0;
        letter-spacing: 1px;
        line-height: 30px;
    }

        .sec.done .sec_inner p small {
            color: #9e9966;
            display: block;
        }

        .sec.done .sec_inner p a {
            color: #39519e;
            text-decoration: none;
        }

    .sec.done .sec_inner h1 {
        color: #9e9966;
        font-size: 60px;
        font-weight: 300;
        text-align: center;
        margin-bottom: 60px;
    }
/* done */

/* fixed button */
.btn-fixed1 {
    position: fixed;
    width: 140px;
    height: 140px;
    transition: right 0.35s;
    z-index: 8;
    cursor: pointer;
    /*right: 35px;*/
    right: -150px;
    top: calc((100vh - 300px) / 2);
    /*-webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.9));*/
    margin-top: -10px;
    margin-right: -10px;
}

.btn-fixed2 {
    position: fixed;
    width: 140px;
    height: 140px;
    transition: right 0.35s;
    z-index: 8;
    cursor: pointer;
    /*right: 35px;*/
    right: -150px;
    top: calc((100vh - 300px) / 2 + 140px);
    /*-webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.9));*/
    margin-top: -10px;
    margin-right: -10px;
}

.fixed .mask {
    position: absolute;
    opacity: 0;
    display: block;
    width: 140px;
    height: 140px;
    background-image: url(../../images/2023/v1/btn_mask.png);
    background-size: 140px 140px;
    -webkit-animation: cfaMotion 3s infinite;
    animation: cfaMotion 3s infinite;
}

.btn-fixed1 .btn {
    position: absolute;
    display: block;
    width: 140px;
    height: 140px;
    background: url(../../images/2023/v1/fixed_step1_btn.svg) no-repeat center center;
    -webkit-mask: url(../../images/2023/v1/fixed_step1_btn.svg) no-repeat center center;
    mask: url(../../images/2023/v1/fixed_step1_btn.svg) no-repeat center center;
}

.btn-fixed2 .btn {
    position: absolute;
    display: block;
    width: 140px;
    height: 140px;
    background: url(../../images/2023/v1/fixed_step2_btn.svg) no-repeat center center;
    -webkit-mask: url(../../images/2023/v1/fixed_step2_btn.svg) no-repeat center center;
    mask: url(../../images/2023/v1/fixed_step2_btn.svg) no-repeat center center;
}

.fixed.active {
    right: 20px;
}

.fixed .btn:hover:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 250px;
    left: -150px;
    top: -150px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    background-image: -webkit-gradient( linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.7)), to(transparent) );
    background-image: linear-gradient( to right, transparent, rgba(255, 255, 255, 0.7), transparent );
    -webkit-animation: btnLights 1.3s infinite ease-in-out;
    animation: btnLights 1.3s infinite ease-in-out;
    z-index: 1;
}

@-webkit-keyframes cfaMotion {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cfaMotion {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* fixed button */

/* sec6 */
.sec6 {
    position: relative;
    height:630px;
    width: 100%;
    margin-bottom:60px;
}

.sec6 .sec6_bg {
    position: absolute;
    height: 630px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f0eeeb;
    border-bottom-left-radius:70px;
    border-bottom-right-radius:70px;
    max-width:1920px;
}

.sec6 .sec6_bg1 {
    position: absolute;
    height: 630px;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}

.sec6 .sec6_bg1 .bg {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../../images/2026/paragraph_icon.svg);
    background-size: 140px 140px;
    width: 140px;
    height: 140px;
    bottom: 70px;
    left: 370px;
    transform: rotate(90deg);
}

.sec6 .sec_inner {
    max-width: 1175px;
    height: 630px;
}

    .sec6 .sec_inner .pic{
        position:absolute;
        width:779px;
        height:429px;
        right:-146px;
        top:100px;
        border-top-left-radius:72px;
    }

    .sec6 .sec_inner .p6-icon {
        position: absolute;
        width: 85px;
        height: 42px;
        left: 150px;
        top: 214px;
    }

    .sec6 .sec_inner .more-btn {
        position: absolute;
        background-color: #39519e;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 212px;
        height: 42px;
        left: 150px;
        top: 383px;
    }

        .sec6 .sec_inner .more-btn:before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: opacity 0.5s ease-out;
            background-color: #9e9966;
            opacity: 0;
        }

        .sec6 .sec_inner .more-btn .txt {
            position: relative;
            display: inline-flex;
            align-items:center;
            font-size:14px;
            color:#efedea;
            z-index: 3;
            /*margin-top:10px;*/
            gap:15px;
            font-weight:400;
        }

            .sec6 .sec_inner .more-btn .txt:after {
                display: inline-block;
                position: relative;
                content: "";
                width: 72px;
                height: 18px;
                background-image: url(../../images/2026/index_p6_btn_icon.svg);
                background-size: 72px 18px;
            }

            .sec6 .sec_inner .more-btn:hover:before {
                opacity: 1;
            }

.sec6 .sec_title{
    padding-top:273px;
    padding-left:124px;
}

.sec6 .sec6_sec1 {
    position: relative;
    width: 967px;
    height: 384px;
    background-image: url(../../images/2024/sec6_sec1_bg.png);
    background-repeat: repeat;
    background-size: 967px 384px;
    margin: 0 auto;
}

        .sec6 .sec6_sec1 .word1 {
            position: absolute;
            width: 967px;
            height: 140px;
            padding: 55px 60px 30px 45px;
            color: #000;
            font-size: 18px;
            line-height: 30px;
            letter-spacing: 3px;
        }

        .sec6 .sec6_sec1 .word2 {
            position: absolute;
            top: 180px;
            width: 712px;
            height: 170px;
            padding: 25px 30px 25px 45px;
            color: #000;
            font-size: 18px;
            line-height: 30px;
            text-align: justify;
        }

    .sec6 .sec6_sec2 {
        position: relative;
        width: 923px;
        height: 170px;
        background-image: url(../../images/2024/sec6_sec2_bg.png);
        background-repeat: repeat;
        background-size: 923px 170px;
        margin: 0 auto;
    }

        .sec6 .sec6_sec2 .fans-btn {
            position: absolute;
            display: inline-block;
            width: 178px;
            height: 48px;
            top: 110px;
            left: 90px;
            background-image: url(../../images/2024/fb-fans-bg.png);
            background-repeat: repeat;
            background-size: 178px 96px;
            background-position: 0 0;
            /*transform-origin: center;
    animation-name: fans_btn;
    animation-iteration-count: infinite;
    animation-duration: 2s;*/
        }

            .sec6 .sec6_sec2 .fans-btn:hover {
                background-position: 0 -48px;
            }

    .sec6 .sec6_sec3 {
        position: relative;
        width: 923px;
        height: 77px;
        background-image: url(../../images/2024/sec6_sec3_bg.png);
        background-repeat: repeat;
        background-size: 923px 77px;
        margin: 15px auto;
        color: #6b3f14;
        font-size: 26px;
        font-weight: 700;
    }

        .sec6 .sec6_sec3 .word1 {
            position: absolute;
            display: flex;
            align-items: center;
            width: 380px;
            height: 77px;
            padding-top: 10px;
            left: 95px;
            letter-spacing: 2px;
        }

        .sec6 .sec6_sec3 .word2 {
            position: absolute;
            display: flex;
            align-items: center;
            width: 380px;
            height: 77px;
            padding-top: 10px;
            left: 525px;
            letter-spacing: 2px;
        }

/* sec6 */

/* sec7 */
.sec7 {
    position: relative;
    min-height: 880px;
    width: 100%;
    background-image: url(../../images/2024/bg1.jpg);
    background-repeat: repeat;
    padding-top: 77px;
}

    .sec7 .sec_inner {
        text-align: center;
    }

    .sec7 .sec7-1-inner {
        padding-top: 70px;
    }

    .sec7 .case-content {
        position: relative;
        display: flex;
        justify-content: center;
        gap: 35px;
        /*height: 590px;*/
        height: 525px;
        width: 1282px;
        margin: 55px 0 0 -41px;
    }

        .sec7 .case-content .bg {
            position: absolute;
            width: 1280px;
            /*height:540px;*/
            height: 480px;
            border: 1px solid #816e4e;
            bottom: 0;
        }

        .sec7 .case-content .case {
            position: relative;
            height: 463px;
            width: 342px;
            border: 1px solid #816e4e;
            background-color: #efeae6;
            padding: 30px;
        }

            .sec7 .case-content .case figure {
                overflow: hidden;
                transition: all .3s;
                position: relative;
                width: 280px;
                height: 158px;
                margin: 0;
            }

                .sec7 .case-content .case figure img {
                    position: absolute;
                    max-width: 100%;
                    height: auto;
                    opacity: 1;
                    left: 0;
                    transition: all .5s;
                }

                .sec7 .case-content .case figure .gif {
                    opacity: 0;
                }

            .sec7 .case-content .case:hover figure img {
                opacity: 0;
            }

            .sec7 .case-content .case:hover figure .gif {
                opacity: 1;
            }

    .sec7 .caseInfo__txt {
        position: relative;
        width: 100%;
        margin-top: 25px;
    }

        .sec7 .caseInfo__txt h3 {
            position: relative;
            width: 100%;
            font-size: 28px;
            font-weight: 500;
            color: #877455;
            text-align: left;
        }

        .sec7 .caseInfo__txt h4 {
            position: relative;
            width: 100%;
            font-size: 17px;
            font-weight: 500;
            color: #877455;
            text-align: left;
            margin-top: 5px;
            margin-bottom: 30px;
        }

        .sec7 .caseInfo__txt .row {
            position: relative;
            width: 100%;
            display: flex;
            text-align: left;
            margin-bottom: 10px;
        }

        .sec7 .caseInfo__txt .designer {
            position: relative;
            flex: 0 0 50%;
            color: #000;
            font-size: 18px;
            font-weight: 500;
        }

        .sec7 .caseInfo__txt .vote-cnt {
            position: relative;
            display: flex;
            align-items: center;
            flex: 0 0 50%;
            color: #8e0200;
            font-size: 14px;
            font-weight: 500;
        }

        .sec7 .caseInfo__txt .pointer {
            position: relative;
            color: #000;
            font-size: 16px;
            line-height: 24px;
            font-weight: 500;
        }

        .sec7 .caseInfo__txt .voteTxt {
            position: relative;
            width: 100%;
            display: -webkit-box;
            white-space: normal;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 59px;
            overflow: hidden;
            color: #000;
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            padding-top: 15px;
            text-align: left;
        }

            .sec7 .caseInfo__txt .voteTxt:before {
                position: absolute;
                left: 0;
                top: 0;
                width: 90%;
                height: 2px;
                content: "";
                background-color: #ad9f8a;
            }

        .sec7 .caseInfo__txt .link-btn {
            position: relative;
            display: inline-block;
            width: 100%;
            color: #877455;
            font-size: 16px;
            font-weight: 500;
            padding-left: 20px;
            margin-top: 25px;
            text-align: left;
            letter-spacing: 1px;
        }

            .sec7 .caseInfo__txt .link-btn:before {
                display: block;
                content: '';
                width: 0;
                border-width: 8px 8px 8px 15px;
                border-style: solid;
                border-color: transparent transparent transparent #877455;
                position: absolute;
                left: 0px;
                top: 0px;
            }

    .sec7 .case .case-btn {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 145px;
        height: 45px;
        bottom: -70px;
        background-color: #877454;
        border: 1px solid #fff;
        border-radius: 15px;
        color: #E6DDD4;
        font-size: 22px;
        left: 50%;
        margin-left: -72.5px;
        /*transform:translateX(-50%);*/
        cursor: pointer;
        transform-origin: center;
        animation-name: fans_btn;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }

    .sec7 .case .prize-tag {
        position: absolute;
        width: 106px;
        height: 142px;
        display: inline-block;
        top: -55px;
        left: -35px;
    }

    .sec7 .case-rule {
        position: relative;
        width: 1000px;
        height: auto;
        margin: 50px auto 0px;
        padding-bottom: 70px;
        text-align: center;
    }

        .sec7 .case-rule .switch-btn {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 265px;
            height: 50px;
            color: #F0EAE4;
            font-size: 22px;
            font-weight: 500;
            cursor: pointer;
            margin: 0 auto;
            letter-spacing: 1px;
        }

            .sec7 .case-rule .switch-btn span {
                position: relative;
            }

            .sec7 .case-rule .switch-btn i {
                position: relative;
                font-size: 36px;
                margin-left: 10px;
            }

            .sec7 .case-rule .switch-btn:before {
                position: absolute;
                content: "";
                width: 100%;
                height: 50px;
                background-color: #9d2115;
                border-radius: 5px;
                z-index: -1;
            }

            .sec7 .case-rule .switch-btn:after {
                position: absolute;
                content: "";
                width: 100%;
                height: 50px;
                background-color: #d9d9d9;
                border-radius: 5px;
                z-index: -2;
                bottom: -5px;
            }

            .sec7 .case-rule .switch-btn:hover span, .sec7 .case-rule .switch-btn:hover i {
                padding-top: 10px;
            }

            .sec7 .case-rule .switch-btn:hover:before {
                bottom: -5px;
            }

        .sec7 .case-rule .rule {
            position: relative;
            width: 100%;
            height: 0;
            background-color: #fff;
            font-size: 16px;
            color: #4D4D4D;
            font-weight: 500;
            text-align: left;
            line-height: 36px;
            transition: all 1s;
            overflow: hidden;
        }

            .sec7 .case-rule .rule p {
                margin: 30px 70px;
            }

            .sec7 .case-rule .rule.active {
                /*min-height:1090px;*/
                height: 1110px;
            }

            .sec7 .case-rule .rule .switch-btn {
                margin-top: 25px;
            }

                .sec7 .case-rule .rule .switch-btn i {
                    font-size: 24px;
                }

                .sec7 .case-rule .rule .switch-btn span, .sec7 .case-rule .rule .switch-btn i {
                    z-index: 3;
                }

                .sec7 .case-rule .rule .switch-btn:before {
                    z-index: 2;
                }

                .sec7 .case-rule .rule .switch-btn:after {
                    z-index: 1;
                }

    .sec7 .award-content {
        position: relative;
        /* height: 590px; */
        min-height: 380px;
        width: 1280px;
        margin: 40px 0 40px -40px;
        padding: 40px 65px;
        background-color: #efeae6;
        border: 1px solid #877455;
    }

        .sec7 .award-content h3 {
            font-size: 22px;
            text-align: center;
            font-weight: 500;
            color: #623407;
            margin-bottom: 16px;
            letter-spacing: 2px;
        }

        .sec7 .award-content h4 {
            font-size: 16px;
            text-align: center;
            font-weight: 500;
            color: #877455;
            line-height: 24px;
            margin-bottom: 50px;
            letter-spacing: 1px;
        }

        .sec7 .award-content table {
            width: 940px;
            border-collapse: collapse;
            border: 2px solid #877455;
            margin-left: 210px;
        }

            .sec7 .award-content table thead > tr > td {
                background-color: #877454;
                text-align: center;
                border-right: 2px solid #D1C4B0;
                font-size: 20px;
                font-weight: 500;
                color: #F0EAE5;
                padding: 15px 0;
            }

                .sec7 .award-content table thead > tr > td:nth-child(1) {
                    width: 495px;
                }

                .sec7 .award-content table thead > tr > td:nth-child(2) {
                    width: 215px;
                }

                .sec7 .award-content table thead > tr > td:nth-child(3) {
                    width: 230px;
                    border-right: none;
                }

            .sec7 .award-content table tbody > tr > td {
                text-align: center;
                border-right: 2px solid #D1C4B0;
                border-bottom: 2px solid #D1C4B0;
                font-size: 20px;
                font-weight: 500;
                color: #877455;
                padding: 25px 0;
            }

                .sec7 .award-content table tbody > tr > td:nth-child(3) {
                    border-right: none;
                }

            .sec7 .award-content table tbody > tr:last-child > td {
                border-bottom: none;
            }

        .sec7 .award-content .prize {
            position: absolute;
            height: 239px;
            width: 330px;
            left: -70px;
            bottom: -20px;
        }

        .sec7 .award-content .warning {
            position: relative;
            height: 30px;
            width: 442px;
            /*border:1px solid #877455;
    border-right:none;*/
            margin-top: 25px;
            color: #877455;
            font-size: 14px;
            line-height: 30px;
            margin-left: 710px;
            text-align: justify;
            padding: 0 10px;
            background-image: url(../../images/2024/warning_bg.svg);
            background-repeat: no-repeat;
            background-size: 442px 30px;
            background-position: left center;
        }

            .sec7 .award-content .warning span {
                vertical-align: bottom;
            }

/*.sec7 .award-content .warning:before
{
    position: absolute;
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    top: 6px;
    right: -21px;
    background-color: #877455;
    transform: rotate(38deg);
}

.sec7 .award-content .warning:after
{
        position: absolute;
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    bottom: 6px;
    right: -21px;
    background-color: #877455;
    transform: rotate(-38deg);
}*/
/* sec7 */

@keyframes fans_btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

/* Style the arrow inside the select element: */
.custom-select {
    position: relative;
    font-weight: bold;
    width: 100%;
    height: 60px;
    background-color: #9e9966;
    border: 1px solid #9e9966;
    display: inline-block;
    font-size: 18px;
    display: flex;
    align-items: center;
    padding: 0 2.5rem 0 1.25rem;
    color: #f0eeeb;
    justify-content: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-sizing: border-box;
}

    .custom-select select {
        display: none;
    }

/*.select-selected {
  background-color: #9D2114;
}*/

.select-selected:after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 21.5px;
    right: 20px;
    width: 21px;
    height: 21px;
    background-image: url(../../images/2026/arrow.svg);
    background-repeat: no-repeat;
}

.select-selected {
    background-color: #9e9966;
    display: flex;
    align-items: center;
    color: #f0eeeb;
    cursor: pointer;
    width: 100%;
    height: 80px;
    font-weight: 400;
    justify-content: center;
}

.select-items div {
    padding: 0 1.25rem;
    background-color: #f0eeeb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #746f6a;
    cursor: pointer;
    width: 100%;
    height: 58px;
    border-bottom: 1px solid #9e9966;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
}

    .select-items div:before {
        position: absolute;
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        left: 0;
        top: -16px;
        bottom: 0;
        background: #000;
        background: radial-gradient(circle at 0 0, transparent 16px, #9e9966 16px);
        transform: rotate(90deg);
        opacity:0;
    }

    .select-items div:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        right: 0px;
        top: -16px;
        background: #000;
        background: radial-gradient(circle at 100% 0, transparent 16px, #9e9966 16px);
        transform: rotate(270deg);
        opacity: 0;
    }

.select-selected {
    height: 100%;
}

.select-items {
    position: absolute;
    top: 100%;
    left: -1px;
    right: 0;
    z-index: 99;
    max-height: 296px;
    /*overflow-y: auto;*/
    background-color: #f0eeeb;
    border: 1px solid #9e9966;
    border-top: 0;
    width: 255px;
    box-sizing: border-box;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    color: #f0eeeb;
    background-color: #9e9966;
    opacity: 1;
}

.select-items div:hover:before, .select-items div:hover:after{
    opacity:1;
}
/* select */
    /* case */
    /*@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1455px;
    }
}*/
    .caseVote__zone.inner .caseVote__box {
        /*border:2px solid #9d7c45;*/
        /*border-bottom-right-radius:75px;*/
        border: 0;
        border-top-right-radius: 15px;
    }

    /*.caseVote__zone.inner .caseVote__box:nth-child(3n+2)
{
    border-bottom-left-radius:75px;
    border-bottom-right-radius:0px;
}*/

    .caseVote__zone.inner .caseVote__box:nth-child(3n+3) {
        border-top-left-radius: 15px;
    }

.caseVote__box.animation.is_animated figure {
    height: 250px;
    overflow: hidden;
}

    .caseVote__box.animation.is_animated figure img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.caseVote__zone.inner .caseVote__box figure, .caseVote__zone.inner .caseVote__box figure img {
    overflow: hidden;
    border-top-right-radius: 15px;
}

.caseVote__zone.inner .caseVote__box:nth-child(3n+2) figure, .caseVote__zone.inner .caseVote__box:nth-child(3n+2) figure img {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.caseVote__zone.inner .caseVote__box:nth-child(3n+3) figure, .caseVote__zone.inner .caseVote__box:nth-child(3n+3) figure img {
    border-top-right-radius: 0px;
    border-top-left-radius: 15px;
}

.caseVote__zone.inner .caseVote__box:nth-child(3n+3) .caseInfo__txt {
    border-right: 0;
}


.caseVote__zone.inner .caseMid {
    /*display:flex;*/
    /*height:120px;*/
    /*height:96px;*/
    /*align-items:center;
    justify-content:center;*/
    color: #9e9966;
    /*font-size:26px;*/
    /*font-size: 22px;*/
    font-size: 18px;
    text-align: left;
    margin: 0 0 15px 0;
}

.voteTxt {
    /*font-size:24px;*/
    font-size: 16px;
    color: #746f6a;
    width: 100%;
    text-align: left;
    /*margin:0 0 30px 0;*/
    margin: 0 0 30px 0;
    height: auto;
    font-weight: 400;
}

.case-btn {
    position:relative;
    display: inline-block;
    width: 134px;
    height: 27px;
}

.case-btn img{
    position:relative;
    z-index:1;
}

.case-btn:after {
    position: absolute;
    content: "";
    width: 134px;
    height: 27px;
    opacity: 0;
    display: inline-block;
    background-image: url(../../images/2026/case_btn_bg_hover.svg);
    background-repeat: no-repeat;
    background-size: 134px 27px;
    transition:all .35s;
    z-index:2;
    left:0;
    top:0;
}

.caseVote__zone.inner .caseVote__box:hover .case-btn:after, .case-btn:hover {
    opacity: 1;
}

.caseBg {
    position: absolute;
    position: absolute;
    height: 100%;
    /*width: 1920px;
    margin-left: -960px;
*/
    width: 1440px;
    margin-left: -720px;
    left: 50%;
    /*overflow: hidden;*/
    top: 0;
}

.case .sec_kv_inner .kv_bg_icon1 {
    position: absolute;
    height: 140px;
    width: 140px;
    right: 82px;
    bottom: -157px;
    transform: scaleX(-1);
}

.case .sec_kv_inner .kv_bg_icon2 {
    position: absolute;
    height: 551px;
    width: 939px;
    left: -420px;
    bottom: -155px;
}

.caseBg .plus_icon {
    position: absolute;
    height: 140px;
    width: 140px;
    left: 95px;
    bottom: 25px;
    transform: rotate(270deg);
}

.caseBg .plus_icon1 {
    position: absolute;
    height: 550px;
    width: 550px;
    right: -200px;
    bottom: -265px;
}

/*.caseBg .plus_icon:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 1px;
    height: 110px;
    background-color: #9d7c45;
    left: 50%;
    transform: translateX(-50%);
}

.caseBg .plus_icon:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 110px;
    height: 1px;
    background-color: #9d7c45;
    top: 50%;
    transform: translateY(-50%);
}*/

/*.caseBg .plus_icon1 {
    right: initial;
    top: initial;
    left: 300px;
    top: 0;
}*/

.caseBg .circle {
    position: absolute;
    /*height: 990px;
    width: 990px;
    left: -410px;
    bottom: -500px;
    border-radius: 990px;*/
    height: 792px;
    width: 792px;
    left: -328px;
    bottom: -400px;
    border-radius: 792px;
    background-color: #af8c5a;
}

    .caseBg .circle.blue-circle {
        background-color: #3252a2;
        left: initial;
        bottom: initial;
        right: -450px;
        top: 0;
    }

.award-bg {
    width: 100%;
    min-height: 420px;
    margin: 0px !important;
    padding: 100px 0px 100px 55px;
}

.brown-bg {
    background-color: #997d4d;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
}

.blue-bg {
    background-color: #3252a2;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.brown-bg:before {
    position: absolute;
    display: inline-block;
    content: '';
    top: 35px;
    right: 35px;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-size: 72px 72px;
    background-image: url(../../images/2025/sec2_title_bg.svg);
}

.blue-bg:before {
    position: absolute;
    display: inline-block;
    content: '';
    bottom: 25px;
    left: 25px;
    width: 72px;
    height: 72px;
    background-repeat: no-repeat;
    background-size: 72px 72px;
    background-image: url(../../images/2025/sec2_title_bg.svg);
    transform: rotate(180deg);
}

.small-remind {
    letter-spacing: 1px;
    font-size: 16px;
    color: #7f6e5a;
    display: block;
    text-align: right;
    margin-top: 25px;
}

.award-table {
    display: flex;
    justify-content: center;
    align-items: start;
    width: 100%;
    color: #fff;
}

    .award-table .cell {
        display: flex;
        flex-direction: column;
    }

        .award-table .cell:first-child {
            width: 260px;
        }

        .award-table .cell:nth-child(2) {
            width: 330px;
        }

        .award-table .cell:last-child {
            width: calc(100% - 590px);
        }

    .award-table .field {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 50px;
    }

    .award-table .cell:nth-child(2) .field {
        padding-left: 88px;
    }

    .award-table .prize {
        display: block;
        font-size: 34px;
        line-height: 50px;
    }

    .award-table .price {
        display: block;
        font-size: 14px;
    }

    .award-table .list {
        display: flex;
        flex-direction: column;
        border-left: 1px solid #fff;
        padding-left: 88px;
    }

    .award-table .cell:last-child .list {
        border-left: none;
        padding-left: 0;
    }

    .award-table .list span {
        display: block;
        margin-bottom: 25px;
        height: 25px;
        line-height: 1;
    }

        .award-table .list span:last-child {
            margin-bottom: 0;
        }
/* case */