body{ font-family: "Microsoft YaHei"; font-size: 1rem; line-height: 1.7; font-weight:400; color: #696c6d!important}
.clear{float:none; clear:both;font-size:0px;line-height:0px;height:0px; min-height:0px; padding:0px; margin:0px; overflow:hidden;}
h1{font-family: inherit; font-size: 2.5rem; font-weight:400; color: #444;}
a{ color: #000; transition: color 400ms, background-color 400ms;}
a:hover{color: #000; text-decoration: none;}
ul{-webkit-padding-start:0;}
ul li{ list-style: none;}
p {
    line-height: 1.5;
    margin: 10px 0 20px;
}
.full_width{ width: 100%;}

/*.navbar-raao{padding-top: 0px; padding-bottom: 0;}*/
.navbar-brand{ padding-top: 10px; padding-bottom: 10px;}
.navbar-raao li a.nav-link{position: relative;}
.navbar-raao{background-color: rgba(00, 00, 00, 0.80); padding-top: 0px; padding-bottom: 0;}

.navbar-raao li a{ color: #fff; font-size: 16px;}
.navbar-raao li ul li a{ color: #fff; font-size: 14px;}
.navbar-raao li.active a, .navbar-raao li.nav-item a:hover{color: #7cae4c; }
.dropdown-menu{ border: none;}
.navbar-toggler{ border: none; width:50px; height: 30px; position: relative;}
.navbar-toggler span{display:block;background:#7cae4c;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.navbar-toggler span:nth-of-type(1){top:3px}
.navbar-toggler span:nth-of-type(2){top:13px}
.navbar-toggler span:nth-of-type(3){top:23px}
.nav_button_active span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.nav_button_active span:nth-of-type(2){width:0}
.nav_button_active span:nth-of-type(3){top:13px;transform:rotate(-45deg)}
.navbar-raao button{ cursor: pointer;}
.navbar-raao button:focus{outline:none;}
.navbar-nav .dropdown-menu{ background: none; padding-top: 0; padding-left: 15px; border: none; font-size: 1rem;}

.home-page .mu-1 a.nav-link,
.product-list-page .mu-2 a.nav-link,
.album-list-page .mu-3 a.nav-link,
.about-page .mu-4 a.nav-link,
.contact-page .mu-5 a.nav-link
{color: #7cae4c;}

.session{ padding: 3rem 0 0 0;}
.banner{ width: 100%;  height:500px; background-position: center center; background-size: cover;}
.session h1{ line-height: 1.4; margin-bottom: .4em;}

.home_session{ padding-bottom: 40px;}
.about_session{ padding-bottom: 40px;}
.about_session p{ text-indent: 2em; line-height: 1.7; margin: 10px 0 20px;}
.about_session p.p1{ text-indent:0;}

.product_item, .album_item{ padding-bottom: 20px;}
.product_item img, .album_item img{ max-width: 100%;}

footer{ background: #323840; color: #fff; padding: 35px 20px; font-size: 12px;}
footer a, footer a:hover{ color: #fff;}

#loading{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff url(/images/loading.gif) no-repeat center center;
    opacity: .7;
    filter: alpha(opacity=70);
    transition: .25s all ease 0s;
    z-index: 1000;
}

@media (max-width: 576px) {

}

@media (max-width: 768px) {
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: #fff;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .navbar-raao{ height: 98px;}
    .navbar-raao li ul li a{ color: #000;}
}
@media (max-width: 992px) {
    .banner{ height: 300px;}
}

@media (max-width: 1200px) {

}
@media (min-width: 1200px) {

}