body {
    font-family:"AdobeHeitiStd","DFLiHei","Microsoft JhengHei","Candara","Arial", "Microsoft YaHei", "SimSun";
}

a {
    outline: medium none;
}
.nav{
     font-family: "Kozuka Mincho Pr6N","AdobeHeitiStd","DFLiHei","Microsoft JhengHei","Candara","Arial", "Microsoft YaHei", "SimSun";
}
body.page_mobilehome .main {
    background-image: url(/ezfiles/7/1007/img/83/fixedBG.jpg);
    background-position-x: 60%;
    background-position-y:15%; 
    background-size:cover;
    background-repeat: no-repeat;
    /* background-color: #101a01; */
}

.module {
    margin: 0;
}

.mlogo {
    text-align: center;
    margin: 25px 0;
}

.mlogo h1,
.footer .go-pcurl {
    display: none;
}

.mlogo a {
    display: initial;
}

#Dyn_head {
    position: relative;
}

button.navbar-toggle {
    width: 76px;
    height: 70px;
    top: -115px;
    right: -5px;
}

button.navbar-toggle.open {
    background-color: #707070;
}

button.navbar-toggle span.glyphicons.show_lines {
    transition: 0.3s;
}

button.navbar-toggle span.glyphicons.show_lines:before,
button.navbar-toggle span.glyphicons.show_lines:after {
    width: 40px;
    height: 3px;
    background-color: #007d46;
    transition: 0.3s;
}

button.navbar-toggle.open {
    border: 0;
    border-radius: 0;
}

button.navbar-toggle.open span.glyphicons.show_lines:before {
    width: 40px;
    height: 3px;
    top: 17.5px;
    left: 19px;
    background-color: #fff;
    transform: rotate(-45deg) scale(0.7);
    transition: 0.3s;
}

button.navbar-toggle.open span.glyphicons.show_lines:after {
    width: 40px;
    height: 3px;
    top: 17.5px;
    left: 19px;
    background-color: #fff;
    transform: rotate(45deg) scale(0.7);
    transition: 0.3s;
}

.hdmenu .nav.navbar-nav {
    text-align: center;
}

.hdmenu ul.nav.navbar-nav > li {
    display: inline-block;
    float: initial;
    margin: 0 1%;
    max-width:138px;
}

.hdmenu ul.nav.navbar-nav > li a {
    color: #4b4a48;
    font-size: 22px;
    padding: 15px 22px;
    position: relative;
}

.navbar-default .navbar-nav > li:hover a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #4b4a48 transparent transparent transparent;
    content: '';
    top: 75px;
    left: 50%;
    position: absolute;
    margin-left: -2.5px;
    transition: 0.3s;
}

.navbar-default .navbar-nav > li:hover a {
    background-color: #383735;
    color: #eee;
    transition: 0.3s;
}

.hover {
    width: 100%;
    position: absolute;
    top: 550px;
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
}
@media screen and (max-width: 1680px) {
    .hover {padding: 0 5.3%;}
}
@media screen and (max-width: 1440px) {
    .hover {padding: 0 0%;}
}
    .banner{
        width: 100%;
                height:800px;
       
    }
.hover ul {
    padding: 4% 0;
    text-align: center;
    position: relative;
}

.hover ul li {
    display: inline-block;
    width: 165px;
    height: auto;
    transition: 0.3s;
    position: relative;  
    padding: 10px 0; 
}


.hover ul li:hover {
    /* outline: 1px solid #a8a8a8; */
    /* background:url(/ezfiles/7/1007/img/83/outline_sp.png) 0 0 no-repeat; */
    background-size:contain;
    opacity: 1;
    transition: 0.3s;
}

.hover ul li a {
    font-size: 15px;
    color: #575556;
    text-decoration: none;
    display: block;
}
.hover ul li img{
    width: 75px;
    height:75px;
}

.hover ul li a p {
    position:relative;
    margin-top: 10px;
    transition: 0.3s;
}

.hover ul li a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: 0.3s;
}

.hover ul li:hover img,
.hover ul li:hover p {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    color: #585755;
    transition: 0.3s;
}

.IMG img {
    min-width: 100%;
    display: block;
}
.IMG .news{
   background-image: url(/ezfiles/7/1007/img/83/IMG_1.jpg);
   text-align: center;
}
.news .latest{
    font-size: 28px;
    color: #000;
}
.news .business{
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.content_bottom {
    margin-bottom: 280px;
    padding-left: 28.7%;
    padding-right: 30%;
    padding-top: 10%;
}

.content_bottom .IMG{
    box-shadow: 1px 1px 4px 3px rgba(255,255,255,.5);
}
.content_bottom .text {
    background-color: #fff;
    padding: 15px 18px;
    height: 310px;
    box-shadow: 1px 1px 4px 3px rgba(255,255,255,.5);
    position: relative; 
}

.content_bottom h5 {
    font-size: 17px;
    font-weight: bold;
    padding-bottom:4px;
    color: #4b4a48;
}

.content_bottom h6 {
    font-size: 17px;
    padding-bottom: 5px;
}

.content_bottom p {
    font-size: 15px;
    line-height: 27px;
}

/* about us */
.content_bottom .aboutus {
    text-align: center;
    padding: 15px 0;
    width: 150px;
    margin-left: 2.5%;
    color: #fff;
    background-color: #383735;
    font-size: 1.125em;
    position: absolute;
    top:0;
    box-shadow: 1px 2px 6px 6px rgba(255,255,255,.5);
}
.content_bottom_T .more img{
    max-width:100%;
    height:auto;
    position: absolute;
    bottom: 4px;
    right: 5px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0);
}
.content_bottom_T .more img:hover{
    background-color: rgba(0,0,0,.3);
}
.content_bottom_T .color_2 {
    color: #8bad34;
}

.content_bottom_T .color_3 {
    color: #436a17;
}

.content_bottom_T .color_4 {
    color: #016984;
}

.content_bottom_T .color_5 {
    color: #6a3805;
}

.content_bottom_T .color_6 {
    color: #ba8b01;
}

/* .content_bottom_T > div,
.content_bottom_B > div {
    padding-top:10%;
    width: 19%;
    margin-right: 7%;
}
.content_bottom_T{
    margin-left: 20.5%;
} */
.IMG img {
    max-width: 100%;
    display: block;
}
div.module-minicart{
    display: none;
}
.content_bottom .text h5,.content_bottom .text h6{
    font-family:  "Candara";
    }

.logo{
    text-align: center;
    margin: 25px 0;
}
/*==================================footer*/

.footer {
    background-color: #383735;
    margin-bottom: 0;
}

.footer.content_bottom:before {
    opacity: 0;
}

.footer .footer_text {
    /* padding: 15% 50px; */
    padding: 10% 15px;
    height: 350px;
    transition: 0.3s;
    cursor: pointer;
}

.footer .footer_text:hover {
    background-color: #fff;
    transition: 0.3s;
}

.footer .footer_text:hover h5 {
    color: #222;
    transition: 0.3s;
}

.footer .footer_text:hover p {
    color: #727272;
    transition: 0.3s;
}

.footer .footer_text h5 {
    color: #fff;
}

.footer .footer_text p {
    color: #707070;
}

.footer .content_bottom {
    padding-top: 0;
}

/*==================================footer*/

@media screen and (min-width: 767px) {
    div.hdmenu {
        position: absolute;
        bottom: -100%;
        width: 100%;
    }

}


@media screen and (min-width: 480px) {
    .IMG img {
        max-width: 100%;
        display: block;
    }
}

@media screen and (max-width: 1920px){
.content_bottom_T > div,.content_bottom_B > div {
    padding-top:16%;
    width: 30.3%;
    margin-left: 3%;
}
.content_bottom .aboutus {
    text-align: center;
    padding: 15px 0;
    width: 150px;
    margin-left: 1.2%;
    color: #fff;
    background-color: #383735;
    font-size: 1.125em;
    position: absolute;
    top: 125px;
    box-shadow: 1px 2px 6px 6px rgba(255,255,255,.5);
} 

.hdmenu ul.nav.navbar-nav > li a {
    color: #4b4a48;
    font-size: 22px;
    padding: 15px 20px;
    position: relative;
}

}

@media screen and (max-width: 1680px) {
.navbar-default .navbar-nav {
    text-align: center;
    margin: 0 25%;
    position: absolute;
    width: 100%;
    top: 110px;
}
.navbar-default .navbar-nav>li {
    margin-right: 2.35%;
}

   .content_bottom {
    padding: 0px 25%;

    padding-right: 26.5%;
}
.content_bottom .aboutus {  
    margin-left: 1.5%;
    position: absolute;
    top:24px;
}
}

@media screen and (max-width: 1440px) {
    .navbar-default .navbar-nav {     
        margin: 0 21%;   
}
    .navbar-default .navbar-nav>li {
        margin-right: 2.8%;
}
     .content_bottom {
        padding: 0px 22%;
        padding-right: 23%;
}
    .content_bottom .aboutus {
        margin-left: 1.5%;
        position: absolute;
        top: -60px;
}        
}
@media screen and (max-width: 1366px) {
    .navbar-default .navbar-nav {
    margin: 0 19%;
}
    .navbar-default .navbar-nav>li {
    margin-right: 3%;
}
    .content_bottom {
        padding: 0px 20%;
        padding-right: 21.5%;
    }
    .content_bottom .aboutus {
    margin-left: 1.5%;
    position: absolute;
    top: -83px;
}

}
@media screen and (max-width: 1280px) {
    .navbar-default .navbar-nav {
    margin: 0 17%;
}
    .navbar-default .navbar-nav>li {
    margin-right: 3.2%;
}

    .content_bottom {
        padding: 0px 15%;
    }
    .content_bottom_T > div,
    .content_bottom_B > div {
        padding: 5% 0 0;
    }
    .content_bottom .aboutus{
        top: -71px;
    }
    .hover ul li a:before {
        width: 213px;
        height: 162px;
        background: url(/ezfiles/7/1007/img/83/outline_sp.png) no-repeat;
        position: absolute;
        content: '';
        top: -25px;
        right: 0;
        bottom: 0;
        left: -67px;
        margin: auto;
        opacity: 0;
    }
    
}

@media screen and (max-width: 1118px) {
    .content_bottom .text{
        height: 335px;
    }
}

@media screen and (max-width: 1150px){
    .hover ul li {     
            margin: 0;
        }
}

@media screen and (max-width: 1035px){
        .hover ul li {
        transition: 0s;
    }

    .footer .content_bottom_T > div{
        padding-right: 0;
    }
}
@media screen and (max-width: 1024px) {
   .navbar-default .navbar-nav {
    margin: 0 auto;
}
    .navbar-default .navbar-nav>li {
    margin-right: 3.8%;
}

    .content_bottom {
        padding: 0px 7%;
    }
    /* .content_bottom_T > div,
    .content_bottom_B > div {
        padding: 5% 0 0;
    } */
    .content_bottom .aboutus{
        top: -62px;
        margin-left: 2%;
    }
    
}

@media screen and (max-width: 991px) {
    .hover ul li a:before {
        display: none;
    }
   
    /* .footer .content_bottom_T{
         margin-left: 7%;
    } */
}
@media screen and (max-width: 880px){
    .hover ul li{
        margin-left: -1%;
    }
}
@media screen and (max-width: 838px){
    .hover ul li{
        margin-left: -2%;
    }
    .content_bottom .text{
        padding: 15px 14px;
        height: 360px;
}
    

}
@media screen and (max-width: 800px){
    .hover ul li{
        
        margin-left: -3%;
    }
}

@media screen and (max-width: 822px){
   /*  .footer .content_bottom_T > div {
    padding: 3% 1.4% 0;
} */
}
@media screen and (max-width: 810px) {    
    .hdmenu ul.nav.navbar-nav > li a{
        padding: 15px 0px;
    }
    /* .content_bottom .text {
    padding: 10px 15px 0;
    } */
}
@media screen and (max-width: 767px){

    body.page_mobilehome .navbar-collapse.in {
        height: 150px;
    }
    .nav .navbar-nav{
        margin-left: 0;
    }
    .navbar-default .navbar-nav>li {
        margin-right: 1.5%;
}
   .content_bottom .aboutus {
        margin-left: 4%;
        top: 8px;
}
    .content_bottom {
        padding: 0;
}
    .content_bottom .text{
        height: 300px;
    }   
    .content_bottom_T > div, .content_bottom_B > div {
        width: 38%; 
        margin-right: 0; 
        margin-left: 5%;
    }
    .content_bottom_T{
        margin-top: 70px;
    }
     .footer .footer_text {
        padding: 0;
        height: 200px;
        margin-left: 5%;
    }
    .footer .footer_text:hover{
        background-color:#383735;
    }

}
@media screen and (max-width: 767px){
  .navbar-header button{
    background:url('/ezfiles/7/1007/img/83/menu.png') 0 0 no-repeat;
  }
    .navbar-default .navbar-toggle {
    background-color:transparent;
    border-color:transparent;
}
  .nav.navbar-nav {
        text-align: center;
        height: 160px;
        margin:0;
    }
.navbar-default .navbar-nav>li{
        display: inline-block;
   }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: transparent; 
   }
.navbar-default .navbar-nav{
     position: static;
   }
.navbar-toggle span:after, .navbar-toggle span:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    margin-left: 0%;
    width: 0%;
    height: 0%;
    background: transparent;
}
.navbar-toggle span:after {
    top: 0%;
}
button.navbar-toggle {
    width: 76px;
    height: 70px;
    top: -115px;
    right: -5px;
}
}
@media screen and (max-width: 525px){

}
@media screen and (max-width: 594px){
    .content_bottom .aboutus {
        top: 0px;
        margin-left: 10%;
    }
  .content_bottom_T > div, .content_bottom_B > div {
        width: 65%; 
        margin-right: 0; 
        margin-left: 10%;
    } 
  .content_bottom .text {
    height: 245px;
}
}
@media screen and (max-width: 480px) {
    
    .footer .footer_text {
        height: 250px;
    }
    .logo{
        width:75%;
    }
    .logo img{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 464px) {
.hover ul li{
    margin: 0 2%;
    width: auto;
    }

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

}
@media screen and (max-width: 420px){
 .hover ul li {
    margin: 0 1%;
    width: auto;
    vertical-align: top;
}  
.navbar-default .navbar-nav>li>a {
    padding: 12px 10px;
} 
.navbar-default .navbar-nav>li {
    margin-right: 0%;
}
}



@media screen and (max-width: 407px){   
    .content_bottom .text{
        height: 285px;
    }    
}
@media screen and (max-width: 394px){   
    .hover ul li {
        margin: 0 3px;
    }
    .hover ul li a img {
        max-width: 60px;
        height: auto;
    }
}
@media screen and (max-width: 388px){
  .hover ul li {
    margin: 0 -1px;
}

}

@media screen and (max-width: 345px){
    .content_bottom_T > div, .content_bottom_B > div {
    width: 80%;
    margin-right: 0;
    margin-left: 5%;
}
    .navbar-default .navbar-nav>li>a {
    padding: 8px 3px;
} 
}


@media screen and (max-width: 334px){
    .hover ul li {
        margin: 0 0%;
        width: 150px;
    }
}


@media screen and (max-width: 320px){
.logo {
    width: 60%;
    margin-left: 15%;
}
  .navbar-header button{
    background:url('/ezfiles/7/1007/img/83/menu_s.png') 0 0 no-repeat;
  }
  button.navbar-toggle {
    width: 50px;
    height: 50px;
    top: -100px;
    right: -5px;
}
.navbar {
    min-height: 0px;
}
.navbar-default .navbar-nav>li>a {
    margin-bottom: 12px;
}
.hover {
    top: 270px;
}
.banner {
    width: 100%;
    height: 570px;
}
.hover ul li {
    margin: 0 0%;
    width: 100px;
}
.content_bottom .aboutus {
    margin-left: 5%;
}
.hover ul li a p {
    font-size: 12px;
}
}