/*
    _黑體
    font-family: 'Noto Sans TC', sans-serif;

    _明體
    font-family: 'Noto Serif TC', serif;

    英文字
    font-family: "Questrial", sans-serif;

*/

*{
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    font-size: 1rem;
    position: relative;
}

html, body{
    width: 100%;
    position: relative;
    scroll-behavior: smooth;
}

body.custom-cursor {
    /* 55×55px 黄绿色圆形，带模糊边框 */
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='55'%3E%3Cdefs%3E%3Cfilter id='blur' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='27.5' cy='27.5' r='20' fill='%23d7ec66' filter='url(%23blur)'/%3E%3C/svg%3E") 27 27, auto;
}

section.wrapper{
    width: 100%;
    overflow: hidden;
}

p, span{
    margin-bottom: 0;
    color: #333;
    font-family: 'Noto Sans TC', sans-serif;
}

p.content{
    text-align: justify;
    letter-spacing: 1px;
    line-height: 200%;
}

a:hover{
    text-decoration: none;
}

h1{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0;
    color: #0f2c41;
    font-family: 'Noto Sans TC', sans-serif;
}

span.title{
    font-size: 4.063rem;
    color: #0f2c41;
    font-weight: normal;
    letter-spacing: 0.2em;
    margin-bottom: 0%;
    padding-bottom: 0.5%;
    font-family: "Raleway", sans-serif;
    border-bottom: 1px solid #0f2c41;
}

h3.title{
    font-size: 1.875rem;
    letter-spacing: 0.4em;
    line-height: 2.216;
    font-weight: 400;
    color: #0f2c41;
    font-family: 'Noto Sans TC', sans-serif;
    margin-bottom: 0;
}

section.wrapper{
    width: 100%;
    overflow: hidden;
}