
/* è‹¹æ–¹-ç®€ å¸¸è§„ä½“
ã€€ã€€font-family: PingFangSC-Regular, sans-serif;
ã€€ã€€è‹¹æ–¹-ç®€ æžç»†ä½“
ã€€ã€€font-family: PingFangSC-Ultralight, sans-serif;
ã€€ã€€è‹¹æ–¹-ç®€ ç»†ä½“
ã€€ã€€font-family: PingFangSC-Light, sans-serif;
ã€€ã€€è‹¹æ–¹-ç®€ çº¤ç»†ä½“
ã€€ã€€font-family: PingFangSC-Thin, sans-serif;
ã€€ã€€è‹¹æ–¹-ç®€ ä¸­é»‘ä½“
ã€€ã€€font-family: PingFangSC-Medium, sans-serif;
ã€€ã€€è‹¹æ–¹-ç®€ ä¸­ç²—ä½“
ã€€ã€€font-family: PingFangSC-Semibold, sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@100..900&display=swap');




html {
    min-height: 100vh;
    max-width: 900px;
    padding: 0;
    margin: 0 auto;
    font-size: 16px;
    background-color: #fff;
}

body{
    font-family: "Noto Serif Thai", serif!important;
    font-optical-sizing: auto;
}

a {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}

.tabbar {
    height: 4.75rem;
    max-width: 900px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ba9630;
    box-sizing: border-box;
    padding: 1rem 0;
}

button,.login_btn{
    cursor: pointer;
}

.tabbar li {
    width: 20%;
    float: left;
    color: #7B8A7D;
    font-size: .75rem;
    text-align: center;
    /* padding-top: 2rem; */
}
.tabbar li a{
    color: #e6f3e7;
}
.tabbar li a .active{
    color:#ffffff;
}
/* .tabbar li:first-child{
    background: url('../img/home_a.png') no-repeat top center;
    background-size: 1.5rem;
} */
.tabbar li img{
    width: 1.5rem;
}