.container-mng {
 margin: 5px 5px;
}
.container-mng__header {
 margin-bottom: 5px;
 height: 22px;
 overflow: hidden;
 text-align: left;
}
.container-mng__header-logo {
 display: inline-block;
 vertical-align: top;
 height: 22px;
 width: auto;
 border: none;
}
.container-mng .list-container {
 font-size: 0;
 width: 4144px;
 -webkit-transition: -webkit-transform .8s;
 transition: -webkit-transform .8s;
 transition: transform .8s;
 transition: transform .8s, -webkit-transform .8s;
}
.container-mng .list-container-item {
 display: inline-block;
 vertical-align: top;
 width: 192px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin-right: 16px;
 -webkit-transition: -webkit-box-shadow;
 transition: -webkit-box-shadow;
 transition: box-shadow;
 transition: box-shadow, -webkit-box-shadow;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 -webkit-transition-property: -webkit-box-shadow;
 transition-property: -webkit-box-shadow;
 transition-property: box-shadow;
 transition-property: box-shadow, -webkit-box-shadow;
 will-change: box-shadow;
 border-radius: 4px;
}
.container-mng .list-container-item:hover {
 -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2), 0 4px 10px 0 rgba(0,0,0,0.5);
 box-shadow: 0 0 6px 0 rgba(0,0,0,0.2), 0 4px 10px 0 rgba(0,0,0,0.5);
}
.container-mng .list-container-item:last-child {
 margin-right: 0;
}
.container-mng__img-link {
 display: block;
 width: 100%;
 height: 256px;
 position: relative;
 border-radius: 4px;
 overflow: hidden;
}
.container-mng__img {
 border: none;
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 width: 100%;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 will-change: opacity;
 opacity: 1;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
.container-mng__img-lazy {
 opacity: 0;
}
.container-mng__text {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}
.container-mng__title-wrap {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 padding: 60px 15px 15px;
 background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
 background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0));
}
.container-mng__title {
 font-family: Arial, sans-serif;
 font-size: 16px;
 line-height: 19px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 text-align: left;
 word-wrap: break-word;
 max-height: 114px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 6;
 -webkit-box-orient: vertical;

 
 
}

.container-mngmng__title {
 font-family: Mongol Garchag, sans-serif;
 font-size: 24px;
 line-height: 26px;
 color: #fff;
 text-decoration: none;
 text-align: left;
 max-height: 114px;
 width: 52px;
 overflow: hidden;

-webkit-writing-mode:vertical-lr;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    -webkit-text-orientation:sideways-right;
    text-orientation:sideways-right;
 
 
 
}
.container-mngmng__text {
 font-family: Mongolian Baiti, sans-serif;
 font-size: 24px;
 line-height: 22px;
 max-height: 114px;
 padding-left: 18px;
 width: 104px;
 overflow: hidden;
 color: lightgrey;

-webkit-writing-mode:vertical-lr;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    -webkit-text-orientation:sideways-right;
    text-orientation:sideways-right;
 
 
 
}

.container-mngmng__text:hover {
   color: #fff; 
}


 /*************/
.container-mng__frame-wrap {
 position: relative;
 width: 100%;
 height: 276px;
 padding: 0px 0 10px;
 
 
}
.container-mng__frame {
 width: 100%;
 height: 300px;
 overflow-x: scroll;
 position: relative;
 -webkit-overflow-scrolling: touch;
} /*--------------------------------------------------------*/
.container-mng__edge {
 width: 5px;
 position: absolute;
 top: 0px;
 bottom: 0px;
 z-index: 1;
 will-change: transform;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}
.container-mng__edge-left {
 left: 0;
}
.container-mng__edge-right {
 right: 0;
}
.container-mng__edge-shadow {
 width: 20px;
 height: 100%;
 position: absolute;
 top: 0;
 will-change: transform;
 -webkit-transition: -webkit-transform 0.5s ease;
 transition: -webkit-transform 0.5s ease;
 transition: transform 0.5s ease;
 transition: transform 0.5s ease, -webkit-transform 0.5s ease;
 background: #fff;
 -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
 box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 1);
}
.container-mng__edge-shadow-left {
 left: -30px;
}
.container-mng__edge-shadow-right {
 right: -30px;
}
.container-mng__edge-shadow-left.visible {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
.container-mng__edge-shadow-right.visible {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
.container-mng__edge-button {
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%) translateZ(0);
 transform: translateY(-50%) translateZ(0);
 will-change: transform;
 height: 68px;
 width: 44px;
 display: block;
 cursor: pointer;
 -webkit-transition: -webkit-transform 0.5s ease;
 transition: -webkit-transform 0.5s ease;
 transition: transform 0.5s ease;
 transition: transform 0.5s ease, -webkit-transform 0.5s ease;
 border-radius: 3px;
 background-color: #fff;
 -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.18);
 box-shadow: 0 0 20px 0 rgba(0,0,0,0.18);
}
.container-mng__edge-button-left {
 left: -44px;
}
.container-mng__edge-button-left.visible {
 -webkit-transform: translateY(-50%) translateX(100%) translateX(10px);
 transform: translateY(-50%) translateX(100%) translateX(10px);
}
.container-mng__edge-button-right {
 right: -60px;
}
.container-mng__edge-button-right.visible {
 -webkit-transform: translateY(-50%) translateX(-100%) translateX(-26px);
 transform: translateY(-50%) translateX(-100%) translateX(-26px);
}
.container-mng__edge-button-arrow {
 position: relative;
}
.container-mng__edge-button-arrow:after {
 content: '';
 position: absolute;
 bottom: -44px;
 border: 9px solid transparent;
}
.container-mng__edge-button-arrow-left:after {
 left: 6px;
 border-right: 12px solid #000;
}
.container-mng__edge-button-arrow-right:after {
 left: 18px;
 border-left: 12px solid #000;
} /* mobile */
.container-mng-mobile .container-mng__edge-button {
 display: none;
}