:root{

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

    --green-300: #c3de8b;
    --green-400: #47b454;
    --green-500: #38ad3e;
    --green-600: #3fa351;
    

    --yellow-050: #fef8e7;
    --yellow-100: #f5eace;
    --yellow-200: #f6ebc7;
    --yellow-300: #fff095;
    --yellow-400: #ffe572;
    --yellow-500: #f6de74;
    --yellow-600: #f1d824;

    --orange-500: #ff5d1b;
    --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(--green-500);
    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(--orange-500);
    border-radius:5rem;
    padding: .3rem 1rem .5rem 1rem;
}

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

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

        .titleAction{
            img{
                display:block;
                width:15%;
                margin:0 auto;
            }
        }

        .con{

            .con-wrap{ 
                
                .txt-con{

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

                    .action{

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

                            li{
                                font-size:var(--font-lg);
                                color:var(--black);
                                list-style:none;
                                line-height:2.4rem;

                                span{
                                    font-size:var(--font-llg);
                                    color:var(--orange-500);

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

                        .action-group{
                            width:90%;
                            margin-left: auto;
                            margin-right:auto;

                            img{
                                width:33%;
                            }
                        }

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

    .bg-action{
        img{
            position:absolute;

            &:first-child{
                width:4%;
                top:6.5rem;
                left:24rem;
            }

            &:last-child{
                width:4%;
                bottom:19rem;
                right:16rem;
            }
        }
    }
}

/* 預約試讀填寫 */
#Reservation2025{
    position:relative;  
    background: var(--green-400);
    padding:4rem 0 0 0;
    overflow:hidden;
    z-index:1;

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

        .con{
            display:block;
            width:900px;
            margin:0 auto;
            padding:0 5rem 0 3rem;

            .title{
                img{
                    width:35%;
                }
            }
        }
    }

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

    .ReservationWrap .Reservation-bg{
        background: var(--white);
        border-radius:5rem;
        box-shadow:12px 12px 0 var(--green-500);
        padding:1.2rem;
    }

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

    .bg{

        img{
            &:first-child{
                width:10%;
                bottom:17rem;
                left:13.5%;
                z-index:3; 
            }

            &:last-child{
                width:18%;
                bottom:16.5rem;
                right:7%;
                z-index:3;
            }
        }
    }

    
}

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

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

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

#Reservation2025 .ReservationWrap .form-control{
    background:var(--gray-200);
    font-size:1.2rem;
    font-weight:400;
    color:var(--black);
    border:1px solid var(--gray-200);
}

#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(--black);
    line-height:1.5;
    padding:.375rem .75rem;
}

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

#Reservation2025 .ReservationWrap .form-group button{
    background:var(--orange-500);
    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-500);
    border-radius:10rem;
    color:var(--white);
    letter-spacing: .2rem;
    padding:.375rem 3.5rem;
}

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

/* 選擇分校 */
#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(--orange-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: var(--green-300);
    z-index:10;

    .title{
        z-index:12;

        img{
            width:12%;
        }
    }

    .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%;
        }
    }

}

/* 注意事項 */
#NoticeWrap2025{
    position:relative;
    background: var(--green-600);
    padding:12rem 0 5rem 0;
    overflow:hidden;
    z-index:5;    

    .title{
        position:relative;
        width:17%;
        z-index:5;
    }
    
    .bg img{

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

        &:nth-child(2){
            width:20%;
            bottom:0;
            right:0;
            z-index:5;
        }
    }
}

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

#NoticeWrap2025 .con-table{
   border:2px solid var(--orange-500);
   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(--orange-500);
    font-weight:600;
    color:var(--white);
}

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

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

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

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

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

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

.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:10vw;
    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(--green-300);
    padding:3rem 0 3rem 0;
    z-index:9;
}

#WinnerWrap2025 .title{
    position:relative;

    img{
        display:block;
        width:11%;
        margin:0 auto;
    }
    
}

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

#WinnerWrap2025 .subtitle p{
    color:var(--black);
    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(--green-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(--green-500);
    color:var(--white);
}

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

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


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

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

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

#WinnerWrap2025 .con-table table tbody td{
    border:1px solid var(--green-500);
    color:var(--black);
}

#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, #WinnerWrap2025 .hide-row30, #WinnerWrap2025 .hide-row31,
#WinnerWrap2025 .hide-row32 {
    display:none;
}

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

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

#WinnerWrap2025 .show-more-row button:before{
    position:absolute;
    content:"+";
    font-size:2rem;
    font-weight:900;
    color:var(--green-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;
}

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

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

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

.modal.show .modal-dialog{
    transform: none;
}

/* footer */
footer{
    position:relative;
    background:var(--green-300);
    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(--green-600);
    width:fit-content;
    text-align:center;
    margin-bottom: 0;

    &:before, &:after{
        position:absolute;
        content:"";
        background:url('../images/2025/12/icon_footer.png') ;        
        display:block;
        width:34px;
        height:32px;
        margin:auto;
        top:0;
        bottom:0;
    }

    &:before{   
        left:-2.5rem;
    }

    &:after{
        right:-2.5rem;
    }
}

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

@media screen and (min-width:1920px){
    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{
            .con{
                .con-wrap{
                    .txt-con{
                        .bg-action{
                            img{
                                &:first-child, &:nth-child(3){
                                    left:4rem;
                                }

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

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

                &:last-child{
                    width:18%;
                    bottom:19rem;
                    right:10%;
                }
            }
        }
    }
}

@media screen and (min-width:1800px) and (max-width:1919px){
    /* 活動辦法 */
    #ActionWrap2025{
        .title-wrap{
            .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;
                    }
                }
            }
        }
    }

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

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

                &:last-child{
                    width:18%;
                    bottom:18rem;
                    right:10%;
                }
            }
        }
    }
}

@media screen and (min-width:1600px) and (max-width:1799px){

}

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

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

            img{
                &:first-child{
                    width:4%;
                    top:6.5rem;
                    left: 20rem;
                }

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

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

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

                .con{
                    width:100%;
                }
            }
        }

        .bg{
            img{
                &:first-child{
                    bottom:15rem;
                    left:5rem;
                }

                &:last-child{
                    width:18%;
                    bottom:14rem;
                    right:6%;
                }
            }
        }
    }

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

        .con-img{
            width:75%;
        }
    }

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

        .con-group{
            width:60%;
        }

        .bg{
            img{
                &:nth-child(2){
                    right:0;
                }
            }
        }
    }

    footer{
        .FooterWrap{
            
            .bg img{

                &:first-child{
                    top:-9.5rem;
                    left:3rem;
                    z-index:1;
                }

                &:last-child(){
                    width:20%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }    
    }
}

@media screen and (min-width:1200px) and (max-width:1399px){
    /* navbar */
    #navbar2025 ul{
        width:80%;
    }

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

            .titleAction{
                img{
                    width:18%;
                }
            }            

            .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;
                    }
                }
                
            }     
        }

        .bg-action{

            img{
                &:first-child{
                    width:4%;
                    top:6.5rem;
                    left: 14rem;
                }

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

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

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

                .con{
                    width:100%;
                }
            }
        }

       .bg{
            img{
                &:first-child{
                    bottom:13rem;
                    left:5rem;
                }

                &:last-child{
                    width:18%;
                    bottom:12rem;
                    right:6%;
                }
            }
        }
    }

    /* 課程內容 */
    #CourseWrap2025{

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

        .con-img{
            width:75%;
        }
    }

    /* 注意事項 */
    #NoticeWrap2025{

        .title{

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

        .con-group{
            width:65%;
        

            .bg{
                img{
                    &:nth-child(2){
                        right:0;
                    }
                }
            }
        }
    }

    footer{
        .FooterWrap{
            .bg img{

                &:first-child{
                    top:-7.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:20%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

    /* 預約試讀按鈕 */
    .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{
                img{
                    width:15%;
                }
            }

            .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;
                    }
                }
            }
        }

        .bg-action{

            img{
                &:first-child{
                    width:3.5%;
                    top:6.5rem;
                    left: 10rem;
                }

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

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

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

                .con{
                    width:100%;
                }
            }
        }

        .bg{
            img{
                &:first-child{
                    bottom:11rem;
                    left:5rem;
                }

                &:last-child{
                    width:18%;
                    bottom:10rem;
                    right:6%;
                }
            }
        }
    }

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

        .con-img{
            width:80%;

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

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

        .title{

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

        .con-group{
            width:70%;
        }

        .bg{
            img{
                &:nth-child(2){
                    width:18%;
                }
            }
        }
        
    }

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

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

    footer{
        .FooterWrap{
            .bg img{

                &:first-child{
                    top:-5.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

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

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

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

            .titleAction{
                img{
                    width:15%;
                }
            }

            .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;
                    }
                }
            }
        }

        .bg-action{

            img{
                &:first-child{
                    width:3.5%;
                    top:6.5rem;
                    left: 10rem;
                }

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

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

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

                .con{
                    width:100%;
                }
            }
        }

        .bg{
            img{
                &:first-child{
                    bottom:11rem;
                    left:3rem;
                }

                &:last-child{
                    width:18%;
                    bottom:10rem;
                    right:3%;
                }
            }
        }
    }

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

        .con-img{
            width:80%;

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

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

        .title{

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

        .con-group{
            width:70%;
        }

        .bg{
            img{
                &:nth-child(2){
                    width:18%;
                }
            }
        }
    }

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

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

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

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

    footer{
        .FooterWrap{
            .bg img{

                &:first-child{
                    top:-5.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }
}

@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{
                img{
                    width:18%;
                } 
            }

            .con{

                .con-wrap{
                    .txt-con{
                        .action{
                            ul{
                                li{
                                    font-size:var(--font-md);

                                    span{
                                        font-size:var(--font-lg);

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

                            .action-group{
                                flex-wrap:wrap;
                                
                                img{
                                    width:52%;
                                }
                            }
                        }
                    }
                }

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

        .bg-action{

            img{
                &:first-child{
                    width:4.5%;
                    top:6.5rem;
                    left: 5rem;
                }

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

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

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

                    p{
                        font-size:var(--font-md);

                        &.note{
                            font-size:var(--font-base);
                        }
                    }
                }

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

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

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

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

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

        .bg{
            img{
                &:first-child{
                    width:12%;
                    bottom:9rem;
                    left:1rem;
                }

                &:last-child{
                    width:22%;
                    bottom:8rem;
                    right:1%;
                }
            }
        }
    }

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

            img{
                width:16%;
            }
                
        }

        .con-img{
            width:80%;

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

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

        .title{
            width:22%;

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

        .con-group{
            width:80%;

            ol{
                li{
                    font-size:var(--font-sm);
                }
            }
        }

        .con-table table tr td{
            font-size:var(--font-sm);

        }

        .bg{
            img{
                &:nth-child(2){
                    width:18%;
                }
            }
        }
    }

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

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

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

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

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

            .bg img{

                &:first-child{
                    top:-4.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }    
    }
}

@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{
        width:33%;
        margin-bottom: 1rem;
    }

    #navbar2025 ul li a{
        font-size:var(--font-base);
    }

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

            .con{
                .con-wrap{
                    .txt-con{
                        .action{
                            ul{
                                li{
                                    font-size:var(--font-md);

                                    span{
                                        font-size:var(--font-lg);

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

                            .action-group{
                                flex-wrap:wrap;
                                
                                img{
                                    width:52%;
                                }
                            }
                        }
                    }
                }

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

        .bg-action{

            img{
                &:first-child{
                    width:4.5%;
                    top:6.5rem;
                    left: 2rem;
                }

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

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

            .ReservationWrap-group{
                width:90%;

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

                    p{
                        font-size:var(--font-md);

                        &.note{
                            font-size:var(--font-base);
                        }
                    }
                }

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

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

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

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

        .button-group{
            .btn{
                font-size:var(--font-base);
            }
        }
        
        .bg{
            img{
                &:first-child{
                    width:12%;
                    bottom:9rem;
                    left:1rem;
                }

                &:last-child{
                    width:22%;
                    bottom:8rem;
                    right:1%;
                }
            }
        }
    }

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

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

            img{
                width:18%;
            }
        }

        .con-img{
            width:80%;

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

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

        .title{
            width:25%;

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

        .con-group{
            width:85%;

            ol{
                li{
                    font-size:var(--font-sm);
                }
            }
        }

        .con-table table tr td{
            font-size:var(--font-sm);

        }

        .bg{
            img{
                &:nth-child(2){
                    width:18%;
                }
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            p{
                font-size:var(--font-base);
            }

           .bg img{

                &:first-child{
                    top:-4.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

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

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

    /* 中獎名單 */
     #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:var(--font-base);
    }

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

            .titleAction{
               img{
                    width:22%;
                } 
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .action{
                            ul{
                                li{
                                    font-size:var(--font-md);

                                    span{
                                        font-size:var(--font-lg);

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

                            .action-group{
                                flex-wrap:wrap;
                                
                                img{
                                    width:52%;
                                }
                            }
                        }
                    }
                }

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

        .bg-action{

            img{
                &:first-child{
                    width:4.5%;
                    top:4.5rem;
                    left: 2rem;
                }

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

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

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

                .bgWhite{
                    border-radius:2rem;
                }
            }

            .ReservationWrap-group{
                width:90%;                

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

                    p{
                        font-size:var(--font-md);

                        &.note{
                            font-size:var(--font-base);
                        }
                    }
                }

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

                    .title{
                        img{
                            width:47%;
                        }
                    }
                }
            }

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

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

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

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

        .bg{
            img{
                &:first-child{
                    width:12%;
                    bottom:5rem;
                    left:1rem;
                }

                &:last-child{
                    width:22%;
                    bottom:5rem;
                    right:1%;
                }
            }
        }
    }

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

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

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

            img{
                width:22%;
            }
        }

        .con-img{
            width:80%;

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

    /* 注意事項 */
    #NoticeWrap2025{
        padding:6rem 0 5rem 0;
        
        .title{
            width:28%;

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

        .con-group{
            width:85%;

            ol{
                li{
                    font-size:var(--font-sm);
                }
            }
        }

        .con-table table tr td{
            font-size:var(--font-sm);

        }

        .bg{
            img{
                &:nth-child(2){
                    width:18%;
                }
            }
        }
    }
    
    /* footer */
    footer{
        .FooterWrap{
            p{
                font-size:var(--font-sm);
            }

            .bg img{

                &:first-child{ 
                    width:24%;
                    top:-4.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

    /* 預約試讀 */
    .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: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:var(--font-base);
    }

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

            .titleAction{
               img{
                    width:30%;
                } 
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .action{
                            ul{
                                li{
                                    font-size:var(--font-base);
                                    span{
                                        font-size:var(--font-md);

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

                            .action-group{
                                flex-wrap:wrap;
                                
                                img{
                                    width:52%;
                                }
                            }
                        }
                    }
                }

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

        .bg-action{

            img{
                &:first-child{
                    width:5.5%;
                    top:4.5rem;
                    left: 2rem;
                }

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

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

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

                .bgWhite{
                    border-radius:2rem;
                }
            }

            .ReservationWrap-group{
                width:90%;
                
                .title{
                    h2{
                        font-size:var(--font-llg);
                    }

                    p{
                        font-size:var(--font-md);

                        &.note{
                            font-size:var(--font-base);
                        }
                    }
                }

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

                    .title{
                        img{
                            width:65%;
                        }
                    }
                }                
            }

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

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

            .form-control{
                font-size:var(--font-sm);
            }

        }

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

        .bg{
            img{
                &:first-child{
                    width:12%;
                    bottom:4rem;
                    left:.5rem;
                }

                &:last-child{
                    width:22%;
                    bottom:4rem;
                    right:1%;
                }
            }
        }
    }
    
    #Reservation2025 .ReservationWrap .form-control, #Reservation2025 .ReservationWrap .form-group, #Reservation2025 .ReservationWrap .form-group button{
        font-size:var(--font-base);
    }

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

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

            img{
                width:28%;
            }
        }

        .con-img{
            width:80%;

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

    /* 注意事項 */
    #NoticeWrap2025{
        padding:6rem 0 5rem 0;
        
        .title{
            width:28%;

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

        .con-group{
            width:90%;

            ol{
                li{
                    font-size:var(--font-xs);
                }
            }
        }

        .con-table table tr td{
            font-size:var(--font-xs);

        }

        .bg{
            img{
                &:nth-child(2){
                    width:25%;
                }
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            p{
                font-size:var(--font-xs);
            }

            .bg img{

                &:first-child{ 
                    width:24%;
                    top:-3.3rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

    /* 預約試讀 */
    .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:var(--font-base);
    }

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

            .titleAction{
               img{
                    width:30%;
                } 
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .action{
                            ul{
                                li{
                                    font-size:var(--font-base);
                                    span{
                                        font-size:var(--font-md);

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

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

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

        .bg-action{

            img{
                &:first-child{
                    width:5.5%;
                    top:4.5rem;
                    left: 2rem;
                }

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

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

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

                .bgWhite{
                    border-radius:2rem;
                }
            }

            .ReservationWrap-group{
                width:90%;
                
                .title{
                    h2{
                        font-size:var(--font-llg);
                    }

                    p{
                        font-size:var(--font-md);

                        &.note{
                            font-size:var(--font-base);
                        }
                    }
                }

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

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

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

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

            .form-control{
                font-size:var(--font-sm);
            }
        }

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

        .bg{
            img{
                &:first-child{
                    width:12%;
                    bottom:3rem;
                    left:.5rem;
                }

                &:last-child{
                    width:22%;
                    bottom:3rem;
                    right:1%;
                }
            }
        }
    }

    #Reservation2025 .ReservationWrap .form-control, #Reservation2025 .ReservationWrap .form-group, #Reservation2025 .ReservationWrap .form-group button{
        font-size:var(--font-base);
    }

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

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

            img{
                width:32%;
            }
        }

        .con-img{
            width:80%;

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

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

        .title{
            width:40%;

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

        .con-group{
            width:90%;

            ol{
                li{
                    font-size:var(--font-xs);
                }
            }
        }

        .con-table table tr td{
            font-size:var(--font-xs);

        }

        .bg{
            img{
                &:nth-child(2){
                    width:25%;
                }
            }
        }
    }

    /* footer */
    footer{
        .FooterWrap{
            p{
                font-size:var(--font-xs);
            }

            .bg img{

                &:first-child{ 
                    width:24%;
                    top:-3rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

    /* 預約試讀 */
    .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:var(--font-base);
    }

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

            .titleAction{
               img{
                    width:30%;
                } 
            }

            .con{
                .con-wrap{
                    .txt-con{
                        .action{
                            ul{
                                li{
                                    font-size:var(--font-base);
                                    span{
                                        font-size:var(--font-md);

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

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

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

        .bg-action{

            img{
                &:first-child{
                    width:5.5%;
                    top:4.5rem;
                    left: 2rem;
                }

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

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

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

                .bgWhite{
                    border-radius:2rem;
                }
            }

            .ReservationWrap-group{
                width:90%;
                
                .title{
                    h2{
                        font-size:var(--font-llg);
                    }

                    p{
                        font-size:var(--font-md);

                        &.note{
                            font-size:var(--font-base);
                        }
                    }
                }

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

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

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

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

            .form-control{
                font-size:var(--font-sm);
            }
        }

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

        .bg{
            img{
                &:first-child{
                    width:12%;
                    bottom:3rem;
                    left:.5rem;
                }

                &:last-child{
                    width:22%;
                    bottom:3rem;
                    right:1%;
                }
            }
        }
    }


    #Reservation2025 .ReservationWrap .form-control, #Reservation2025 .ReservationWrap .form-group, #Reservation2025 .ReservationWrap .form-group button{
        font-size:var(--font-base);
    }

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

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

            img{
                width:32%;
            }
        }

        .con-img{
            width:80%;

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

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

        .title{
            width:40%;

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

        .con-group{
            width:90%;

            ol{
                li{
                    font-size:var(--font-xs);
                }
            }
        }

        .con-table table tr td{
            font-size:var(--font-xs);

        }

        .bg{
            img{
                &:nth-child(2){
                    width:25%;
                }
            }
        }
    }

    /* footer */
    footer{

        .FooterWrap{
            padding:0 1rem;

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

            .bg img{

                &:first-child{ 
                    width:24%;
                    top:-2.5rem;
                    left:2rem;
                    z-index:1;
                }

                &:last-child(){
                    width:18%;
                    bottom:0;
                    right:0;
                    z-index:5;
                }
            }
        }
    }

    /* 預約試讀 */
    .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%;
                }
            }
        }
    }

}