/* feat-container */
.feat-container{position: relative;width:100%; max-width:1280px;padding:0 20px;box-sizing: border-box;margin: 0 auto;} 

/* navigation micrositeNavigation*/
.main-report-nav{height: 90px;width: 100%;}
.micrositeNav{height: 90px;width: 100%;box-shadow: 0 0 10px #ccc;background: #fff; position: relative;z-index: 2;}
.micrositeNav .feat-container {padding: 0 20px;}
.micrositeNav .msnav-wrap-pc{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;height: 90px;} 
.micrositeNav .msnav-wrap-pc .item-group-line{width:1px;height:40px;background: #ccc;margin:0 15px;}
.micrositeNav .msnav-wrap-pc .item-group{ height: 100%; display: flex; align-items: center;position: relative; margin-right: 5px;}
.micrositeNav .msnav-wrap-pc .item-group .level-1{display: flex; align-items: center;height: 100%; font-size: 15px;line-height: 1.2;font-weight: bold; color: #2d2926;transition: all 0.5s;text-align: center;padding: 0; border-bottom: 3px solid transparent;}    
.micrositeNav .msnav-wrap-pc .item-group .level-1.active{color: #8d1a1f;font-weight: bold;border-bottom: 3px solid;}
.micrositeNav .msnav-wrap-pc .item-group .level-1 i{width: 8px;height:8px;margin-top:-5px;margin-left:10px; border-top: 2px solid transparent;border-left:2px solid transparent;border-color:#2d2926; transform: rotate(225deg); transition:all 0.25s ease-in-out;}
.micrositeNav .msnav-wrap-pc .item-group .level-2{display: none; position: absolute;left:0;top:100%;width: auto;background: #fff;box-shadow: 0 0 5px #cfc7c3; z-index: 200;}
.micrositeNav .msnav-wrap-pc .item-group .level-2 .content{display:flex ;flex-direction: column;width: max-content;max-height: 300px;overflow-y: auto;}
.micrositeNav .msnav-wrap-pc .item-group .level-2 .content .item{font-size: 14px;line-height: 1.2;color:#2d2926; padding:15px;border-bottom: 1px solid #cfc7c3;max-width: 300px;}
.micrositeNav .msnav-wrap-pc .item-group .level-2 .content .item:last-of-type{border: none;}
.micrositeNav .msnav-wrap-pc .item-group .level-2 .content .item.active,
.micrositeNav .msnav-wrap-pc .item-group .level-2 .content .item:hover{font-weight:bold;color:#8D1A1F;}
.micrositeNav .msnav-wrap-pc .item-group:nth-last-of-type(2) .level-2,
.micrositeNav .msnav-wrap-pc .item-group:nth-last-of-type(1) .level-2{left: auto;right: 0;}
.micrositeNav .msnav-wrap-pc .item-group.active .level-1{color:#8d1a1f;border-color: #8D1A1F;}
.micrositeNav .msnav-wrap-pc .item-group.active .level-1 i{border-color:#8d1a1f;}
.micrositeNav .msnav-wrap-pc .item-group:hover .level-1{color: #8d1a1f;font-weight: bold;border-bottom: 3px solid;}
.micrositeNav .msnav-wrap-pc .item-group:hover .level-1 i{border-color:#8d1a1f;transform: rotate(45deg);margin-top:5px;}
.micrositeNav .msnav-wrap-pc .item-group:hover .level-2{display: block;} 
.micrositeNav .msnav-wrap-pc .item-group-head .level-1{color:#8D1A1F; }
.micrositeNav .msnav-wrap-pc .item-group-head .level-1 span{width:90%; }
.micrositeNav .msnav-wrap-pc .item-group-head .level-1 i{border-color:#8d1a1f;}

.micrositeNav .msnav-wrap-pc .item-group-header{ height: 100%; margin-right:15px; display: flex; align-items: center;position: relative;}
.micrositeNav .msnav-wrap-pc .item-group-header .level-1 {font-size: 16px;line-height: 1.2;color: #8d1a1f;font-weight:bold;padding-right: 20px;text-align: center;}
.micrositeNav .msnav-wrap-pc .item-group-header::after { content: ""; position: absolute; right: -7px; top: 50%; height: 40px; width: 1px; transform: translateY(-50%); background: #ccc;}

.micrositeNav .msnav-wrap-mb{display: none;}
.micrositeNav.fixed { position: fixed;top:0;left:0;}
@media only screen and (max-width: 1240px){}
@media only screen and (max-width: 768px){
	.main-report-nav .feat-container{overflow-x:hidden;}
    .main-report-nav{height: 70px; }
    .micrositeNav{height: 70px;}
	.micrositeNav .feat-container {padding: 0;}
    .micrositeNav .msnav-wrap-pc{display: none;}
    .micrositeNav .msnav-wrap-mb{display: block;z-index: 200;}
    .micrositeNav .msnav-wrap-mb .nav-menu{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;height: 70px;}
	.micrositeNav .msnav-wrap-mb .nav-menu .title {padding-left: 15px;padding-top: 10px;padding-bottom: 10px;color: #8d1a1f;font-weight: bold;font-size: 16px;width: 80%;line-height: 1.2;display:flex; align-items: center;}
	.micrositeNav .msnav-wrap-mb .nav-menu .title i{display:inline-block; width: 8px;height:8px;margin-top:-5px;margin-left:10px; border-top: 2px solid transparent;border-left:2px solid transparent;border-color:#8d1a1f; transform: rotate(225deg); transition:all 0.25s ease-in-out;}
    .micrositeNav .msnav-wrap-mb .nav-menu .title.show i{transform: rotate(45deg);margin-top:0; }
	.micrositeNav .msnav-wrap-mb .nav-menu .menu-btn{position: relative; height: 100%;width: 76px;cursor: pointer;}
    .micrositeNav .msnav-wrap-mb .nav-menu .menu-btn span{position: absolute;left:30%;top:50%;width:40%;height:3px; border-radius: 2px; background:#2d2926;transform:translateY(-50%);transition: all 0.5s;}
    .micrositeNav .msnav-wrap-mb .nav-menu .menu-btn span::before{content:"";position: absolute;left:0;top:-11px;width:100%;height:100%; border-radius: 2px;background:#2d2926;transition: all 0.5s;transform-origin: center;}
    .micrositeNav .msnav-wrap-mb .nav-menu .menu-btn span::after{content:"";position: absolute;left:0;bottom:-11px;width:100%;height:100%; border-radius: 2px;background:#2d2926;transition: all 0.5s;transform-origin: center;}
    .micrositeNav .msnav-wrap-mb .nav-panel-year{display: none;position: relative;width: calc(100% + 40px);margin-left:-20px;padding:0 20px 20px;background: #f8f8f8;box-shadow: inset 0 0 5px #ccc;}
	.micrositeNav .msnav-wrap-mb .nav-panel-year .panel-main{overflow-y:scroll;} 
    .micrositeNav .msnav-wrap-mb .nav-panel-year .item-group{display: flex;flex-direction: column;}
    .micrositeNav .msnav-wrap-mb .nav-panel-year .item-group .item{margin:10px 0;padding:20px 13px 0 15px;color:#2d2926;font-size: 16px;display: flex;justify-content: space-between;align-items: center;font-weight: bold;}	
	.micrositeNav .msnav-wrap-mb .nav-panel-year .item-group .item i{width: 10px;height:10px; border-top: 2px solid transparent;border-left:2px solid transparent;border-color:#2d2926; transform: rotate(135deg); }
	.micrositeNav .msnav-wrap-mb .nav-panel-year .item.active {color:#8d1a1f;border-color: #8D1A1F;}
	.micrositeNav .msnav-wrap-mb .nav-panel-year .item.active i{border-color:#8d1a1f;}
	.micrositeNav .msnav-wrap-mb .nav-panel-year.show{display:block;}
	
	.micrositeNav .msnav-wrap-mb .nav-panel{display: none;position: relative;width: calc(100% + 40px);margin-left:-20px;padding:0 20px 20px;background: #f8f8f8;box-shadow: inset 0 0 5px #ccc;}
    .micrositeNav .msnav-wrap-mb .nav-panel .panel-main{overflow-y:scroll;}
    .micrositeNav .msnav-wrap-mb .nav-panel .items{position: relative;}
    .micrositeNav .msnav-wrap-mb .nav-panel .item-group{display: flex;flex-direction: column;}
    .micrositeNav .msnav-wrap-mb .nav-panel .item-group .item{margin:10px 0;padding:20px 13px 0 15px;color:#2d2926;font-size: 16px;display: flex;justify-content: space-between;align-items: center;font-weight: bold;}	
	.micrositeNav .msnav-wrap-mb .nav-panel .item-group .item i{width: 10px;height:10px; border-top: 2px solid transparent;border-left:2px solid transparent;border-color:#2d2926; transform: rotate(135deg); }
    .micrositeNav .msnav-wrap-mb .nav-panel .item-group .item-back{justify-content: flex-start;color: #8d1a1f;}
    .micrositeNav .msnav-wrap-mb .nav-panel .item-group .item-back i{transform: rotate(-45deg);margin-right: 5px;border-color: #8d1a1f;}
	.micrositeNav .msnav-wrap-mb .nav-panel .item-group .item.active{color: #8d1a1f;}
	.micrositeNav .msnav-wrap-mb .nav-panel .item-group .item.active i{ border-color: #8d1a1f;}
    .micrositeNav .msnav-wrap-mb .nav-panel .level-2{display: none;position: absolute;width: 100%;min-height: 100%; left:0;top:0;background:linear-gradient(to bottom, transparent, #f8f8f8 10px,#f8f8f8); }
    
    .micrositeNav .msnav-wrap-mb .nav-menu .menu-btn.show span{background:#FFF;}
    .micrositeNav .msnav-wrap-mb .nav-menu .menu-btn.show span::before{top:0;transform: rotate(-45deg);}
    .micrositeNav .msnav-wrap-mb .nav-menu .menu-btn.show span::after{bottom:0;transform: rotate(45deg);}    
    .micrositeNav .msnav-wrap-mb .nav-panel.show{display: block;}
    .micrositeNav .msnav-wrap-mb .nav-panel .level-2.show{display: block;}

}
 
/* general style for microsite content */
.outter .main .feat-banner {margin-top: 90px;}
.outter .main .feat-banner .content .inner .headline {width: 100%;}
.outter .main .feat-section .microsite-content {margin-top: 50px;}
.outter .main .feat-section .microsite-content a {color: #0ebae3;}
.outter .main .feat-section .microsite-content a:hover{text-decoration: underline;}
.outter .main .feat-section .share-2021 {margin: 0;}

/*** side navi ***/
.outter .main .feat-section .detail-meta {margin-top: 100px;}
.outter .main .feat-section .detail-meta .meta-title {color: #8d1a1f;border-bottom: 4px solid #8d1a1f;}
.outter .main .feat-section .detail-meta .meta-card p {color: #2d2926;}
.outter .main .feat-section .detail-meta .meta-card p.size {font-size: 14px;}
.outter .main .feat-section .detail-meta .meta-card .qlinks li a {color: #2d2926;}
.outter .main .feat-section .detail-meta .meta-card .qlinks li a:after {color: #8d1a1f;}
.outter .main .feat-section .detail-meta .meta-card .qlinks li a:hover, .meta-card .qlinks li a:hover:after {font-weight: bold;}

/*** new item ***/
.outter .main .feat-section .microsite-content .items{margin-top:40px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap; }
.outter .main .feat-section .microsite-content .item{width:47%;border-top:5px solid #8d1a1f;padding:15px 0;box-sizing: border-box;text-decoration: none;margin-bottom: 50px;margin-right: 20px;}
.outter .main .feat-section .microsite-content .item:hover {text-decoration: none;}
.outter .main .feat-section .microsite-content .item:hover .btn-more{text-decoration: underline;}
.outter .main .feat-section .microsite-content .item .text-date{text-align: right;margin-bottom: 10px;}
.outter .main .feat-section .microsite-content .item .font-copy-20-black{margin-bottom: 10px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.outter .main .feat-section .microsite-content .item .text{text-overflow:ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.outter .main .feat-section .microsite-content .item .btn-more{font-size:14px;line-height: 1.3;display: flex;justify-content: flex-start;align-items: center;margin-top:15px;text-transform: uppercase;color: #8d1a1f;font-family: Helvetica-Bold;}
.outter .main .feat-section .microsite-content .item .btn-more .icon-arrow-right{width:20px;height:22px;margin-left:15px;background: url(/cms/en/news-events/events/annual-meetings/_common/img/icon_arrow-right-red.svg) no-repeat center;}
@media only screen and (max-width:750px){
    .outter .main .feat-section .items .item{width:100%;}
}