#header {
    background: #fff;
    box-shadow: 0 0 5px #e2e2e2;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
    #header .header_nav {
      background-color: #d96d37; }
    #header nav {
      display: inline-block;
      vertical-align: middle; }
      #header nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
      #header nav a {
        color: #565656;
        display: inline-block;
        line-height: 30px;
        text-decoration: none;
        width: 100%; }
      #header nav svg {
        fill: #565656;
        vertical-align: middle; }
        #header nav svg:hover {
          fill: #b898e4; }
      #header nav .link_shelf_top > li {
        display: inline-block; }
        #header nav .link_shelf_top > li > a {
          line-height: 30px;
          padding: 10px;
          font-size: 14px; }
      #header nav .dropdown-menu {
        border-radius: 0;
        margin: 0;
        padding: 0;
        top: 100% !important;
        transform: none !important;
        width: 100%; }
        #header nav .dropdown-menu .collection-all {
          display: flex; }
      #header nav .search .search-area {
        display: flex; }
      #header nav .search form {
        flex: 1 0 0; }
      #header nav .search .form-area {
        display: flex;
        width: 100%; }
        #header nav .search .form-area input {
          flex: 1 0 0;
          margin-right: 5px;
          width: 170px; }
        #header nav .search .form-area button {
          margin-right: 5px;
          padding: 0;
          width: 60px; }
      #header nav .search a.close-dropdown {
        cursor: pointer;
        text-align: center;
        width: 44px; }
      #header nav .btn-logout, #header nav .btn-orders, #header nav .btn-login, #header nav .btn-signin, #header nav .btn-search, #header nav .close-dropdown, #header nav .btn-checkout {
        line-height: 38px; }
      #header nav .btn-logout, #header nav .btn-login {
        background: #ABB4BB;
        border-color: #ABB4BB;
        border-radius: 5px;
        color: #fff;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-logout:hover, #header nav .btn-login:hover {
          background: #86919B;
          border-color: #86919B; }
      #header nav .btn-signin, #header nav .btn-orders {
        border: 1px solid #b898e4;
        border-radius: 5px;
        color: #b898e4;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-signin:hover, #header nav .btn-orders:hover {
          background: #b898e4;
          color: #fff; }
      #header nav .btn-checkout {
        background: #b898e4;
        border-color: #b898e4;
        border-radius: 5px;
        color: #fff;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-checkout:hover {
          background: #715697;
          border-color: #715697; }
      #header nav .btn-search {
        background: #b898e4;
        border-color: #b898e4;
        border-radius: 5px;
        color: #fff;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-search:hover {
          background: #715697;
          border-color: #715697; }
      #header nav .close-dropdown {
        background: #fff;
        border: 1px solid #ABB4BB;
        border-radius: 5px;
        color: #ABB4BB;
        transition: all ease-in-out .15s;
        text-align: center;
        border: none; }
        #header nav .close-dropdown:hover {
          background: #fff;
          border-color: #86919B;
          color: #86919B; }
  
  @media (min-width: 992px) {
    #header .main-nav a {
      padding: 5px 10px; }
    #header .main-nav .show a {
      color: #a3a3a3; }
      #header .main-nav .show a:hover {
        color: #565656;
        background: #ececec; }
    #header .main-nav .link_shelf_top li a {
      color: #fff; }
    #header .main-nav .link_shelf_top .show > a, #header .main-nav .link_shelf_top > li > a:hover {
      color: #fff;
      background: #ff7dc4; }
    #header .main-nav .dropdown-menu a {
      height: 44px;
      padding: 4px 10px; }
      #header .main-nav .dropdown-menu a span {
        height: auto;
        max-height: 36px; }
      #header .main-nav .dropdown-menu a a {
        display: -webkit-box;
        display: block\0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 18px;
        height: 36px; }
      #header .main-nav .dropdown-menu a li {
        height: 44px; }
    #header .main-nav .dropdown-menu {
      width: 100%;
      padding: 20px;}
      #header .main-nav .dropdown-menu .title a {
        display: flex;
        align-items: center;
        color: #a3a3a3; }
      #header .main-nav .dropdown-menu li:not(.title) a {
        display: flex;
        align-items: center;
        color: #a3a3a3; }
      #header .main-nav .dropdown-menu .row {
        margin: 0; }
        #header .main-nav .dropdown-menu .row .col-sm-2 {
          padding: 0; }
          #header .main-nav .dropdown-menu .row .col-sm-2:hover .title a {
            background: none;
            color: #b898e4; }
          #header .main-nav .dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover {
            color: #565656; }
    #header .main-nav .link_shelf_second, #header .main-nav .link_shelf_third {
      background: #fff; }
      #header .main-nav .link_shelf_second > li, #header .main-nav .link_shelf_third > li {
        position: relative; }
        #header .main-nav .link_shelf_second > li > a:after, #header .main-nav .link_shelf_third > li > a:after {
          bottom: 0px;
          border-bottom: 1px solid #e2e2e2;
          content: "";
          position: absolute;
          left: 5%;
          width: 90%; }
        #header .main-nav .link_shelf_second > li.relative:hover > a, #header .main-nav .link_shelf_second > li.relative:hover > a:hover, #header .main-nav .link_shelf_second > li > a:hover, #header .main-nav .link_shelf_third > li.relative:hover > a, #header .main-nav .link_shelf_third > li.relative:hover > a:hover, #header .main-nav .link_shelf_third > li > a:hover {
          color: #b898e4; }
        #header .main-nav .link_shelf_second > li:hover, #header .main-nav .link_shelf_third > li:hover {
          background: #ececec; }
          #header .main-nav .link_shelf_second > li:hover > a, #header .main-nav .link_shelf_third > li:hover > a {
            color: #b898e4;
            background-color: #ececec; }
        #header .main-nav .link_shelf_second > li:last-child > a:after, #header .main-nav .link_shelf_third > li:last-child > a:after {
          border-bottom: none; }
    #header .main-nav .link_shelf_top .dropdown .dropdown-menu {
      padding: 0; }
    #header .main-nav .link_shelf_top .dropdown.static .dropdown-menu {
      padding: 20px; }
    #header .main-nav .link_shelf_top .dropdown .dropdown-menu.collection_link_shelf {
      padding: 20px; }
    #header .main-nav .link_shelf_top .dropdown.static .dropdown-menu.collection-all {
      padding: 0; }
    #header .main-nav .link_shelf_second .relative:hover .link_shelf_third {
      display: block; }
    #header .main-nav .link_shelf_third {
      display: none;
      left: 100%;
      position: absolute;
      top: -1px;
      width: 100%; }
    #header .main-nav .collection-all .collection {
      background: #fff;
      width: 20%;
      border-right: 1px solid #e2e2e2; }
      #header .main-nav .collection-all .collection .title {
        color: #565656;
        border-bottom: 1px solid #e2e2e2; }
      #header .main-nav .collection-all .collection .products {
        display: none;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 80%; }
        #header .main-nav .collection-all .collection .products .col-md-3 {
          height: 40px;
          padding: 0; }
          #header .main-nav .collection-all .collection .products .col-md-3 a {
            display: flex;
            align-items: center;
            color: #a3a3a3; }
      #header .main-nav .collection-all .collection:last-child .title {
        border-bottom: none; }
    #header .main-nav .collection-all .collection:hover .title a {
      color: #b898e4;
      background-color: rgba(0, 0, 0, 0); }
    #header .main-nav .collection-all .collection:hover .products {
      display: block; }
      #header .main-nav .collection-all .collection:hover .products .col-md-3 a:hover {
        background-color: #ececec;
        color: #565656; }
    #header .main-nav .collection_link_shelf {
      padding: 20px; }
      #header .main-nav .collection_link_shelf .collection > li.title {
        color: #b898e4; }
      #header .main-nav .collection_link_shelf .collection > li {
        color: #a3a3a3; }
        #header .main-nav .collection_link_shelf .collection > li:hover a {
          background-color: #ececec;
          color: #565656; }
    #header .tool-nav {
      display: flex;
      flex: 0 0 50%;
      justify-content: flex-end;
      float: right; }
      #header .tool-nav .dropdown > a {
        padding: 10px;
        line-height: 24px; }
      #header .tool-nav .link_shelf_top .dropdown-menu {
        left: auto !important;
        right: 0;
        top: 100% !important; }
      #header .tool-nav .link_shelf_top .cart .global-cart-count {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 25px;
        color: white;
        background-color: #b898e4;
        font-size: 12px; }
      #header .tool-nav .button, #header .tool-nav .total {
        margin: 10px; }
      #header .tool-nav .cart_list p {
        margin: 0; }
      #header .tool-nav .cart_list a {
        line-height: 1.3; }
      #header .tool-nav .cart_list .product_item {
        border-bottom: 1px solid #e2e2e2;
        display: grid;
        grid-template-columns: 60px auto;
        grid-template-rows: auto auto;
        grid-template-areas: "item_img item_title" "item_img item_amount";
        margin: 0 10px;
        padding: 10px 0; }
      #header .tool-nav .cart_list .thumb-img {
        grid-area: item_img; }
        #header .tool-nav .cart_list .thumb-img img {
          opacity: 1; }
      #header .tool-nav .cart_list .title {
        grid-area: item_title; } }
  
  @media (max-width: 991px) {
    #header .container {
      padding: 0;
      min-width: 100%; }
    #header nav .dropdown-menu {
      top: auto !important; }
    #header .mobile-nav {
      width: 100%; }
      #header .mobile-nav a {
        padding: 0; }
      #header .mobile-nav ul {
        display: flex; }
        #header .mobile-nav ul > li {
          height: 50px;
          line-height: 50px;
          text-align: center;
          padding: 0 5px; }
      #header .mobile-nav svg {
        fill: #b898e4; }
        #header .mobile-nav svg:hover {
          fill: #715697; }
      #header .mobile-nav .cart .global-cart-count {
        width: 19px;
        height: 19px;
        line-height: 19px;
        border-radius: 19px;
        color: #fff;
        background-color: #fc648c;
        font-size: 12px; }
      #header .mobile-nav .sidebar-menu-icon, #header .mobile-nav .member, #header .mobile-nav .cart, #header .mobile-nav .search {
        min-width: 10%; }
      #header .mobile-nav .logo {
        flex: 1 0 0;
        padding: 10px; }
        #header .mobile-nav .logo a {
          height: 100%;
          vertical-align: top; }
      #header .mobile-nav .search .search-area {
        padding: 5px; } }
  
  @media (max-width: 450px) {
    #header .mobile-nav svg {
      height: 20px; } }
      
  
  
  
  /*10906 ddstudio修改 START */
  #header .main-nav ul{
      z-index: 100;
  }
  
  #header .main-nav .dropdown-menu{
      /*overflow-y: scroll;*/
      width: 160px;
  }
  
  #header .main-nav .link_shelf_second{
      max-height: 352px;
      overflow-y: scroll;
      /*padding-right: 10px;*/
  }
  
  #header .main-nav .link_shelf_third{
      left: -9999px;
      display: block;
  }
  
  /*#header .main-nav .link_shelf_third.show{*/
  /*    display: block;*/
  /*    left: 100%;*/
  /*    position: fixed;*/
  /*    height: 200px;*/
  /*    overflow-y: auto;*/
  /*}*/
  
  #header .main-nav .link_shelf_second .relative:hover .link_shelf_third{
      /*position: fixed;*/
      /*overflow-y: scroll;*/
      /*max-height: 200px;*/
      /*min-height: 200px;*/
      /*left: 140px;*/
  }
  
  .mega-dropdown.open .dropdown-menu{
      display: block;
  }
  
  #header .main-nav .link_shelf_second li.open .link_shelf_third{
      position: absolute;
      left: 100%;
      top: -1px;
      height: 354px;
      overflow-y:auto;
  }
  
  #header .main-nav .dropdown-menu .has-submenu a svg{
      display:inline-block;
      position: absolute;
      right: 10px;
      top:15px;
  }
  
  
  @media (min-width: 992px){
      #header .main-nav .link_shelf_second > li, #header .main-nav .link_shelf_third > li{
          position: initial !important;
      }
      #header .main-nav .dropdown-menu li:not(.title) a{
          position: relative;
      }
  
  }
  
  
  /*For IE*/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     #header .main-nav .link_shelf_second{
          max-height: 100%;
          overflow: visible;
      }
      #header .main-nav .link_shelf_second li.open .link_shelf_third{
          position: absolute;
          height: 100%;
          overflow-y:visible;
      }
      #header .main-nav .link_shelf_second .relative:hover .link_shelf_third{
          position: fixed;
          overflow-y:visible;
          /*overflow-y: scroll;*/
          /*max-height: 200px;*/
          /*min-height: 200px;*/
          /*left: 140px;*/
      }
      #header .main-nav .link_shelf_second > li, #header .main-nav .link_shelf_third > li{
          position: relative !important;
          background: #ffffff;
      }
  }