@charset "utf-8";
/* CSS Document */

*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}

/*a{text-decoration:none;color:#fff}*/

#header:after{content:"";clear:both;display:block;overflow: hidden;justify-content: center;}
.search{float:right;padding:30px}
input{border:none;padding:10px;border-radius:20px}
.logo{padding:2px 0px}
.logo a{font-size:20px;display:block;padding:0px 0px 0px 0px}

.menustackbox nav ul{
    display: flex;
    justify-content: center;
}

.menustackbox nav li{list-style:none;float:left;}
.menustackbox nav .dropdown{position:relative}
.menustackbox nav li a{float:left;padding:35px}
.menustackbox nav li a:hover{background:#E6E6E6}
.menustackbox nav li ul{display:none}
.menustackbox nav li:hover ul{display:inline}
.menustackbox nav li li{float:none}
.menustackbox nav .dropdown ul{position:absolute;left:0;top:100%;background:#E6E6E6;padding:20px 0;border-bottom:3px solid #34495e}
.menustackbox nav .dropdown li{white-space:nowrap}
.menustackbox nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px;color: #000;}
.menustackbox nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
.menustackbox nav li li a{float:none;color:#E6E6E6;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
.menustackbox nav li li a:hover{background:#E6E6E6;background:#FF7100}
.mega-col{width:33%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #000;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}

.site-header{
    position: absolute;
    justify-content: center;
    z-index: 50;
    width: 100%;
    background: #fff;
	border-bottom: solid 1px #E6E6E6;
}
.site-header.fixed {
    position: fixed;
    top: 0;
}

@media only screen and (max-width: 760px) {
  #header{background:#fff;width:100%;position:relative}
  .sp_only {
      display: block;
      overflow: hidden;
  }
}

@media only screen and (min-width: 760px) {
  #header{background:#fff;width:100%;position:relative;}
  .menustackbox nav ul{
        display: flex;
        justify-content: center;
    }
  .sp_only {
      display: none;
  }
  .menustackbox nav >ul>li >a{padding:20px 15px}
  .menustackbox nav{font-size: 90%;}
  .menustackbox nav{display:block!important}
  .megamenuL {
      color: #000;
  }
  .menustackbox {
      width: 100%;
  }
  .site-header{
        position: absolute;
        justify-content: center;
        z-index: 50;
        width: 100%;
    }
    .site-header.fixed {
        position: fixed;
        top: 0;
    }
}

@media only screen and (min-width: 1020px) {
  #header{background:#fff;width:100%;position:relative}
  .sp_only {
      display: none;
  }
  .menustackbox nav >ul>li >a{padding:20px 30px}
  .menustackbox nav {
      font-size: 95%;
  }
  .menustackbox {
      width: 1020px;
      margin: 0px auto;
  }
  .megamenuL {
      color: #000;
  }
}