/*menu style*/
@media screen and (min-width:320px) and (max-width:1200px) {
.logo, nav{
  width: 100%;
}
.page_box {
    width: 100%;
    padding: 0 1%;
  }
ul.menu {
  margin-top: 12px;
}
}
@media screen and (min-width:320px) and (max-width:800px) {
#container {
    background-size: auto;
    margin-top: 83px;
  }

  header{
   /* height: 50px;*/
    position: fixed;
    top: 0;
    width: 100%;
    background: white;
  
  }
  .wrapper{
    padding: 0 3%;
  }
  .title_wrapper{
    padding: 0;
  }
  .menu_page_box{
    padding: 0;
  }
  .page_box{
    padding: 0;
  }
  .pc_style{
    display: none;
  }
  .mb_style{
    display: block;
  }
  .index_news{
    position: inherit;
    left: 0;
    bottom: inherit;
    top: 8em;
    display: block;
  }

  /*logo*/
  .logo {
    padding-top: 0;
  }
  .login p{
    display: none;
  }

  .login {
    position: relative;
    top:0;
    right: 0;
  }
  .head {
    text-align: center;
    margin-bottom: 0px;
    padding-top: 1em;
    margin-top: 0;
    padding-bottom: 0.5em;
    position: fixed;
    background: #fff;
    top: 0;
  }

  /*hanburger icon*/
  .hamburger-menu {
    position: absolute;
    top:2em;
    right: 15px;
    display:block;
    width: 35px;
    height: 40px;
    cursor: pointer;
  }

  .bar {
    position: relative;
    text-align: center;
    transition: all 0ms 300ms;
  }
  .bar.animate {
    
      transition: .2s ease;
     transform: rotate(180deg);

}

.menu-search { position: relative; top: 0; right: 0; width: 90%; margin: 10px auto 10px; }
.menu-search input { width: 100%; }


  /*產品手機板樣式*/

  .hamburger-promenu {
    width: 35px;
    height: 40px;
    cursor: pointer;
    display:inline-block;
  }
  .pro_bar {
    width: 35px;
    height: 4px;
  }

  .pro_bar {
    transition: all 0ms 300ms;
  }
  .pro_bar.animate {
    background: rgba(255, 255, 255, 0);
  }



  /*menu*/
  .logo img {
    width: 100%;
    margin-bottom: -4px;
    max-width: 150px;
}

     .no_class{
    display: none;
  }
  .has_sub_btn{
    display: block;
    position: absolute;
    width: 2em;
    height: 2em;
    right: 1em;
    top: 0.3em;
  }
  nav {display: none;}
  ul.menu {

    margin: 0;
    padding: 1.5em 0 0;
    width:100%;
    min-width: 100%;
    text-align:center;
    float: inherit;
    font-size: 0.94em;
    background: #fff;


  }

  .subBtn {
        position: relative;
    opacity: 1;
    left: inherit;
    top: inherit;
    width: 100%;
    display: none;
    padding: 0.5em 0;
    background:#3E3A39;
  }
  .subBtn a {display: block;width: 100%;}
  .menu_btn {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .menu_btn:hover .subBtn {display: none;top: 0;
    background:#3E3A39;}
  .menu_btn:hover{
  background-image: none;

}
  .menu a {
    padding: 0.5em 9%;
    width: 100%;
    font-size: 1.2em;
    text-align: left;
  }
  .menu_btn:hover.menu_btn a {

    background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 35%, rgba(239,239,239,1) 54%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 35%,rgba(239,239,239,1) 54%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 35%,rgba(239,239,239,1) 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
  }
  .menu_btn:hover .subBtn a{
      background: none;
}
  .subBtn li {
    display: block;
}

  .page_container{
    padding: 30px 0;
  }

  .language_box{
    position: inherit;
    border-top: #B5B5B6 1px solid;

  }
.language_box a {
  display: inline-block;
    width: 3.5em;
    padding: 1em 0;

}
.index_menu_btn{
  text-align: center;
}
.index_menu_btn a{
  text-align: center;
  border-bottom: #EFEFEF 1px solid;
}
.subBtn a{
  font-size: 1em;
}
.subBtn a:hover{
  color: #98D261;
}

  .menu{margin-bottom: 0px;}
  
  /*banner*/
  .banner {
    margin-top: 89px;
  }

  /*index*/
    /*about*/
    .about_title p {
    font-size: 2em;
    }
    .about_content{
    color: #9C9C9C;
    margin: 30px 0;
    }

    /*news*/
    .news_maintitle p{
      font-size: 2em;
    }
    .news_title{
      margin-top: 0.5em;
    }

    .news_title, .news_right{
      color: #878787;
      font-size: 1.2em;
      line-height: 1.5em;
      }
    .news_right p{
      font-size: 0.8em;
      line-height: 1.5em;

      }

    /*product*/
    .product_title p {
      font-size: 2em;
    }
    .product_content p {
    font-size: 1.2em;
    }

  /*more*/
  .more a{
    font-size: 1em;
  }
/*title*/
.contain_txt{
  font-size: 1em;
  line-height: 1.6em;
}
 /*麵包屑breadcrumb*/

.breadcrumb{
  font-size: 1em;
  padding: 0.5em 3%;
}



  /*footer*/
  .footer_out p {
    font-size: 13px;
  }
  .footer_logopic {
    font-size: 2.5em;
  }
  .footer_menu a{
    font-size: 1em;
  }
  .footer_sec2 {
    border-top: #B5B5B6 1px solid;
    font-size: 0.8em;
    padding: 1.2em 0;
    line-height: 2.7em;
  }
  .footer_sec3{
    line-height: 1.8em;
    padding-top: 1.5em;
  }


}
@media screen and (min-width:320px) and (max-width:767px) {
    .cart_run {display: none;}
    .index_about_bg {
        padding: 3em 5%;
      }
}
@media screen and (max-width:500px){
#container {
    margin-top: 72px;
}
.logo {
  text-align: left;
  width: 90%;
  padding: 0;
}
.logo img {
    width: 100%;
    margin-bottom: -4px;
    max-width: 120px;
}
.index_news_bg, .index_about_bg {

    min-height: 250px;
    }
.index_about_img{
  position: inherit;
  bottom: inherit;
  top: 2em;

}
}