/*!
 * common css
 */

.btn-primary:hover {
    color: #fff;
    background-color: #a97c50;
    border-color: #a97c50;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #a97c50;
    border-color: #a97c50;

}


.rt{
    font-size:22px;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* Internet Explorer 9*/
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg); /* Opera */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    white-space: nowrap;
}


.lineHeight15{
    line-height: 1.5;
}

.colorRed{
    background-color: #760006;
}
.colorMidRed{
    background-color: #3d0101;
}
.colorDeepRed{
    background-color: #1f0000;
}
.colorGold{
    background-color: #a97c50;
}

.font-color-Red{
    color: #760006;
}
.font-color-MidRed{
    color: #3d0101;
}
.font-color-DeepRed{
    color: #1f0000;
}
.font-color-Gold{
    color: #a97c50;
}



.bg-blue{
    background-color: #201f4f;
}
.bg-deepBlue{
    background-color: #18173e;
}
.bg-orange{
    background-color: #ea5830;
}

.bg-red{
    background-color: #760006;
}
.bg-midRed{
    background-color: #3d0101;
}
.bg-deepRed{
    background-color: #1f0000;
}
.bg-gold{
    background-color: #a97c50;
}



.font-blue{
    color: #201f4f;
}
.font-deepBlue{
    color: #18173e;
}
.font-orange{
    color: #ea5830;
}

.font-gold{
    color: #a97c50;
}

.font-Red{
    color: #760006;
}
.font-midRed{
    color: #3d0101;
}
.font-deepRed{
    color: #1f0000;
}
.font-gold{
    color: #a97c50;
}


@font-face {
    font-family: mFont-NotoSerif;
    src: url('../font/NotoSerif-Regular.ttf');
}
@font-face {
    font-family:mFont-NotoSans;
    src: url('../font/NotoSans-Regular.ttf');
}
@font-face {
    font-family: mFont-Helvetica;
    src: url('../font/Helvetica-Neue-2.ttf');
}
@font-face {
    font-family: mFont-BaskervilleOldFace;
    src: url('../font/baskervilleoldface.ttf');
}


.font-fm-NotoSansSC{
   /* font-family: 'Noto Sans', sans-serif;*/
    font-family: mFont-NotoSans;
}



.font-fm-NotoSerifMy{
    /*font-family: 'Noto Serif', serif;*/
    font-family: mFont-NotoSerif;
}

.font-fm-Helvetica{
    /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: mFont-Helvetica;
}

.font-fm-OldFace{
    /*font-family: 'Libre Baskerville', serif;*/
    font-family: mFont-BaskervilleOldFace;
}




.font-60{
    font-size: calc(1rem + 2.45vw);
}
.font-50{
    font-size: calc(0.9rem + 1.27vw);
}
.font-42{
    font-size: calc(0.85rem + 1.15vw);
}
.font-32{
    font-size: calc(0.8rem + 0.833vw);
}
.font-24{
    font-size: calc(0.75rem + 0.625vw);
}
.font-18{
    font-size: calc(0.56rem + 0.47vw);
}
.font-12{
    font-size: calc(0.375rem + 0.32vw);
}



.logo-img{
    height:60px;
}

@media (min-width: 768px) {
    .logo-img{
        height:60px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .logo-img{
        height:120px;
    }
}


@media (min-width: 1200px) {
    .logo-img{
        height:120px;
    }
    .font-60{
        font-size: calc(2rem + 1.45vw);
    }
    .font-50{
        font-size: calc(1.6rem + 1.27vw);
    }
    .font-42{
        font-size: calc(1.375rem + 1.15vw);
    }
    .font-32{
        font-size: calc(1rem + 0.833vw);
    }
    .font-24{
        font-size: calc(0.75rem + 0.625vw);
    }
    .font-18{
        font-size: calc(0.56rem + 0.47vw);
    }
    .font-12{
        font-size: calc(0.375rem + 0.32vw);
    }



}
@media screen and (min-width: 1900px) {

    .container{
        max-width: 1400px;
    }

}

@media screen and (min-width: 2500px) {

    .container{
        max-width: 2000px;
    }

}