.boxScroll{position: fixed;top:0;width: 100%;z-index: 50;}
.boxScroll.scrollUp{transition: all 0.5s ease-out 0s;}
.boxScroll.scrollUp.scrollShow{top:0}
.hfix .boxScroll .divScroll{background-color: #FFFFFF;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
.divScroll{display: flex;max-width: 100%;align-items: center;justify-content: space-between;width: 1870px;margin: 0 auto;padding: 18px 15px;box-sizing: border-box;
transition:all 0.5s ease-out 0s;
}

.wrapHome .boxScroll{

}

.showBckMenu{display:block;height:0;width:100%;position:fixed;top:0;right:0;background-color:rgba(0,0,0,0.5);z-index:999;transition:all 0.5s ease-out 0.3s;}
.showBckMenu.showBg{display:block;height:calc(100vh);transition:height 0.5s ease-out 0s;}
body{transition:all 0.5s ease-out 0s;}

.menuTop{text-align:center;box-sizing:border-box;max-width:100%;position:relative;padding:0;transition:all 0.5s ease-out 0s;}
.menuTop:after{content:"";display:block;clear:both;}
.menuTop ul{list-style:none;}
.menuTop ul.mobMenu{display:none;}
.menuTop ul li.roll{display:none;}
.menuTop ul.mobileMenu{display:none;}
.menuTop>.inMenu>ul{margin:0 0 0 0;display:table;float:right;}
.menuTop>.inMenu>ul>li{position:relative;z-index:50;display:table-cell;vertical-align:middle;padding:15px 10px;text-align:center;}
.menuTop>.inMenu>ul>li.liMore{position:static;}
.menuTop>.inMenu>ul>li:first-child{padding-left:0;}
.menuTop>.inMenu>ul>li>a{color:var(--menuTop-color);display:block;font-size:var(--menuTop-font-size);padding:10px 15px;position:relative;height:100%;vertical-align:middle;width:100%;box-sizing:border-box;transition:all 0.5s ease-out 0s;font-weight:var(--menuTop-font-weight);border-radius:4px;text-transform: uppercase}
.menuTop>.inMenu>ul>li>a.icon{background-repeat:no-repeat;background-position:0 50%;background-size:auto 70%;padding-left:40px;}
.menuTop>.inMenu>ul>li>a.subMenu:after{content:'';display:inline-block;width:6px;height:6px;border-style:solid;border-color:var(--menuTop-sel-color);border-width:0 3px 3px 0;transform:rotate(45deg);margin-left:5px;margin-bottom:2px;transition:all 0.5s ease-out 0s;}
.menuTop>.inMenu>ul>li.sel>a, .menuTop>.inMenu>ul>li:hover>a{color:#FFFFFF;background-color:var(--menuTop-sel-color);}
.menuTop>.inMenu>ul>li.sel>a.subMenu:after, .menuTop>.inMenu>ul>li:hover>a.subMenu:after{}
.menuTop>.inMenu>ul>li>ul{left:0;position:absolute;top:120%;width:350px;z-index:51;text-align:left;padding:0;
transition:all 0.5s ease-out 0s;right:0;margin:0 auto;background-color:#FFFFFF;max-height:50vh;opacity:0;visibility:hidden;overflow:auto;box-sizing:border-box;border-radius:20px;
border: 1px solid #F3F0EB;
}
.menuTop>.inMenu>ul>li>ul.ulMore{width:100%;
display: flex;
flex-wrap: wrap;
}
.menuTop>.inMenu>ul>li>ul.ulMore a{
height: 100%;
}

.menuTop>.inMenu>ul>li>ul.ulMore li{display:inline-block;width:33.333%;}
.menuTop ul li:hover ul{opacity:1;visibility:visible;transition:all 0.5s ease-out 0s;top:96%;}
.menuTop>.inMenu>ul>li>ul>li{padding:4px 0;position:relative;box-sizing:border-box;border-bottom:1px solid #F0ECE9;}
.menuTop>.inMenu>ul>li>ul>li>a{display:block;color:var(--menuTop-sub-color);font-size:var(--menuTop-sub-font-size);transition:all 0.5s ease-out 0s;position:relative;padding:9px 18px;font-weight:var(--menuTop-sub-font-weight);box-sizing:border-box;text-transform: uppercase}

.menuTop>.inMenu>ul>li>ul.ulMore li{
border-left: 1px solid #F0ECE9;
}

/*
.menuTop>.inMenu>ul>li>ul>li>a:before{content:"";width:2px;height:100%;background-color:#EBEBEB;left:0;bottom:0;top:0;transition:all 0.5s ease-out 0s;position:absolute;}
.menuTop>.inMenu>ul>li>ul>li>a:after{content:"";width:2px;height:0;background-color:var(--menuTop-sub-sel-color);left:0;bottom:0;top:0;transition:all 0.5s ease-out 0s;position:absolute;margin:auto;}
*/
.menuTop>.inMenu>ul>li>ul>li.sel>a:after, .menuTop>.inMenu>ul>li>ul>li:hover>a:after{height:100%;}
.menuTop>.inMenu>ul>li>ul>li.sel>a, .menuTop>.inMenu>ul>li>ul>li:hover>a{color:var(--menuTop-sub-sel-color);}
.menuTop>.inMenu>ul>li>ul>li ul{padding-left:20px;}
.menuTop>.inMenu>ul>li>ul>li ul li a{padding:15px 5px 15px 30px;display:block;color:#2B343B;}
.menuTop>.inMenu>ul>li>ul>li ul li.sel a, .menuTop>.inMenu>ul>li>ul>li ul li a:hover{color:var(--menuTop-sel-color);}
div.menuTop > a.showMenu{vertical-align:middle;width:35px;height:22px;padding:0;position:relative;z-index:1000;background-color:transparent;border:none;outline-style:none;display:none;}
div.menuTop > a.showMenu > span{float:right;width:100%;height:4px;z-index:100;right:0;background-color:#461C20;transition:all 0.1s ease-out 0.3s;border-radius:9px;}
div.menuTop > a.showMenu > span:before,div.menuTop > a.showMenu > span:after{content:"";position:absolute;width:100%;height:4px;background-color:var(--menuTop-sel-color);right:0;transition:top 0.3s ease-out 0.3s, bottom 0.3s ease-out 0.3s, transform 0.3s ease-out 0s;border-radius:9px;}
div.menuTop>a.selShow > span:before,div.menuTop>a.selShow > span:after{transition:top 0.3s ease-out 0s, bottom 0.3s ease-out 0s, transform 0.3s ease-out 0.3s;}
div.menuTop > a.showMenu > span:before{top:0;}
div.menuTop > a.showMenu > span:after{bottom:0;}
div.menuTop>a.selShow > span{height:0;}
div.menuTop>a.selShow > span:before{transform:rotate(-45deg);top:9px}
div.menuTop>a.selShow > span:after{transform:rotate(45deg);bottom:9px}


.menuTop>.inMenu>ul>li>a{color: #2B2D42;}
.menuTop>.inMenu>ul>li.sel>a, .menuTop>.inMenu>ul>li:hover>a{color:var(--menuTop-sel-color);;background-color:transparent}

.boxScrollHome .menuTop>.inMenu>ul>li>a{color:var(--menuTop-color);}
.boxScrollHome .menuTop>.inMenu>ul>li.sel>a, .boxScrollHome .menuTop>.inMenu>ul>li:hover>a{color:#FFFFFF;background-color:var(--menuTop-sel-color);}

.hfix .menuTop>.inMenu>ul>li>a{color: #2B2D42;}
.hfix .menuTop>.inMenu>ul>li.sel>a, .hfix .menuTop>.inMenu>ul>li:hover>a{color:var(--menuTop-sel-color);background-color:transparent}



@media screen and (max-width:1100px){
.div_top{padding-right:100px}
.menuTop{position: static}
.hfix .menuTop, .menuTop{padding:0;margin:0;}
.menuTop ul.mobileMenu{display:block;}
div.menuTop > a.showMenu{display:flex;position:absolute;top:24px;right:20px;align-items:center;}
.menuTop>.inMenu{transition:max-height 0.5s ease-out 0s;box-sizing:border-box;max-height:0;padding:0;z-index:1000;display:block;background-color:#FFFFFF;position:fixed;right:0;left:0;top:70px;bottom:0;overflow:auto;padding:0 15px}
.menuTop>.inMenu.show{display:block;max-height:calc(100vh - 70px)}
.menuTop>.inMenu>ul{display:block;float:none}
.menuTop>.inMenu>ul>li>ul{display:block;visibility:visible;opacity:1;position:static;width:100%;border:none;box-shadow:none;}
.menuTop>.inMenu>ul>li{display:block;height:auto;padding:0;}
.menuTop>.inMenu>ul>li>ul>li>a{background-color:transparent;}
.menuTop>.inMenu>ul>li>ul>li{margin:0;padding:0;background-color:transparent;}
.menuTop>.inMenu>ul>li>ul>li ul li a{padding-left:10px;}
.menuTop>.inMenu>ul>li>ul>li ul{padding-left:15px;}
.menuTop>.inMenu>ul>li::after{display:none;}
.menuTop>.inMenu>ul>li>ul>li>a{padding:10px 5px 10px 10px;}
.box_top_menu .box_menu{display:flex;justify-content:space-between;align-items:center;width:50%;}
.box_menu::after{display:none;}
.hfix .top_page img, .top_page img{height:50px;margin-top:0;}
.hfix .box_top_menu, .box_top_menu, .box_top_menu, .box_top_menu{z-index:100;width:100%;top:0;left:0;transition:all 0.5s ease-out 0s;border:none}
.hfix .div_top_menu, .div_top_menu{padding:0;}
.box_top{position:sticky;top:0;z-index:50;background-color:#FFFFFF}
.social a.tel{font-size:0}
.social a.tel::before{margin:0}
.menuTop>.inMenu>ul>li>a::before{display:none}
.menuTop>.inMenu>ul>li>ul.ulMore li{width:100%}
.menuTop .inMenu ul{display:block;float:none}
.menuTop > .inMenu > ul > li > ul{position:static;width:100%;opacity:1;visibility:visible;max-height:unset;box-shadow:unset;padding-left:30px;box-sizing:border-box}
.menuTop > .inMenu > ul > li > ul > li{display:block}
.menuTop > .inMenu > ul > li{display:block;text-align:left}
.menuTop > .inMenu > ul > li > a{display:flex;justify-content:flex-start;align-items:center}
}