@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@700&display=swap');

:root {
    --primary-color: #00545D;
    --secondary-color: #F3BE9F;
    --background-color: #FFF3E7;
    --assets-color: #64CCCC;
    --background-color-pri: #FFFFFF;
    --text-color-pri: #333333;
    --botton-color-disable: #B1C6BD;
    --button-color-hover: #00818E;
    --input-background-color: #F8F8F8;
    --input-border-line-color: #E1E1E1;
    --text-disable-color: #B8B8B8;
    --text-secondary-color: #757575;
    --text-white-color: #FFFFFF;
    --badge-color:#FF985C;
    --light-green-color:#B1C6BD;

    --font-family-noto_sans_tc: "Noto Sans TC", sans-serif;
    --font-family-noto_serif_tc: "Noto Serif TC", serif;
}

* {
    padding: 0;
    margin: 0;
    font-family: var(--font-family-noto_sans_tc);
}

::-webkit-scrollbar {
    display: none;
}

body {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}


@media screen and (max-width: 850px) {
    .follow-me{
        bottom: 8px !important;
        right: 16px !important;
    }
    .cover-content {
        max-width: 320px !important;
    }    
}
.ads {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    transition: all .3s;
}

.cover-content {
    max-width: 352px;
    max-height: 480px;
    width: 89%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--text-white-color);
    content: url(/images/close_icon.png);
    padding: 2px;
    position: absolute;
    top: -2.3em;
    right: 0;
}

.ads img{
    width: 320px;

} 

.follow-me {
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
}

button .follow-me {
    display: none;
}