#header {
     line-height: 1em;
     -webkit-font-smoothing: subpixel-antialiased;
     background: #fff;
     padding: 0 20px;
    /* min-height:67px;
     */
}
 #header.show-on-scroll {
     position: fixed;
     width: 100%;
     z-index: 2000;
     border-top: 0px;
     border-right: 0px;
     border-left: 0px;
     top: 0px;
}
 .mobile-menu-icon {
     padding: 2% 0px;
}
 .resource_box>div {
     font-size: 16px;
}
 .resource_box:hover.resource_box>div {
     color: #58B805;
}
 .ec-tittle{
     font-weight: normal!important;
}
 .ec-layout{
     display: flex;
     flex-flow: column;
}
/* 選單動畫 */
 .container {
     display: inline-block;
     cursor: pointer;
}
 .bar1, .bar2, .bar3 {
     width: 16px;
     height: 2px;
     background-color: #333;
     margin: 3px 0;
     transition: 0.4s;
     border-radius: 100px;
}
 .change .bar1 {
     -webkit-transform: rotate(-45deg) translate(-1px, 3px);
     transform: rotate(-45deg) translate(-1px, 3px);
}
 .change .bar2 {
     opacity: 0;
}
 .change .bar3 {
     -webkit-transform: rotate(45deg) translate(-4px, -6px);
     transform: rotate(45deg) translate(-4px, -6px);
}
 .header-inner {
     display: table;
     width: 100%;
     animation: header-anim 1s ease-in-out;
     min-height: 50px;
}
 #logoImage {
     margin: 0!important;
     line-height: 0;
     max-height: 50px;
     max-width: 380px;
}
 #logoImage>a>img {
     max-height: 50px;
}
/* 修改加入耳機選項 */
 .evox-menu-list{
    /* display: flex;
     flex-flow: column wrap;
     justify-content: flex-start;
     */
    /*max-height: 180px;
     */
}
 .evox-tg{
     min-width: auto!important;
}
 .evox-menu-list{
     display: flex;
     flex-flow: column wrap;
     justify-content: flex-start;
     max-height: 190px;
     min-width: 110px;
}
 .ec-menu-list{
     display: flex;
     flex-flow: column wrap;
     justify-content: flex-start;
     max-height: 190px;
     min-width: 240px;
}
 .evox-tg{
    /*width: 50%;
     */
     min-height: 250px;
}
 .ec-layout{
    /*width: 50%;
     */
}

/*修改*/
 .menu-item{
     float: inherit;
}
 .product-richmenu{
     float: inherit;
     width: 100%;
     margin: 0 auto;
     display: flex;
}
/* 選單修改 */
/*調整選單*/
            .drop-down-block-new{
              margin-left: -140px;
              padding:0;
              /*left: 60%;*/
              top: 40px;
              display: block;
              visibility: visible;
              background: #ffffff;
              width: auto;
              position: absolute;
              /* left: 50%; */
              color: #fff;
              /* min-height: 340px; */
/*              padding: 20px 10px;*/
              margin-top: 60px;
              margin-left: -70px;
              /* border-top: 1px solid #EDEFF1; */
              -moz-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
              -webkit-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
              box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
            }
            .headerNav-dropdown:hover .drop-down-block{
              top: 40px;
              display: block;
              visibility: visible;
              background: #ffffff;
              width: auto;
              position: absolute;
              color: #fff;
              padding:0;
              margin-top: 60px;
              margin-left: -70px;
              -moz-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
              -webkit-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
              box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
            }
            .rich-block{
              padding: 20px 40px;
            }
            .product-drop-down{
              /*width: 70%;*/
            }
            .menu-box-top{
              font-weight: 400;
            }
            .product-richmenu .rich-block:nth-child(1), .product-richmenu .rich-block:nth-child(2){
                border-right: 1px solid #eee;
                margin: 20px 0;
            }
            @media screen and (max-width: 1254px){
/*              .headerNav-dropdown:hover .product-drop-down{*/
/*                left: 17%;*/
/*              }*/
            }
            @media screen and (max-width: 1170px){
/*              .headerNav-dropdown:hover .product-drop-down{*/
/*                left: auto;*/
                /* width: 80%;*/
              }
            }
            @media screen and (max-width: 1060px){
/*              .headerNav-dropdown:hover .product-drop-down{*/
/*                margin-left: 0px;*/
/*              }*/
              /*調整選單*/
/*              .headerNav-dropdown:hover .drop-down-block{*/
/*                margin-left: 0px;*/
                /*left: 60%;*/
/*              }*/
/*              .headerNav-dropdown:hover .product-drop-down{*/
/*                width: 100%;*/
/*              }*/
            }
/* .side-drop-down:hover .sub-side-menu{
     display:block;
}
 */
 @media only screen and (max-width: 952px) {
     #header #logoWrapper {
         box-sizing: border-box;
         display: table-cell;
         vertical-align: middle;
         padding: 3px 20px 0 0!important;
    }
     .headerNav-dropdown:hover .drop-down-block {
         -moz-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
         -webkit-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0);
         box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0);
    }
}
 @media (min-width: 800px) {
     div.external:first-of-type {
         pointer-events: auto!important;
    }
}
 @media only screen and (max-width: 752px) {
     .menu-group {
         overflow: auto!important;
    }
     #myLinks {
         overflow: auto!important;
    }
     .product-richmenu{
         display: flex;
         flex-flow: column;
    }
     .ec-menu-list{
         max-height: 100%;
    }
   .header-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
   }
   
/*    選單修改 */
    .headerNav-dropdown:hover .drop-down-block{
/*                          margin-left: -140px;*/
                          padding:0;
                          /*left: 60%;*/
                          top: 0px;
                          display: block;
                          visibility: visible;
                          background: #ffffff;
                          width: 100%;
          position: relative;
                          /* left: 50%; */
                          color: #fff;
                          /* min-height: 340px; */
            /*              padding: 20px 10px;*/
/*                          margin-top: 60px;*/
/*                          margin-left: -70px;*/
                          /* border-top: 1px solid #EDEFF1; */
                          -moz-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
                          -webkit-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
                          box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0);
                        }
                        .drop-down-block-new{
                          position: relative;
                          margin-top: 0px;
                          margin-left: 0;
                          top: 10px;
                          box-shadow: 0px 0px 0px 0px rgba(191, 191, 191, 0.5);
                        }
                        .evox-menu-list{
                          max-height: 100%;
                        }
                        .headerNav-dropdown:hover .product-drop-down{
                          margin-left: 0;
                          width: 100%;
                        }
                        .menu-group{
                          top: 60px;
                          padding: 0;
                          height: 130vw;
                          overflow: scroll!important;
                          box-shadow: 0px 24px 20px #26262659;
                        }
                        .main-menu{
                        }
                        .product-richmenu .rich-block:nth-child(1), .product-richmenu .rich-block:nth-child(2){
                          margin: 0 ;
                          border-right: 0px solid;
                          border-bottom: 1px solid #eee;
                        }
                        .headerNav-dropdown{
                          display: inline-block;
                          cursor:pointer;
                          width: 100%;
                          padding: 10px 5%;
                        }
                        .customize-main-manu{
                          padding: 0;
                        }
                        .resolution-block{
                          margin: 0;
                        }
                        .sort_type{
                          width: 90%;
                        }
                        .resource-block{
                          margin: 5px 0px;
                          display: flex;
                          padding: 0 20px;
                          align-items: center;
                          flex-flow: column;
                        }
                        .resource_box{
                          height: auto;
                          padding-right: 0;
                          width: 90%;
                        }
                        .resource_box>div{
                          font-size: 20px;
                          margin: 5px 0;
                        }
                        .main-menu{
                          width: 100%;
                          margin: 30px auto;
                        }
                        .rich-block{
                          width: auto;
                          padding: 0px 20px;
                        }
                        .evox-menu-list{
                          flex-flow: column;
                        }
                        .side-menu-item{
                          width: 90%;
                          padding: 0 5%;
                        }
}
 @media only screen and (max-width: 640px) {
}
 @media only screen and (min-width: 641px) {
     .logo-wrapper {
         width: 220px!important;
    }
     #header #logoWrapper {
         box-sizing: border-box;
         display: table-cell;
         vertical-align: middle;
    }
}
/* 附蓋用 */
 .hover-green-text {
     cursor: pointer;
}
 .hover-green-text>li:hover {
     color: #00A82D;
}
/*.login-panel{
     list-style: none;
     padding: 0;
}
 */
 .login-sub-block {
     right: 0;
     top: 30px;
     padding: 0!important;
}
 .login-img {
     width: 20%;
     float: left;
     margin: 0 5px;
}
 .login-img>img {
     width: 100%;
}
 .login-link {
     width: 260px;
     float: left;
     display: block;
     float: left;
     padding: 20px 15px;
}
 .login-link:hover {
     background: #EDEFF1;
}
/*.evox-admin:hover{
     background:#00A82D;
}
 .econnect-admin:hover{
     background:#5856D6;
}
 */
 .login-text {
     width: 70%;
     float: left;
     margin: 0 5px;
}
 .login-text>div {
     margin: 0;
    /*line-height: 2em;
     */
     font-size: 15px;
     color: #243237;
    /*width: 200px;
     */
    /*border-bottom: 4px solid #fff;
     */
}
 .login-text>p {
     margin: 0;
     font-size: 13px!important;
     color: #A6ADAF;
}
 .login-link:hover .login-text>div, .login-link:hover .login-text>p {
    /*color:#000;
     */
    /*border-bottom: 4px solid #00A82D;
     */
}
 .login-triangle {
     position: absolute;
     display: inline-block;
     top: -7px;
     right: 13px;
     width: 0;
     height: 0px;
     content: '';
     border-style: solid;
     border-width: 7px;
     border-color: #fff #fff transparent transparent;
     transform: rotate(-45deg);
     box-shadow: 2px -2px 1px #f4f4f4;
     z-index: 9999;
     margin-left: 10px;
     visibility: visible;
}
 @media screen and (max-width: 840px) {
     .login-btns {
         display: none;
    }
}
.integration_tittle-box{
                        width: 10px;
                        height: 10px;
                        background: #7b7b7b;
                        float: left;
                        margin: 5px 10px 5px 0px!important;
}
 .integration-service-tg{
/*                         background: #F2F2F2; */
                        padding: 40px;
                      }
                      .integration-top-btn{
                        color: #243237;
                      }
                      .integration-top-btn:hover{
                        color: #243237;
                      }
                      @media screen and (max-width: 752px){
                        .headerNav-dropdown:hover .drop-down-block{
/*                          margin-left: -140px;*/
                          padding:0;
                          /*left: 60%;*/
                          top: 0px;
                          display: block;
                          visibility: visible;
                          background: #ffffff;
                          width: 100%;
            /*              position: absolute;*/
                          /* left: 50%; */
                          color: #fff;
                          /* min-height: 340px; */
            /*              padding: 20px 10px;*/
                             margin-top: 30px;
                            margin-left: 0;
                          /* border-top: 1px solid #EDEFF1; */
                          -moz-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
                          -webkit-box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0.5);
                          box-shadow: 4px 4px 12px 1px rgba(191, 191, 191, 0);
                        }
                        .drop-down-block-new{
                          position: relative;
                          margin-top: 0px;
                          margin-left: 0;
                          top: 10px;
                          box-shadow: 0px 0px 0px 0px rgba(191, 191, 191, 0.5);
                        }
                        .evox-menu-list{
                          max-height: 100%;
                        }
                        .headerNav-dropdown:hover .product-drop-down{
                          margin-left: 0;
                          width: 100%;
                        }
                        .menu-group{
                          top: 60px;
                          padding: 0;
                          height: 130vw;
                          overflow: scroll!important;
                          box-shadow: 0px 24px 20px #26262659;
                        }
                        .main-menu{
                        }
                        .product-richmenu .rich-block:nth-child(1), .product-richmenu .rich-block:nth-child(2){
                          margin: 0 ;
                          border-right: 0px solid;
                          border-bottom: 1px solid #eee;
                        }
                        .headerNav-dropdown{
                          display:flex;
                          cursor:pointer;
                          width: 100%;
                          padding: 10px 5%;
                          flex-flow: column;
                        }
                        .customize-main-manu{
                          padding: 0;
                        }
                        .resolution-block{
                          margin: 0;
                        }
                        .sort_type{
                          width: 90%;
                        }
                        .resource-block{
                          margin: 5px 0px;
                          display: flex;
                          padding: 0 20px;
                          align-items: center;
                          flex-flow: column;
                        }
                        .resource_box{
                          height: auto;
                          padding-right: 0;
                          width: 90%;
                        }
                        .resource_box>div{
                          font-size: 20px;
                          margin: 5px 0;
                        }
                        .main-menu{
                          width: 100%;
                          margin: 30px auto;
                        }
                        .rich-block{
                          width: auto;
                          padding: 0px 20px;
                        }
                        .evox-menu-list{
                          flex-flow: column;
                        }
                        .side-menu-item{
                          width: 100%;
                          padding: 0 5%;
                        }
                      }
                      @media screen and (max-width: 480px){
                        .customize-main-manu{
                          font-size: 20px;
                        }
                        .rich-tittle> a > div{
                          padding: 0px 0 0px 0px;
                        }
                        /*選單*/
                        .menu-group{
                          top:50px;
                          width: 100%;
                        }
                        .headerNav-dropdown:hover .product-drop-down{
                          margin-left: 0;
                          width: 100%;
                        }
                        .rich-tittle>a>span{
                           font-size: 10px;
                           margin: 5px 0;
                        }
                      }