*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
html{
    font-size:62.5%;
    overflow-x:hidden;
    
}
body{
    font-family:"Noto Sans TC",sans-serif;
    line-height:1;
    font-weight:400;
    color:#555;
    font-size: 16px;
    background-color: #fff;
    scroll-behavior: smooth;
    overflow-x:hidden;
    width:100%;

    position: relative;
}
a{
    text-decoration: none;
}
/* btn */
.btnBox{
    display: flex;
    justify-content: center;
}
.btn:link,
.btn:visited{
    background-color: #1C3B7A;
    color:#fff;
    padding:0.8rem 2rem;

    transition: all 0.3s;
}
.btn:hover,
.btn:active{
    background-color: #255095;
    color:#fff;
    box-shadow: 1px 1px 3px rgba(168, 168, 168, 0.5);
}

/* footer */
.achievementsBox{
    padding:2rem 4rem;
    background-image:url('../../images/img/footerImg.png');
    background-size:auto;
}
.achievementsContent{
    color:#fff;
    text-align: center;
    font-size:2rem;
}
.achievementsContent p{
    margin-bottom: 1.5rem;
}
.footerinfoBox{
    background-color: #1B5597;
    color:#fff;
    padding:1rem 8rem;
}
.footerinfo{
    text-align: center;
    margin-bottom: 0.5rem;
}
.footercopyright{
    padding:1rem;
    color:#fff;
    background-color: #1F2C65;
    text-align: center;
    font-size:1.4rem;
}
/* nav  search*/
.searchBox{
    border-radius: 5px;
    background-color: #fff;
    padding:0.1rem 1rem 0.1rem 0.5rem;
    margin-right: 2rem;
}
.searchBox *:focus{
    outline: none;
}
.searchinput{
    border:none;
    font-size:1.8rem;
}
.searchBtn{
    border:none;
    background: none;
}
.searchBtn:hover{
    cursor:pointer;
}
.searchicon{
    font-size:2rem;
    color:#1C3B7A;
}