@import url(2021cybersec.css);
@import url(2022cybersec.css);
@import url(2024cybersec.css);
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*2026版本***************************************************************/
html{
    scroll-behavior: smooth;
}

/*topButton*/
.scroll-to-top-button{display:block;}

.scroll-to-top-container{opacity:0;transition: all .3s}
.scroll-to-top-container.active{opacity:1}


/*KV*/
.kv{
    background:url(../images/2026/top.png) no-repeat top center fixed;
    height: 650px;
    position:relative;
    flex-direction:column;
}

.kv_title{
    width: 95%;
    max-width:800px;
    margin-top: 30px;
}

.kv .slogan .brand{
    position:static;
    z-index: 10;
    width:30%;
    margin:0 auto 20px;
    display: block;
    filter: drop-shadow(3px 3px 5px #fff) drop-shadow(5px 5px 15px #fff) drop-shadow(3px 3px 20px #fff);
}

.kv_info{margin-bottom:0}
.kv_info li{font-size: 16px;line-height:1.2}


/*Form*/
select{height:auto;}

/*Event*/
.gift{margin-top:0;max-width:1200px;}


/*Phone***********************************************/
@media(max-width:700px){

    section.wrap#award{
        padding-top:10px;
        margin-bottom:-3px}


    .kv{
        height: auto;
        padding-bottom: 30px;
        background-size:cover;
        background-position:calc(100% + 250px) center ;
        background-attachment:scroll;
    }
    .kv .slogan{width:100%;}
    .kv .slogan .sloganImg{padding:0 30px;}


}