@charset "UTF-8";
/* CSS Document */

* {margin:0px; padding:0px; user-select:none;}
img{-webkit-user-drag: none;}

/* font-family: 'Noto Sans TC', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200&display=swap');

body, html {position:relative; width:100%; font-size:16px; font-family:'Noto Sans TC','微軟正黑體','Microsoft Jhenghei',sans-serif; font-weight:200; color:black; overflow-x:clip; background:#f5f7f6; scroll-behavior:smooth;}
a, input, button {text-decoration:none; outline:none !important;}
a:hover, a:focus, a:active, a:visited {text-decoration:none; cursor:pointer !important; outline:none !important;}
ul, li {list-style:none;}

.layout {position:relative; width:100vw; height:100vh; max-width:820px; overflow-x:scroll; margin:auto; box-sizing:border-box; padding:25px 5%;}

.btn {display:block; font-size:16px; color:white; text-align:center; padding:12px; border-radius:50px; border:0px;
    background: rgb(33,99,87);
    background: -moz-linear-gradient(135deg, rgba(33,99,87,1) 0%, rgba(1,54,44,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(33,99,87,1) 0%, rgba(1,54,44,1) 100%);
    background: linear-gradient(135deg, rgba(33,99,87,1) 0%, rgba(1,54,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#216357",endColorstr="#01362c",GradientType=1);
}

h1 {font-size:20px; line-height:40px; text-align:center; color:#01362c;}