* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

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

.icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font: 14px/1 fanfont;
    font-size: inherit;
    text-rendering: auto
}

html {
    font-size: 42.6667px
}

body {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    color: #444;
    font-size: 14px;
    font-weight: 400;

}



ul,li,ol {
    padding: 0;
    list-style: none;
    margin: 0
}

li {
    vertical-align: top
}

a {
    text-decoration: none;
    outline: 0;
    color: #444
}

a img {
    border: 0
}

input,select,button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:focus,select:focus,button:focus {
    outline: 0
}

img {
    display: block
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

.clearfix::after {
    content: '';
    width: 100%;
    clear: both;
    display: block
}

.clearfix-block {
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both
}

.clearfix {
    *zoom:1}

.hide {
    display: none!important
}

.r {
    float: right
}

.font-arial-narrow {

}

.font-text-100pt {
    font-size: 100px
}

@media (max-width: 1680px) {
    .font-text-100pt {
        font-size:88px
    }
}

@media (max-width: 1366px) {
    .font-text-100pt {
        font-size:72px
    }
}

@media (max-width: 1280px) {
    .font-text-100pt {
        font-size:66px
    }
}

@media (max-width: 1024px) {
    .font-text-100pt {
        font-size:54px
    }
}

@media (max-width: 767px) {
    .font-text-100pt {
        font-size:1rem
    }
}

.font-text-80pt {
    font-size: 80px
}

@media (max-width: 1680px) {
    .font-text-80pt {
        font-size:70px
    }
}

@media (max-width: 1366px) {
    .font-text-80pt {
        font-size:56px
    }
}

@media (max-width: 1280px) {
    .font-text-80pt {
        font-size:52px
    }
}

@media (max-width: 1024px) {
    .font-text-80pt {
        font-size:42px
    }
}

@media (max-width: 767px) {
    .font-text-80pt {
        font-size:.8rem
    }
}

.font-text-66pt {
    font-size: 66px
}

@media (max-width: 1680px) {
    .font-text-66pt {
        font-size:60px
    }
}

@media (max-width: 1366px) {
    .font-text-66pt {
        font-size:50px
    }
}

@media (max-width: 1280px) {
    .font-text-66pt {
        font-size:48px
    }
}

@media (max-width: 1024px) {
    .font-text-66pt {
        font-size:42px
    }
}

@media (max-width: 767px) {
    .font-text-66pt {
        font-size:.7rem
    }
}

.font-text-60pt {
    font-size: 60px
}

@media (max-width: 1680px) {
    .font-text-60pt {
        font-size:50px
    }
}

@media (max-width: 1366px) {
    .font-text-60pt {
        font-size:55px
    }
}

@media (max-width: 1280px) {
    .font-text-60pt {
        font-size:45px
    }
}

@media (max-width: 1024px) {
    .font-text-60pt {
        font-size:38px
    }
}

@media (max-width: 767px) {
    .font-text-60pt {
        font-size:.7rem
    }
}

.font-text-44pt {
    font-size: 44px
}

@media (max-width: 1680px) {
    .font-text-44pt {
        font-size:38px
    }
}

@media (max-width: 1366px) {
    .font-text-44pt {
        font-size:32px
    }
}

@media (max-width: 1280px) {
    .font-text-44pt {
        font-size:30px
    }
}

@media (max-width: 1024px) {
    .font-text-44pt {
        font-size:24px
    }
}

@media (max-width: 767px) {
    .font-text-44pt {
        font-size:.44rem
    }
}

.font-text-40pt {
    font-size: 40px
}

@media (max-width: 1680px) {
    .font-text-40pt {
        font-size:34px
    }
}

@media (max-width: 1366px) {
    .font-text-40pt {
        font-size:28px
    }
}

@media (max-width: 1280px) {
    .font-text-40pt {
        font-size:26px
    }
}

@media (max-width: 1024px) {
    .font-text-40pt {
        font-size:24px
    }
}

@media (max-width: 767px) {
    .font-text-40pt {
        font-size:.4rem
    }
}

.font-text-36pt {
    font-size: 36px
}

@media (max-width: 1680px) {
    .font-text-36pt {
        font-size:32px
    }
}

@media (max-width: 1366px) {
    .font-text-36pt {
        font-size:26px
    }
}

@media (max-width: 1280px) {
    .font-text-36pt {
        font-size:24px
    }
}

@media (max-width: 1024px) {
    .font-text-36pt {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .font-text-36pt {
        font-size:.36rem
    }
}

.font-text-30pt {
    font-size: 30px
}

@media (max-width: 1680px) {
    .font-text-30pt {
        font-size:26px
    }
}

@media (max-width: 1366px) {
    .font-text-30pt {
        font-size:22px
    }
}

@media (max-width: 1280px) {
    .font-text-30pt {
        font-size:20px
    }
}

@media (max-width: 1024px) {
    .font-text-30pt {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .font-text-30pt {
        font-size:.3rem
    }
}

.font-text-28pt {
    font-size: 30px
}

@media (max-width: 1680px) {
    .font-text-28pt {
        font-size:26px
    }
}

@media (max-width: 1366px) {
    .font-text-28pt {
        font-size:22px
    }
}

@media (max-width: 1280px) {
    .font-text-28pt {
        font-size:20px
    }
}

@media (max-width: 1024px) {
    .font-text-28pt {
        font-size:16px
    }
}

@media (max-width: 767px) {
    .font-text-28pt {
        font-size:.3rem
    }
}

.font-text-26pt {
    font-size: 26px
}

@media (max-width: 1680px) {
    .font-text-26pt {
        font-size:22px
    }
}

@media (max-width: 1366px) {
    .font-text-26pt {
        font-size:18px
    }
}

@media (max-width: 1280px) {
    .font-text-26pt {
        font-size:16px
    }
}

@media (max-width: 1024px) {
    .font-text-26pt {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .font-text-26pt {
        font-size:.3rem
    }
}

.font-text-24pt {
    font-size: 24px
}

@media (max-width: 1680px) {
    .font-text-24pt {
        font-size:20px
    }
}

@media (max-width: 1366px) {
    .font-text-24pt {
        font-size:18px
    }
}

@media (max-width: 1280px) {
    .font-text-24pt {
        font-size:16px
    }
}

@media (max-width: 1024px) {
    .font-text-24pt {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .font-text-24pt {
        font-size:.3rem
    }
}

.font-text-22pt {
    font-size: 22px
}

@media (max-width: 1680px) {
    .font-text-22pt {
        font-size:20px
    }
}

@media (max-width: 1366px) {
    .font-text-22pt {
        font-size:18px
    }
}

@media (max-width: 1280px) {
    .font-text-22pt {
        font-size:16px
    }
}

@media (max-width: 1024px) {
    .font-text-22pt {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .font-text-22pt {
        font-size:.28rem
    }
}

.font-text-20pt {
    font-size: 20px
}

@media (max-width: 1680px) {
    .font-text-20pt {
        font-size:18px
    }
}

@media (max-width: 1366px) {
    .font-text-20pt {
        font-size:14px
    }
}

@media (max-width: 1280px) {
    .font-text-20pt {
        font-size:14px
    }
}

@media (max-width: 1024px) {
    .font-text-20pt {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .font-text-20pt {
        font-size:.28rem
    }
}

.font-text-18pt {
    font-size: 18px
}

@media (max-width: 1680px) {
    .font-text-18pt {
        font-size:16px
    }
}

@media (max-width: 1366px) {
    .font-text-18pt {
        font-size:14px
    }
}

@media (max-width: 1280px) {
    .font-text-18pt {
        font-size:12px
    }
}

@media (max-width: 1024px) {
    .font-text-18pt {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .font-text-18pt {
        font-size:.28rem
    }
}

.font-text-16pt {
    font-size: 16px
}

@media (max-width: 1680px) {
    .font-text-16pt {
        font-size:14px
    }
}

@media (max-width: 1366px) {
    .font-text-16pt {
        font-size:14px
    }
}

@media (max-width: 1280px) {
    .font-text-16pt {
        font-size:12px
    }
}

@media (max-width: 1024px) {
    .font-text-16pt {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .font-text-16pt {
        font-size:.24rem
    }
}

.font-text-14pt {
    font-size: 16px
}

@media (max-width: 1680px) {
    .font-text-14pt {
        font-size:14px
    }
}

@media (max-width: 1366px) {
    .font-text-14pt {
        font-size:12px
    }
}

@media (max-width: 1280px) {
    .font-text-14pt {
        font-size:12px
    }
}

@media (max-width: 1024px) {
    .font-text-14pt {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .font-text-14pt {
        font-size:.24rem
    }
}

.font-text-12pt {
    font-size: 16px
}

@media (max-width: 1680px) {
    .font-text-12pt {
        font-size:12px
    }
}

@media (max-width: 1366px) {
    .font-text-12pt {
        font-size:12px
    }
}

@media (max-width: 1280px) {
    .font-text-12pt {
        font-size:12px
    }
}

@media (max-width: 1024px) {
    .font-text-12pt {
        font-size:12px
    }
}

@media (max-width: 767px) {
    .font-text-12pt {
        font-size:.24rem
    }
}

.grid_container {
    width: 100%
}

.row::before,.row::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden
}

[class*=col-] {
    float: left;
    min-width: 1px
}

.pc-only {
    display: block!important
}

.pc-global {
    display: flex!important
}

.pad-only {
    display: none!important
}

.mb-only {
    display: none!important
}

.pc-pad {
    display: block!important
}

.pc-m {
    display: block!important
}

.mb-pad {
    display: none!important
}

.col-md-1 {
    width: 8.33%
}

.col-md-2 {
    width: 16.66%
}

.col-md-2-4 {
    width: 20%
}

.col-md-3 {
    width: 25%
}

.col-md-4 {
    width: 33.33%
}

.col-md-5 {
    width: 41.66%
}

.col-md-6 {
    width: 50%
}

.col-md-7 {
    width: 58.33%
}

.col-md-8 {
    width: 66.66%
}

.col-md-9 {
    width: 75%
}

.col-md-10 {
    width: 83.33%
}

.col-md-11 {
    width: 91.66%
}

.col-md-12 {
    width: 100%
}

.col-md-offset-1 {
    margin-left: 8.33%
}

.col-md-offset-2 {
    margin-left: 16.66%
}

.col-md-offset-3 {
    margin-left: 25%
}

.col-md-offset-4 {
    margin-left: 33.33%
}

.col-md-offset-5 {
    margin-left: 41.66%
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-offset-7 {
    margin-left: 58.33%
}

.col-md-offset-8 {
    margin-left: 66.66%
}

.col-md-offset-9 {
    margin-left: 75%
}

.col-md-offset-10 {
    margin-left: 83.33%
}

.col-md-offset-11 {
    margin-left: 91.66%
}

.col-md-offset-12 {
    margin-left: 100%
}

@media (max-width: 1024px) {
    .pc-only {
        display:none!important
    }

    .pad-only {
        display: block!important
    }

    .mb-only {
        display: none!important
    }

    .mb-pad {
        display: block!important
    }

    .pc-m {
        display: none!important
    }

    .col-sm-1 {
        width: 8.33%
    }

    .col-sm-2 {
        width: 16.66%
    }

    .col-sm-2-4 {
        width: 20%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33%
    }

    .col-sm-5 {
        width: 41.66%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33%
    }

    .col-sm-8 {
        width: 66.66%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33%
    }

    .col-sm-11 {
        width: 91.66%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-offset-1 {
        margin-left: 8.33%
    }

    .col-sm-offset-2 {
        margin-left: 16.66%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33%
    }

    .col-sm-offset-5 {
        margin-left: 41.66%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33%
    }

    .col-sm-offset-8 {
        margin-left: 66.66%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33%
    }

    .col-sm-offset-11 {
        margin-left: 91.66%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (max-width: 767px) {
    .mb-mt20 {
        margin-top:.2rem
    }

    .mb-mt30 {
        margin-top: .3rem
    }

    .pc-only {
        display: none!important
    }

    .pad-only {
        display: none!important
    }

    .pc-global {
        display: none!important
    }

    .mb-only {
        display: block!important
    }

    .pc-pad {
        display: none!important
    }

    .pc-m {
        display: block!important
    }

    .col-xs-1 {
        width: 8.33%
    }

    .col-xs-2 {
        width: 16.66%
    }

    .col-xs-2-4 {
        width: 20%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33%
    }

    .col-xs-5 {
        width: 41.66%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33%
    }

    .col-xs-8 {
        width: 66.66%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33%
    }

    .col-xs-11 {
        width: 91.66%
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-offset-1 {
        margin-left: 8.33%
    }

    .col-xs-offset-2 {
        margin-left: 16.66%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-4 {
        margin-left: 33.33%
    }

    .col-xs-offset-5 {
        margin-left: 41.66%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-7 {
        margin-left: 58.33%
    }

    .col-xs-offset-8 {
        margin-left: 66.66%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-10 {
        margin-left: 83.33%
    }

    .col-xs-offset-11 {
        margin-left: 91.66%
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }
}