/* CSS Document */
.amg-menu-tree > .tree > div::-webkit-scrollbar {width: 7px;}
.amg-menu-tree > .tree > div::-moz-scrollbar {width: 7px;}
.amg-menu-tree > .tree > div::-o-scrollbar {width: 7px;}
.amg-menu-tree > .tree > div::-webkit-scrollbar-button {background: transparent; border-radius: 4px;}
.amg-menu-tree > .tree > div::-moz-scrollbar-button {background: transparent; border-radius: 4px;}
.amg-menu-tree > .tree > div::-o-scrollbar-button {background: transparent; border-radius: 4px;}
.amg-menu-tree > .tree > div::-webkit-scrollbar-track-piece {background: transparent;}
.amg-menu-tree > .tree > div::-moz-scrollbar-track-piece {background: transparent;}
.amg-menu-tree > .tree > div::-o-scrollbar-track-piece {background: transparent;}
.amg-menu-tree > .tree > div::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #c6a26e; border: 1px solid #c6a26e;}
.amg-menu-tree > .tree > div::-moz-scrollbar-thumb {border-radius: 4px; background-color: #c6a26e; border: 1px solid #c6a26e;}
.amg-menu-tree > .tree > div::-o-scrollbar-thumb {border-radius: 4px; background-color: #c6a26e; border: 1px solid #c6a26e;}
.amg-menu-tree > .tree > div::-webkit-scrollbar-track {box-shadow: transparent;} 
.amg-menu-tree > .tree > div::-moz-scrollbar-track {box-shadow: transparent;} 
.amg-menu-tree > .tree > div::-o-scrollbar-track {box-shadow: transparent;}

.tree-lv1 a {padding: 10px 25px;}
@media only screen and (min-width:1280px){
    .amg-menu {width:100%; position: relative; display: block; /*background: #fff;*/ margin:64px auto auto auto; /*opacity: 0;*/}
    .amg-menu-wrapper {position: relative; display: block!important; margin: 0px auto; width: 80%; /*max-width: 1440px;*/ padding: 0 40px;}
    .amg-menu-tree {display: flex; flex-flow: row; justify-content: center; background: #fff; box-shadow: 0px 6px 8px rgba(0,0,0,.3); border-radius: 0px 0px 8px 8px;}
    .amg-menu-tree a {width: 100%; color:#153872; display: block; font-size: 16px; font-weight: 400; letter-spacing: 0; text-decoration:none; text-align: left; padding:7px 30px 7px 15px;}
    .amg-menu-tree a:link, .amg-menu-tree a:visited {text-decoration:none; color:#666; transition: all 0.5s ease 0s;}
    .amg-menu-tree a:active, .amg-menu-tree a:hover {text-decoration:none; color:#5691ce; position: relative;  cursor:pointer; transition: all 0.5s ease 0s;}
    .amg-menu-tree > .tree {width: 24%; position: relative; z-index: 1;}
    .amg-menu-tree > .tree ul, .amg-menu-tree > .tree ul li {list-style-type:none; margin: 0; padding: 0; line-height: 1.4;}
    .amg-menu-tree > .tree ul {padding-bottom: 10px;}
    /*.amg-menu-tree > .tree-lv2 ul li:nth-child(5) > a:hover {color: #ff0000!important;}*/
    .amg-menu-tree > .tree ul {width: 100%;}
    .amg-menu-tree > .tree > div {background: #fff; height: 400px; overflow-y: auto; overflow-x: hidden;}
    .tree-lv1 {position: absolute!important; top: -43px; left: 0; z-index: 999!important; width: 100%!important; display: flex; flex-flow: wrap; justify-content: center; height: auto!important; padding: 0 40px;}
    .tree-lv1 > ul {display: flex; flex-flow: row; justify-content: flex-start;}
    .tree-lv1 a {width: auto!important; /*padding:10px 25px;*/ margin: 0 0; font-size: clamp(17px, 1vw, 18px);padding:10px 30px 10px 15px; }
    .tree-show::after {content: ''; background: rgb(204, 204, 204); width: 1px; position: absolute; top: 10px; bottom: 15px; right: 0; z-index: 10;}
    .lv5-parent::after {content: none!important;}
    .lv2-parent, .lv3-parent, .lv4-parent, .lv5-parent {display: none;}
    .tree-show {display: block!important;}
    .tree-active {color:#c6a26e; position: relative; z-index: 1; }
    .tree-lv1 .current {color:#5691ce !important; position: relative; z-index: 1; }
    .tree-lv-sub {position: relative; z-index: 1;}
    .tree-arrow {position: absolute; right: 15px; top:19px; z-index: -10; width: 8px; height: 8px; border-width: 1px 1px 0 0;border-style: solid; border-color: #181818; transform: rotate(45deg);}
    .tree-lv1 .tree-arrow {right: 4px; top: 17px; transform: rotate(135deg); display: none;}
    .tree-active .tree-arrow {border-color: #5691ce;}
    .amg-menu-mobile, .tree-back {display: none;}
    
    .single-menu {position: fixed!important; /*top: 122px!important;*/ width: auto!important; transition: top 0.25s ease 0s;}
    .single-menu .tree-show::after { display: none;}
    /*.single-menu > div {max-height: 200px; overflow-y: auto; padding: 0 20px 0 0;}*/
    .hideUp .single-menu {top: 50px!important; transition: top 0.25s ease 0s;}
    .single-menu-not {position: relative!important; top: auto!important; left: auto!important; width: 24%!important;}
}

@media only screen and (max-width:1600px){
    .amg-menu-tree > .tree {width: 27.4%;}
}
@media only screen and (max-width:1400px){
	.amg-menu-wrapper { width: 85%;}
    .amg-menu-tree > .tree {width: 27.7%;}
    .tree-lv1 a {padding: 10px 20px;}
}
@media only screen and (max-width:1200px){
    .amg-menu-wrapper {padding: 0 20px;}
    .amg-menu-tree > .tree {width: 30.4%;}
    .tree-lv1 a {padding: 10px 13px;}
}

@media only screen and (max-width:1279px){
    .amg-menu {width:100%; position: fixed; top: 0; right: 0; z-index: 999; /*opacity: 0;*/}
    .amg-menu-wrapper {display: none; position: fixed; top: 95px; left: 0; right: 0; z-index: 9999; background: #fbf6ed; height: calc(100vh - 95px); width: 100%;}
    .amg-menu-tree {/*display: flex; flex-flow: row; justify-content: center;*/}
    .amg-menu-tree a {width: 100%; color:#153872; display: block; font-size: 16px ;font-weight: 400; letter-spacing: 0; text-decoration:none; text-align: left; padding:10px 55px 10px 20px;}
    .amg-menu-tree a:link, .amg-menu-tree a:visited {text-decoration:none; color:#666; transition: all 0.5s ease 0s;}
    .amg-menu-tree a:active, .amg-menu-tree a:hover {text-decoration:none; color:#5691ce; position: relative;  cursor:pointer; transition: all 0.5s ease 0s;}
    .amg-menu-tree > .tree {width: 100%; height: calc(100vh - 95px); overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; left: 100%; z-index: 2; background: #fff; transition: all 0.25s ease 0s; visibility: hidden; opacity: 0;}
    .amg-menu-tree > .tree ul, .amg-menu-tree > .tree ul li {list-style-type:none; margin: 0; padding: 0;}
    .amg-menu-tree > .tree ul {width: 100%;}
    .amg-menu-tree > .tree ul li {border-bottom: 1px solid #eee;}
    /*.amg-menu-tree > .tree-lv2 ul li:nth-child(5) > a:hover {color: #ff0000!important;}*/
    .tree-lv1 {left: 0!important; visibility: visible!important; opacity: 1!important; display: block!important; transition: all 0.25s ease 0s;}
    .lv5-parent::after {content: none!important;}
    .lv2-parent, .lv3-parent, .lv4-parent, .lv5-parent {display: none; padding: 51px 0 0 0;}
    .tree-show {display: block!important;}
    .tree-active {color:#c6a26e; position: relative; z-index: 1; }
    .tree-lv1 .current {color:#5691ce !important; position: relative; z-index: 1; }
    .tree-lv-sub {position: relative; z-index: 1;}
    .tree-arrow {position: absolute; right: 25px; top:21px; z-index: 10; width: 10px; height: 10px; border-width: 1px 1px 0 0;border-style: solid; border-color: #999; transform: rotate(45deg); cursor: pointer;}
    .tree-arrow::before {content: ''; border: 1px solid #b9b9b9; width: 30px; height: 30px; position: absolute; top: calc(50% - 17px); right: calc(50% - 17px); z-index: -1; transform: rotate(-45deg);}
    .tree-active .tree-arrow {border-color: #5691ce;}
    .tree-active .tree-arrow::before {border: 1px solid #5691ce;}
    
    .tree-move {position: absolute!important; left: -140px!important; visibility: hidden!important; opacity: 0.95!important; transition: all 0.25s ease 0s;}
    .tree-move-full {left: 0px!important; visibility: visible!important; opacity: 1!important; transition: all 0.25s ease 0s;}
    .tree-move-full-move {position: absolute!important; left: -140px!important; visibility: hidden!important; opacity: 0.95!important; transition: all 0.25s ease 0s;}
    
    .tree-back {position: fixed; top: 95px; left: 0; z-index: 10; background: #fff; width: 100%; height: 50px; border-bottom: 1px solid #eee; cursor: pointer; display: flex; flex-flow: row; justify-content: center; align-items: center; color: #666; font-weight: 700; letter-spacing: 2px;}
    .tree-back::before {content: ''; width: 10px; height: 10px; border-width: 0 0 1px 1px;border-style: solid; border-color: #666; transform: rotate(45deg); display: block; margin: 0 10px 0 0;}
    .tree-back::after {content: '';}
    
    .amg-menu-mobile{width:40px; height:30px; position: fixed; top: 52px; right: 10px; z-index: 9999; cursor:pointer; transition: all 0.5s ease 0s;}
    .amg-menu-mobile span{display:block; background:#5691ce; width:20px; height:2px; position:absolute; left:10px; transition:all ease 0.35s}
    .amg-menu-mobile span:nth-of-type(1){top:6px}
    .amg-menu-mobile span:nth-of-type(2){top:14px}
    .amg-menu-mobile span:nth-of-type(3){top:22px}
    .amg-menu-mobile-se span:nth-of-type(1){top:15px;transform:rotate(45deg);background:#000; height:3px;}
    .amg-menu-mobile-se span:nth-of-type(2){width:0}
    .amg-menu-mobile-se span:nth-of-type(3){top:15px;transform:rotate(-45deg);background:#000; height:3px;}
}