/* common */
:root{
  --primary: #051D97;
  --primary-1: #657ae4;
  --white: #fff;
  --black: #000;
  --black-1: #121920;
  --black-2: #333;
  --gray: #888;
  --gray-1: #666;
  --gray-2: #f2f5fa;
  --gray-3: #c8e5df;
  --gray-4: #e0e0e0;
  --gray-5: #edf0f5;
  --warn: #f7af35;
}

@font-face{
  font-family: 'din-bold';
  src: url('../fonts/DIN-Bold/din-bold.ttf');
}

body{
  font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.6rem;
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 0;
    transform: scale(0.8);
  }
  25%, 75% {
    opacity: 1;
    transform: scale(1);
  }
}

#app{min-height: 100vh; position: relative; padding-bottom: 76px;}

img{max-width: 100%;}

.color_primary{color: var(--primary);}
.bgc_gray_2{background-color: var(--gray-2);}

.btn{outline: none;}
.btn-primary{color: var(--white); background-color: var(--primary) !important; border-color: var(--primary) !important;}

.pagination>li>a, .pagination>li>a:hover{color: var(--black-2);}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: var(--primary); border-color: var(--primary);}

/* vue-fade */
.fade-enter-active, .fade-leave-active{transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;}

/* layer */
body .layer_viewDetails {border-radius: 20px;}
body .layer_viewDetails .layui-layer-ico {background-image: url('../images/icon.png'); background-position: -80px -40px;}
body .layer_viewDetails .layui-layer-title {border-radius: 20px 20px 0 0; background-color: var(--primary); color: var(--white); font-weight: 700;}
body .layer_viewDetails .layui-layer-content {padding: 10%;}
body .layer_viewDetails .head_info {display: flex; margin-bottom: 10px;}
body .layer_viewDetails .head_info>.item {flex: 1;}
body .layer_viewDetails .head_info>.item.headPortrait_info {max-width: 100px;}
body .layer_viewDetails .head_info>.item.msg_info {padding-left: 15px;}
body .layer_viewDetails .head_info>.item.msg_info .name {font-weight: 700; font-size: 1.8rem; color: var(--primary); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dashed var(--primary);}

/* swiper */
#image_swiper{
  --swiper-theme-color: var(--white);
  --swiper-navigation-size: 30px;
}
.swiper-button-prev, .swiper-button-next{outline: none;}

.exhibitor_swiper .swiper-wrapper, .media_support_swiper .swiper-wrapper{padding-bottom: 30px;}

#image_swiper .swiper-pagination-bullet{background-color: var(--white);}
#app .swiper-pagination-bullet-active{background-color: var(--primary);}
.exhibitor_swiper .img_info {padding: 5px;}
.media_support_swiper .img_info {height: 50px; display: flex; align-items: center;}
.media_support_swiper .img_info img{max-height: 50px;}

/* High-end-Forum */
#high-end-forum{line-height: 2em;}
#high-end-forum .title_info>span{display: inline-block; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e//png/_20200601134000_86.png')no-repeat center center/100%; color: #fff; font-weight: 700; font-size: 24px; padding: 3% 15% 3% 3%;}
#high-end-forum.high-end-forum-en .title_info>span {padding: 4% 13% 4% 2%;}
#high-end-forum .dateTime_info .time{font-family: 'din-bold'; font-size: 20px; margin: 30px auto 15px;}
#high-end-forum .date_info{margin-top: 30px;}
#high-end-forum .dateTime_info .time_info{padding-bottom: 30px;}
#high-end-forum .agenda_info{display: flex; flex-wrap: wrap;}
#high-end-forum .agenda_info>.item{width: 31%; margin-right: 2%; padding: 20px; line-height: 1.4; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200814113146_12.png')no-repeat center/100% 100%; transform: translateX(-10px); transition: background-image .5s ease;}
#high-end-forum .agenda_info>.item:hover{background-image: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200814113812_20.png'); color: #fff;}
#high-end-forum .agenda_info>.item:hover .txt_info{color: #fff;}
#high-end-forum .agenda_info>.item.had-content {cursor: pointer;}
#high-end-forum .agenda_info>.item .title{font-weight: 700; font-size: 16px; min-height: 45px; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#high-end-forum .agenda_info>.item .txt_info{color: #666; font-size: 12px;}
#high-end-forum .agenda_info>.item .txt_info>div{margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#high-end-forum .details_content {background-color: #f2f5fa; padding: 20px;}
#high-end-forum .details_content>.title>span{display: inline-block; color: var(--primary); font-weight: 700; font-size: 2rem; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831160506_52.png')no-repeat left center/70px, url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831160608_51.png')no-repeat right center/70px; padding: 0 80px; margin-bottom: 35px;} 
#high-end-forum .details_content .theme_wrap>.title {/*background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831161744_18.png')no-repeat center center/100% 100%;*/ color: var(--white); font-weight: 700; padding: 8px 35px; margin-bottom: 10px; display: inline-block; position: relative; z-index: 5;}
#high-end-forum .details_content .theme_wrap>.title::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--primary); z-index: -1; transform: skewX(-20deg);}
#high-end-forum .details_content .theme_wrap>.txt_info {color: var(--gray-1); padding-left: 20px; margin-bottom: 20px;}
#high-end-forum .details_content>.info {background-color: var(--white); padding: 20px;}
#high-end-forum .details_content>.info .info_head, 
#high-end-forum .details_content>.info .info_body>.item>.time_info {display: flex;}
#high-end-forum .details_content>.info .info_head>div {flex: 1; color: var(--primary); font-weight: 700;}
#high-end-forum .details_content>.info .info_head>div:nth-child(1), 
#high-end-forum .details_content>.info .info_body>.item>.time_info>div:nth-child(1) {max-width: 45%;}
#high-end-forum .details_content>.info .info_body>.item>.time_info {border-bottom: 1px solid #f2f5fa; padding-top: 20px; padding-bottom: 20px;}
#high-end-forum .details_content>.info .info_body>.item>.time_info:hover {background-color: #f2f5fa;}
#high-end-forum .details_content>.info .info_body>.item>.time_info:last-child {border: 0;}
#high-end-forum .details_content>.info .info_body>.item>.title {margin-top: 20px;}
#high-end-forum .details_content>.info .info_body>.item>.title>span {display: inline-block; background: url('https://oss-cn-qingdao.aliyuncs.com/season-guest/7e/1504/png/1504_20200831162625_10.png')no-repeat center center/100% 100%; padding: 10px 40px; transform: translateX(-35px); position: relative; color: var(--white); font-weight: 700;}
#high-end-forum .details_content>.info .info_body>.item>.title>span::before {content: ''; border-width: 10px; border-style: solid; border-color: transparent transparent var(--primary) transparent; transform: rotate(45deg); position: absolute; left: 4px; top: 81%;}

#high-end-forum .details_content .info_body>.item {display: flex; padding: 15px 0; border-bottom: 1px solid #eee;}
#high-end-forum .details_content .info_body>.item:last-child{border: 0;}
#high-end-forum .details_content .info_body>.item>div {flex: 1;}
#high-end-forum .details_content .info_body>.item>.time, 
#high-end-forum .details_content .info_body>.item .theme_info>.title {font-weight: 700;}
#high-end-forum .details_content .info_body>.item>.time {max-width: 45%;}
#high-end-forum .details_content .info_body>.item .theme_info>.speaker {color: #999; font-size: 1.4rem;}

/* nav */
#nav{position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: var(--white); box-shadow: 0 3px 5px rgba(0, 0, 0, .12);}
.navbar{border: 0; background-color: var(--white); margin: 0; display: flex; align-items: center; min-height: auto;}
.navbar .navbar-header{float: none;}
.navbar .navbar-header .logo{height: 45px; display: inline-block;}
.navbar .navbar-collapse{padding: 0 80px 0 0; flex: 1;}
.navbar .navbar-collapse .nav{float: none; display: flex; justify-content: space-between;}
.navbar .navbar-collapse .nav>li>a{color: #333; font-weight: 700; background-color: transparent !important; position: relative; padding: 20px 5px;}
.navbar .navbar-collapse .nav>li:nth-child(1)>a{background: url('../images/menu-active-icon-1.png')no-repeat center 7px/40px;}
.navbar .navbar-collapse .nav>.active>a, .navbar .navbar-collapse .nav>li:hover>a{color: var(--primary);}
.navbar .lang_info{background-color: var(--primary); border-radius: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.navbar .lang_info>.label{padding: 8px 10px; display: inline-block; cursor: pointer; position: relative; z-index: 3;}
.navbar .lang_info>.active{color: var(--primary);}
.navbar .lang_info .label_act{width: 45%; height: 80%; position: absolute; top: 50%; left: 4%; transform: translateY(-50%); background-color: var(--white); border-radius: 20px; transition: all .34s;}
.navbar .lang_info .label_act_en{left: 50%;}
.dropdown-menu{padding: 0; border-width: 1px 0 0;}
.dropdown-menu>li>a{border-top: 1px solid var(--white);}
.dropdown-menu>li:nth-child(1)>a{border: 0;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color: var(--primary); color: var(--white);}
.menu_active_icon_info{position: absolute; left: 0; width: 100%;}
.menu_active_icon_info img{height: 8px; display: none;}
.navbar .navbar-collapse .nav>.active .menu_active_icon_info img, .navbar .navbar-collapse .nav>li:hover .menu_active_icon_info img{display: block;}

.banner_info{position: relative; padding-top: 60px;}
.banner_info .banner{width: 100%;}
.banner_info .goReg_info{text-align: center; position: absolute; left: 0; bottom: 9%; width: 100%;}
.banner_info .goReg_info .btn{border-radius: 6px; padding: 8px 30px; font-weight: 700; background-image: linear-gradient(#ffe1b1, #e4a86b); box-shadow: 0 4px 2px #c87b38; color: #683825 !important; border: 0; transition: all .34s ease; /*animation-name: flash; animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite;*/ font-size: 1.8rem;}
.banner_info .goReg_info .btn:hover{transform: scale(1.1);} 

/* footer */
#footer{background-color: var(--black-1); color: var(--white); font-size: 1.6rem; padding: 20px 0; position: absolute; width: 100%; bottom: 0; left: 0;}

/* sidebar */
#sidebar .sidebar{position: fixed; top: 50%; transform: translateY(-50%); background-color: var(--white); padding: 10px 0; box-shadow: -5px 0 10px rgba(0, 0, 0, .16); z-index: 990;}
#sidebar .sidebar_left{left: 0;}
#sidebar .sidebar_right{right: 0;}
#sidebar .sidebar .sidebar_info>.item{margin-bottom: 10px; padding: 0 10px 5px; border-bottom: 1px solid var(--gray-4); cursor: pointer; transition: all .34s ease; position: relative;}
#sidebar .sidebar .sidebar_info>.item_en{font-size: 1.4rem;}
#sidebar .sidebar .sidebar_info>.item:hover .txt{color: var(--primary);}
#sidebar .sidebar .sidebar_info>.item:last-child{margin: 0; padding-bottom: 0; border: 0;}
#sidebar .sidebar .sidebar_info>.item .icon_info{padding-bottom: 5px;}
#sidebar .sidebar .sidebar_info>.item .icon_info .icon{width: 30px;}
#sidebar .sidebar .sidebar_info>.item .details_wrap{display: none; width: 135px; padding: 10px; background-color: var(--white); margin-right: 12px; box-shadow: -2px 0 5px rgba(0, 0, 0, .16); position: absolute; right: 100%; top: 50%; transform: translateY(-50%); border-radius: 10px;}
#sidebar .sidebar .sidebar_info>.item .details_wrap::before{content: ''; border: 10px solid transparent; border-left-color: var(--white); position: absolute; right: -16px; top: 50%; transform: translateY(-50%);}
#sidebar .sidebar .sidebar_info>.item:hover .details_wrap{display: block;}

/* main */
.content{padding: 50px 0;}

.title_wrap .title_info, .title_wrap .title_info .see_details{color: var(--primary);}
.title_wrap{padding-bottom: 30px;}
.title_wrap .title_info{display: flex; align-items: flex-end;}
.title_wrap .title_info .title{font-size: 2.5rem; font-weight: 700; flex: 1; padding-right: 15px;}
.title_wrap .title_info .see_details, .title_wrap .tip{font-size: 1.4rem;}
.title_wrap .tip{color: var(--gray-1);}

.trait_wrap .trait_title{font-size: 2rem; font-weight: 700; padding-bottom: 30px; color: var(--white);}
.trait_wrap .trait_title span{display: inline-block; padding: 20px 85px 28px; background: url('../images/title-icon-2.png')no-repeat center center/100%;}
.trait_wrap .min_title{color: var(--gray-1); padding-bottom: 30px;}
.trait_wrap .trait_info{}
.trait_wrap .trait_info>.item{padding: 15px; display: flex; align-items: center;}
.trait_wrap .trait_info>.item>.index{width: 110px; background: url('../images/title-icon-3.png')no-repeat 85% 5px/25px; font-size: 5rem; font-weight: 700; line-height: 1;}
.trait_wrap .trait_info>.item>.index span{transform: translateY(-20px); display: inline-block;}
.trait_wrap .trait_info>.item>.con_wrap{flex: 1;}
.trait_wrap .trait_info>.item>.icon_info{width: 80px;}
.trait_wrap .trait_info>.item .icon_info img{height: 50px; margin-left: 0;}
.trait_wrap .trait_info>.item .title{font-size: 1.8rem; font-weight: 700;}
.trait_wrap .trait_info>.item .con{color: var(--gray-1);}

.guest_wrap .guest_title{color: var(--primary); font-weight: 700; padding-bottom: 20px;}
.guest_wrap .guest_info{display: flex; flex-wrap: wrap; justify-content: space-between;}
.guest_wrap .guest_info>.item{width: 23%; margin-bottom: 5px; padding: 5px;}
.guest_wrap .guest_info>.item .name{padding-top: 10px; font-weight: 700;}
.guest_wrap .guest_info>.item .position{color: var(--gray-1); font-size: 1.2rem;}

.list_template .title_info{display: flex;}
.list_template .title_info>.item{flex: 1; border: 1px solid var(--white); background-color: var(--gray-5); padding: 5px 10px; transition: all .2s; text-align: center; cursor: pointer; font-weight: 700;}
.list_template .title_info>.item:hover, .list_template .title_info>.item.active {color: var(--white); background-color: var(--primary);}


.speakers_swiper{
  --swiper-theme-color: var(--primary);
  --swiper-navigation-size: 30px;
}
.speakers_swiper .info {padding: 0 15% 25px;}
.speakers_swiper .info .name, 
.speakers_swiper .info .position {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.speakers_swiper .info .name {padding-top: 10px; font-weight: 700;}
.speakers_swiper .info .position {color: var(--gray-1); font-size: 1.2rem;}

#exhibition_profile .con{display: flex;}
#exhibition_profile .con>.item:nth-child(1){width: 32%;}
#exhibition_profile .con>.item:nth-child(2){flex: 1; padding: 0 0 0 4%; display: flex; flex-direction: column; justify-content: center;}

#upgrade .trait_wrap .trait_info>.item{align-items: normal;}
#upgrade .trait_wrap .trait_info>.item .title{color: var(--primary);}

#ADeepening .trait_wrap .trait_info{display: block;}
#ADeepening .trait_wrap .trait_info>.item{width: 100%; margin: 0 0 30px; color: #fff; position: relative;}
#ADeepening .trait_wrap .trait_info>.item .con{background-repeat: no-repeat; background-position: center center; background-size: cover; color: var(--white); width: 90%; margin: 0 auto; min-height: 300px;}
#ADeepening .trait_wrap .trait_info>.item .title{width: 150px; height: 0; padding-bottom: 150px; text-align: center; line-height: 150px; font-size: 8rem; background-image: linear-gradient(#ffe1b1, #e4a86b); position: absolute; top: 60px;}
#ADeepening .trait_wrap .trait_info>.item .title_en{font-size: 2rem;}
#ADeepening .trait_wrap .trait_info>.item:nth-child(even) .title{right: 0;}
#ADeepening .trait_wrap .trait_info>.item:nth-child(odd) .con{margin-right: 0; padding: 40px 30px 40px 70px; box-shadow: 5px 5px 1px var(--primary-1);}
#ADeepening .trait_wrap .trait_info>.item:nth-child(even) .con{margin-left: 0; padding: 40px 70px 40px 30px; box-shadow: -5px 5px 1px var(--primary-1);}

#image{background: url('../images/bg-1.png')no-repeat center center/cover;}
#image .content{padding: 100px 0 150px;}
#image .con{display: flex;}
#image .con>.item{width: 70%;}
#image .con>.video{padding: 10px 10px 10px 0; width: 30%;}
.video .video-js{width: 100%; height: 100%; font-size: 1.3rem;}
.video .video-js .vjs-big-play-button{top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.4em;}
#image #image_swiper .info{display: flex; justify-content: space-between; padding: 10px 30px;}
#image #image_swiper .info>.item{/*width: 32%;*/ flex: 1; height: 186px; margin: 0 1%; background-image: url('../images/img-loading.gif'); background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all .34s;}
#image #image_swiper .info>.item_act{transform: scale(1.1);}
#image #image_swiper .info>.item_no_act{transform: scale(0.9);}
#image #image_swiper .info>.item:nth-child(3), #image #image_swiper .info>.item:nth-child(4){margin-bottom: 0;}

#exhibitor .con .title, #media_support .con .title{color: var(--primary); font-weight: 700; padding-bottom: 20px;}

#specialPartner .con{display: flex; flex-wrap: wrap;}
#specialPartner .con>.item{width: 20%;}
#specialPartner .con>.item img{width: 90%;}

#organization .con{display: flex;}
#organization .con .logo_info img{margin-right: 100px;}
#organization .con_info{flex: 1;}
#organization .con_info>.item{font-weight: 700; margin-bottom: 20px; display: flex;}
#organization .con_info>.item>.title{font-size: 1.6rem; margin-right: 15px; width: 100px; color: var(--primary); /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
#organization .con_info>.item .info{font-size: 1.2rem; color: var(--gray-1); padding-top: 3px; flex: 1;}
/* #organization .con>.item .info>.item{margin-bottom: 10px;} */
/* #organization .con>.item .info>.item:last-child{margin-bottom: 0;} */

#details{display: flex; margin: 20px auto; background-image: url('../images/bg-img-1.png'), url('../images/bg-img-2.png'); background-repeat: no-repeat, no-repeat; background-position: 0 center, 98% bottom; background-size: 170px, 90px;}
/* #details>.inside_menu{width: 150px;} */
#details>.page_content{flex: 1; padding: 0 0 0 50px;}
#details .page_content_head{font-size: 2.8rem; font-weight: 700; padding-bottom: 5px; border-bottom: 2px solid var(--primary); color: var(--primary);}
#details .page_content_info{margin-top: 20px; min-height: 300px; font-size: 1.6rem;}

#inside_menu{border: 1px solid var(--gray-2); box-shadow: 0 3px 5px rgba(0, 0, 0, .16); background-color: var(--gray-5);}
#inside_menu>.item{padding: 5px 10px; border-top: 1px solid var(--white); display: block; transition: all .2s; color: var(--black-2); text-decoration: none; font-weight: 700; min-width: 150px;}
#inside_menu.inside_menu_en>.item{font-size: 1.4rem;}
#inside_menu>.item:nth-child(1){border: 0;}
#inside_menu>.item:hover, #inside_menu>.active{color: var(--white); background-color: var(--primary);}

@media screen and (max-width: 1200px) {
  #ADeepening .trait_wrap .trait_info>.item:nth-child(odd) .con{padding: 40px 30px 40px 90px;}
}

@media screen and (max-width: 992px) {
  #ADeepening .trait_wrap .trait_info>.item{padding: 0;}
  #ADeepening .trait_wrap .trait_info>.item .title{display: none;}
  #ADeepening .trait_wrap .trait_info>.item .con{width: 100%; padding: 20px 15px !important;}
}

@media screen and (max-width: 767px) {
  #app{padding-bottom: 94px;}

  /* layer */
  body .layer_viewDetails .layui-layer-content {padding: 20px;}

  /* header */
  .banner_info{padding-top: 50px;}
  .banner_info .goReg_info{bottom: 4%;}
  .banner_info .goReg_info .btn{padding: 0 15px; font-size: 1.2rem; border-radius: 4px;}

  /* High-end-Forum */
  #high-end-forum .agenda_info {display: block;}
  #high-end-forum .agenda_info>.item {width: 100%; margin: 0;}
  #high-end-forum .details_content .info_body>.item {font-size: 1.2rem;}
  #high-end-forum .details_content .info_body>.item .theme_info>.speaker {font-size: 1rem;}

  /* nav */
  .nav_info{padding: 0;}
  .navbar{display: block; position: relative;}
  .navbar .navbar-header .logo{margin: 5px 0 0 15px; padding: 5px 0;}
  .navbar .navbar-collapse{position: absolute; top: 100%; left: 0px; width: 100%; background-color: var(--white); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16); z-index: 999; padding: 0;}
  .navbar .navbar-collapse .nav{float: none; margin: 0; display: block;}
  .navbar-default .navbar-toggle{background-color: var(--primary) !important; transition: all .34s ease;}
  .navbar-default .navbar-toggle .icon-bar{background-color: var(--white) !important;}
  .navbar-default .navbar-toggle.collapsed{background-color: transparent !important;}
  .navbar-default .navbar-toggle.collapsed .icon-bar{background-color: var(--gray) !important;}
  .navbar .navbar-collapse .nav>li>a{display: flex; align-items: center; padding: 10px 30px 10px 15px;}
  .navbar .navbar-collapse .nav>li:nth-child(1)>a{background-position: 11px 0;}
  .menu_active_icon_info{margin-left: 5px; width: auto; left: auto; right: 15px;}
  .navbar .lang_info{right: 70px;}

  /* sidebar */
  #sidebar .sidebar .sidebar_info>.item .icon_info .icon{width: 20px;}
  #sidebar .sidebar .sidebar_info>.item .txt{font-size: 1.2rem;}
  #sidebar .sidebar .sidebar_info>.item_en .txt{font-size: 1rem;}

  /* footer */
  #footer{font-size: 1.4rem;}

  /* swiper */
  #image_swiper{--swiper-navigation-size: 20px;}

  /* main */
  .content, #image .content{padding: 20px 0;}

  #exhibition_profile .con{display: block;}
  #exhibition_profile .con>.item:nth-child(1){width: 100%;}
  #exhibition_profile .con>.item:nth-child(2){padding: 15px 0 0; display: block;}

  #image .con{display: block;}
  #image .con>.item{width: 100%;}
  #image .con>.item:nth-child(1){padding: 0; margin-bottom: 20px;}
  #image #image_swiper .info{padding: 10px 15px;}
  #image #image_swiper .info>.item{height: 75px;}
  #image #image_swiper .swiper-button-prev{left: 0;}
  #image #image_swiper .swiper-button-next{right: 0;}

  #organization .con_info>.item {display: block;}
  #organization .con_info>.item>.title {width: 100%; margin: 0 0 10px;}
  #organization .con_info>.item .info {padding: 0;}
  #organization .con .logo_info img{margin-right: 15px;}

  .trait_wrap .trait_info{display: block;}
  .trait_wrap .trait_info>.item{width: 100%; margin: 0 auto 15px;}

  .guest_wrap .guest_info>.item{width: 48% !important;}

  .category_info{padding: 0;}
  #details{display: block; margin-top: 0; background: none;}
  #details>.inside_menu{width: 100%;}
  #details>.page_content{padding: 0 15px;}
  #details .page_content_head{margin-top: 20px;}

  #inside_menu{display: flex; margin-bottom: 20px;}
  #inside_menu>.item{padding: 5px; background: none; border-top: 0; border-left: 1px solid var(--white); flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.4rem; min-width: auto;}
  #inside_menu.inside_menu_en>.item{font-size: 1.2rem;}
  #inside_menu>.item:nth-child(1){border-left: 0;}
  #inside_menu>.item:hover, #inside_menu>.active{background: var(--primary);}
}
