:root{

    --blue-200: #c2e1f3;
    --blue-250: #9ec7d6;
    --blue-300: #7faaba;
    --blue-500: #65babb;
    --blue-700: #1d62ce;
    --blue:#004097;

    --yellow-050: #fef8e7;
    --yellow-100: #f5eace;
    --yellow-200: #f6ebc7;
    --yellow-300: #cbc0a7;
    --yellow-400: #dfcca1;
    --yellow-600: #f1d824;
    --orange-500: #eb651d;
    --orange-700: #af4422;

    --red-400: #c63838;
    --red-500: #ee1e35; 
    --red-600: #e81e35;
    --red-700: #cf121b;
    --red-800: #ad2424;

    --brown-200: #865624;
    --brown-300: #885931;
    --brown-500: #551d11;

    --pink-100: #fadff1;
    --pink-300: #f4b1a9;
    --pink-500: #de93bc;
    --pink-700: #ea6b6a;

    --gray-350: #dbdcdc;
    --gray-400: #b5b5b6;
    --gray-800: #828282;
    --gray-900: #817d6c;

    --font-xs:0.75rem;
    --font-sm:0.875rem;
    --font-base:1rem;
    --font-md: 1.125rem;
    --font-lg: 1.25rem;
    --font-llg: 1.375rem;
    --font-xl: 1.5rem;
    --font-2xl: 1.75rem;
    --font-3xl: 2rem;
}

.red-600{
    color:var(--red-600);
}

.red-400{
    color:var(--red-400);
}

.red-800{
    color:var(--red-800);
}

.orange-500{
    color:var(--orange-500) !important;
}

.pink-700{
    color:var(--pink-700);
}

.btn-red-600{
    background:var(--red-600);
}

.w-90{
    width:90%;
}

p{
    font-size:var(--font-base);
}

/* 廣告 */
#AD2025{    
    position:relative;  
    background:var(--blue-200);
}

.FooterPresent2024{
    background:var(--gray-350);
}

/* Navbar2025 */
#navbar2025{
    position:relative;
    background: var(--brown-300);
    display:flex;
    justify-content:center;
    padding-bottom: 0.5rem;
    z-index:9;
}

#navbar2025 ul{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    width:70%;
    margin:1rem 0 .8rem 0;
    padding: 0;
}

#navbar2025 ul li{
    font-family:"Noto Sans TC", sans-serif;
    list-style:none;
    text-align:center;
    width:calc(100% / 6);
}

#navbar2025 ul li a{
    position:relative;
    font-size:1.125rem;
    font-weight:600;
    color:var(--white);
    text-decoration: none;
    padding:0;
    z-index:9;
}

#navbar2025 ul li a:hover{
    background: var(--brown-500);
    border-radius:5rem;
    padding: .3rem 1rem .5rem 1rem;
}

/* 活動辦法 */
#ActionWrap2025{
    position:relative;
    background:var(--yellow-100);
    padding: 4rem 0 0 0;
    overflow:hidden;
    z-index:1;

    .title-wrap{
        position:relative;
        width:70%;
        z-index:3;

        .titleAction{

            h1{
                font-size:6rem;
                color:var(--brown-200);
            }

            .bg{

                img{
                    position:absolute;

                    &:first-child{
                        width:12%;
                        top:-1rem;
                        right:7rem;
                    }

                    &:last-child{
                        width:16%;
                        top:1rem;
                        right:-2rem;
                        z-index:1;
                    }
                }
                
            }
        }

        .con{
            margin-top: -4rem;
            
            .top{
                
                .bg{
                    display:block;
                    width:20%;
                    bottom:.4rem;
                    left:0;
                    right:0;
                    margin:auto;
                    z-index:7;
                    
                    img{
                        
                    }

                }
            }

            .bottom{
                    
                p{
                    font-size:var(--font-sm);
                    color:var(--brown-500);
                    top:1.2rem;
                    left:0;
                    right:0;
                }
            }

            .con-wrap{
                .left{
                    width:4.7%;

                    img{
                        height:101%;
                    }
                }

                .right{
                    width:4.5%;
                    
                    img{
                        height:101%;
                    }
                }   
                
                .txt-con{
                    background:url('../images/2025/10/con_bg.png') repeat top center;
                    width:91%;
                    padding: 1.5rem 3rem;

                    h2{
                        font-size:var(--font-2xl);width:fit-content;
                        font-weight:900;
                        letter-spacing: .2rem;
                    }

                    .action{

                        h2.title{
                            background:var(--orange-700);
                            color:var(--white);
                            font-size:var(--font-xl);
                            letter-spacing: .2rem;
                            text-align:center;
                            width:fit-content;
                        }

                        ul{
                            width:fit-content;
                            padding-inline-start: 0;

                            li{
                                color:var(--brown-500);
                                list-style:none;
                                line-height:2.4rem;

                                span{
                                    color:var(--red-800);

                                    &:last-child{
                                        font-size:var(--font-base);
                                    }
                                }

                                & + li{
                                    border-top:1px solid var(--gray-400);
                                }
                            }
                        }

                        .action-group{
                            img{
                                width:18%;
                            }
                        }
                    }

                    .bg-action{
                        img{
                            position:absolute;
                            width:10%;
                            z-index:1;

                            &:first-child{
                                top:0;
                                left:3rem;
                            }

                            &:nth-child(2){
                                top:0;
                                right:3rem;
                            }

                            &:nth-child(3){
                                bottom:0;
                                left:3rem;
                            }

                            &:nth-child(4){
                                bottom:0;
                                right:3rem;
                            }
                        }
                    }
                }                

                .txt-wrap{
                    position: relative;
                    background: var(--yellow-200);
                    width:91%;
                    overflow:hidden;
                    z-index:1;

                    .txt-top{
                        z-index:-2;

                        img{
                            &:last-child{
                                position:absolute;
                                width:23%;
                                top:.4rem;
                                left:0;
                                right:0;
                                z-index:1;
                            }
                        }
                    }

                    .txt-con{
                        padding:1rem 3rem;
                        
                        
                    }

                    
                }
                
            }
        }

        /* 開學加碼 */
        .con-start{
            h2.title{
                background:var(--orange-700);
                color:var(--white);
                font-size:var(--font-xl);
                text-align:center;
                letter-spacing:.2rem;
                width:fit-content;
            }

            .start-wrap{
                p{
                    color:var(--brown-500);
                }

                ul{
                    width:fit-content;
                    padding-inline-start: 0;

                    li{
                        color:var(--brown-500);
                        list-style:none;
                        line-height:2.4rem;

                        span{
                            color:var(--red-800);

                            &:last-child{
                                font-size:var(--font-base);
                            }
                        }

                        & + li{
                            border-top:1px solid var(--gray-400);
                        }
                    }
                }

                .start-group{
                    img{
                        width:18%;

                        & + img{
                            margin-left: 2rem;
                        }
                    }

                    p{
                        font-size:var(--font-sm);
                        color:var(--brown-500);
                    }
                }
                
                .bg-start{
                    top:-14rem;
                    left:-1.5rem;
                    z-index:5;

                    img{
                        width:73%;
                    }
                }
            }
        } 
        
    } 
    
    .bg-action2{
        top:0;
        left:0;
    }
}

/* 預約試讀填寫 */
#Reservation2025{
    position:relative;  
    background: linear-gradient(to bottom, #f5eace 0%,#f5eace 10%,#9ec7d6 10%,#9ec7d6 100%);
    padding:4rem 0 0 0;
    overflow:hidden;
    z-index:1;

    .ReservationWrap{
        position:relative;
        z-index:9;        

        .con{
            display:block;
            width:992px;
            margin:0 auto;
            padding:0 8rem;
        }
    }

    .ReservationWrap .ReservationWrap-group{
        display:block;
        width:65%;
        margin:0 auto;
    }

    .ReservationWrap .Reservation-bg{
        background: var(--white);
        border-radius:5rem;
        padding:1.2rem;
    }

    .ReservationWrap .Reservation-bg .bgWhite {
        background: var(--white);
        border:10px solid var(--gray-900);
        border-radius:4.5rem;
        padding:3rem 1rem;
    }

    .bg{

        img{
            &:first-child{
                top:0;
                left:0;
                z-index:3; 
            }

            &:nth-child(2){
                top:6rem;
                left:0;
                z-index:1;
            }

            &:nth-child(3){
                width:13%;
                top:0;
                left:19rem;
                z-index:9;
            }

            &:last-child{
                width:10%;
                top:2rem;
                right:28rem;
                z-index:9;
            }
        }
    }

    
}

#Reservation2025 .ReservationWrap .title h2{
    background:var(--orange-700);
    color:var(--white);
    font-size:var(--font-2xl);
    text-align:center;
    letter-spacing:.2rem;
    width:fit-content;
}

#Reservation2025 .ReservationWrap .title h2:before{    
    left:-3.5rem;
}

#Reservation2025 .ReservationWrap .title h2:after{
    right:-3.5rem;
}

#Reservation2025 .ReservationWrap .title p{
    font-size:1.25rem;
    color:var(--red-800);
    margin-bottom:.5rem;
}

#Reservation2025 .ReservationWrap .title p.note{
    font-size:1rem;
    color:var(--brown-500);
    padding-bottom: .6rem;
}

#Reservation2025 .ReservationWrap .form-group{
    font-family:'Roboto', 'Noto Sans TC', Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2rem;
    font-weight:500;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items:center;
    color:var(--brown-500);
    padding:.8rem 0;
}

#Reservation2025 .ReservationWrap .form-control{
    background:var(--gray-200);
    font-size:1.2rem;
    font-weight:400;
    color:var(--brown-500);
    border:0;
}

#Reservation2025 .ReservationWrap .form-group input:focus, 
#Reservation2025 .ReservationWrap .form-group select:focus{
    background:var(--white);
    border:0;
    box-shadow:3px 3px 3px var(--gray-300);
}

#Reservation2025 .ReservationWrap .form-group select{
    background:var(--gray-200);
    border-radius:.375rem;
    border:0;
    color:var(--brown-500);
    line-height:1.5;
    padding:.375rem .75rem;
}

#Reservation2025 .ReservationWrap .form-group select option{
    background:var(--white);
}

#Reservation2025 .ReservationWrap .form-group button{
    background:var(--orange-700);
    font-size:1.125rem;
    color:var(--white);
    border-radius:2rem;
    border:0;
    padding:.2rem 1rem;
}

#Reservation2025 .ReservationWrap .form-group span.text,
#Reservation2025 .ReservationWrap p.warn,
#Reservation2025 .ReservationWrap p.warn a{
    font-size:1rem;
}

#Reservation2025 .ReservationWrap p.warn a{
    color: var(--blue-700);
    text-decoration: none;
}

#Reservation2025 .ReservationWrap p.warn a:hover{
    color: var(--pink-700);
}

#Reservation2025 .bottom{
    position:relative;
    z-index:9;
}

.button-group .btn{
    font-family:'Roboto', 'Noto Sans TC', Verdana, Arial, Helvetica, sans-serif;
    font-size:1.25rem;
    font-weight:500;
    background:var(--orange-700);
    border-radius:10rem;
    color:var(--white);
    letter-spacing: .2rem;
    padding:.375rem 3.5rem;
}

.button-group .btn:hover{
    background:var(--orange-500);
    color:var(--white);
    border:1px var(--orange-500);;
}

/* 選擇分校 */
#show_branch{    
    width:100%;
}

#show_branch table{
    font-weight:400;
    border:1px solid var(--gray-300);
    margin-top: 1rem;
}

#show_branch table thead tr{
    background:var(--brown-500);
    font-weight:500;
    vertical-align: middle;
    color:var(--white);
}

#show_branch table thead tr th:first-child{
    width:15%;
}

/* 隱私權說明 */
#Reservation2025 .ReservationWrap .modal p{
    font-size:1.2rem; 
    font-weight:400;
}

/* 課程內容 */
#CourseWrap2025{
    position:relative;
    background: linear-gradient(to bottom, var(--blue-250) 0%,var(--blue-250) 8%,var(--gray-200) 8%,var(--gray-200) 100%);
    padding:12rem 0 0 0;
    overflow:hidden;
    z-index:10;

    .title{
        z-index:12;
    }

    .title h2{
        background:var(--orange-700);
        color:var(--white);
        font-size:var(--font-2xl);
        text-align:center;
        letter-spacing: .2rem;
        width:fit-content;
        margin-bottom: 5rem;        
    }

    .con-img{
        position:relative;
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        width:70%;
        margin:0 auto;
        z-index:9;

        img:first-child{
            margin-top: -4%;
        }
    }

    .bg img{

        &:first-child{
            top:0;
            left:0;
            z-index:5;
        }

        &:nth-child(2){
            top:4.5rem;
            left:0;
            z-index:4;
        }

        &:nth-child(3){
            width:12%;
            top:1rem;
            left:6rem;
            z-index:5;
        }

        &:nth-child(4){
            width:13%;
            top:7rem;
            left:20rem;
            z-index:5;
        }

        &:nth-child(5){
            width:14%;
            top:8rem;
            right:25rem;
            z-index:5;
        }

        &:nth-child(6){
            width:16%;
            top:5rem;
            right:6rem;
            z-index:5;
        }
        
    }

}

/* 注意事項 */
#NoticeWrap2025{
    position:relative;
    background: linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 12%,var(--yellow-050) 12%,var(--yellow-050) 100%);
    padding:12rem 0 5rem 0;
    overflow:hidden;
    z-index:15;    

    .title h2{
        position:relative;
        background:var(--orange-700);
        color:var(--white);
        font-size:var(--font-2xl);
        text-align:center;
        letter-spacing: .2rem;
        width:fit-content;
        margin-top: 3rem;
        margin-bottom: 3rem;
        z-index:5;
    }
    
    .bg img{

        &:first-child{
            top:0;
            left:0;
            z-index:1;
        }

        &:nth-child(2){
            width:11%;
            top:0;
            left:5rem;
            z-index:5;
        }

        &:nth-child(3){
            width:8%;
            transform: scaleX(-1);
            top:7rem;
            left:17rem;
            z-index:5;
        }

        &:nth-child(4){
            width:13%;
            top:9rem;
            left:28rem;
            z-index:5;
        }

        &:nth-child(5){
            width:14%;
            top:9rem;
            right:24rem;
            z-index:5;
        }

        &:nth-child(6){
            width:7%;
            transform: scaleX(-1);
            top:6rem;
            right:10rem;
            z-index:5;
        }
    }
}

#NoticeWrap2025 .con-group{
    display:block;
    width:70%;
    z-index:9;
    margin:0 auto;
}

#NoticeWrap2025 .con-table{
   border:2px solid var(--red-800);
   border-radius:0; 
   margin-bottom: 1rem;
}

#NoticeWrap2025 .con-table table{
    border-radius:0; 
    border:0;    
    margin-bottom: 0;
}

#NoticeWrap2025 .con-table table tr td{
    background:var(--whitle);
    font-size:var(--font-base);
    padding:.3rem 0;
}

#NoticeWrap2025 .con-table table thead{
    background:var(--red-800);
    font-weight:600;
    color:var(--white);
}

#NoticeWrap2025 .con-table table tbody tr + tr{
    border:0;
    border-top:1px solid var(--red-800);
}

#NoticeWrap2025 .con-table table tbody tr:last-child td{
    border-bottom:0;
}

#NoticeWrap2025 .con-table table td + td{
    
    border-left:1px solid var(--red-800);
}

#NoticeWrap2025 .con-table table tbody td{
    background:var(--white);
    color:var(--red-800);
}

#NoticeWrap2025 .con-group ol li{
    font-size:var(--font-base);
    color:var(--brown-500);
    line-height:2rem;
}

/* 預約試讀 */
.iconReserve2025{
    position:relative;
    z-index:999;
}

.iconReserve2025 .icon-wrap{
    position:fixed;
    flex-direction:column;
    top:40%;
    right:1rem;
}

.iconReserve2025 .icon-wrap a{
    width:100%;
}

.iconReserve2025 .icon-wrap a img{
    position:relative;
    display:block;
    transform: rotate(0);
    width:12vw;
    margin:0 auto;
    z-index:20;
}


.iconReserve2025 .icon-wrap p{
    position:absolute;
    display:flex;
    justify-content: center;
    align-items:center;
    font-family:'Roboto', 'AwkwardBlack', Verdana, Arial, Helvetica, sans-serif;
    font-size:1.2rem;
    color:var(--black);
    line-height:1.6rem;
    top:.3rem;
    left:3.2rem;
    z-index:11;
}

.iconReserve2025 .icon-wrap a{
    display:block;
    color:var(--white);
    text-decoration: none;
    transition-timing-function: ease-in-out;
    margin:0 auto;
}

.iconReserve2025 .icon-wrap a:hover img{
    transform: rotate(-10deg);
    margin:0 auto;
}

.iconReserve2025 .icon-wrap a:hover p{
    color:var(--red-700);
    text-shadow: 3px 3px 3px var(--gray-300);
}

/* 中獎公告 */
#WinnerWrap2025{
    position:relative;
    background: var(--yellow-050);
    padding:3rem 0 3rem 0;
    z-index:9;
}

#WinnerWrap2025 .title{
    position:relative;
    display:flex;
    justify-content: center;
    width:fit-content;
    margin:0 auto;
}

#WinnerWrap2025 .title p{
    position:relative;
    background:var(--orange-700);
    color:var(--white);
    font-size:var(--font-3xl);
    text-align:center;
    width:fit-content;
    padding
}

#WinnerWrap2025 .subtitle p{
    color:var(--brown-500);
    font-size:1.8rem;
    font-weight:900; 
    width:100%;
    text-align:center;
    margin-top:5rem;
}

#WinnerWrap2025 .con-img img:last-child{
    margin-top: -4.5%;
}

#WinnerWrap2025 .con-group{
    display:block;
    width:85%;
    z-index:9;
    margin:0 auto;    
}

#WinnerWrap2025 .con-table{
   border:2px solid var(--brown-500);
   margin-bottom: 1rem;
}

#WinnerWrap2025 .con-table table{
    background:var(--white);
    font-size:1.1rem;
    border:0;    
    margin-bottom: 0;
}

#WinnerWrap2025 .con-table table tr td{
    font-family: Arial, "Noto Sans TC", sans-serif;
    font-weight:400;
    padding:.5rem 0;
}

#WinnerWrap2025 .con-table table thead{
    background:var(--brown-500);
    color:var(--white);
}

#WinnerWrap2025 .con-table table thead td{
    font-weight:700;
}

#WinnerWrap2025 .con-table table tbody td.bg{
    background:var(--yellow-300);
}


#WinnerWrap2025 .con-table table tbody tr + tr{
    border:0;
    border-top:1px solid var(--brown-500);
}

#WinnerWrap2025 .con-table table tbody tr:last-child td{
    border-bottom:0;
}

#WinnerWrap2025 .con-table table td + td{
    border-left:1px solid var(--brown-500);
}

#WinnerWrap2025 .con-table table tbody td{
    color:var(--brown-500);
}

#WinnerWrap2025 .hide-row, #WinnerWrap2025 .hide-row2, #WinnerWrap2025 .hide-row3, #WinnerWrap2025 .hide-row4,
#WinnerWrap2025 .hide-row5, #WinnerWrap2025 .hide-row6, #WinnerWrap2025 .hide-row7, #WinnerWrap2025 .hide-row8, #WinnerWrap2025 .hide-row9, #WinnerWrap2025 .hide-row10,
#WinnerWrap2025 .hide-row11, #WinnerWrap2025 .hide-row12, #WinnerWrap2025 .hide-row13, #WinnerWrap2025 .hide-row14, #WinnerWrap2025 .hide-row15, #WinnerWrap2025 .hide-row16, #WinnerWrap2025 .hide-row17, #WinnerWrap2025 .hide-row18, #WinnerWrap2025 .hide-row19,#WinnerWrap2025 .hide-row20, #WinnerWrap2025 .hide-row21, #WinnerWrap2025 .hide-row22,
#WinnerWrap2025 .hide-row23, #WinnerWrap2025 .hide-row24, #WinnerWrap2025 .hide-row25,
#WinnerWrap2025 .hide-row26, #WinnerWrap2025 .hide-row27, #WinnerWrap2025 .hide-row28, #WinnerWrap2025 .hide-row29 {
    display:none;
}

#WinnerWrap2025 .show-more-row{
    text-align:center;
}

#WinnerWrap2025 .show-more-row button{
    position:relative;
    background:var(--brown-500);
    font-weight:700;
    color:var(--white);
    border:3px solid var(--brown-500);
    padding:.5rem 1rem;
}

#WinnerWrap2025 .show-more-row button:before{
    position:absolute;
    content:"+";
    font-size:2rem;
    font-weight:900;
    color:var(--brown-500);
    top:-15%;
    left:54%;
    z-index:1;
}

#WinnerWrap2025 .show-more-row button:after{
    position:absolute;
    content:"";
    background:var(--white);
    display:block;
    width:2rem;
    height:2rem;
    border-radius:50%;
    margin:0 auto;
    top:10%;
    left:53.7%;
    z-index:0;
}

#WinnerWrap2025 .bg-winning{
    background:url('../images/2025/10/bg.png') repeat center;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-1;
}

/* modal */
.modal-backdrop{
    /* opacity: .3 !important;
    z-index:5 !important; */
}

.modal-backdrop.show{
    opacity: .5 !important;
    z-index:5 !important;
}

.modal{
    z-index:9 !important;
}

/* footer */
footer{
    position:relative;
    background:var(--orange-700);
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:1.2rem 0 1rem 0;
    z-index:30;
}

footer .FooterWrap{    
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:80%;
    z-index:30;
}

footer .FooterWrap p{
    font-size:var(--font-md);
    font-weight:500;
    color:var(--white);
    width:fit-content;
    text-align:center;
    margin-bottom: 0;
}

footer .FooterWrap .bg{
    img{
        &:first-child{
            width:8%;
            top:-8rem;
            left:3rem;
            z-index:5;
        }

        &:nth-child(2){
            width:10%;
            top:-6rem;
            left:18rem;
            z-index:5;
        }

        &:nth-child(3){
            width:16%;
            top:-12rem;
            right:5rem;
            z-index:5;
        }
    }
}

@media screen and (min-width:1920px){
    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{
            .titleAction{
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-2rem;
                            right:12rem;
                        }

                        &:last-child{
                            width:17%;
                            right:0;
                        }
                    }
                }
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:4rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:4rem;
                                }
                            }
                        }
                    }
                }

                .bottom{
                    p{
                        top:1.5rem;
                    }
                }
            }

            .con-start{
                .start-wrap{
                    .bg-start{
                        top:-15rem;
                        left:-.5rem;

                        img{
                            width:80%;
                        }
                    }
                }
            }            
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        .bg{
            img{
                &:nth-child(3){
                    left:23rem;
                }

                &:last-child{
                    width:9%;
                    top:1rem;
                    right:39rem;
                }
            }
        }
    }
}

@media screen and (min-width:1800px) and (max-width:1919px){
    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{
            .titleAction{
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-2rem;
                            right:10rem;
                        }

                        &:last-child{
                            width:17%;
                            right:-1rem;
                        }
                    }
                }
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:4rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:4rem;
                                }
                            }
                        }
                    }
                }

                .bottom{
                    p{
                        top:1.5rem;
                    }
                }
            }

            .con-start{
                .start-wrap{
                    .bg-start{
                        top:-15rem;
                        left:-.5rem;
                        
                        img{
                            width:80%;
                        }
                    }
                }
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        
        .ReservationWrap{
            .con{
                width:100%;
            }
        }

        .bg{
            img{
                &:nth-child(3){
                    left:23rem;
                }

                &:last-child{
                    width:9%;
                    top:2rem;
                    right:36rem;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025 {
        
    }

    /* 注意事項 */
    #NoticeWrap2025 .con-group{
        width:70%;
    }
}

@media screen and (min-width:1600px) and (max-width:1799px){
    /* 課程內容 */
    #CourseWrap2025 {
        .bg img{
            &:first-child{
                /* width:13%;
                left:6.5rem; */
            }
        }
    }
}

@media screen and (min-width:1400px) and (max-width:1599px){
    /* Navbar2025 */
    #navbar2025 ul{
        width:70%;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{  
            width:80%;
            
            .titleAction{

                .bg{

                    img{
                        &:first-child{
                            width:12%;
                            top:-1rem;
                            right:8rem;
                        }

                        &:last-child{
                            width:16%;
                            top:1rem;
                            right:-1rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:3rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:3rem;
                                }
                            }
                        }
                    }
                }
            }

            .con-start{
                .start-wrap{
                    .bg-start{
                        top:-14rem;
                        left:-3.5rem;
                        
                        img{
                            width:65%;
                        }
                    }
                }
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        
        .ReservationWrap{
            .ReservationWrap-group{
                width:75%;

                .title{
                    h2{
                        font-size:var(--font-xl);
                    }
                }

                .con{
                    width:100%;
                }
            }
        }

        .bg{
            img{
                &:nth-child(3){
                    top:1rem;
                    left:13rem;
                }

                &:last-child{
                    width:9%;
                    top:4rem;
                    right:26rem;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025 {
        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:75%;
        }

        .bg{
            img{
                &:nth-child(3){
                    left:4rem;
                }

                &:nth-child(4){
                    left:17rem;
                }

                &:nth-child(5){
                    right:22rem;
                }

                &:nth-child(6){
                    right:4rem;
                }
            }
        }
    }

    /* 注意事項 */
    #NoticeWrap2025{
        .title{
            h2{
                font-size:var(--font-xl);
            }
            
            img{
                width:35%;
            }
        }

        .con-group{
            width:75%;
        }

        .bg{
            img{
                &:nth-child(2){
                    left:3rem;
                }

                &:nth-child(3){
                    left:13rem;
                }

                &:nth-child(4){
                    left:23rem;
                }

                &:nth-child(5){
                    right:19rem;
                }

                &:nth-child(6){
                    right:6rem;
                }
            }
        }
    }

    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-5rem;
                    }

                    &:nth-child(2){
                        top:-5rem;
                    }

                    &:last-child{
                        top:-8rem;
                    }

                }
            }
        }
    }
}

@media screen and (min-width:1200px) and (max-width:1399px){
    /* 廣告 */
    #AD2025 .bgAD img:last-child{
        top:1.5rem;
    }

    /* navbar */
    #navbar2025 ul{
        width:80%;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{  
            width:80%;

            .titleAction{

                h1{
                    font-size:5rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:12%;
                            top:-1rem;
                            right:7rem;
                        }

                        &:last-child{
                            width:16%;
                            top:1rem;
                            right:-1rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:3rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:3rem;
                                }
                            }
                        }
                    }
                }

                .bottom{
                    p{
                        top:1rem;
                    }
                }
                
            }

            .con-start{
                .start-wrap{
                    .bg-start{
                        top:-14rem;
                        left:-3.5rem;
                        
                        img{
                            width:65%;
                        }
                    }
                }
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        
        .ReservationWrap{
            .ReservationWrap-group{
                width:75%;

                .title{
                    h2{
                        font-size:var(--font-xl);
                    }
                }

                .con{
                    width:100%;
                }
            }
        }

        .bg{
            img{
                &:nth-child(3){
                    top:2rem;
                    left:11rem;
                }

                &:last-child{
                    width:9%;
                    top:5rem;
                    right:21rem;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025{

        .title{            
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:75%;
        }

        .bg{
            img{
                &:nth-child(3){
                    left:2rem;
                }

                &:nth-child(4){
                    left:14rem;
                }

                &:nth-child(5){
                    right:19rem;
                }

                &:nth-child(6){
                    right:2rem;
                }
            }
        }
        
    }

    /* 注意事項 */
    #NoticeWrap2025{
        padding:8rem 0 5rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 8rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:75%;
        }

        .bg{
            img{
                &:nth-child(2){
                    left:3rem;
                }

                &:nth-child(3){
                    left:13rem;
                }

                &:nth-child(4){
                    left:23rem;
                }

                &:nth-child(5){
                    top:7rem;
                    right:19rem;
                }

                &:nth-child(6){
                    top:7rem;
                    right:6rem;
                }
            }
        }
    }

    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-5rem;
                        left:2rem;
                    }

                    &:nth-child(2){
                        top:-5rem;
                        left:16rem;
                    }

                    &:last-child{
                        top:-7rem;
                    }

                }
            }
        }
    }

    /* 預約試讀按鈕 */
    .iconReserve2025{
        .icon-wrap{
            a{
                img{
                    width:13vw;
                }
            }
        }
    }
}

@media screen and (min-width:1024px) and (max-width:1199px){
    /* navbar */
    #navbar2025 ul{
        width:85%;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{  
            width:85%;

            .titleAction{

                h1{
                    font-size:5rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:12%;
                            top:-1rem;
                            right:5rem;
                        }

                        &:last-child{
                            width:16%;
                            top:1rem;
                            right:-2.5rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .con-wrap{
                    .txt-con{
                        padding: 1.5rem 4.5rem;

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:3rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:3rem;
                                }
                            }
                        }
                    }
                }

                .bottom{
                    p{
                        top:.7rem;
                    }
                }
            }

            .con-start{
                .start-wrap{
                    .bg-start{
                        top:-14rem;
                        left:-3rem;
                        
                        img{
                            width:60%;
                        }
                    }
                }
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{
            .ReservationWrap-group{
                width:80%;

                .title{
                    h2{
                        font-size:var(--font-xl);
                    }
                }

                .con{
                    width:100%;
                    padding: 0 3rem;
                }
            }
        }

        .bg{
            img{
                &:nth-child(3){
                    top:2rem;
                    left:9rem;
                }

                &:last-child{
                    width:11%;
                    top:4rem;
                    right:15rem;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025{
        .title{
            h2{                
                font-size:var(--font-xl); 
            }   
        }

        .con-img{
            width:80%;
        }

        .bg{
            img{
                &:nth-child(3){
                    left:2rem;
                }

                &:nth-child(4){
                    left:14rem;
                }

                &:nth-child(5){
                    right:15rem;
                }

                &:nth-child(6){
                    right:2rem;
                }
            }
        }        
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 10%,var(--yellow-050) 10%,var(--yellow-050) 100%);

        padding:5rem 0 4rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 8rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:80%;
        }

        .bg{
            img{
                &:nth-child(2){
                    left:2rem;
                }

                &:nth-child(3){
                    left:9rem;
                }

                &:nth-child(4){
                    top:8rem;
                    left:19rem;
                }

                &:nth-child(5){
                    top:7rem;
                    right:13rem;
                }

                &:nth-child(6){
                    top:6rem;
                    right:3rem;
                }
            }
        }
    }

    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:55%;
                }

                &:after{
                    left:54.5%;
                }
            }
        }
    }

    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-4rem;
                        left:2rem;
                    }

                    &:nth-child(2){
                        top:-5rem;
                        left:13rem;
                    }

                    &:last-child{
                        top:-6rem;
                        right:4rem;
                    }

                }
            }
        }
    }

    /* 預約試讀按鈕 */
    .iconReserve2025{
        .icon-wrap{
            a{
                img{
                    width:15vw;
                }
            }
        }
    }
}

@media screen and (min-width:992px) and (max-width:1023px){
    /* navbar */
    #navbar2025{
        ul{
            width:90%;
        }
    }

    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{  
            width:85%;

            .titleAction{

                h1{
                    font-size:4.5rem;
                    margin-bottom: 1rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:12%;
                            top:-1rem;
                            right:5.5rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.8rem;
                            right:-2rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .con-wrap{
                    .top{
                        .bg{
                            bottom:.3rem;
                        }
                    }

                    .txt-con{

                        h2{
                            padding: 0 4.5rem;
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:2.5rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:2.5rem;
                                }
                            }
                        }

                        .action{
                            .action-group{
                                img{
                                    width:30%;
                                }
                            }
                        }
                    }
                }

                .bottom{
                    p{
                        top:.7rem;
                    }
                }
            }

            .con-start{
                .start-wrap{
                    .start-group{
                        img{
                            width:25%;
                        }
                    }

                    .bg-start{
                        top:-14rem;
                        left:-4rem;
                        
                        img{
                            width:60%;
                        }
                    }
                }
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{
            .ReservationWrap-group{
                width:80%;

                .title{
                    h2{
                        font-size:var(--font-xl);
                    }
                }

                .Reservation-bg{
                    .bgWhite{
                        border-radius:3.5rem;
                    }

                    .con{
                        width:100%;
                        padding: 0 3rem;
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(3){
                    top:2rem;
                    left:9rem;
                }

                &:last-child{
                    width:11%;
                    top:4rem;
                    right:15rem;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025{
        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:80%;
        }

        .bg{
            img{
                &:nth-child(3){
                    left:2rem;
                }

                &:nth-child(4){
                    left:14rem;
                }

                &:nth-child(5){
                    right:15rem;
                }

                &:nth-child(6){
                    right:2rem;
                }
            }
        }  
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 8%,var(--yellow-050) 8%,var(--yellow-050) 100%);

        padding:5rem 0 5rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 7rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:80%;
        }

        .bg{
            img{
                &:nth-child(2){
                    left:2rem;
                }

                &:nth-child(3){
                    top:6rem;
                    left:8rem;
                }

                &:nth-child(4){
                    top:8rem;
                    left:17rem;
                }

                &:nth-child(5){
                    top:7rem;
                    right:13rem;
                }

                &:nth-child(6){
                    top:6rem;
                    right:3rem;
                }
            }
        }
    }

    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:54.8%;
                }

                &:after{
                    left:54.5%;
                }
            }
        }
    }

    .iconReserve2025 .icon-wrap{
        right:1rem; 
    }

    .iconReserve2025 .icon-wrap a img{
        width:15vw;
    }

    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-4rem;
                        left:2rem;
                    }

                    &:nth-child(2){
                        top:-4.5rem;
                        left:13rem;
                    }

                    &:last-child{
                        top:-6rem;
                        right:4rem;
                    }

                }
            }
        }
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    /* navbar */
    #navbar2025 ul{  
        width:100%;
    }

    #navbar2025 ul li a{
        font-size:1rem;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        padding:2rem 0 0 0;
        
        .title-wrap{  
            width:85%;

            .titleAction{

                h1{
                    font-size:3.5rem;
                    margin-bottom: 2rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-1rem;
                            right:3.8rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.8rem;
                            right:-2rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .top{
                    .bg{
                        bottom:.3rem;
                    }
                }

                .con-wrap{
                    .txt-con{
                        padding:1.5rem;

                        h2{
                            padding: 0 4.5rem;
                        }

                        .action{
                            .action-group{
                                img{
                                    width:30%;
                                }
                            }
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:2rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:2rem;
                                }
                            }
                        }
                    }
                }
                
                .bottom{
                    p{
                        font-size:var(--font-xs);
                        top:.4rem;
                    }
                }
            }

            .con-start{
                .start-wrap{
                    .start-group{
                        img{
                            width:25%;
                        }
                    }

                    .bg-start{
                        top:-14rem;
                        left:-3rem;
                        
                        img{
                            width:52%;
                        }
                    }
                }
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{
            .ReservationWrap-group{
                width:85%;

                .title{
                    h2{
                        font-size:var(--font-xl);
                    }
                }

                .Reservation-bg{
                    .bgWhite{
                        border-radius:3.5rem;
                    }

                    .con{
                        width:100%;
                        padding: 0 2rem;
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(2){
                    top:7rem;
                }

                &:nth-child(3){
                    width:15%;
                    top:3rem;
                    left:6rem;
                }

                &:last-child{
                    width:11%;
                    top:6rem;
                    right:9rem;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025{
        padding:10rem 0 0 0;

        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:85%;
        }

        .bg{
            img{
                &:nth-child(3){
                    width:14%;
                    top:2rem;
                    left:1rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:6rem;
                    left:10rem;
                }

                &:nth-child(5){
                    width:16%;
                    right:9rem;
                }

                &:nth-child(6){
                    width:18%;
                    top:3rem;
                    right:1rem;
                }
            }
        }  
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 7%,var(--yellow-050) 7%,var(--yellow-050) 100%);

        padding:5rem 0 3rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 7rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:85%;
        }

        .bg{
            img{
                &:nth-child(2){
                    left:2rem;
                }

                &:nth-child(3){
                    top:6rem;
                    left:6rem;
                }

                &:nth-child(4){
                    top:8rem;
                    left:12rem;
                }

                &:nth-child(5){
                    top:7rem;
                    right:9rem;
                }

                &:nth-child(6){
                    top:5rem;
                    right:2rem;
                }
            }
        }
    }

    /* 預約試讀 */
    .iconReserve2025 .icon-wrap{
        right:1rem;
    }

    .iconReserve2025 .icon-wrap a img{
        width:16vw;
    }

    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:57%;
                }

                &:after{
                    left:56.5%;
                }
            }
        }
    }

    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-3rem;
                        left:2rem;
                    }

                    &:nth-child(2){
                        top:-3.5rem;
                        left:13rem;
                    }

                    &:last-child{
                        top:-5rem;
                        right:3rem;
                    }

                }
            }
        }
    }
}

@media screen and (min-width:648px) and (max-width:767px){   
    /* navbar */
    #navbar2025{        
        flex-wrap:wrap;
        margin-bottom: 0;
    }

    #navbar2025 ul{
        width:100%;
        margin-bottom: 0;
    }

    #navbar2025 ul li{s
        width:33%;
        margin-bottom: 1rem;
    }

    #navbar2025 ul li a{
        font-size:1rem;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        padding:2rem 0 0 0;
        
        .title-wrap{  
            width:90%;
            
            .title{
                h2{
                    font-size:var(--font-xl);
                }
            }

            .titleAction{

                h1{
                    font-size:3rem;
                    margin-bottom: 2rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-1rem;
                            right:3.8rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.2rem;
                            right:-1rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .top{
                    .bg{
                        bottom:.2rem;
                    }
                }

                .con-wrap{
                    .txt-con{
                        padding:1.5rem;

                        h2{
                            font-size:var(--font-xl);
                            padding: 0 3.5rem;
                        }

                        .action{
                            h2.title{
                                font-size:var(--font-llg);
                            }

                            ul{
                                li{
                                    font-size:1rem;
                                }
                            }

                            .action-group{
                                img{
                                    width:70%;
                                }
                            }
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:2rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:2rem;
                                }
                            }
                        }
                    }
                }
                
                .bottom{
                    p{
                        font-size:var(--font-xs);
                        top:.2rem;
                    }
                }
            }

            .con-start{
                .start-wrap{
                    ul{
                        li{
                            font-size:1rem;
                        }
                    }
                    .start-group{
                        img{
                            width:60%;

                            & + img{
                                margin-left: 0;
                            }
                        }
                    }

                    .bg-start{
                        top:-15rem;
                        left:-2rem;
                        
                        img{
                            width:52%;
                        }
                    }
                }
            }
        }

        .bg-action2{
            background:url('../images/2025/10/bg.png') repeat center;
            width:100%;
            height:100%;
            z-index:-1;

            img{
                display:none;
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{

            .ReservationWrap-group{
                width:90%;

                .title{
                    h2{
                        font-size:var(--font-xl);
                    }
                }

                .Reservation-bg{
                    .bgWhite{
                        border-radius:3.5rem;
                    }

                    .con{
                        width:100%;
                        padding: 0 1rem;

                        .title{
                            h2{
                                font-size:var(--font-llg);
                            }
                        }
                    }
                }

                .form-group{
                    font-size:var(--font-base);

                    span{
                        font-size:var(--font-sm);
                    }

                    button{
                        font-size:var(--font-base);
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(2){
                    top:7rem;
                }

                &:nth-child(3){
                    width:17%;
                    top:2rem;
                    left:4rem;
                }

                &:last-child{
                    width:13%;
                    top:6rem;
                    right:7.5rem;
                }
            }
        }
    }

    .button-group .btn{
        font-size:var(--font-base);
    }

    /* 課程內容 */
    #CourseWrap2025{
        padding:10rem 0 0 0;

        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:90%;
        }

        .bg{
            img{
                &:nth-child(3){
                    width:14%;
                    top:2rem;
                    left:1rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:4rem;
                    left:10rem;
                }

                &:nth-child(5){
                    width:16%;
                    top:5rem;
                    right:10rem;
                }

                &:nth-child(6){
                    width:18%;
                    top:3rem;
                    right:1rem;
                }
            }
        }  
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 6%,var(--yellow-050) 6%,var(--yellow-050) 100%);

        padding:5rem 0 3rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 6rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:85%;
        }

        .bg{
            img{
                &:nth-child(2){
                    width:12%;
                    left:1rem;
                }

                &:nth-child(3){
                    width:9%;
                    top:5rem;
                    left:5rem;
                }

                &:nth-child(4){
                    width:14%;
                    top:7rem;
                    left:11rem;
                }

                &:nth-child(5){
                    width:15%;
                    top:6rem;
                    right:9rem;
                }

                &:nth-child(6){
                    width:8%;
                    top:5rem;
                    right:1rem;
                }
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-2rem;
                        left:2rem;
                    }

                    &:nth-child(2){
                        top:-3rem;
                        left:13rem;
                    }

                    &:last-child{
                        top:-4.5rem;
                        right:3rem;
                    }

                }
            }

            p{
                font-size:var(--font-base);
            }
        }
    }

    /* 預約試讀 */
    .iconReserve2025 .icon-wrap{
        right:1rem;
    }

    .iconReserve2025 .icon-wrap a img{
        width:18vw;
    }

    /* 中獎名單 */
     #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:58.2%;
                }

                &:after{
                    left:57.5%;
                }
            }
        }
    }
}

@media screen and (min-width:576px) and (max-width:647px){
    /* navbar */
    #navbar2025{
        flex-wrap:wrap;
        margin-bottom: 0;
    }

    #navbar2025 ul{
        width:100%;
        margin-bottom: 0;
    }

    #navbar2025 ul li{
        width:33%;
        margin-bottom: 1rem;
    }

    #navbar2025 ul li a{
        font-size:1rem;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        padding:2rem 0 0 0;
        
        .title-wrap{  
            width:90%;

            .titleAction{

                h1{
                    font-size:2.5rem;
                    margin-bottom: 2rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-1rem;
                            right:3.8rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.2rem;
                            right:-1rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .top{
                    .bg{
                        bottom:.2rem;
                    }
                }

                .con-wrap{
                    .txt-con{
                        padding:1.5rem;

                        h2{
                            font-size:var(--font-xl);
                            padding: 0 3.5rem;
                        }

                        .action{
                            h2.title{
                                font-size:var(--font-llg);
                            }

                            ul{
                                li{
                                    font-size:1rem;
                                }
                            }

                            .action-group{
                                img{
                                    width:70%;
                                }
                            }
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:1.6rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:1.6rem;
                                }
                            }
                        }
                    }
                }
                
                .bottom{
                    p{
                        font-size:var(--font-xs);
                        top:.2rem;
                    }
                }
            }

            .con-start{
                margin-top: 1rem;

                h2.title{
                    font-size:var(--font-llg);
                }

                .start-wrap{
                    ul{
                        li{
                            font-size:1rem;
                        }
                    }
                    .start-group{
                        img{
                            width:55%;

                            & + img{
                            margin-left: 0;
                            }
                        }
                    }

                    .bg-start{
                        top:-15rem;
                        left:-1.5rem;
                        
                        img{
                            width:42%;
                        }
                    }
                }
            }
        }

        .bg-action2{
            background:url('../images/2025/10/bg.png') repeat center;
            width:100%;
            height:100%;
            z-index:-1;

            img{
                display:none;
            }
        }
    }  

    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{

            .ReservationWrap-group{
                width:90%;

                .Reservation-bg{
                    border-radius:3.5rem;

                    .bgWhite{
                        border-radius:3.5rem;
                        border:7px solid var(--gray-900);
                    }

                    .con{
                        width:100%;
                        padding: 0 1rem;

                        .title{
                            h2{
                                font-size:var(--font-llg);
                            }
                        }
                    }
                }

                .form-group{
                    font-size:var(--font-base);

                    span{
                        font-size:var(--font-sm);
                    }

                    button{
                        font-size:var(--font-base);
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(2){
                    top:8rem;
                }

                &:nth-child(3){
                    width:18%;
                    top:2.5rem;
                    left:4rem;
                }

                &:last-child{
                    width:13%;
                    top:6rem;
                    right:5.5rem;
                }
            }
        }
    }

    .button-group .btn{
        font-size:var(--font-base);
    }

    /* 課程內容 */
    #CourseWrap2025{
        padding:10rem 0 0 0;

        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:90%;
        }

        .bg{
            img{
                &:nth-child(3){
                    width:14%;
                    top:2rem;
                    left:1rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:4rem;
                    left:10rem;
                }

                &:nth-child(5){
                    width:16%;
                    top:5rem;
                    right:10rem;
                }

                &:nth-child(6){
                    width:18%;
                    top:3rem;
                    right:1rem;
                }
            }
        }
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 6%,var(--yellow-050) 6%,var(--yellow-050) 100%);

        padding:5rem 0 3rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 6rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:90%;
        }

        .bg{

            img{
                &:first-child{
                    display:none;
                }
                
                &:nth-child(2){
                    width:14%;
                    left:1rem;
                }

                &:nth-child(3){
                    width:11%;
                    top:5rem;
                    left:5rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:7rem;
                    left:11rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:6rem;
                    right:9rem;
                }

                &:nth-child(6){
                    width:10%;
                    top:5rem;
                    right:1rem;
                }
            }

            .bgAction{
                background:url('../images/2025/10/bg.png') repeat center;
                width:100%;
                top:0;
                min-height:100%;
                z-index:-1;                
            }
        }
    }
    
    /* footer */
    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-1rem;
                        left:2rem;
                    }

                    &:nth-child(2){
                        top:-2rem;
                        left:13rem;
                    }

                    &:last-child{
                        top:-3.5rem;
                        right:3rem;
                    }

                }
            }

            p{
                font-size:var(--font-base);
            }
        }
    }

    /* 預約試讀 */
    .iconReserve2025 .icon-wrap{
        right:1rem;
    }

    .iconReserve2025 .icon-wrap a img{
        width:20vw;
    }
    
    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:58.2%;
                }

                &:after{
                    left:57.5%;
                }
            }
        }
    }
}

@media screen and (min-width:425px) and (max-width:575px){
    /* navbar */
    #navbar2025{
        flex-wrap:wrap;
        margin-bottom: 0;
    }

    #navbar2025 ul{
        width:100%;
        margin-bottom: 0;
    }

    #navbar2025 ul li{
        width:33%;
        margin-bottom: 1rem;
    }

    #navbar2025 ul li a{
        font-size:1rem;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        padding:2rem 0 0 0;
        
        .title-wrap{  
            width:90%;

            .titleAction{

                h1{
                    font-size:2rem;
                    margin-bottom: 3rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-1rem;
                            right:2.5rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.2rem;
                            right:-.8rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .top{
                    .bg{
                        bottom:-.1rem;
                    }
                }

                .con-wrap{
                    .txt-con{
                        padding:1.5rem;

                        h2{
                            font-size:var(--font-xl);
                            padding: 0 1.5rem;
                        }

                        .action{
                            h2.title{
                                font-size:var(--font-llg);
                            }

                            ul{
                                li{
                                    font-size:1rem;
                                }
                            }

                            .action-group{
                                img{
                                    width:70%;
                                }
                            }
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:1.2rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:1.2rem;
                                }
                            }
                        }
                    }
                }
                
                .bottom{
                    p{
                        font-size:var(--font-xs);
                        top:-1.5rem;
                    }
                }
            }

            .con-start{
                margin-top: 1rem;

                h2.title{
                    font-size:var(--font-llg);
                }

                .start-wrap{
                    ul{
                        li{
                            font-size:1rem;
                        }
                    }
                    .start-group{
                        img{
                            width:55%;

                            & + img{
                                margin-left: 0;
                            }
                        }
                    }

                    .bg-start{
                        display:none;
                    }
                }
            }
        }

        .bg-action2{
            background:url('../images/2025/10/bg.png') repeat center;
            width:100%;
            height:100%;
            z-index:-1;

            img{
                display:none;
            }
        }
    }   


    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{

            .ReservationWrap-group{
                width:90%;

                .Reservation-bg{
                    border-radius:2.5rem;

                    .bgWhite{
                        border-radius:2.5rem;
                        border:7px solid var(--gray-900);
                    }

                    .con{
                        width:100%;
                        padding: 0 1rem;

                        .title{
                            h2{
                                font-size:var(--font-llg);
                            }
                        }
                    }
                }

                .form-group{
                    font-size:var(--font-base);

                    span{
                        font-size:var(--font-sm);
                    }

                    button{
                        font-size:var(--font-base);
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(2){
                    top:8rem;
                }

                &:nth-child(3){
                    width:18%;
                    top:2.5rem;
                    left:3rem;
                }

                &:last-child{
                    width:13%;
                    top:7rem;
                    right:2rem;
                }
            }
        }
    }
    
    #Reservation2025 .ReservationWrap .form-control, #Reservation2025 .ReservationWrap .form-group, #Reservation2025 .ReservationWrap .form-group button{
        font-size:1rem;
    }

    /* 課程內容 */
    #CourseWrap2025{
        padding:8rem 0 0 0;

        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:90%;
        }

        .bg{
            img{
                &:nth-child(2){
                    top:3.5rem;
                }

                &:nth-child(3){
                    width:14%;
                    top:2rem;
                    left:1rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:4rem;
                    left:5rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:4rem;
                    right:6rem;
                }

                &:nth-child(6){
                    width:18%;
                    top:3rem;
                    right:1rem;
                }
            }
        }
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 4%,var(--yellow-050) 4%,var(--yellow-050) 100%);

        padding:4rem 0 2rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 6rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:90%;
        }

        .bg{

            img{
                &:first-child{
                    display:none;
                }
                
                &:nth-child(2){
                    width:14%;
                    left:1rem;
                }

                &:nth-child(3){
                    width:11%;
                    top:5rem;
                    left:3rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:7rem;
                    left:8rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:6rem;
                    right:7rem;
                }

                &:nth-child(6){
                    width:10%;
                    top:5rem;
                    right:1rem;
                }
            }

            .bgAction{
                background:url('../images/2025/10/bg.png') repeat center;
                width:100%;
                top:0;
                min-height:100%;
                z-index:-1;                
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-1.5rem;
                        left:1rem;
                    }

                    &:nth-child(2){
                        top:-1.5rem;
                        left:10rem;
                    }

                    &:last-child{
                        top:-2.5rem;
                        right:3rem;
                    }

                }
            }

            p{
                font-size:var(--font-base);
            }
        }
    }

    /* 預約試讀 */
    .iconReserve2025 .icon-wrap{
        right:.5rem;
    }

    .iconReserve2025 .icon-wrap a img{
        width:20vw;
    }

    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:61.5%;
                }

                &:after{
                    left:60.5%;
                }
            }
        }
    }
}

@media screen and (min-width:375px) and (max-width:424px){
    /* navbar */
    #navbar2025{
        flex-wrap:wrap;
        margin-bottom: 0;
    }

    #navbar2025 ul{
        width:100%;
        margin-bottom: 0;
    }

    #navbar2025 ul li{
        width:35%;
        margin-bottom: 1rem;
    }

    #navbar2025 ul li a{
        font-size:1rem;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        padding:2rem 0 0 0;
        
        .title-wrap{  
            width:90%;

            .titleAction{

                h1{
                    font-size:2rem;
                    margin-bottom: 3rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-.5rem;
                            right:1.5rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.2rem;
                            right:-.8rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .top{
                    .bg{
                        bottom:var(--blue-700);
                    }
                }

                .con-wrap{
                    .txt-con{
                        padding:1.5rem;

                        h2{
                            font-size:var(--font-xl);
                            padding: 0;
                        }

                        .action{
                            h2.title{
                                font-size:var(--font-llg);
                            }

                            ul{
                                li{
                                    font-size:1rem;
                                }
                            }

                            .action-group{
                                img{
                                    width:70%;
                                }
                            }
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:1rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:1rem;
                                }
                            }
                        }
                    }
                }
                
                .bottom{
                    p{
                        font-size:var(--font-xs);
                        text-align:center;
                        line-height:1.3rem;
                        padding:0 5rem;
                        top:-2.5rem;
                    }
                }
            }

            .con-start{
                margin-top: 1rem;

                h2.title{
                    font-size:var(--font-llg);
                }

                .start-wrap{
                    ul{
                        li{
                            font-size:1rem;
                        }
                    }
                    .start-group{
                        img{
                            width:55%;

                            & + img{
                                margin-left: 0;
                            }
                        }
                    }

                    .bg-start{
                        display:none;
                    }
                }
            }
        }

        .bg-action2{
            background:url('../images/2025/10/bg.png') repeat center;
            width:100%;
            height:100%;
            z-index:-1;

            img{
                display:none;
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        .ReservationWrap{

            .ReservationWrap-group{
                width:90%;

                .Reservation-bg{
                    border-radius:2.5rem;

                    .bgWhite{
                        border-radius:2.5rem;
                        border:7px solid var(--gray-900);
                    }

                    .con{
                        width:100%;
                        padding: 0 1rem;

                        .title{
                            h2{
                                font-size:var(--font-llg);

                            }
                        }
                    }
                }

                .form-group{
                    font-size:var(--font-base);

                    span{
                        font-size:var(--font-sm);
                    }

                    button{
                        font-size:var(--font-base);
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(2){
                    top:9rem;
                }

                &:nth-child(3){
                    width:19%;
                    top:2.5rem;
                    left:1.5rem;
                }

                &:last-child{
                    width:14%;
                    top:7rem;
                    right:1rem;
                }
            }
        }
    }

    #Reservation2025 .ReservationWrap .form-control, #Reservation2025 .ReservationWrap .form-group, #Reservation2025 .ReservationWrap .form-group button{
        font-size:1rem;
    }

    /* 課程內容 */
    #CourseWrap2025{
        padding:8rem 0 0 0;

        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:90%;
        }

        .bg{
            img{
                &:nth-child(2){
                    top:3.5rem;
                }

                &:nth-child(3){
                    width:14%;
                    top:2rem;
                    left:1rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:4rem;
                    left:5rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:4rem;
                    right:6rem;
                }

                &:nth-child(6){
                    width:18%;
                    top:3rem;
                    right:1rem;
                }
            }
        }
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 3%,var(--yellow-050) 3%,var(--yellow-050) 100%);

        padding:3rem 0 2rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 5rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:90%;
        }

        .bg{

            img{
                &:first-child{
                    display:none;
                }
                
                &:nth-child(2){
                    width:14%;
                    left:1rem;
                }

                &:nth-child(3){
                    width:11%;
                    top:4rem;
                    left:2rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:5rem;
                    left:6rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:4rem;
                    right:6rem;
                }

                &:nth-child(6){
                    width:10%;
                    top:3rem;
                    right:1rem;
                }
            }

            .bgAction{
                background:url('../images/2025/10/bg.png') repeat center;
                width:100%;
                top:0;
                min-height:100%;
                z-index:-1;                
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-1.5rem;
                        left:1rem;
                    }

                    &:nth-child(2){
                        top:-1.5rem;
                        left:10rem;
                    }

                    &:last-child{
                        top:-2.5rem;
                        right:3rem;
                    }

                }
            }

            p{
                font-size:var(--font-base);
            }
        }
    }

    /* 預約試讀 */
    .iconReserve2025 .icon-wrap{
        right:.5rem;
    }

    .iconReserve2025 .icon-wrap a img{
        width:20vw;
    }

    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:62.5%;
                }

                &:after{
                    left:61.5%;
                }
            }
        }
    }
}

@media screen and (min-width:200px) and (max-width:374px){
    /* navbar */
    #navbar2025{
        flex-wrap:wrap;
        margin-bottom: 0;
    }

    #navbar2025 ul{
        width:100%;
        margin:1rem 0 0 0;
    }

    #navbar2025 ul li{
        width:45%;
        margin-bottom: 1rem;
    }

    #navbar2025 ul li a{
        font-size:1rem;
    }

    /* 活動辦法 */
    #ActionWrap2025{
        padding:2rem 0 0 0;
        
        .title-wrap{  
            width:90%;

            .titleAction{

                h1{
                    font-size:2rem;
                    margin-bottom: 3rem;
                }
                .bg{

                    img{
                        &:first-child{
                            width:13%;
                            top:-.5rem;
                            right:1.5rem;
                        }

                        &:last-child{
                            width:16%;
                            top:.2rem;
                            right:-.8rem;
                            z-index:1;
                        }
                    }
                }
            }

            .con{
                .top{
                    .bg{
                        bottom:-.25rem;
                    }
                }

                .con-wrap{
                    .txt-con{
                        padding:1.5rem;

                        h2{
                            font-size:var(--font-xl);
                            padding: 0;
                        }

                        .action{
                            h2.title{
                                font-size:var(--font-llg);
                            }

                            ul{
                                li{
                                    font-size:1rem;
                                    line-height:1.8rem;
                                }
                            }

                            .action-group{
                                img{
                                    width:70%;
                                }
                            }
                        }

                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:1rem;
                                }

                                &:nth-child(2), &:last-child{
                                    right:1rem;
                                }
                            }
                        }
                    }
                }
                
                .bottom{
                    p{
                        font-size:var(--font-xs);
                        text-align:center;
                        line-height:1rem;
                        padding:0 3rem;
                        top:-2.5rem;
                    }
                }
            }

            .con-start{
                margin-top: 1rem;

                h2.title{
                    font-size:var(--font-llg);
                }

                .start-wrap{
                    ul{
                        li{
                            font-size:1rem;
                            line-height:1.8rem;
                        }
                    }
                    .start-group{
                        img{
                            width:55%;

                            & + img{
                                margin-left: 0;
                            }
                        }
                    }

                    .bg-start{
                        display:none;
                    }
                }
            }
        }

        .bg-action2{
            background:url('../images/2025/10/bg.png') repeat center;
            width:100%;
            height:100%;
            z-index:-1;

            img{
                display:none;
            }
        }
    }

    /* 預約試讀填寫 */
    #Reservation2025{
        padding:2rem 0 0 0;
        
        .ReservationWrap{

            .ReservationWrap-group{
                width:90%;

                .Reservation-bg{
                    border-radius:2.5rem;

                    .bgWhite{
                        border-radius:2.5rem;
                        border:7px solid var(--gray-900);
                    }

                    .con{
                        width:100%;
                        padding: 0;

                        .title{
                            h2{
                                font-size:var(--font-llg);

                            }
                        }
                    }
                }

                .form-group{
                    font-size:var(--font-base);

                    span{
                        font-size:var(--font-sm);
                    }

                    button{
                        font-size:var(--font-base);
                    }
                }
            }
        }

        .bg{
            img{
                &:nth-child(2){
                    top:9rem;
                }

                &:nth-child(3){
                    width:23%;
                    top:.5rem;
                    left:1.3rem;
                }

                &:last-child{
                    width:14%;
                    top:7rem;
                    right:.5rem;
                }
            }
        }
    }


    #Reservation2025 .ReservationWrap .form-control, #Reservation2025 .ReservationWrap .form-group, #Reservation2025 .ReservationWrap .form-group button{
        font-size:1rem;
    }

    /* 課程內容 */
    #CourseWrap2025{
        padding:8rem 0 0 0;

        .title{
            h2{  
                font-size:var(--font-xl);   
            }
        }

        .con-img{
            width:90%;
        }

        .bg{
            img{
                &:nth-child(2){
                    top:2.5rem;
                }

                &:nth-child(3){
                    width:14%;
                    top:2rem;
                    left:1rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:4rem;
                    left:5rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:4rem;
                    right:6rem;
                }

                &:nth-child(6){
                    width:18%;
                    top:3rem;
                    right:1rem;
                }
            }
        }
    }

    /* 注意事項 */
    #NoticeWrap2025{
        background:linear-gradient(to bottom, var(--gray-200) 0%,var(--gray-200) 3%,var(--yellow-050) 3%,var(--yellow-050) 100%);

        padding:3rem 0 2rem 0;

        .title{

            h2{
                font-size:var(--font-xl);
                margin-top: 5rem;
            }

            img{
                width:35%;
            }
        }

        .con-group{
            width:90%;
        }

        .bg{

            img{
                &:first-child{
                    display:none;
                }
                
                &:nth-child(2){
                    width:14%;
                    left:1rem;
                }

                &:nth-child(3){
                    width:11%;
                    top:4rem;
                    left:2rem;
                }

                &:nth-child(4){
                    width:16%;
                    top:5rem;
                    left:6rem;
                }

                &:nth-child(5){
                    width:17%;
                    top:4rem;
                    right:6rem;
                }

                &:nth-child(6){
                    width:10%;
                    top:3rem;
                    right:1rem;
                }
            }

            .bgAction{
                background:url('../images/2025/10/bg.png') repeat center;
                width:100%;
                top:0;
                min-height:100%;
                z-index:-1;                
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            .bg{
                img{
                    &:first-child{
                        top:-1.5rem;
                        left:1rem;
                    }

                    &:nth-child(2){
                        top:-1.5rem;
                        left:6rem;
                    }

                    &:last-child{
                        top:-2rem;
                        right:1rem;
                    }

                }
            }

            p{
                font-size:var(--font-base);
            }
        }
    }

    /* 預約試讀 */
    .iconReserve2025 .icon-wrap{
        right:.3rem;
    }

    .iconReserve2025 .icon-wrap a img{
        width:20vw;
    }

    /* 中獎名單 */
    #WinnerWrap2025{
        .show-more-row{
            button{
                &:before{
                    left:64.5%;
                }

                &:after{
                    left:63.5%;
                }
            }
        }
    }

}