@charset "utf-8";

@font-face {
    font-family: 'SourceHanSans';
    src: url('../fonts/SourceHanSansSC-Light.woff2') format("woff2");
    font-weight: 300;
}

@font-face {
    font-family: 'SourceHanSans';
    src: url('../fonts/SourceHanSansSC-Regular.woff2') format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: 'SourceHanSans';
    src: url('../fonts/SourceHanSansSC-Medium.woff2') format("woff2");
    font-weight: 500;
}

@font-face {
    font-family: 'SourceHanSans';
    src: url('../fonts/SourceHanSansSC-Bold.woff2') format("woff2");
    font-weight: 600;
}

@font-face {
    font-family: BaiJamjuree-Bold;
    src: url('../fonts/BaiJamjuree-Bold.ttf');
}

@font-face {
    font-family: 'iconfont';
    src: url(../icons/iconfont.eot);
    src: url(../icons/iconfont.eot?#iefix) format('embedded-opentype'),
        url(../icons/iconfont.woff) format('woff'),
        url(../icons/iconfont.ttf) format('truetype'),
        url(../icons/iconfont.svg#iconfont) format('svg');
}

.iconfont {
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

* {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    list-style: none;
    color: var(--color);
    font: 16px/1 'SourceHanSans', arial, sans-serif;
    font-weight: 300;
}

p {
    line-height: 1.6;
    margin: 1rem 0;
    text-align: justify;
    color: #666;
    font-size: clamp(12px, 0.9vw, 18px);
}

img {
    display: block;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
}

button {
    background: none;
    margin: 0;
    padding: 0;
    border: none;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color2);
}

::selection {
    background: var(--color2);
    color: #fff;
}

.w_all {
    width: 87.5%;
    margin: auto;
}

.w_all2 {
    width: 52vw;
    margin: auto;
}

.flexBoxs {
    display: flex;
    flex-wrap: wrap;
}

html,
body {
    width: 100%;
    position: relative;
    --color: #151515;
    --color2: #0066cc;
    --headerHeight: 66px
}

@media (max-width: 850px) {
    * {
        font: 14px/1 'SourceHanSans', arial, sans-serif;
    }
}