#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;
}

.rich-group{
    padding: 0 10px 0 0px;
    max-width: 220px;
}
.ec-menu-list>.rich-group{
    min-width: 180px;
}
 .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: 290px;
     min-width: 200px;
}
 .ec-menu-list{
     display: flex;
     flex-flow: column wrap;
     justify-content: flex-start;
     max-height: 290px;
     min-width: 320px;
}
.menu-link>p{
  color: #243237;
 margin: 0;
 padding: 0 10px;
 }
/* ai */
.menu-ai-tag{
/*                         background: #EBFFEE; */
 border-radius: 30px;
 padding: 0px 0px;
}
.menu-new-icon{
max-width:30px;
}
.menu-new-icon>img{
width:100%;
}
.ai-tittle{
display: flex;
 align-items: center;
 justify-content: flex-start;
gap:10px;
}
.ai-tittle>p{
  margin: 0;
  font-size:16px!important;
  padding: 0;
  color:#243237;
}
.ai-tittle>p:hover{
 color:#58B805;
}


.menu-ai-icon{
  display: flex;
 align-items: center;
justify-content: center;
 max-height: 20px;
}


.rich-tittle>a>span{
padding-left:0!important;
}
 .evox-tg{
    /*width: 50%;
     */
     min-height: 250px;
}
 .ec-layout{
    /*width: 50%;
     */
}
.integration-menu-list{
    min-height: 260px;
}
/*修改*/
 .menu-item{
     float: inherit;
}
 .product-richmenu{
     float: inherit;
     width: 100%;
     margin: 0 auto;
     display: flex;
}
 .addition-tag{
/* background: #c6c6c6;*/
   padding: 2px 5px;
   width: 105px;
   text-align: center;
   font-size: 12px!important;
   margin: 5px 0!important;
   border-radius: 4px;
   color: #a7a7a7!important;
   border: 1px solid #c6c6c6;
}
.hover-green-text:hover .whoscall-tittle{
  color:#58B805!important;
}
.hover-green-text:hover .hover-green-text>div{
  color:#58B805!important;
}
 .hover-green-text:hover .addition-tag{
/*   background: #58B805;*/
     color:#58B805!important;
     border: 1px solid #58B805;
}
.ec-tittle>p{
  margin:0;
color:#243237;
  font-size: 16px !important;
}
.ec-tittle>p:hover{
color:#58B805;
}
/* 選單修改 */
/*調整選單*/
 .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 0px 40px 30px;
}
 .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;
}
.resolution-block>div:nth-child(1),  .resolution-block>div:nth-child(2){
    border-right: 1px solid #EDEFF1;
}

/* 240509選單調整 */
/* 修改*/
              .main-accessories>.drop-down-block{
                margin-left: auto!important;
              }

              .headerNav-dropdown{
                padding: 30px 1% 20px 1%;
              }
              /* 新增*/
              .accessories-block{
                margin: 10px 20px;
                max-width: 430px;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-flow: column;
                margin: 30px 20px;
              }

              .accessories_box{
                width: 100%;
/*                height: 20px;*/
                float: left;
                margin: 10px 2%;
                padding: 5px 10px;
              }
              .accessories_box>div{
                font-size: 16px;
              }
              .accessories_box:hover.accessories_box>div {
                    color: #58B805;
              }
@media screen and (max-width: 7520px){
                .main-accessories>.drop-down-block{
                      margin-left: 0 !important;
                }
}

@media only screen and (max-width: 1500px) {
  .headerNav-dropdown:hover .product-drop-down {
    left: 50%;
    margin-left: -47%;
  }
}
 @media screen and (max-width: 1254px){

}
 @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: initial;
        /* 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;
        
    }
}
 @media screen and (min-width: 1060px){
   .headerNav-dropdown{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .headerNav-dropdown:hover .product-drop-down{
        left: 50%;
        margin-left: -47%;
    }
     .menu-group{
         display: flex!important;
         width: 100%;
         align-items: center;
    }
     .main-menu{
         display: flex;
         width: 80%;
         justify-content: space-evenly;
    }
     .right-menu{
         width: 20%;
         display: flex;
         align-items: center;
         justify-content: center;
    }
}
@media screen and (min-width: 1300px){

  .headerNav-dropdown:hover .product-drop-down{
          left: 50%;
        margin-left: -28%;
  }