*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100%}body header{width:100%;height:65px;border-bottom:1px solid #eee;background-color:#fff}body header .header__container{display:flex;margin:auto;align-items:center;justify-content:space-evenly;max-width:1200px;height:65px}body header .header__container .logo{width:80px;height:16px}body header .header__container .mainMenu{width:90%}body header .header__container .mainMenu.desktop{font-size:16px;display:flex}body header .header__container .mainMenu.mobile{display:none}body header .header__container .mainMenu ul{display:flex;width:740px;margin:0 50px;justify-content:flex-start;align-items:center}body header .header__container .mainMenu ul a{cursor:pointer;text-decoration:none;color:#000}body header .header__container .mainMenu ul a li.menuBtn{position:relative;display:flex;justify-content:center;align-items:center;width:130px;height:65px;cursor:pointer}body header .header__container .mainMenu ul a li.menuBtn.act{color:#0089ae}body header .header__container .mainMenu ul a li.menuBtn button{width:45px;height:45px;position:absolute;transition:.3s;transform:rotateX(0);right:2%;border:none;background:url(../images/iconArrow.svg) center no-repeat;cursor:pointer}body header .header__container .mainMenu ul a .active{display:inline-block;position:absolute;bottom:1px;width:60%;height:1px;background-color:#0089ae;color:#fff;transition:.3s}body header .header__container .mainMenu ul a .active::after{content:"";display:flex;position:absolute;bottom:-1x;width:100%;height:2px;opacity:1;background-color:#0089ae}body header .header__container .mainMenu ul a .active.hide{width:0%;height:0;opacity:0}body header .header__container .language_search_container{display:flex;flex:1 10 auto;flex-direction:row;width:10%;justify-content:space-between}body header .header__container .language_search_container .btnSearch{width:30px;height:30px;cursor:pointer;background:url(../images/search-grey.svg) center/80% no-repeat}body header .header__container .language_search_container .btnLanguage{width:30px;height:30px;background:url(../images/en.png) center/80% no-repeat;cursor:pointer}body header .navSub{display:flex;justify-content:center;position:relative;height:auto}body header .navSub .overlay{position:absolute;top:60px;width:1260px;height:550px}body header .navSub .navLayer2{position:absolute;top:-10px;display:flex;width:1200px;height:auto;margin:auto;border-radius:0 0 2px 2px;overflow:hidden;opacity:0;transition:.3s;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fff;z-index:-1}body header .navSub .navLayer2.showMenu,body header .navSub .navLayer2.showMenuBiz,body header .navSub .navLayer2.showMenuInd{display:flex;opacity:1;top:0;z-index:998}body header .navSub .navLayer2 .layer2Left{display:flex;align-items:flex-end;width:200px;height:auto;padding:40px 0;background-color:#f2f2f2;flex-direction:column}body header .navSub .navLayer2 .layer2Left span{width:135px;padding:10px 0 10px 20px;margin:3px 0;text-align:left;cursor:pointer}body header .navSub .navLayer2 .layer2Left span.active,body header .navSub .navLayer2 .layer2Left span:hover{color:#0089ae;background-color:#fff;border-radius:5px 0 0 5px;transition:.3s;font-weight:700}body header .navSub .navLayer2 .Layer2Right{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;padding:40px 40px 30px 30px}body header .navSub .navLayer2 .Layer2Right.column{flex-direction:column; height:500px;}body header .navSub .navLayer2 .Layer2Right .layer3Item{height:auto;width:24%;padding-bottom:30px}body header .navSub .navLayer2 .Layer2Right .layer3Item.row,body header .navSub .navLayer2 .Layer2Right .layer3Item.singleItme{width:100%}body header .navSub .navLayer2 .Layer2Right .layer3Item a{text-decoration:none}body header .navSub .navLayer2 .Layer2Right .layer3Item a .L3CategoryName{font-weight:700;color:#696969}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul{display:flex;flex-direction:column;padding:5px 0}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul.row{flex-direction:row;width:100%}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a{color:#000}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem{width:calc(100% + 3px);padding:7px 0 5px 20px;list-style:none;font-size:1.35rem}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem::before{content:" ";display:inline-block;position:relative;top:8px;left:0;background-color:Transparent;transform:translate(0)}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem:hover{position:relative;color:#0089ae;cursor:pointer;transition:.3s}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem:hover::before{content:" ";display:inline-block;position:absolute;top:8px;left:0;width:3px;height:12px;background-color:#0089ae;transition:.3s;transform:translate(7px)}@media screen and (max-width:640px){body header{position:fixed}body header .header__container{display:block;width:100%;justify-content:space-between;flex-direction:column;height:auto}body header .header__container .logo{display:flex;justify-content:center;width:40%;height:25px;margin:20px auto}body header .header__container .mainMenu ul a .active::after,body header .header__container .mainMenu.desktop,body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem:hover::before,body header .navSub .overlay{display:none}body header .header__container .logo img{width:85%}body header .header__container a div{height:60px}body header .header__container .mainMenu.mobile{position:absolute;top:65px;width:100%;height:100vh;display:flex;transition:.3s;transform:translateY(0);background-color:#fff}body header .header__container .mainMenu.mobile.hide{z-index:-1;opacity:0;transform:translateY(-10px);height:0}body header .header__container .mainMenu ul{width:100%;margin:0;flex-direction:column}body header .header__container .mainMenu ul a{width:100%}body header .header__container .mainMenu ul a li.menuBtn{width:100%;padding:0 5%;height:50px;justify-content:left;transition:.3s}body header .header__container .mainMenu ul a li.menuBtn.active{top:0;color:#000;background-color:#fff}body header .header__container .mainMenu ul a li.menuBtn.active>button{border:none;background:url(../images/iconArrowDropdown.svg) center no-repeat;transform:rotateX(-180deg)}body header .header__container .mainMenu ul a li.menuBtn.act{color:#fff;background-color:#0089ae}body header .header__container .mainMenu ul a .active{width:100%;padding:0;background-color:transparent}body header .header__container .language_search_container{position:absolute;width:20%;flex:none;justify-content:space-evenly;right:2%;top:30%}body header .navSub{position:absolute;flex-direction:column;top:115px;transition:.3s;transform:translateY(-10px);opacity:0}body header .navSub.ani,body header .navSub.ani2,body header .navSub.ani3{transform:translateY(0);opacity:1;z-index:1001}body header .navSub.ani2{top:170px}body header .navSub.ani3{top:220px}body header .navSub .navLayer2{position:relative;width:100vw;border:none;display:none}body header .navSub .navLayer2.showMenu,body header .navSub .navLayer2.showMenuBiz,body header .navSub .navLayer2.showMenuInd{flex-direction:column}body header .navSub .navLayer2 .layer2Left{width:100%;position:absolute;top:0;flex-direction:row;padding:10px 0 0;z-index:1001}body header .navSub .navLayer2 .layer2Left span{width:31%;margin:0 2%;padding:10px 0;text-align:center}body header .navSub .navLayer2 .layer2Left span:hover{border-radius:5px 5px 0 0;text-align:center}body header .navSub .navLayer2 .layer2Left span.active{border-radius:5px 5px 0 0}body header .navSub .navLayer2 .Layer2Right{width:100%;height:160vh;overflow:scroll;background-color:#fff;padding:50px 0 680px}body header .navSub .navLayer2 .Layer2Right .layer3Item{width:100%;padding-bottom:0}body header .navSub .navLayer2 .Layer2Right .layer3Item a .L3CategoryName{color:#fff;background-color:#666;padding:10px 0 10px 25px;font-size:1.26rem}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul{padding:0}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem{width:100%;border-bottom:1px solid #888;padding:15px 0 15px 30px;font-size:.99rem;color:#696969}body header .navSub .navLayer2 .Layer2Right .layer3Item .l3SubBox ul a li.l3SubItem:hover{color:#fff;background-color:#0089ae;border-bottom:1px solid #0089ae}}