.wrapper {
    position: relative;
    width: 828px;
    margin: auto;
    overflow: hidden;
}

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

/*.sec_tag {
  position: absolute;
  top: 90px;
}

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

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

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

.sec_kv_bg {
    position: absolute;
    /* height: 1080px; */
    height: 1392px;
    width: 828px;
    left: 0;
    background-image: url(../../images/2026/index_kv_bg.jpg);
    background-repeat: no-repeat;
    background-size: 828px 1392px;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

.rule.sec_kv {
    height: 1216px;
    margin-bottom: 100px;
}

.rule .sec_kv_bg {
    height: 1216px;
    background-image: none;
    background: initial;
}

    .rule .sec_kv_bg .kv_bg_icon2 {
        position: absolute;
        height: 800px;
        width: 800px;
        left: -477px;
        bottom: 64px;
    }

.rule .sec_kv_inner .kv-slogan {
    position: absolute;
    width: 570px;
    height: 544px;
    bottom: 0px;
    right: 37px;
    z-index: 2;
}

.rule .sec_kv_inner .kv-pic {
    position: absolute;
    width: 790px;
    height: 783px;
    top: 88px;
    left: 0;
    z-index: 1;
}

    .rule .sec_kv_inner .kv-pic img {
        border-bottom-left-radius: 95px;
    }

.rule .sec_kv_inner .kv-clock {
    position: absolute;
    width: 276px;
    height: 300px;
    bottom: 82px;
    left: 42px;
    z-index: 3;
}

.case.sec_kv {
    position: relative;
    width: 100%;
    /*height: 965px;*/
    height: 1330px;
}

.case .sec_kv_bg {
    position: relative;
    /*height: 965px;*/
    height: 1330px;
    background-image: none;
    /*background-size: 828px 965px;
  background-position:left bottom;*/
}

    .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: 888px;
        height: 1396px;
        top: -60px;
        left: -210px;
        border: 3px solid #ffffff;
        border-bottom-right-radius: 200px;
    }

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

/*.case .sec_kv_bg {
  background-image: url(../../images/2025/case_kv_bg.jpg);
}*/

.sec_kv_inner {
    position: relative;
    width: 720px;
    height: 1392px;
    margin: 0 auto;
}

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

.case .sec_kv_inner {
    /*height: 965px;*/
    width: 828px;
    height: 1330px;
    position: absolute;
    top: 0;
    left: 0;
}

    .case .sec_kv_inner .kv-slogan {
        position: absolute;
        width: 570px;
        height: 554px;
        top: 240px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

    .case .sec_kv_inner .kv-clock {
        position: absolute;
        width: 276px;
        height: 300px;
        bottom: 95px;
        right: 10px;
        z-index: 2;
    }

    .case .sec_kv_inner .kv_bg_icon1 {
        position: absolute;
        content: "";
        display: inline-block;
        width: 150px;
        height: 150px;
        background-image: url(../../images/2026/paragraph_icon.svg);
        background-size: 150px 150px;
        bottom: -223px;
        right: 0px;
        transform: scaleX(-1);
    }

    .case .sec_kv_inner .kv_bg_icon2 {
        position: absolute;
        height: 800px;
        width: 800px;
        left: -313px;
        bottom: -70px;
    }

.sec_kv_tag_position {
    position: absolute;
    top: 170px;
    width: 711px;
    height: 295px;
    margin-left: 50%;
    transform: translateX(-50%);
}

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

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

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

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


.kv_title {
    position: absolute;
    display: flex;
    width: 704px;
    height: 118px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    font-size: 60px;
    left: 8px;
    bottom: 505px;
    align-items: center;
    justify-content: center;
    color: #FFF7E6;
    letter-spacing: 80px;
    text-indent: 80px;
}

/*.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: 730px;*/
    width:600px;
    /*height: 250px;*/
    bottom: 160px;
    /*left: -5px;*/
    left:60px;
    display: flex;
    flex-direction: column;
    mix-blend-mode: multiply;
    align-items:center;
}

    .kv_bottom_position .btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        /*justify-content: end;*/
        justify-content: center;
        /*width: 730px;*/
        width: 600px;
        height: 132px;
        color: #edebe8;
        border: 0;
        padding: 0;
        /* font-size: 26px; */
        font-size: 44px;
        /*mix-blend-mode: multiply;*/
        /*padding-top: 10px;*/
        /* font-weight: 700; */
        /* font-family: "LXGW WenKai Mono TC", "Noto Sans TC", "微軟正黑體", sans-serif; */
    }

        .kv_bottom_position .btn:hover {
            color: #edebe8;
        }


        .kv_bottom_position .btn:before, .kv_bottom_position .btn::after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 132px;
            /*background-color: rgba(143, 138, 90, 1);*/
            /*background: linear-gradient(90deg,rgba(35, 24, 21, 0.74) 0%, rgba(0, 0, 0, 0.74) 100%);*/
            /*background: linear-gradient(90deg, rgb(149, 149, 149, 0.74) 0%, rgb(74, 74, 74, 0.74) 100%);*/
            background: linear-gradient(90deg,rgba(143, 138, 90, 1) 0%, rgba(143, 138, 90, 1) 100%);
            transition: opacity 0.5s ease-out;
            opacity: 1;
            z-index: 1;
            mix-blend-mode: multiply;
        }

            .kv_bottom_position .btn::after{
                display:none;
            }

            .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: 200px;*/
                width:140px;
                height: 50px;
                background-image: url(../../images/2026/index_kv_btn_icon.svg);
                background-size: 200px 50px;
                background-position:right center;
                margin-left: 35px;
                /*display:none;*/
            }

    .kv_bottom_position .kv_date {
        position: relative;
        width: 730px;
        /*height: 118px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32px;
        color: #3a3733;
        letter-spacing: 2px;
        margin-top: 30px;
        font-weight:400;
        /* border: 1px solid #997d4d; */
    }

    .kv_bottom_position.small {
        width: 704px;
        height: 76px;
        bottom: 420px;
    }

.kv_bottom {
    position: relative;
    width: 698px;
    /*height:76px;*/
    height: 100px;
    display: flex;
}

.kv_bottom_position.small .kv_bottom {
    width: 704px;
    height: 76px;
}

.kv_bottom .kv_date {
    position: relative;
    /*width:450px;
        height: 76px;*/
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    color: #997D4D;
    /*font-family:"LXGW WenKai Mono TC", "Noto Sans TC", "微軟正黑體",sans-serif;
    font-weight:700;*/
    letter-spacing: 2px;
    border: 1px solid #997d4d;
}

.kv_bottom_position.small .kv_bottom .kv_date {
    width: 454px;
    height: 76px;
}

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

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

.kv_bottom .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 248px;
    height: 76px;
    color: #fff;
    font-size: 32px;
    /*font-weight: 700;*/
    letter-spacing: 1px;
    /*background: linear-gradient(90deg, rgba(153,125,77,1) 0%, rgba(172,144,97,1) 55%);*/
    background-color: #AF8C5A;
    /*font-family: "LXGW WenKai Mono TC", "Noto Sans TC", "微軟正黑體", sans-serif;*/
}

    /*.kv_bottom .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;
    opacity:0;
}

.kv_bottom .btn:hover:before {
    opacity: 1;
}*/

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

.kv_bottom_position.small .kv_bottom .btn {
    width: 250px;
    height: 76px;
    border-radius: 0;
}

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

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

.rule .sec_inner {
    max-width: 828px;
    overflow: hidden;
}

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

.sec_title .sec_title_txt {
    position: relative;
    display: flex;
    font-weight: 300;
}

.sec_title .sec_title_txt .line {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    background-color: #39519e;
    width: 14px;
    height: 130px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-right: 30px;
}
    /*.sec_title .sec_title_txt:before {
        position: absolute;
        display: inline-block;
        content: '';
        top: -61px;
        right: -76px;
        width: 102px;
        height: 102px;
        background-image: url(../../images/2025/sec_title_bg.svg);
        background-repeat: no-repeat;
        background-size: 102px 102px;
    }

    .sec_title .sec_title_txt:after {
        position: absolute;
        display: inline-block;
        content: '';
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        width: 117px;
        height: 7px;
        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 {
  position: relative;
  font-size:50px;
  color:#997D4D;
  padding-right:156px;
  margin-left:32px;
  padding-top:120px;
  display:inline-block;
}

.sec_title:after
{
    position: absolute;
    content: '';
    bottom: 8px;
    right: 0;
    width: 136px;
    height: 7px;
    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: 32px;
    color: #3a3732;
    /*margin-top:60px;*/
    line-height: 55px;
    margin: 70px 0 0;
    text-align: justify;
    letter-spacing: 1px;
}

/* sec1 */
.sec1 {
    position: relative;
    /*height: 1865px;*/
    height: 1123px;
    width: 100%;
}

    .sec1 .sec1_bg {
        position: absolute;
        /*height: 1865px;*/
        height: 1123px;
        width: 100%;
        top: 0;
        left: 0;
    }

        .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: 750px;
            /*height: 1865px;*/
            height: 1123px;
            bottom: 0;
            left: 0;
            border: 3px solid #ffffff;
            box-sizing: border-box;
        }

        .sec1 .sec1_bg .bg1 {
            position: absolute;
            content: "";
            display: inline-block;
            width: 152px;
            height: 152px;
            background-image: url(../../images/2026/index_bg_icon.svg);
            background-size: 152px 152px;
            /*top: 693px;*/
            top: -40px;
            right: 55px;
            /*transform: rotate(270deg);*/
        }

.sec1 .sec1_bg .bg2 {
    position: absolute;
    content: "";
    display: inline-block;
    width: 954px;
    height: 954px;
    background-image: url(../../images/2026/rule_p2_bg.png);
    background-size: 954px 954px;
    bottom: -135px;
    left: -317px;
}

.sec1 .sec1_bg .bg3 {
    position: absolute;
    display: inline-block;
    width: 828px;
    height: 733px;
    left: 0;
    top: 0;
}

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

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

.sec2 .sec_inner {
    max-width: initial;
}

.sec2 .sec_title {
    padding-top: 100px;
    padding-left:122px;
    padding-bottom:175px;
}

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

.sec2 .sec_title .sec_title_txt:after {
    background: linear-gradient(90deg, rgba(59,55,54,1) 0%, rgba(59,55,54,1) 50%, rgba(251,250,252,1) 50%, rgba(251,250,252,1) 100%);
}*/
    .sec2_bg {
        position: absolute;
        width: 828px;
        height: 2475px;
        left: 50%;
        transform: translateX(-50%);
    }

/*.sec2 .sec2_bg .bg {
    position: absolute;
    width: 787px;
    height: 634px;
    top: -40px;
    right: -448px;
}

.sec2 .sec2_bg .bg1 {
    position: absolute;
    width: 2px;
    height: 1255px;
    background-color: #FBEECF;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
}*/

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

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

.sec2 .award-item .award-label {
    position: absolute;
    width: 478px;
    height: 144px;
    left: 0;
    top: -47px;
}

.sec2 .award-item.green .award-label {
    position: absolute;
    width: 687px;
    height: 144px;
    top: 0px;
}

.sec2 .award-item .award-prize {
    position: absolute;
    width: 646px;
    height: 306px;
    left: 40px;
    bottom: 95px;
}

.sec2 .award-item.green .award-prize {
    width: 648px;
    height: 230px;
    left: initial;
    left: 45px;
    bottom: 175px;
}

.sec2 .award-item .award-img {
    position: absolute;
    width: 308px;
    height: 305px;
    top: -108px;
    right: -35px;
}

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

    .sec2 .award-item.green .award-img {
        position: absolute;
        width: 308px;
        height: 305px;
        top: initial;
        right: -43px;
        left: initial;
        bottom: -120px;
    }

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

.sec2 .award-item .award-content {
    position: absolute;
    width: 650px;
    height: 345px;
    top: 150px;
    left: 20px;
}

.sec2 .award-item.green .award-content {
    left: inherit;
    height: 235px;
    width:640px;
    top: 200px;
    left: 25px;
    padding-left: 30px;
}

    .sec2 .award-item .award-content .top {
        position: relative;
        border-bottom: 2px solid #756f69;
        padding-bottom: 15px;
        font-size: 36px;
        letter-spacing: 1px;
        line-height: 55px;
        margin-right: 200px;
        font-weight: 400;
    }

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

/*.sec2 .timeline {
    position: relative;
    width: 630px;
    height: 1050px;
    margin-top: 100px;
    margin-left: 49px;
    display: flex;
}

    .sec2 .timeline .up {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 50px;
        width: 315px;
        height: 1050px;
    }

    .sec2 .timeline .down {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: end;
        gap: 50px;
        margin-left: 1px;
        width: 315px;
        height: 1050px;
    }

    .sec2 .timeline .step {
        position: relative;
        width: 315px;
        height: 230px;
    }

        .sec2 .timeline .step:before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 315px;
            height: 230px;
            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;
            padding: 45px 30px 0;
            color: #997D4D;
            font-size: 32px;
            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: 35px 30px 0;
            color: #997D4D;
            font-size: 24px;
            line-height: 30px;
            z-index: 2;
        }

        .sec2 .timeline .step .icon {
            position: absolute;
            right: 0;
            bottom: 0;
            display: inline-block;
            z-index: 2;
        }*/

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

.sec2_bg {
  position: absolute;
  display:flex;
  width: 828px;
  height: 578px;
  bottom: 40px;
  align-items:center;
}

.sec2_bg .pic {
  position: relative;
  width: 330px;
  height: 578px;
  overflow:hidden;
}

.sec2_bg .sec_sub_title {
  position: relative;
  display:inline-block;
  width: calc(828px - 330px);
  height: 136px;
  text-align:right;
  padding-right:85px;
  font-size:50px;
  color:#997D4D;
}

.sec2_bg .sec_sub_title small
{
    display:inline-block;
    font-size:32px;
    color: #3a3732;
    margin-top:20px;
}

.sec2_bg .sec_sub_title:after
{
    position: absolute;
    content: '';
    top: -10px;
    right: 55px;
    width: 7px;
    height: 136px;
    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: 1525px;
}

.rule.sec-timeline .sec-timeline_bg {
    position: absolute;
    width: 100%;
    height: 1525px;
}

    .rule.sec-timeline .sec-timeline_bg .bg {
        position: absolute;
        content: "";
        display: inline-block;
        width: 152px;
        height: 152px;
        background-image: url(../../images/2026/index_bg_icon.svg);
        background-size: 152px 152px;
        bottom: 220px;
        left: 73px;
         transform: rotate(270deg); 
    }

.rule.sec-timeline .sec_title {
    color: #39519e;
    margin-bottom: 50px;
    margin-left:80px;
}

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

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

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

.rule.sec-timeline .special_bg {
    width:100%;
    height: 1060px;
    top: 0px;
    left: 0px;
}

.rule.sec-timeline .paragraph .timeline {
    height: 1060px;
}

.rule.sec-timeline .paragraph .timeline .down {
    margin-bottom:0;
}
/* sec-timeline */



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

    .secBg .secBg_bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 828px;
        height: 959px;
        border-top-right-radius: 150px;
        border-bottom-left-radius: 150px;
        overflow: hidden;
    }

    .secBg .sec_title {
        color: #fff;
        padding-top: 405px;
    }

        .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(59,55,54,1) 0%, rgba(59,55,54,1) 50%, rgba(251,250,252,1) 50%, rgba(251,250,252,1) 100%);
        }

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

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

.sec3_bg {
    position: absolute;
    /*height: 3048px;*/
    height: 2548px;
    width: 828px;
    left: 0;
    top: 0;
    background-image: url(../../images/2026/index_p3_bg.jpg);
    background-repeat: no-repeat;
    background-size: 828px 3048px;
}

.sec3_bg1 {
    position: absolute;
    /*height: 3275px;*/
    height: 2775px;
    width: 828px;
    left: 0;
    top: 0;
    background-color: #f0efeb;
}

.sec3 .sec_title {
    padding-top: 100px;
    padding-left:40px;
    padding-bottom:95px;
}

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

.sec3 .sec_inner{
    max-width:initial;
}

.sec3 p.bg:before {
    position: absolute;
    width: 786px;
    height: 324px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    background-image: url(../../images/2025/sec3_2025_bg.svg);
    background-repeat: no-repeat;
    background-size: 786px 324px;
    z-index: -1;
    top: 5px;
}

.sec3_bg .bg {
    position: absolute;
    height: 787px;
    width: 634px;
    left: -112px;
    top: 645px;
}

.sec3_bg .bg1 {
    position: absolute;
    height: 634px;
    width: 787px;
    left: 356px;
    bottom: 900px;
}

.sec3_bg .circle {
    position: absolute;
    height: 980px;
    width: 980px;
    left: -803px;
    top: 2995px;
    border-radius: 980px;
    background-color: #39519E;
}

.sec3_bg .plus_icon {
    position: absolute;
    height: 167px;
    width: 167px;
    right: 75px;
    top: 3508px;
}

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

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

.sec3_bg .plus_icon1 {
    right: initial;
    left: 5px;
    top: 5020px;
}

.sec3_bg .pic {
    position: absolute;
    height: 929px;
    width: 828px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}

.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 {
    /*position: relative;
  display:flex;
  align-items:center;
  font-size:50px;
  color:#997D4D;
  padding-left:35px;
  margin-top:105px;
  height:136px;*/
    padding-top: 578px;
}

/*.sec3 .sec_title1:after
{
    position: absolute;
    content: '';
    top: 0px;
    left: 0;
    width: 7px;
    height: 136px;
    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%);
}*/

.sec3 .sec_title2 {
    padding-top: 523px;
}

/*.sec3 .sec_title2 {
  position: relative;
  font-size:50px;
  color:#997D4D;
  margin-top:80px;
  padding-right: 156px;
  display:inline-block;
}

.sec3 .sec_title2:after
{
    position: absolute;
    content: '';
    bottom: 10px;
    right: 0px;
    width: 136px;
    height: 7px;
    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%);
}*/

.sec3 .content {
    position: relative;
    width: 100%;
    height: 570px;
    display: flex;
    flex-direction: column;
    margin-top:130px;
}

.sec3 .content .cta-btn {
    position: relative;
    width: 100%;
    height: 275px;
    background-color: #39519e;
    display: flex;
    justify-content: start;
    align-items: start;
    box-sizing: border-box;
    border: 4px solid #f0eeeb;
}

.sec3 .content .cta-btn:last-child {
    justify-content: end;
}


.sec3 .content .cta-btn .txt {
    position: relative;
    display: inline-block;
    z-index: 3;
    margin-top: 40px;
}
/*.sec3 .content .choose_rule {
    position: relative;
    display: flex;
    width: 600px;
    height: 400px;
    align-items: center;
    justify-content: center;
    background-color: #39519E;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
}

.sec3 .content .choose_rule:nth-child(2), .sec3 .content .choose_rule:nth-child(4) {
    margin-left: 228px;
}

.sec3 .content .choose_rule:nth-child(2), .sec3 .content .choose_rule:nth-child(3) {
    background-color: #AA8E61;
}*/

/*.sec3 .content .choose_rule:before
{
    position:absolute;
    content: '';
    width:330px;
    height:85px;
    top:0;
    left:0;
    border:3px solid #997D4D;
    border-bottom:none;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}

.sec3 .content .choose_rule:after
{
    position:absolute;
    content: '';
    width:330px;
    height:85px;
    bottom:0;
    left:0;
    border:3px solid #3a3732;
    border-top:none;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
}

.sec3 .content .choose_rule .txt
{
    position:relative;
    color:#3a3732;
    font-size:28px;
    line-height:38px;
    width:100%;
    text-align:center;
}

.sec3 .content .choose_rule .txt:before
{
    position:absolute;
    content: '';
    width:16px;
    height:16px;
    left:-8px;
    border-radius:16px;
    top:50%;
    transform:translateY(-50%);
    background: linear-gradient(0deg,rgba(59, 56, 51, 1)  0%,rgba(56, 55, 50, 1) 50%, rgba(153, 125, 77, 1) 50%,rgba(172, 144, 97, 1) 100%);
    z-index:3;
}*/

.sec3 .content1 {
    position: relative;
    width: 100%;
    height: 2080px;
    text-align: center;
}

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

.sec3 .content1 .judge {
    position: relative;
    display: flex;
    align-items:center;
    height: 465px;
    width: 828px;
    margin-bottom: 55px;
}

    .sec3 .content1 .judge:nth-child(2n) {
        flex-direction: row-reverse;
    }

    .sec3 .content1 .judge .pic {
        position: relative;
        display: block;
        width: 465px;
        height: 465px;
        overflow: hidden;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        flex: 0 0 465px;
    }

.sec3 .content1 .judge .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 101%;
    height: auto;
}

    .sec3 .content1 .judge:nth-child(2n) .pic, .sec3 .content1 .judge:nth-child(3) .pic {
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .sec3 .content1 .judge:last-child .pic {
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }

        .sec3 .content1 .judge .desc {
            position: relative;
            display: flex;
            align-items: start;
            justify-content: start;
            flex-direction: column;
            flex-grow: 1;
        }

    .sec3 .content1 .judge:nth-child(2n) .desc {
        align-items: end;
    }

    .sec3 .content1 .judge .desc .title {
        font-size: 36px;
        color: #746f6a;
        font-weight: 500;
        margin-left: 25px;
    }

.sec3 .content1 .judge .desc .name {
    font-size: 30px;
    color: #746f6a;
    font-weight:300;
    margin-top:10px;
    margin-left:25px;
    line-height:40px;
    font-weight:400;
}

    .sec3 .content1 .judge:nth-child(2n) .title, .sec3 .content1 .judge:nth-child(2n) .name {
        margin-right: 25px;
        margin-left: 0px;
        text-align:right;
    }
/* sec3 */

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

    .sec4 .sec_title {
        padding-top: 0;
        padding-left:20px;
    }

    .sec4 .sec4_bg {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        height: 2620px;
    }

        .sec4 .sec4_bg .sec4_bg-layer1 {
            position: absolute;
            /*width: 83.8542%;*/
            width: 100%;
            height: 2540px;
            top:80px;
            left: 0;
            border-top-left-radius: 100px;
            border-bottom-right-radius: 100px;
            background-color: #f0eeeb;
            z-index: 1;
        }

        .sec4 .sec4_bg .sec4_bg-layer2 {
            position: absolute;
            /*width: 74.7396%;*/
            width: 795px;
            height: 2465px;
            left: 0;
            top: 0;
            border-top-left-radius: 100px;
            border-bottom-right-radius: 100px;
            z-index: 2;
            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;
        }

        .sec4 .sec4_bg .sec4_bg-layer3 {
            position: absolute;
            height: 905px;
            width: 905px;
            right: -528px;
            top: 727px;
            z-index: 2;
        }

/*.sec4_bg .plus_icon {
    position: absolute;
    height: 167px;
    width: 167px;
    left: 85px;
    top: 125px;
}*/

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

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

/* 2026 */
/*.sec4_bg .plus_icon1 {
    left: initial;
    top: initial;
    right: 37px;
    bottom: 0px;
}*/
/* 2026 */

    .sec4 .sec_inner {
        max-width: initial;
        padding: 0 60px 0 40px;
        z-index: 4;
    }

/*.sec4 .sec_title
{
    padding-right:0;
    margin-left:0;
}

.sec4 .sec_title:after
{
    right:-155px;
}*/

.sec4 .content {
    position: relative;
    width: 828px;
    /*height: 3045px;*/
    min-height: 2285px;
    display: flex;
    padding-top: 135px;
}

    .sec4 .content .pic1 {
        border-top-left-radius: 75px;
        border-bottom-right-radius: 75px;
        width:719px;
        height:712px;
    }

    .sec4 .content .pic2 {
        width: 725px;
        height: 641px;
    }

    .sec4 .content ul {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        /*margin:0 85px 0 110px;
  align-items:space-around;
  justify-content: start;*/
    }

        .sec4 .content ul li {
            position: relative;
            display: inline-block;
            width: 100%;
            /*height:1015px;*/
            height: 1065px;
            text-align: left;
            border-top-left-radius: 150px;
            border-bottom-right-radius: 150px;
            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: 150px;
                border-bottom-left-radius: 150px;
                background-color: #997D4D;
            }

        /* 2026 */
        .sec4 .content ul.year2026 li {
            background-color: #997D4D;
        }

            .sec4 .content ul.year2026 li:nth-child(1) {
                height: 1460px;
            }

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

        .sec4 .content ul li h3 {
            position: relative;
            font-size: 56px;
            color: #997D4D;
            padding: 160px 0 40px;
            margin: 0 130px 0 110px;
            border-bottom: 1px solid #fff;
            font-weight: 500;
            color: #fff;
        }

        /* 2026 */
        .sec4 .content ul.year2026 li h3 {
            line-height: 86px;
        }

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

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

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

        /*.sec4 .content ul li h3:before
{
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    left: 5px;
    border-radius: 22px;
    bottom:3px;
    background: linear-gradient(0deg, rgba(59, 56, 51, 1) 0%, rgba(56, 55, 50, 1) 50%, rgba(153, 125, 77, 1) 50%, rgba(172, 144, 97, 1) 100%);
}*/

        .sec4 .content ul li h4 {
            position: relative;
            display: inline-block;
            font-size: 40px;
            color: #fff;
            /*padding-left:45px;*/
            padding-left: 110px;
            padding-right: 110px;
            margin-top: 60px;
            text-align: justify;
            line-height: 70px;
        }

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

        .sec4 .content ul li:first-child .prize {
            bottom: 40px;
        }

        .sec4 .content ul li .prize:before {
            position: absolute;
            display: inline-block;
            content: "";
            /*width:672px;
    height:388px;*/
            width: 776px;
            height: 330px;
            background-image: url(../../images/2025/prize.svg?v=20250415);
            /*background-size:672px 388px;*/
            background-size: 776px 330px;
            left: -550px;
            /*bottom: -22px;*/
            bottom: -25px;
        }

        .sec4 .content ul li:first-child .prize:before {
            position: absolute;
            display: inline-block;
            content: "";
            width: 744px;
            height: 314px;
            background-image: url(../../images/2025/prize1.svg?v=20250415);
            background-size: 744px 314px;
            left: -550px;
            /*bottom: -22px;*/
            bottom: 20px;
        }

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

.sec4 .sec_inner .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 610px;
    height: 150px;
    color: #fff;
    font-size: 52px;
    letter-spacing: 1px;
    margin-top: 170px;
    margin-left: 109px;
    /*background: linear-gradient(90deg, rgba(153, 125, 77, 1) 0%, rgba(172, 144, 97, 1) 55%);
    border-radius:94px;*/
    background-color: #AF8C5A;
}

/*.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;
    border-radius:94px;
    opacity: 0;
}

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

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

/* sec6 */
.sec6 {
    position: relative;
    height: 1065px;
    width: 100%;
    background-color: #f0efeb;
}

    .sec6 .sec_title{
        padding-left:37px;
    }

    .sec6 .sec_inner {
        max-width: initial;
    }

.sec6 .sec_inner .pic {
    position: absolute;
    width: 746px;
    height: 598px;
    right: 0;
    top: 345px;
    border-top-left-radius: 100px;
}

.sec6 .sec_inner .p6-icon {
    position: absolute;
    width: 222px;
    height: 109px;
    right: 25px;
    top: 262px;
}

.sec6 .sec_inner .more-btn {
    position: absolute;
    background-color: #39519e;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 412px;
    height: 85px;
    left: 83px;
    top: 180px;
}

.sec6 .sec_inner .more-btn .txt {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 32px;
    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: 150px;
        height: 50px;
        background-image: url(../../images/2026/index_p6_btn_icon.svg);
        background-size: 150px 50px;
        right: -67px;
    }
/* sec6 */

/* 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: 828px;
    height: 790px;
    left: 0;
    top: 77px;
    border-top-left-radius: 95px;
    border-top-right-radius: 95px;
    z-index: -1;
}

.rule .p3_bg {
    position: absolute;
    content: "";
    display: inline-block;
    width: 954px;
    height: 954px;
    background-image: url(../../images/2026/rule_p2_bg.png);
    background-size: 954px 954px;
    top: 815px;
    left: -565px;
    z-index: -1;
}

.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: 828px;
    height: 3000px;
    border-top-left-radius: 95px;
    top: 0px;
    left: 0;
    z-index: -2;
}

.rule .p7_bg1 {
    position: absolute;
    content: "";
    display: inline-block;
    width: 923px;
    height: 923px;
    background-image: url(../../images/2026/rule_p2_bg.png);
    background-size: 923px 923px;
    top: 946px;
    right: -555px;
    z-index: -1;
}

.rule .p7_bg2 {
    position: absolute;
    content: "";
    display: inline-block;
    width: 923px;
    height: 923px;
    background-image: url(../../images/2026/rule_p2_bg.png);
    background-size: 923px 923px;
    bottom: -383px;
    left: -485px;
    z-index: -3;
}

.rule.large .sec_inner .btn .txt:after {
    left: 138px;
    top: -45px;
}

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

.rule.large .paragraph.p1:before {
    background-image: url(../../images/2026/rule_p1_icon_l.svg);
}

.rule.large .paragraph.p2:before {
    background-image: url(../../images/2026/rule_p2_icon_l.svg);
}

.rule.large .paragraph.p3:before {
    background-image: url(../../images/2026/rule_p3_icon_l.svg);
}

.rule.large .paragraph.p4:before {
    background-image: url(../../images/2026/rule_p4_icon_l.svg);
}

.rule.large .paragraph.p5:before {
    background-image: url(../../images/2026/rule_p5_icon_l.svg);
}

.rule.large .paragraph.p6:before {
    background-image: url(../../images/2026/rule_p6_icon_l.svg);
}

.rule.large .paragraph.p7:before {
    background-image: url(../../images/2026/rule_p7_icon_l.svg);
}

.rule.large .paragraph.p8:before {
    background-image: url(../../images/2026/rule_p8_icon_l.svg);
}
/*.rule
{
    font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
}

.rule .rule_bg
{
    position:absolute;
    width:828px;
    height:100%;
    top:0;
    left:0;
}

.rule .rule_bg .plus_icon {
    position: absolute;
    height: 167px;
    width: 167px;
    right: 18px;
    top: 3610px;
}

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

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

.rule .rule_bg .plus_icon1 {
    left: 0;
    top: initial;
    bottom:1415px;
}

.rule .rule_bg .bg {
    position: absolute;
    width: 787px;
    height: 634px;
    top: 4430px;
    right: -448px;
    z-index:1;
}

.rule .rule_bg .circle {
    position: absolute;
    height: 770px;
    width: 770px;
    right: -655px;
    top: 7805px;
    border-radius: 770px;
    background-color: #39519E;
    z-index:1;
}

.rule .sec_title
{
    color:#987a44;
}

.rule .sec_title .sec_title_txt
{
    display:block;
    text-align:center;
}


.rule .sec_title .sec_title_txt:before
{
    background-image:url(../../images/2025/sec_title_bg.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: 575px;
    background-color: #fff;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    max-width: 828px;
    left: 50%;
    transform: translateX(-50%);
}

.rule .white_bg .sec_title
{
    max-width:420px;
}

.rule .paragraph
{
    position:relative;
    width:100%;
    font-size:32px;
}

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

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

.rule .paragraph.p1:before
{
    width:562px;
    background-image:url(../../images/2025/rule_p1_icon.svg);
    background-size:562px 515px;
    top:50px;
    left:-82px;
}

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

.rule .paragraph.p2:before
{
    width:684px;
    background-image:url(../../images/2025/rule_p2_icon.svg);
    background-size:684px 515px;
    top:178px;
    right:-273px;
}

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

.rule .paragraph.p3:before
{
    width:656px;
    background-image:url(../../images/2025/rule_p3_icon.svg);
    background-size:656px 515px;
    top:60px;
    left:-119px;
}

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

.rule .paragraph.p4:before
{
    width:646px;
    background-image:url(../../images/2025/rule_p4_icon.svg);
    background-size:646px 515px;
    top:54px;
    left:158px;
}

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

.rule .paragraph.p5:before
{
    width:664px;
    background-image:url(../../images/2025/rule_p5_icon.svg);
    background-size:664px 515px;
    top:1420px;
    left:-133px;
    z-index:1;
}

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

.rule .paragraph.p6:before
{
    width:662px;
    background-image:url(../../images/2025/rule_p6_icon.svg);
    background-size:662px 515px;
    top:15px;
    right:-177px;
}

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

.rule .paragraph.p7:before
{
    width:604px;
    background-image:url(../../images/2025/rule_p7_icon.svg);
    background-size:604px 515px;
    top:197px;
    left:-70px;
}

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

.rule .paragraph.p8:before
{
    width:652px;
    background-image:url(../../images/2025/rule_p8_icon.svg);
    background-size:652px 515px;
    top:50px;
    right:-184px;
}

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

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

.rule .paragraph .flex-box .box
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:696px;
    height:440px;
    color:#fff;
    font-size:32px;
    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-left:132px;
}

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

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

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

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


.rule .special_bg
{
    position:absolute;
    width:828px;
    height:1830px;
    background-color:#9d7c45;
    border-top-left-radius:130px;
    border-bottom-right-radius:130px;
    top:0;
    left:0;
}

.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: 2px;
    height: 1300px;
    background-color: #FBEECF;
    left:413px;
    bottom: 0px;
}

.rule .paragraph.special .timeline
{
    position: relative;
    width:685px;
    height:1375px;
    margin-top:130px;
    margin-left:71.5px;
    display:flex;
}

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

.rule .paragraph.special .timeline .down
{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:end;
    gap:50px;
    margin-left:2px;
    margin-bottom:285px;
}

.rule .paragraph.special .timeline .step
{
    position:relative;
    width:342px;
    height:238px;
}

.rule .paragraph.special .timeline .step:before
{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:342px;
    height:238px;
    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:45px 30px 0 20px;
    color:#997D4D;
    font-size:32px;
    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:35px 30px 0 20px;
    color:#997D4D;
    font-size:24px;
    line-height:30px;
    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:20px;
    letter-spacing:0;
    font-weight:500;
    color:#816d57;
    display:inline-block;
    line-height:30px;
}

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

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

.rule .sec_inner .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 575px;
    height: 120px;
    color: #fff;
    font-size: 52px;
    letter-spacing: 1px;
    margin:170px 126.5px 185px;
    background-color: #af8c5a;
}*/
/* rule */
/* vote */
.vote .sec_kv_bg {
    background-image: url(../../images/2025/vote_kv_bg.jpg?v=20250515);
    background-size: 828px 1421px;
    height: 1421px;
    background-position-y: 0px;
}

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

.vote .sec_kv_inner {
    position: relative;
    width: 720px;
    height: 1421px;
    margin: 0 auto;
}

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

.vote-sec p {
    letter-spacing: 0px;
}

.vote-step.sec2 {
    height: 1916px;
    padding-bottom: 300px;
}

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

.vote-step.sec2 .sec2_bg .bg {
    top: 75px;
}

.vote-step.sec2 .sec2_bg .bg1 {
    height: 1070px;
}

.vote-step.sec2 .sec2_bg .plus_icon, .vote-sec .caseBg .plus_icon {
    position: absolute;
    height: 167px;
    width: 167px;
    right: initial;
    left: 80px;
    bottom: -280px;
}

    .vote-step.sec2 .sec2_bg .plus_icon:before, .vote-sec .caseBg .plus_icon:before {
        position: absolute;
        content: "";
        display: inline-block;
        width: 1px;
        height: 167px;
        background-color: #AA8E61;
        left: 50%;
        transform: translateX(-50%);
    }

    .vote-step.sec2 .sec2_bg .plus_icon:after, .vote-sec .caseBg .plus_icon:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 167px;
        height: 1px;
        background-color: #AA8E61;
        top: 50%;
        transform: translateY(-50%);
    }

.sec2.vote-step .timeline .up {
    gap: 160px;
}

.sec2.vote-step .timeline .down {
    height: 800px;
    gap: 160px;
}

.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: 30px;
        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: 30px;
        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: 0px;
}

    .vote-case.blockHeight .container {
        padding-left: 0;
        padding-right: 0;
        max-width: initial;
        width: 100%;
    }

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

    .vote-case.blockHeight .caseVote__zone.inner .caseVote__box.right {
        border-bottom-left-radius: 120px;
        border-bottom-right-radius: 0px;
        margin-right: 0;
        margin-left: 80px;
    }

    .vote-case.blockHeight .voteTxt {
        line-height: 55px;
        margin-top: 20px !important;
    }

    .vote-case.blockHeight .caseType {
        font-size: 40px;
        color: #ad8a5a;
        text-decoration: underline;
        margin: 0;
    }

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

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

        .vote-case.blockHeight .caseVote__zone.inner .vote-cnt-block .vote-cnt {
            display: flex;
            min-width: 340px;
            height: 50px;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            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: 30px;
                vertical-align: middle;
                margin-left: 10px;
            }

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

    .vote_bg .circle {
        position: absolute;
        height: 470px;
        width: 470px;
        left: -260px;
        top: 70px;
        border-radius: 470px;
        background-color: #39519E;
    }

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

    .vote-rule-content ol {
        list-style: decimal outside;
        font-size: 32px;
        line-height: 55px;
        padding-left: 32px;
        letter-spacing: 0px;
    }

    .vote-rule-content small {
        font-size: 20px;
        letter-spacing: 0;
        font-weight: 500;
        /* margin-top: 35px; */
        color: #816d57;
        display: inline-block;
        line-height: 30px;
        margin-top: 50px;
    }
/* vote */

/* done */
.sec.done .sec_inner {
    display: flex;
    /*min-height: max(calc(100vh - 365px),550px);*/
    min-height: max(calc(100vh - 215px),550px);
    height: initial;
    margin-top: 300px;
    max-width: 800px;
    flex-direction: column;
    align-items: center;
    text-justify: center;
}

    .sec.done .sec_inner .slogan {
        width: 260px;
        margin: 50px auto 80px;
    }

    .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: 24px;
        color: #746f6a;
        display: inline-block;
        text-align: center;
        margin-top: 0;
        letter-spacing: 0px;
        line-height: 48px;
    }

        .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: 120px;
        font-weight: 300;
        text-align: center;
        margin-bottom: 60px;
    }
/* done */

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

    .case .custom-select select {
        display: none;
    }

.case .select-selected:after {
    position: absolute;
    display: inline-block;
    content: "";
    right: 25px;
    width: 32px;
    height: 21px;
    background-image: url(../../images/2026/arrow.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0;
}

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

.case .select-items div {
    padding: 0 20px;
    background-color: #f0eeeb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #746f6a;
    cursor: pointer;
    width: 100%;
    height: 105px;
    border-bottom: 2px solid #ad9076;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    font-size: 30px;
    font-weight: 400;
    position: relative;
}

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

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

.case .select-selected {
    height: 100%;
}

.case .select-items {
    position: absolute;
    top: 100%;
    left: -1px;
    right: 0;
    z-index: 99;
    /*max-height: 425px;*/
    max-height: 524px;
    /*overflow-y: auto;*/
    background-color: #f0eeeb;
    border: 2px solid #ad9076;
    border-top: 0;
    width: 485px;
    box-sizing: border-box;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.case .select-hide {
    display: none;
}

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

    .case .select-items div:hover:before, .case .select-items div:hover:after {
        opacity: 1;
    }
/* select */

/* case */
@media (min-width: 768px) {
    .container.case {
        max-width: 100% !important;
    }
}

.container.case {
    padding: 0 !important;
}

.caseVote__zone.inner .caseVote__box {
    /*border:4px solid #9d7c45 !important;*/
    border: 0 !important;
    /*border-bottom-right-radius:120px;*/
    margin-right: 35px;
}

    .caseVote__zone.inner .caseVote__box:nth-child(even) {
        border-bottom-left-radius: 120px;
        border-bottom-right-radius: 0px;
        margin-right: 0;
        margin-left: 35px;
    }

.caseVote__box.animation.is_animated figure {
    height: 415px;
    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: 40px;
}

.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: 40px;
    border-bottom-right-radius: 40px;
}

.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: 40px;
    border-top-left-radius: 40px;
}

.caseVote__zone.inner {
    /*grid-row-gap: 4.5rem !important;
    grid-column-gap: 4.5rem !important;*/
    grid-row-gap: 6.5rem !important;
    grid-column-gap: 6.5rem !important;
}

    .caseVote__zone.inner .caseInfo__txt {
        font-family: "Noto Sans TC", '微軟正黑體', sans-serif;
        /*display: flex;
        flex-direction: column;
        align-items: center;*/
        justify-content: center;
        min-height: 300px;
        padding: 0 0 0 35px !important;
        margin-top: 40px;
        border-right: 1px solid #756f69;
    }

    .caseVote__zone.inner .caseVote__box:nth-child(even) .caseInfo__txt {
        padding-left: 0 !important;
        margin-right: 35px;
    }

    .caseVote__zone.inner .caseMid {
        /*display:flex;
    align-items:center;
    justify-content:center;*/
        color: #9e9966;
        text-align: left;
        font-size: 52px;
        margin: 50px 0 30px !important;
    }

@media (min-width: 768px) {
    .caseVote__zone .caseName {
        font-weight: 400;
    }

    .voteTxt {
        font-size: 40px !important;
        color: #746f6a;
        width: 100%;
        text-align: left;
        height: auto !important;
        margin: 0 0 70px 0 !important;
        font-weight: 400;
    }
}

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

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

.pagination {
    margin: 120px 0 100px !important;
}


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

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

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

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

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

.small-remind {
    display: block;
    letter-spacing: 1px;
    font-size: 24px;
    color: #736f6b;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 180px;
    font-weight:300;
}

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

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

        .award-table .cell:nth-child(2):before {
            display: block;
            content: "";
            width: 95%;
            height: 1px;
            background-color: #fff;
            top: 0;
            left: 0;
        }

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

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

    .award-table .prize {
        display: block;
        font-size: 64px;
        margin-bottom: 25px;
    }

    .award-table .price {
        display: block;
        font-size: 28px;
        margin-bottom: 40px;
    }

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

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

    .award-table .list span {
        display: flex;
        margin-bottom: 36px;
        height: 35px;
        line-height: 1;
    }

        .award-table .list span span:first-child {
            display: inline-block;
            width: 235px;
        }

        .award-table .list span span:last-child {
            display: inline-block;
            width: calc(100% - 235px);
        }

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

/* case */

/* 2026 case page */
.caseCategory__zone {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 1060px;
    /*background-color: #f4f3f1;*/
    border-top-left-radius: 20px;
    border-bottom-right-radius: 100px;
    margin: 200px auto;
}

.caseCategory__zone.third{
    margin-bottom:295px;
}
    /*.caseCategory__zone:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f4f3f1;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 100px;
    opacity: 0.62;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}*/
    .caseCategory__zone:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 800px;
        height: 800px;
        background-image: url(../../images/2026/rule_p2_bg.png);
        background-size: 800px 800px;
        bottom: -560px;
        right: -470px;
        z-index: 1;
    }

/*.caseCategory__zone.second:before {
    border-radius: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
*/
/*.caseCategory__zone.third:before {
    border-radius: 0;
    border-top-right-radius: 100px;
}*/

.caseCategory__zone.third:after {
    right: initial;
    left: 50%;
    transform:translateX(-50%);
    bottom: -885px;
    z-index: 1;
}

.caseCategory__zone .category-label {
    position: absolute;
    width: 564px;
    height: 238px;
    left: 100px;
    top: 0px;
    z-index: 2;
}

/*.caseCategory__zone.second .category-label {
    left: initial;
    right: 0;
    top: -42px;
}
*/
.caseCategory__zone .category-clock {
    position: absolute;
    width: 276px;
    height: 300px;
    bottom: -300px;
    right: 80px;
    z-index: 3;
}

.caseCategory__zone.third .category-clock {
    bottom: -250px;
}

.caseCategory__zone .caseVote__zone.inner {
    position: relative;
    grid-row-gap: 85px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0px;
    padding-top: 0px;
    z-index: 3;
}

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

/*.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+1) .caseInfo__txt,
.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+2) .caseInfo__txt,
.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+3) .caseInfo__txt {
    border-right: 1px solid #756f69;
}*/

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

.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+4) .caseInfo__txt,
.caseCategory__zone .caseVote__zone.inner .caseVote__box:last-child .caseInfo__txt {
    border-right: 0px;
}

.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+1),
.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+1) figure,
.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+1) figure img {
    border: 0;
    border-radius: 0;
    border-top-right-radius: 40px;
}

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

.caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(even), .caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(odd) {
    margin-right: 0;
    margin-left: 0;
}

/*.caseCategory__zone .caseVote__zone.inner .caseInfo__txt {
    max-height: 122px;
}

.caseCategory__zone.second .caseVote__box:nth-last-child(3) {
    grid-column-start: 2;
}*/
/* 2026 case page */

/* 2026 vote page */
.vote.sec_kv {
    height: 2100px;
}

.vote .sec_kv_bg {
    height: 2100px;
    background: initial;
}

.vote .sec_kv_bg .sec_kv_layer2 {
    position: absolute;
    display: block;
    height: 570px;
    width: 800px;
    background-image: url(../../images/2026/vote_kv_bg.png);
    background-size: cover;
    left: -330px;
    top: 920px;
    z-index: 2;
}

.vote .sec_kv_inner {
    height: 2100px;
    width: 100%;
    position: absolute;
    z-index: 3;
    left: 0;
}

.vote .sec_kv_inner .kv_prize1_block {
    position: absolute;
    display: block;
    height: 892px;
    width: 900px;
    left: -120px;
    top: 0px;
}

.vote .sec_kv_inner .kv_prize1 {
    position: absolute;
    display: block;
    width: 603px;
    height: 430px;
    left: 70px;
    top: 648px;
    z-index: 3;
}

.vote .sec_kv_inner .kv_prize2_block {
    position: absolute;
    display: block;
    height: 570px;
    width: 570px;
    right: 0;
    top: 606px;
    mix-blend-mode: multiply;
    opacity:0.77;
}

.vote .sec_kv_inner .kv_prize2 {
    position: absolute;
    display: block;
    height: 294px;
    width: 355px;
    right: 35px;
    top: 837px;
    z-index: 3;
}

.vote .sec_kv_inner .kv_prize2_block img {
    opacity: 0.78;
}

.vote .sec_kv_inner .kv-clock {
    position: absolute;
    width: 276px;
    height: 300px;
    top: 1100px;
    left: 70px;
    z-index: 2;
}

.vote .sec_kv_inner .kv-desc {
    position: absolute;
    width: 100%;
    height: 600px;
    left: 0;
    bottom: 0px;
    text-align: center;
}

.vote .sec_kv_inner .kv-desc .title-txt {
    position: relative;
    display: block;
    text-align: center;
    color: #9e9966;
    font-size: 56px;
    line-height: 68px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
}

.vote .sec_kv_inner .kv-desc .txt {
    position: relative;
    display: block;
    text-align: center;
    color: #746f6a;
    margin-top: 50px;
    font-size: 24px;
    line-height: 43px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 400;
}

.rule.vote-rule {
    position: relative;
    width: 100%;
    height: 1165px;
    display: block;
    margin: 0 auto;
}

.rule.vote-rule .paragraph.p5 {
    position: relative;
    display: block;
    width: 100%;
    height: 810px;
    margin: 80px 0 0;
}

.rule.vote-rule .paragraph.p5:before {
    display: none;
}

.rule.vote-rule .special_bg {
    position: absolute;
    width: 100%;
    height: 810px;
    top: 0px;
    left: 0;
}

.rule.vote-rule .special_bg .bg1 {
    position: absolute;
    background-image: url(../../images/2026/vote_rule_p5_line.svg);
    background-size: 28px 806px;
    width: 28px;
    height: 806px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.rule.vote-rule .paragraph .timeline {
    width: 100%;
    height: 810px;
    margin-left: 0;
    /*padding-top: 55px;*/
}

.sec_title_inner {
    margin: 0 auto;
    width: 100%;
    padding-left:25px;
}

.sec_title_inner .sec_title {
    color: #39519e !important;
}

.rule.vote-rule .timeline .step .login-btn {
    position: relative;
    display: inline-block;
    /*width: 200px;
    height: 58px;*/
    width: 221px;
    height: 64px;
    background-image: url(../../images/2026/line_login_btn_bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    /*background-size: 200px 116px;*/
    background-size: 221px 128px;
    margin-top: 28px;
    margin-left: 15px;
    z-index: 3;
    transition: none;
}

/*.rule.vote-rule .timeline .step .login-btn:hover {
    background-position: 0 -64px;
}*/

.rule.vote-rule .timeline .step .line-button-container {
    position: relative;
    display: flex;
    justify-content: center; /* Centers the button on mobile */
    width: 200px;
    height: 58px;
    margin-top: 20px;
    margin-left: -5px;
    z-index: 3;
    transition: none;
}

.rule.vote-rule .paragraph .timeline .step h3 {
    font-size: 26px;
    line-height:40px;
}

.vote-case-sec {
    min-height: 1650px;
}

.vote-case-sec .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
}

.vote-case-sec .bg:before {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../../images/2026/paragraph_icon.svg);
    background-size: 192px 192px;
    width: 192px;
    height: 192px;
    top: 0;
    right: 35px;
    transform: rotate(270deg);
}

.vote-case-sec .title-txt,.draw-sec .title-txt {
    position: relative;
    display: block;
    text-align: center;
    color: #9e9966;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
    padding-top: 155px;
}

.vote-case-sec .tabs {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 130px;
    margin-top: 65px;
    justify-content: space-between;
    flex-wrap:wrap;
    row-gap:2px;
}

.vote-case-sec .tabs .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #e7e2dc;
    width: 50%;
    height: 112px;
    cursor: pointer;
}

.vote-case-sec .tabs .btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    background-color: #39519e;
    transition: opacity 0.5s ease-out;
    z-index: 1;
}

.vote-case-sec .tabs .btn:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    background-color: #9e9966;
    transition: opacity 0.5s ease-out;
    opacity: 0;
    z-index: 1;
}

/*.vote-case-sec .tabs .btn:hover:before, .vote-case-sec .tabs .btn.active:before {
opacity: 0;
}
*/
.vote-case-sec .tabs .btn:hover:after, .vote-case-sec .tabs .btn.active:after {
    opacity: 1;
}

.vote-case-sec .tabs .btn .txt {
    position: relative;
    font-weight: 300;
    font-size: 28px;
    z-index: 3;
    color: #eeece9;
    letter-spacing: 2px;
    padding-left: 10px;
}

.vote-case-sec .tabs .btn .mark {
    position: absolute;
    width: 103px;
    height: 103px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: initial;
    padding: 0;
    z-index: 3;
    display: none;
}

.vote-case-sec .tabs .btn .txt:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 122px;
    height: 31px;
    background-image: url(../../images/2026/index_kv_btn_icon.svg);
    background-size: 122px 31px;
    margin-left: 35px;
}

.vote-case-sec .tabs .btn.voted:before, .vote-case-sec .tabs .btn.voted:after {
    background-color: #746f6a;
}

.vote-case-sec .tabs .btn.active.voted:before, .vote-case-sec .tabs .btn.active.voted:after {
    background-color: #9e9966;
}

.vote-case-sec .tabs .btn.voted .mark {
    display: inline-block;
}

.vote-case-sec .tab-content {
    position: relative;
    width: 100%;
    min-height: 1060px;
    padding-bottom:225px;
    display: none;
}

.vote-case-sec .tab-content.active {
    display: block;
}

/*.vote-case-sec .tab-content.voted {
    min-height: 560px;
}*/

.vote-case-sec .tab-content .desc {
    position: relative;
    text-align: center;
    color: #746f6a;
    font-size: 24px;
    line-height:44px;
    padding: 85px 0;
    letter-spacing: 1px;
}

.vote-case-sec .caseCategory__zone {
    margin: 0;
}

.vote-case-sec .caseCategory__zone:after {
    position: absolute;
    content: "";
    position: absolute;
    height: 800px;
    width: 800px;
    background-image: url(../../images/2026/rule_p2_bg.png);
    background-size: cover;
    right: -400px;
    bottom: 80px;
    z-index: 1;
}

.vote-case-sec .caseCategory__zone:before {
    display: none;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner {
    padding: 0 15px 0;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .vote-cnt-area {
    position: absolute;
    bottom: -35px;
    right: 30px;
    width: 100%;
    display: flex;
    /*flex-direction: column;*/
    justify-content: end;
    align-items:center;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .vote-cnt-area .field {
    position: relative;
    font-size: 20px;
    color: #736f6b;
    font-weight: 400;
    line-height:initial;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .vote-cnt-area .vote-cnt {
    position: relative;
    text-align: left;
    font-size: 20px;
    color: #736f6b;
    line-height: 1;
    /*font-family: "AmericaneCondensed-Light";*/
    letter-spacing: 0px;
    font-weight: 300;
    /*padding-top: 4px;*/
    line-height: initial;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .caseMid,
.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .voteTxt {
    width: calc(100% - 20px);
    padding-left:10px;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .caseMid {
    height: 85px;
    /*margin-bottom: 0;
    margin-top:0 ;*/
    font-size:30px;
    line-height:40px;
    margin: 0px 0 0px !important;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .voteTxt {
    /*line-height: 1.2;
    height: 45px;*/
    margin-bottom: 0;
    font-size:24px;
    line-height:38px;
    min-height:30px;
}

@media (min-width: 768px) {
    .vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt .voteTxt {
        margin: 0 0 0px 0 !important;
    }
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseInfo__txt:after {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 122px;
    right: -15px;
    top: 0;
    background-color: #756f69;
    display:none;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .caseInfo__txt {
    border-right: 0px;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box:nth-child(4n+4) .caseInfo__txt:after,
.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box:last-child .caseInfo__txt:after {
    display: none;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area {
    display: flex;
    width:100%;
    flex-wrap:wrap;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn,
.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .vote-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    cursor: pointer;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn {
    /*border: 2px solid #e7e2dc;*/
    margin-bottom:1px;
}
    

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn:before,
.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    opacity: 1;
    display: inline-block;
    /*background-image: url(../../images/2026/case_btn_bg1.svg);
background-repeat: no-repeat;
background-size: 100% 100px;
transition: all .35s;*/
    background-color: #3252a2;
    z-index: 1;
    left: 0;
    top: 0;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn:after {
    background-image: url(../../images/2026/case_btn_bg1_hover.svg);
    opacity: 0;
}

/*.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn:hover:after {
    opacity: 1;
}*/

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn .txt,
.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .vote-btn .txt {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    height: 100px;
    color: #eeece9;
    font-size: 26px;
    line-height: 100px;
    padding-left: 10px;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .case-btn .txt:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 122px;
    height: 31px;
    background-image: url(../../images/2026/index_kv_btn_icon.svg);
    background-size: 122px 31px;
    margin-left: 35px;
    top:50%;
    transform:translateY(-50%);
    right:0;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .vote-btn {
    border: 2px solid #3252a2;
    border-bottom-right-radius: 20px;
    background-image: url(../../images/2026/vote_btn_bg.svg);
    background-size: 50px 43px;
    background-position: 306px 30px;
    background-repeat: no-repeat;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .vote-btn:before {
    position: absolute;
    content: "";
    width: 335px;
    height: 100%;
    display: inline-block;
    clip-path: polygon(0 0, 75% 0, 82% 50%, 75% 100%, 0 100%, 0 51%);
    background-color: #3252a2;
    transition: all .35s;
}

/*.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .vote-btn:hover {
    background-image: url(../../images/2026/vote_btn_bg_hover.svg);
    border-color: #9e9966;
}*/

/*.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box .btn-area .vote-btn:hover:before {
    background-color: #9e9966;
    width: 135px;
}*/

.vote-case-sec .caseCategory__zone .next-btn {
    position: absolute;
    width: 276px;
    height: 300px;
    display: inline-block;
    cursor: pointer;
    right: 85px;
    bottom: 0px;
    z-index: 3;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box figure {
    position: relative;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box.voted figure:after {
    position: absolute;
    content: "";
    width: 88px;
    height: 88px;
    display: inline-block;
    right: 10px;
    bottom: 10px;
    background-image: url(../../images/2026/voted-mark-icon1.svg);
    background-size: 88px 88px;
    z-index: 2;
}

.vote-case-sec .caseCategory__zone .caseVote__zone.inner .caseVote__box.voted .vote-btn {
    display: none;
}

.draw-sec {
    position: relative;
    min-height: 3200px;
    padding-top: 80px;
    display: block;
    margin: 0 auto;
}

.draw-sec .draw-sec-desc .txt {
    position: relative;
    display: block;
    text-align: center;
    color: #746f6a;
    margin-bottom:200px;
    margin-top: 50px;
    font-size: 24px;
    line-height: 43px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 400;
}

.draw-sec .draw-item {
    position: relative;
    width: 100%;
    min-height: 620px;
    font-size: 18px;
    line-height: 22px;
    color: #756f69;
    font-weight: 300;
    background-color: #efeeea;
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
    margin-bottom: 135px;
    margin-left: auto;
    margin-right: auto;
    padding: 120px 30px;
    z-index: 2;
}

.draw-sec .draw-item.second {
    border-top-right-radius: 0px;
    margin-bottom: 0;
    padding-top:170px;
}

.draw-sec .draw-item .draw-label {
    position: absolute;
    width: 801px;
    height: 132px;
    left: 0;
    top: -98px;
}

.draw-sec .draw-item.second .draw-label {
    top: -55px;
}

.draw-sec .draw-item.second .draw-label {
    left: initial;
    width: 657px;
    right: 0;
}

.draw-sec .draw-item .draw-content {
    position: relative;
    width: 100%;
}

.draw-sec .draw-item .draw-content .top {
    position: relative;
    border-bottom: 1px solid #756f69;
    color: #746f6a;
    padding-bottom: 40px;
    font-size: 32px;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 70px;
}

.draw-sec .draw-item .draw-content .list {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 32px;
    row-gap: 70px;
    color: #746f6a;
    font-weight: 300;
    flex-wrap: wrap;
}

.draw-sec .draw-item .draw-content .list div {
    display: flex;
    width: 100%;
    letter-spacing: 0;
    /*justify-content:space-between;*/
}


.draw-sec .sec_inner:after {
    content: "";
    position: absolute;
    height: 800px;
    width: 800px;
    background-image: url(../../images/2026/rule_p2_bg.png);
    background-size: cover;
    right: -400px;
    bottom: -690px;
    z-index: 1;
}

.draw-sec .draw-item .draw-content .list div span:nth-child(1) {
    flex-basis: 300px;
}
/* 2026 vote page */