/*pc*/
/*menu*/
.container-fluid {
    padding-right: 60px;
    padding-left: 60px;
}
.navbar {
    min-height: 100px;
}
.navbar-brand {
    height: 94px;
}
.navbar-nav > li > a {
    line-height: 23px;
}
.navbar-nav-p{
    margin-top: 0px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.logo-img{
    width: 81%;
    height: auto;
}
.navbar-inverse-down {
    box-shadow: -3px 3px 20px 6px #111111b8;
    transition-duration: 0.3s;
}
/*baanner*/
.baanner{
    padding-top: 99px;
}
/*pages*/
.pages-p{
    padding-bottom: 100px;
    font-weight: 600;
    color: #746e6e;
    font-size: 18px;
}
.pages-p-small{
    margin-right: 26px;
    margin-top: 0px;
    color: white;
}
.pages-span{
    font-weight: 500;
    color: white;
    font-size: 43px;
}
.pages-span-sup{
    font-size: 22px;
    color: white;
    top: -27px;
    left: 5px;
}
.pages-span-sub{
    font-size: 13px;
    color: white;
    bottom: 1px;
    left: -8px;
}
.pages-h{
    padding-top: 100px;
    text-align: center;
    color: #746e6e;
    margin-top: 0px;
    margin-bottom: 25px;
}
.pages03{
    background-image: url(../img/bg01.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.pages03-h{
    font-weight: 900;
    color: white;
}
.img-shadow{
    box-shadow: 7px 4px 11px 0px #1111117a;
}
.pages04{
    background-image: url(../img/bg02.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.girl-div{
    width: 100%;
    height: 104%;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: -5%;
    z-index: 1;
}
.girl-div-div{
    position: absolute;
    overflow: hidden;
    left: 156px;
    z-index: 1;
    height: 151%;
    top: -53px;
}
.form-control {
    background-color: #fff;
    height: 46px;
    font-size: 17px;
    border: #ddd 0px solid;
    box-shadow: 0px 1px 3px 0px rgb(33 37 41 / 47%);
    border-radius: 7px;
}
.footerStyle{
    padding: 10px;
    background-color: #746e6e;
    color: #ffff;
    font-weight: 700;
}
.hrStyle{
    margin: auto;
    width: 74%;
    border-top: 2px solid #ffff;
}
.pStyle{
    display: inline-block;
    margin-right: 10px !important;
}
.footer-img{
    width: 23px;
    height: auto;
    vertical-align: sub;
    margin-right: 10px !important;
}
.girl{
    min-height: 232px;
}
/*RWD*/
@media screen and (max-width:845px) {
    .navbar-inverse {
      background-color: #fff;
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        min-height: 70px;
    }
    .baanner {
        padding-top: 70px;
    }
    .navbar-brand {
        display: block;
        transition-duration: 0.6s;
        max-width: 47.5%;
        height: auto;
        position: absolute;
        /*top: 3%;*/
        left: 27.5%;
    }
    .navbar {
        min-height: 70px;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #333;
        border: 1px solid #333;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #333;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        min-height: 70px;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
        border: 2px solid #333;
    }
    .navbar-toggle{
        display: block;
        transition-duration: 0.6s;
        max-width: 47.5%;
        height: auto;
        position: absolute;
        top: 10px;
        left: 3.5%;
    }
    .pages-h{
        padding-top: 55px;
    }
    .pages-p{
        padding-bottom: 55px;
    }
    .p-tb-40-s {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .m-b-16-s {
        margin-bottom: 16px !important;
    }
    .girl{
        display: none;
    }
    .m-auto-s{
        margin: auto !important;
    }
}



.row {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}
.m-0{
    margin: 0px;
}
.m-auto{
    margin: auto;
}
.m-t-0{
    margin-top: 0px;
}
.m-t-10{
    margin-top: 10px;
}
.m-t-5{
    margin-top: 5px;
}
.m-r-0{
    margin-right: 0px;
}
.m-b-5{
    margin-bottom: 5px;
}
.m-b-10{
    margin-bottom: 10px;
}
.m-b-30{
    margin-bottom: 30px;
}
.m-b-50{
    margin-bottom: 50px;
}
.p-b-0{
    padding-bottom: 0px;
}
.p-tb-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.p-tb-100{
    padding-top: 100px;
    padding-bottom: 100px;
}