@import "font.css";
@import "nav.css";
@import "index.css";

body{
    background: #f6f2fd;
    font-size: 18px;
    font-family: nian-r;
    word-spacing: 2px;
    margin-top: 50px;
    color: #5142ac;
    padding-bottom: 60px;
}

.container{max-width: 767px;}

h1,h2,h3,h4,h5,h6{font-family: nian-b;}
.border10{border-radius: 10px !important;}
.border15{border-radius: 15px !important;}
.border20{border-radius: 20px !important;}
.maxWidth991{max-width: 991px;}
.maxWidth767{max-width: 767px;}
.maxWidth575{max-width: 575px;}
.runfx .runLfx{position: relative; right:0 !important; transition: .3s;}
.runfx:hover .runLfx{right: 5px !important;}

.d-mobile{display: none;}
.d-desktop{display: block;}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1199px) {}
@media screen and (max-width:991px) {
    .header{min-height: 300px;}
}
@media screen and (max-width:767px) {
    .link-main .card{min-height: 130px;padding: 30px 20px;}
    .container{min-width: 100%;}
    .header.page,
    .header{min-height: 250px;}
}
@media screen and (max-width:575px) {
    .link-main .card{min-height: 120px; font-size: 17px;}
    .header.page,
    .header{min-height: 200px;}
    .d-mobile{display: block;}
    .d-desktop{display: none;}

    .bottom-menu .brandcstm{
        margin-right: 2px;
        margin-left: 2px;
    }
}
@media screen and (max-width:400px) {
    .link-main .card{font-size: 15px;}
}
@media screen and (max-width:333px) {
    .link-main .card{min-height: 100px; padding: 20px 10px; font-size: 15px;}
    .bottom-menu .brandcstm{
        width: 60px;
        margin-right: 1px;
        margin-left: 1px;
    }
}