@charset "UTF-8";
/*定義字型*/
@font-face{font-family:SourceHanSerifTW-VF;src: url('SourceHanSerifTW-VF.otf.woff2') format('woff2');}
body {font-family: 'SourceHanSerifTW-VF', sans-serif;}

/*滾軸*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-thumb {background: rgba(160, 200, 218, 0.41);}
::-webkit-scrollbar-track {background: rgba(56, 104, 116, 0);}


/*標題*/
h1{text-align-last: center;background-image: linear-gradient(#a0d9da,#A0C8DA);border-radius: 5px;
    margin:25px 10%;padding: 5px 0;font-weight: normal}

.main{height:100vh;overflow-y:scroll;}
.page-a{height: 95vh;scroll-snap-align: start;padding: 10px;display: flex;flex-direction: column;}
.article-box{flex:1;overflow-y: auto;padding-right: 10px;
    line-height: 1.7;text-align: justify;letter-spacing: 2px;}
.main{max-width: 500px;margin:0 auto;padding: 0 4%}

footer{background: #170a6c;text-align-last: center;padding: 1px 0;}
footer p{color: #eaf6fd; font-size: 0.875rem}
.wrapper{max-width: 1100px;margin:0 auto;padding: 0 4%;margin-bottom: 10px}

.a-head{text-align-last: center;background-image: linear-gradient(#a0d9da,#A0C8DA);border-radius: 5px;
    margin:25px 10%;padding: 5px 0;font-weight: normal}
.s {width: 50%;height: auto;text-align-last: center;text-decoration: none; margin:10px auto;padding: 2px 10%;background-color: aliceblue;border-radius: 5px}
.s a{text-decoration: none;margin: 0 15px}