/*menu style*/
@media screen and (min-width:320px) and (max-width:767px) {
  header{
    width: 100%;
  padding-top: 10px;
  z-index: 1100;
  }
.header_box{
    -webkit-background-size: cover;
    background-size: cover;
  }
  /*logo*/
.logo {
    text-align: left;
    padding-top: 17px;
    padding-bottom: 9px;
    padding-left: 10px;
    max-width: 100%;
    width: calc(100% - 60px);
    padding-right: 10px;
    margin: 0;
}
.logo img {
  height: 45px;
}
  .login {
    position: relative;
    top:0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }
.head_lang{
  display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
    top: 0;
    right: 0;
}


  /*hanburger icon*/
.menu-trigger {
   display: block;
   cursor: pointer;
 }

.bar, .bar:after, .bar:before {
    width: 35px;
    height: 4px;
  }

  .bar {
    position: relative;
    transform: translateY(25px);
    background: #666666;
    transition: all 0ms 300ms;
  }
  .bar.animate {
    background: rgba(255, 255, 255, 0);
  }

  .bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 12px;
    background: #666666;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: #666666;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }

  .bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }





  /*menu*/
  nav .menu li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #39505E;
}
nav .menu li::before{
  background-image: none;
}
nav {
  display: none;
  background-image: url(../images/website_image/bg_menu2.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto;
}
nav .menu {
    height: auto;
    background-image: none;
}
nav .menu li a {
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
}
nav .menu li:nth-child(1){
  width: 100%;
}
  /*banner*/
.banner_box{
padding-bottom: 12px;
}
.banner_arrow_left, .banner_arrow_right{
  display: none;
}
.banner_show{
  width: 100%;
  bottom: -4px;
    position: relative;
}
.banner_in {
    padding: 0;
    box-shadow: 0 0 10px 3px #999;
    position: relative;
    top: -4px;
}
.banner_in::before, .banner_in::after{
  background-image: none;
  height: 0;
}


/*index*/
/*product*/
.home_pro_content{
  margin: 12px 0;
}
.home_product_box{
  background-image: none;
  padding: 0px 7% 1em;
}
.home_product_box::before, .home_product_box::after{
  background-image:none;
}

/*news*/
.home_news_content {
    margin: 0;
}
.home_news_box {
    background-image: none;
    padding: 0;
    box-shadow: 0 0 5px 2px #d7d7d7;
    margin: 5px 0;
}
.home_news_box::before, .home_news_box::after{
  background-image: none;
  height: 0;
}
.home_news_border {
    background-color: rgba(255,255,255,0.5);
    padding-top: 70px;
    margin-right: 0;
}
.home_news_border::before {
    top: -10px;
    left: calc(50% - 121px);
}
.home_news_date {
    background-image: url(../images/website_image/news_date.png);
    background-position: center top;
    padding-left: 0px;
    padding-top: 3px;
    text-align: center;
}
.news {
    border-top: 1px solid #0a486b;
}
.home_news_name {
    width: 100%;
    display: block;
    padding: 0 1em 0 1em;
}
.news_txt {
    width: 100%;
    padding: 1em 1em 0 1em;
}
 /*video*/
 .home_youtube_left, .home_youtube_right {
  width: 100%;
 }

.home_youtube_box::before, .home_youtube_box::after{
  background-image: none;
  height: 0;
}
.home_youtube_content{
  text-align: center;
  padding: 0 10px;
}
.home_youtube_content div {
    width: 100%;
}
.home_youtube_logo ul {
    margin: 1.5em auto;
}
.home_youtube{
  padding-bottom: 30px;
}
  /*more*/
  .more a{
    font-size: 1em;
  }

 /*麵包屑breadcrumb*/

.breadcrumb{
  font-size: 1em;

}
}
@media screen and (max-width: 990px) {
  /*footer*/

.footer_text {
    width: 100%;
    padding: 17px 10px 10px 10px;
    display: block;
    text-align: left;
}
.footer_nav {
    width: 100%;
    display: block;
    padding: 0 10px 10px;
    text-align: center;
}
ul.menu_foot {
    display: none;
}

.footer_nav div.footer_logo {
    margin-top: 0;
    margin-left: 0px;
}
.footer_logo ul li{
  padding: 0 7px;
}
}
@media screen and (max-width: 700px) {
.copyright span{
  display: block;
}
}
@media screen and (max-width: 540px) {
.footer_text span{
  display: block;
}
.footer_text span.foot_point{
  display: none;
}
.footer_text {
    padding: 17px 10px 10px 10px;
}  
.home_youtube_logo ul li:nth-child(1),.home_youtube_logo ul li:nth-child(2) {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(50% - 4px);
}
.home_youtube_logo ul li:nth-child(3),.home_youtube_logo ul li:nth-child(4),.home_youtube_logo ul li:nth-child(5) {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: calc(33% - 4px);
}
}
@media screen and (max-width: 370px) {
.copyright{
  letter-spacing: 0px;
}
}