@font-face {
  font-family: NHaasGrotesk-reg;
  src: url(https://xmuseum.org/GT_Cinetype/GT-Cinetype-Regular.otf);
}
@font-face {
  font-family: Platform;
  src: url(https://xmuseum.org/Camera/ABCCamera-Regular.woff);
}
@font-face {
  font-family: NHaasGrotesk-reg-next;
  src: url(https://next.xmuseum.org/GT_Cinetype/GT-Cinetype-Regular.otf);
}
@font-face {
  font-family: Platform-next;
  src: url(https://next.xmuseum.org/Camera/ABCCamera-Regular.woff);
}
@font-face {
  font-family: Sourcehan;
  src: url(font/sourcehan.otf);
}
a:focus, button:focus, input:focus, textarea:focus, select:focus, div:focus {
  outline: none;
}
ol{
    margin-left: 0;}
    .mobile ol {
    padding-inline-start: 6.25vw;
}
*{-webkit-tap-highlight-color: transparent;}
.zh .con_en{
    display: none;
}
.en .con_zh{
    display: none;
}
.zh *{
    line-height: 1.625;
    letter-spacing: 0 !important;}
        *{
    font-family: NHaasGrotesk-reg, NHaasGrotesk-reg-next, "source-han-sans-simplified-c", sans-serif;
    letter-spacing: 0;
    margin: 0;
    letter-spacing: -0.015vh;
    color: black
        }
.sub_menu_title{
    font-variation-settings: "wght" 500;
    white-space: nowrap;
    /* background: #000000d9; */
    /* color: white; */
    /* line-height: 1.4; */
    /* border-right: 1px solid white; */
    /* padding-bottom: 0.35vh; */
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Platform', 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    line-height: 1.1 !important;
    /* position: absolute; */
    margin-left: 0;
    transition: color 0.5s;
    /* border-bottom: 1px solid; */
    width: 33.33vw;
    font-size: 5.2vh !important;
        }
.zh .sub_menu_title{
    font-size: 4.5vh !important;
}
.mobile .sub_menu_title{
font-size: 9vw !important;
}
        .sub_menu_sub{
    transition: color 0.5s;
    width: auto;
    display: inline-block;
    clear: both;
    /* background: #d0d0d0; */
    /* color: white; */
    border-radius: 0.5vh;
    /* margin-right: 100vw; */
    /* background: #000000c2; */
    /* color: white; */
    /* margin-right: 1vh; */
    /* font-size: 2vh; */
    line-height: 1.5;
    width: auto;
    /* float: left; */
    padding-left: 0.5vh;
    padding-right:2vh;
    font-size: 1.5vh;
    border-radius: 0.25vh;
    /* margin-top: -0.25vh; */
    /* white-space: nowrap; */
    clear: both;
    line-height: 1.25;
    padding-top: 0;
    padding-bottom: 0.35vh;
    line-height: 1 !important;
    text-transform: uppercase;
    transform: translateY(-0.5vh);
        }
        .zh .sub_menu_sub{
    padding-top: 0.75vh;
    padding-bottom: 1.25vh;
    font-size: 1.9vh;
    padding-left: 0;
    padding-right: 1.2vh;
}
        .menu_col>a{    float: left;
    position: relative;
    z-index: 100;
        }
        .mobile .menu_col>a{
    padding-top: 1vw
}
        .menu_col>.sub_menu_title_wrap{
            float: none;
    clear: both;
    display: block;
    z-index: 1
        }
        .mobile .dropdown{
z-index: 200000000;
position: absolute;
right: 0;
top: 0;
height: 9vw;
top: 0;
padding-right: 2vw;
display: block;
padding-left: 2vw !important;
padding-top: 3vw;
padding-bottom: 2vw;}
.menu_col_nonact .sub_menu_sub{
display: none}
.menu_col_act .sub_menu_sub{
display: block}
.menu_col_act .dropdown{
transform:rotate(180deg)
    
}
.mobile .menu_col_act{
height: auto !important;}
        .mobile .menu_col>.sub_menu_title_wrap{
        /*padding-top: 5vw;*/
/*padding-bottom: 1vw;*/
}
        html, body{
            height: 100%;
            width: 100%;
        }
        .home.mobile{
            overflow: hidden;

        }
        .liston .top_bar,
         .contenton .top_bar{    height: 6vh;
    width: 100%;
    position: fixed;
    background-color: #e9e9e9;
    z-index: 100000000;
    box-shadow: 0vh 0vh 1vh #e9e9e9;
top: 0}
        .wrapper_2{
    flex-direction: column;
    top: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    overflow:hidden;
    background: #f2f2f2;
    left: 0;
    transform-origin: left top;
    z-index: 1000000;
    pointer-events: none;

    /*transition: height 0.3s*/
        }
        .content_innercontent>h2{    font-size: 5.2vh;
    /* letter-spacing: -0.15vh; */
    line-height: 1;
    text-align: left;
    font-family: Platform, 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    /* font-variation-settings: "wtun" 400; */
    color: black;
    /* line-height: 1.5; */
    /* padding-top: 7vh; */
    position: relative;
    /* padding-left: 24vh; */
    /* top: 6vh; */
    /* line-height: 1.2; */
    padding-left: 2vh;
    padding-bottom: 1vh;
    padding-top: 9vh;
    text-transform: uppercase;
    padding-left: 0;}
    .content_innercontent>h3,
    .content_innercontent h3{
    font-weight: 500;
    font-size: 4vh;
    /* letter-spacing: -0.15vh; */
    line-height: 1;
    text-align: left;
    font-family: Platform, 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    /* font-variation-settings: "wtun" 400; */
    color: black;
    /* line-height: 1.5; */
    /* padding-top: 7vh; */
    position: relative;
    /* padding-left: 24vh; */
    /* top: 6vh; */
    /* line-height: 1.2; */
    padding-left: 2vh;
    /* padding-bottom: 1vh; */
    /* padding-top: 9vh; */
    text-transform: capitalize;
    padding-left: 0;}
    .content_innercontent p>img{
    width: 100%;}
    .alignleft{    margin-bottom: 1.5em;}
    .content_innercontent .img_p{
        display: flex;
    }
    .content_innercontent .img_p>img{
        width: 100%;
    margin-left: 1vh;
    }
    .content_innercontent .img_p > img:first-child {
    margin-left: 0vh;
}
        .abouton .top_bar,.supporton .top_bar{
            background-color: #000000;
            box-shadow: 0vh 0vh 1vh #000000;}

        .abouton .category_image,.supporton .category_image{
            width: 100%
        }
        .abouton .home,.supporton .home{
            filter: invert(1);}
        .menuon .wrapper_2{
        }
.menuon .menu {
    transform: translateX(0);
        }
        .wrapper_3{
            pointer-events: none;
        }
        .intro{
    z-index: 10000000;
    position: fixed;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
        }
        .intro_top,
        .intro_bottom{
    position: fixed;
    transition: height 1s;
    background: #efefff;
    width: 100%;
    height: 6vh;
        }
        .intro_top{
top: 0
        }
.intro_bottom{
    bottom: 0;
    top:auto;
}
.hide{display: none !important;}
        .ready .intro_top,
        .ready .intro_bottom{
            height: 50vh;
        }
        .ready .wrapper_3{
            opacity: 0
        }
        .zoom2 .wrapper_3_grid{
            display: none;
        }
        .zoom1 .wrapper_3_grid{
            display: block;
            z-index: 1000000
        }
        .ready .wrapper_3_default,
        .ready .wrapper_3_grid{
            opacity: 1
        }
        .wrapper_3_default,
        .wrapper_3_grid{
            top: 0;
            height: 100%;
            /*width: 100%;*/
            position: fixed;
            left: 0 !important;
            pointer-events: none;
            z-index: 0;
            /*width: 100vw !important;*/
        }
        .grid{    position: absolute;
    height: calc(100% - 12vh);
    width: 0vh;
    top: 6vh;
    background: black;
    z-index: 1000;}
        .mobile .wrapper_3_default{
            position: absolute;
        }
        .wrapper_3_exhibition,
.wrapper_3_workshop,
.wrapper_3_project,.top_wrapper,.bottom_wrapper{
            position: absolute;
}
        .wrapper_3_exhibition{
    height: calc(25% - 3vh - 0px);
    z-index: 100;
    top: 6vh
        }
        .mobile .wrapper_3_exhibition{
            height: 50%;
    top: 0vh
        }
        .wrapper_3_workshop{
            height: calc(25% - 3vh - 0px);
            z-index: 80;
            top: 50%;
        }
        .wrapper_3_workshop .overlap2_1 .border{
            display: none;
        }
        .mobile .wrapper_3_workshop{
            height: 50%;
        }
        .top_wrapper,.bottom_wrapper{
    top: 0;
    height: 6vh;
    width: 100% !important;
    pointer-events: none;
    position: relative;
    margin-left: 0 !important;
    left: 0 !important;
        }
        .mobile .top_wrapper,
        .mobile .bottom_wrapper{
            display: none;
        }
        .bottom_wrapper{
    background-color: #efefff;
    bottom: 0;
    top: auto;
    position: absolute;

        }
        .top_wrapper{
    background-color: #efefff;
        }
        .logo{    position: fixed;
    left: 50vw;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 25vh;
    border-left: 1px solid black;
    border-right: 1px solid black;}
        .block{
    position: absolute;
    height: 100%;
    top: 0;
    transition: transform 0.5s cubic-bezier(0.26, 1.4, 0.94, 1.5);
    /* transform: perspective(1000px); */
    left: auto;
    min-width: 140px;
        }
        .zoom1 .block{
            min-width: 50px
        }
        .mobile .block{
    min-width: 0px
        }
        .wrapper_3_exhibition .block{
            height: 200%
        }
        .block_2{
            height: 100%
        }
        .block_3 .front{
            bottom: auto;
            top: 0
        }
        .block_7{
            /*top: 100%*/
        }
        .des{
    position: absolute;
    padding: 1vh;
    z-index: 1;
    text-align: center;
    color: white;
    width: auto;
    /* height: 100%; */
    /* background: linear-gradient( #ffffff85 25%, transparent 50%); */
    left: 0;
    top: 0;
    /* display: flex; */
    /* flex-direction: row; */
    align-items: center;
    justify-content: center;
    align-content: center;
    top: 50%;
    transform: translateY(-50%);
    /*opacity: 0.5;*/
    /* mix-blend-mode: difference;
        }
        .thumb{
    min-width: 250px;
        }
        .narrowblock .thumb{
            background-image: url(img/thumb_9.jpg);
            /*border: 1vh solid white;*/
            box-sizing: border-box;}
            .liston .des ,
            .contenton .des {
    position: relative;
    padding-bottom: 1vh;
    z-index: 1;
     text-align: left; 
    color: black;
    width: 100%;
    /* height: 100%; */
    /* background: linear-gradient( #ffffff85 25%, transparent 50%); */
    left: 0;
    top: 0;
    /* display: flex; */
    /* flex-direction: row; */
    align-items: center;
    justify-content: center;
    align-content: center;
     top: 0%; 
     transform: translateY(0%); 
    /* opacity: 0.5; */
    box-sizing: border-box;
    padding-left: 0;
}
.contenton .scrollarrow{
    position: absolute;
    z-index: 100000;
    height: 3.5vh;
    display: block ;
    top: 50%;
}
.contenton .scrollarrow_r{
    transform: translate(-150%,-50%);
    left: 100vw;
}
.contenton .scrollarrow_l{
    left: 0vw;
}
            .mobile .liston .des ,
            .mobile .contenton .des {
padding-bottom: 8vw;
}
        .title{
    font-family: Platform, 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    font-variation-settings: "wtun" 330;

    font-size: 4.5vh;
    line-height: 1;
    /* padding-bottom: 1vh; */
    /* padding-top: 0.25vh; */
     text-transform: uppercase; 
    letter-spacing: -0.1vh;}


    .title.smf_1{
        font-size: 4vh;
    }
    .title.smf_2{
        font-size: 3.5vh;
    }
    .title.smf_3{
        font-size: 3vh;
    }
    .title.smf_4{
        font-size: 2.5vh;
    }
    .title.smf_5{
        font-size: 2vh;
    }
    .mobile .title{
font-size: 7vw;}
    .extra,.extra span{
        font-size: 1.45vh;
    line-height: 1.2;
    }
    .mobile .extra,.mobile .extra span{
        display: none;
}
    .home .title,
    .home .extra,.home .extra span{
        color: white
    }
    .thumb{
    position: relative;
    right: 0;
    top: 0;
    background-size: cover;
    width: calc(100% - 0vh);
    height: calc(100% - 0vh);
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    /* top: 1vh; */
    z-index: 0;
}
.front{
            pointer-events: all !important}
.android .front{
            pointer-events: none !important}
.android .readmore{
            pointer-events: all !important;
            z-index: 1000000;
    width: 15vw;
    position: absolute;
    height: 15vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;}
            .thumb{
                transition: 1s
            }
            .front:hover .thumb{
                filter: blur(2vh);
            }
        .zoom1 .date,
        .zoom1 .title,
        .zoom1 .extra{
            display: none;
        }
        .zoom1 .des, .zoom1 .thumb{
            pointer-events: none !important
        }
        .zoom1 .tooltip .title{
            display: block !important
        }
        .zoom2 .tooltip{
            display: none !important
        }
.tooltip{
    pointer-events: none;
    position: fixed;
    z-index: 1000000000
}
.tooltip .title{    font-size: 2.35vh;
    /* border: 1px solid purple; */
    background: black;
    /* color: black; */
    padding: 0.25vh;
    line-height: 1;
    letter-spacing: 0;
    padding-left: 0.8vh;
    padding-right: 0.8vh;
    border-radius: 0.25vh;
}
        .block_pos_up.overlap .date{
            top: 0 !important
        }
        .block_pos_down.overlap .date{
            bottom: 0 !important
        }
                            .overlap2_0, .overlap2_1 {height:100% !important}
                            .overlap3_0, .overlap3_1, .overlap3_2 {height:66.6% !important}
                            .overlap4_0, .overlap4_1, .overlap4_2 {height:66.6% !important}
                            .overlap5_0, .overlap5_1, .overlap5_2 {height:66.6% !important}
                            .overlap6_0, .overlap6_1, .overlap6_2 {height:66.6% !important}
                            .overlap7_0, .overlap7_1, .overlap7_2 {height:66.6% !important}
                            .overlap8_0, .overlap8_1, .overlap8_2 {height:66.6% !important}
                            .overlap9_0, .overlap9_1, .overlap9_2 {height:66.6% !important}

                            .overlap3_1 {top:66.6%}
                            .overlap3_1 .date_wrapper { height: calc(100% + 6vh) }

                            .overlap3_2 {top:133.2% !important}
                            .overlap3_2 .date_wrapper { height: calc(200% + 6vh) }


                            .overlap2_1 {top:100%}
                            .block_pos_up.overlap2_1 .date_wrapper{ height: calc(6vh + 100%) !important;}
                            .block_pos_up.overlap2_0 .date_wrapper { height:6vh !important}
                            .block_pos_down.overlap2_1 .date_wrapper{ height: 6vh !important;}
                            .block_pos_down.overlap2_0 .date_wrapper { height:calc(6vh + 100%) !important}

                            .mobile .overlap{
                                height: 100% !important;
                                top: 0 !important   
                            }
        .date_wrapper{
            width: 100%;
            position: absolute;
            height: 6vh;
            border-left: 1px solid #ffffff6b;
            border-right: 1px solid #ffffff6b;
            overflow-y: hidden;
            
        }
        .mobile .date_wrapper{display: none;}
        .zoom1 .date_wrapper{
            height: 100vh;
        }
        .block_pos_up .date_wrapper{
            top: auto;
            bottom: 100%;
        }
        .block_pos_up .date{
            top: 0
        }
        .block_pos_down .date_wrapper{
            top: 100%;
        }
        .block_pos_down .date{bottom: 0
        }

        .date{
            width: 100%;
            position: absolute;
    height: 6vh;
        }
        .start_date{
    background: #fefefe54;
            text-align: right;
        }
        .end_date{
            /*border-right: 2px solid white*/
        }
        .date span{
    font-size: 1.7vh;
    line-height: 1;
    background-size: auto 70%;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;

        }
        .grid .date_wrapper{
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    height: 6vh;
    border: none !important;
    overflow: visible;}
        .year_date{
    display: block !important;
    overflow: visible;}
    .year_date span{
    font-size: 1.7vh;
    line-height: 1;
    background-size: auto 70%;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    height: 100%;
    line-height: 5.8vh;
    background-image: url(img/arrow_down.png);
    background-position: center 4.5vh;
    background-size: auto 1vh;
}
        .start_date span{
    padding-right: 1.65vh;
    background-image: url(img/arrow_in.png);

    background-position: right;
    background-color: ghostwhite;
    box-shadow: 0vh 0vh 1vh ghostwhite;
        }
        .end_date{
        }
        .end_date span{
    padding-left: 1.65vh;
    background-image: url(img/arrow.png);    background-position: left;;
    background-color: ghostwhite;
    box-shadow: 0vh 0vh 1vh ghostwhite;

        }

        .narrowblock .start_date span{
    background: url(img/arrow.png) left no-repeat, #b2b8c3;
    border: 1px solid white;
    background-size: auto 70%;
}

        .narrowblock .front{
            padding: 0 !important
        }
        .narrowblock .des{
            /*padding-bottom: 0*/
        }
        .narrowblock .des .title{
    font-size: 3vh;
    /*box-shadow: 0vh 0vh 2vh inset #00d0ff3d;*/
        }
    .narrowblock .des .title.smf_1{
        font-size: 2.6vh;
    }
    .narrowblock .des .title.smf_2{
        font-size: 2.3vh;
    }
    .narrowblock .des .title.smf_3{
        font-size: 2vh;
    }
    .narrowblock .des .title.smf_4{
        font-size: 1.6vh;
    }
    .narrowblock .des .title.smf_5{
        font-size: 1.3vh;
    }
        .narrowblock .des .extra{
            display: none;
        }
        .narrowblock .start_date span{
            display: none;
}


a{
    text-decoration: none;
    color: black
}

            .front{
    position: absolute;
    width: 100%;
    /* height: 180%; */
    /*box-shadow: 0vh 0vh 2vh inset #002eff42;*/
    flex-direction: column;
    background: white;
    padding: 1vh;
    box-sizing: border-box;
    padding-top: 0.25vh;
    flex-direction: row;
    overflow: hidden;
    overflow: hidden;
    pointer-events: all !important;
}
            .mobile .front{transform: rotate(-90deg) translateX(-100%);
transform-origin: left top;}
            /*.android .front{
            pointer-events: none !important}
            .android .front .des{
            pointer-events: auto !important}*/
        .front, .side, .side_border{
            position: absolute;
            left: 0;
            height: 100%;
                width: 100%;
            z-index: 10;
            top: 0
        }
        .back{
            position: absolute;
            background-color: #95b8df;
            width: 30%;
            height: 30%;
            z-index: 0
        }
        .leftside .back{ z-index: 0 }
        .leftside .side_left{ z-index: 1 }
        .leftside .front_wrapper{ z-index: 2 }
        .leftside .side_right{ z-index: 3 }
        .rightside .back{ z-index: 0 }
        .rightside .side_right{ z-index: 1 }
        .rightside .front_wrapper{ z-index: 2 }
        .rightside .side_left{ z-index: 3 }
        .middleside .back{ z-index: 0 }
        .middleside .side_left{ z-index: 1 }
        .middleside .side_right{ z-index: 2 }
        .middleside .front_wrapper{ z-index: 3 }
        .narrowblock .front_wrapper{z-index: 100}
        .front_wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
        }
        /*.narrowblock{
            opacity: 0.5
        }*/
        .side_topbottom{
    transform-origin: top left;
            display: block;
            position: absolute;
        }
        .block_pos_up .side_topbottom{
            top: 100%
        }
        .mobile .side_topbottom,.mobile .side_border,.mobile .back,
        .mobile .leftside .side_left,.mobile .leftside .side_left,.mobile .leftside .side_left  {
            display: none;

        }
        .default{
            top: 6vh;
            height: calc(100% - 12vh);
            width: 100vw !important;
    position: fixed;
    left: 0 !important;
        }
        .mobile .default{
top: 0;
height: 100%;
width: 100vh !important;
}
        .logo_block {
    top: 7.5%;
    height: 85%;
    width: 100%;
    position: fixed;
    filter: blur(1vw);
    opacity: 0.25;
    z-index: 1000000000
}
.logo_block .back{
    position: absolute;
    width: 100%;
    top: 35%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(img/logo/00.png);
    background-size: contain;
    background-position: center;
}
.mobile .logo_block .back{

transform: rotate(-90deg);}
.logo_block .side_right_top,
.logo_block .side_right_bottom,
.logo_block .side_left_top,
.logo_block .side_left_bottom{
    width: 50% !important;
    height: 50% !important;
            /*background-image: url(img/side-03.png);*/
    position: absolute;
    left: auto;
    top: auto;
            background-size: 100% 100%
}
a>*{
    color: black;
    text-decoration: none;
}
.logo_block .side_right_top{
    right: 0;
    top: 0;

}
.logo_block .side_left_top{
    left: 0;
    top: 0;
    transform: scaleX(-1) scaleY(1);
}
.logo_block .side_right_bottom{
    right: 0;
    bottom: 0;
    transform: scaleX(1) scaleY(-1);
}
.logo_block .side_left_bottom{
    left: 0;
    bottom: 0;
    transform: scaleX(-1) scaleY(-1);
}
        .default .front{
            height: 100%; 
        }
        .side_img{
            width: 100%;
            height: 100%;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0
        }
        .category_title{
    text-align: center;
    line-height: 1.25;
    text-transform: none;
    width: 83.33%;
}
.supporton .category_contents>ul{

    border-top: 1px solid white;
    border-left: 1px solid white;
    margin: 0;
    padding: 0;
}
.supporton .category_contents .coop_logo{
    width: 30%;
    display: block;
}
.supporton .li_inner>li{
    text-decoration: none;
    list-style-type: none;
    /* border-right: 1px solid white; */
    /* border-bottom: 1px solid white; */
    width: 100%;
    padding: 1vh;
    text-align: center;
    /* justify-content: unset; */
    position: absolute;
    /* display: flex; */
    /* min-height: 8vh; */
    text-align: center;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* height: auto; */
    /* min-height: auto; */
    left: 0;
}
.supporton .li_inner{
    width: 100%;
    min-height: 8vh;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    display: flex;
    /* height: auto; */
    position: relative;

}
.supporton .li_wrap{
    width: 100%;
    display: flex;
}

.supporton,.abouton{
    background-color: black !important
}
.supporton * ,
.abouton * {
    color:  white !important
}
.abouton .category_contents img,
.supporton .category_contents img{
    /*margin-bottom: 1.5em;*/
    /*margin-top: 1.5em;*/
}
.abouton .borderline,
.supporton .borderline{
    position: absolute;
    width: 100vw;
    display: block;
    border-bottom: 1px solid #ffffff78
}
.abouton .borderline_sm,
.supporton .borderline_sm{
    position: absolute;
    width: calc(100% - 24.6%);
    display: block;
    border-bottom: 1px solid #ffffff78;
}
.abouton .upper_info,
.supporton .upper_info{
    border-bottom: 1px solid #ffffff78

}
.category img{
    height: 1.25vh;
    padding-left: 0.5vh;
    filter: invert(1);}
    .category img:hover{
        cursor: pointer;
    }
.bigboldfont{
    font-size: 5.2vh;
    line-height: 1;
    text-align: left;
    font-family: Platform, 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    color: black;
    position: relative;
    padding-left: 2vh;
    padding-bottom: 8vh;
    padding-top: 12vh;
    text-transform: uppercase;
}
.midsizefont{font-size: 4vh;
    line-height: 1;
    text-align: left;
    font-family: Platform, 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    color: black;
    position: relative;
    padding-left: 2vh;
    padding-bottom: 1vh;
    padding-top: 9vh;
    text-transform: uppercase;}
    .smalltitlefont{font-size: 3vh;
    padding-bottom: 1.75vh;
    line-height: 1;
    text-align: left;
    font-family: Platform, 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    color: black;
    position: relative;
    display: inline-block;
    }
    .en .smalltitlefont{
        font-size: 3vh;
}
.supporton .midsizefont,
.abouton .midsizefont{
    padding-top: 0vh !important; 
    padding-left: 0vh !important; 
}
ul, ol {
     margin: 0 0 0em 0em; 
}
.mobile .bigboldfont{
font-size: 9vw;
font-weight: 500;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-top: 3vh;}

.mobile .midsizefont{
font-size: 7vw;
font-weight: 500;
    padding-left: 2vh;
    padding-right: 2vh;
    padding-top: 3vh;}
    .mobile .smalltitlefont{
font-size: 6vw;
    }
.mobile .category_title.bigboldfont{
    padding-top: 6vh;
}
.mobile .side_info{
    display: none;
}
.bigfont{
    font-size: 6.25vh;
    letter-spacing: -0.15vh;}
    .smfont{
    line-height: 1.25;
    font-size: 1.5vh;
    float: left;
    /*clear: both;*/
    }
    .slash{
        float: left;
    line-height: 1.25;
    font-size: 1.5vh;
    }
    .yearsort_all{
      clear: both;
      width: 100%;  
    }
.upper_info{
    height: 6vh;}
    .side_info{

    position: fixed;
    right: 0;
    width: 16.6%;
    top: 12.8vh;
    padding-left: 0.5vh;
    padding-right: 1vh;
    z-index: 100000000;
    transition: 0.5s
}
.side_info_title_publications{
    display: none !important;
}
.publicationson .side_info_title_publications{
display: block !important;
}
.publicationson .side_info_title_nonpublications{
    display: none;
}
.liston .side_info{
    position: absolute;}
.fadeout{
    opacity: 0;
    pointer-events: none;
}
.side_info_title{
    display: block;
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
    float: left;
    text-transform: uppercase;
    color: #565656;
cursor: pointer;}
    .side_info_title:hover,
    .yearsort:hover{
        color: #7b7fe9
    }
.category {
    background: #000000c2;
    color: white;
    /* margin-right: 1vh; */
    /* font-size: 2vh; */
    line-height: 1.5;
    width: auto;
    float: left;
    padding-left: 0.5vh;
    padding-right: 0.5vh;
    font-size: 1.5vh;
    border-radius: 0.25vh;
    margin-bottom: 0.25vh;
    /* white-space: nowrap; */
    clear: both;
    line-height: 1.25;
    padding-top: 0.25vh;
    padding-bottom: 0.25vh;
}

.cat_2_year{
    font-size: 2vh;
    margin-left: 1vh;}
.category_wrap{
    float: left;
    position: relative;
}
.category_extra{
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1vh;
}
.content_dates{
    text-align: center;
}
.sort{
    /* padding: 1vh; */
    border: 1px solid black;
    line-height: 3;
    padding-left: 0.5vh;
    padding-right: 0.5vh;
}
.listcontent{
    display: none;
}
.listcontent_under_wrap{
    display: flex;
    /*border-bottom: 4px solid blue;*/
}
.listcontent_under_wrap>div:nth-child(1){
    border-right: 0px solid blue
}
.listcontent_under{
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Platform', 'Platform-next', "source-han-sans-simplified-c", sans-serif;
    font-size: 2.2vh !important;
    line-height: 1.25;
    font-size: 1.5vh !important;
}
.listcontent_under:hover{
    text-decoration: underline;
}
.listcontent_under_under{
    width: 100%;
    display: flex;
}
.listcontent_under_under>div:nth-child(1){
    border-left: 0px solid blue
}
.listcontent_under_under_under{
    width: 100%;
    font-size: 2.2vh;
}
        .list{
            /*background-image: url(img/background.png);*/
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: top;
        }



.top_img.face{
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    background-image: url(img/top-100-news.png);
    transform-origin: top
}
.block_pos_down .top_img.face{
    transform: scaleY(1);
    bottom: 100%
}
.block_pos_up .top_img.face{
    transform: scaleY(-1);
    top: 100%
}
.block_hei_100 .top_img{display: none;}


        .side_img.face{
            /*opacity: 0.75*/
        }
        .side_img.border{
            background-image: url(img/side-03.png);
        }
        .leftside .side_right{
            left: 100%;
        }
        .leftside .side_left{
            left: 0;
        }
        .rightside .side_left{
            right: 100%;
            left: auto;
        }
        .rightside .side_right{
            right: 0%;
            left: auto;
        }
        .middleside .side_left{
            left: 0;
        }
        .middleside .side_right{
            right: 0;
            left: auto;
        }
        .mobile .wrapper_3_exhibition .side_img.face{
            background-image: url('img/side-100-work.png')
        }
        .mobile .wrapper_3_workshop .side_img.face{
            background-image: url('img/side-100-work.png')
        }
        .tb_top{
            position: absolute;
    width: 100%;
    height: 35%;
    display: block;
    background: linear-gradient(#dedefb,#d8d8d8);
        }
        .tb_bottom{
    position: absolute;
    width: 100%;
    height: 35%;
    display: block;
    background: linear-gradient(#d8d8d8,#dedefb);
    bottom: 0;
    top: auto;
        }



        .category_name{
    width: 3vh;
    height: 100%;
    position: absolute;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
        }
        .wrapper_0{
            position: absolute;
            height: 100%;
            width: 100%;
        }
        .mobile.home .wrapper_0{
            /*position: fixed;*/
        }
        .contenton .wrapper_0{
    overflow-y: scroll;
overflow-x: hidden;}

        .wrapper_1{
            height: 100%;
            width: 100%;
            position: relative;
            top: 0;
            /*overflow:auto;*/
     /*overflow-x: hidden; */z-index: 10000000;
        }
        .mobile .wrapper_1{
overflow-x: hidden;
overflow-y: scroll;

        }
        .scroll{
            height: 100%;
        }
        .mobile .scroll{
            /*pointer-events: none;*/
position: relative;
z-index: 10000;
}
        .sel{
            /*background-color: blue*/
        }
        .scrollarrow{
    width: 3.5vh;
    z-index: 100000000;
    position: fixed;
    height: auto;
    margin: 0.5vh;
    top: 50%;
    transform: translateY(-100%);
display: none;}
    .scrollarrow_r{
    right: 0;

    }
    .scrollarrow_l{
    left: 0;
        
    }
        .menu{
    position: fixed;
    top: 0;
    background: linear-gradient(0deg, #b6b6b666, #dde4f57a);
    z-index: 1000000000;
    pointer-events: none;
    opacity: 0;
    width: 100vw;
    transition: opacity 0.5s ease-in-out;
    height: 100%;
    overflow: hidden;
    padding-top: 0.75vh;
    padding-bottom: 1vh;
    padding-left: 0.75vh;
    padding-right: 0.75vh;
    box-sizing: border-box;
    justify-content: space-evenly;
    /* padding-left: 25vh; */
    flex-wrap: wrap;
    justify-content: flex-start;
    /* background-image: url(img/logo.png); */
    flex-direction: column;
    align-items: center;
    left: 0;
padding: 2vh;
    padding-top: 0.8vh;
}
        .mobile .menu{
padding: 4vw;
padding-top: 11vw;
overflow-y: scroll;
    transition: opacity 0s ease-in-out;
        }
         .mobile .scrollarrow{
            display: none !important
        }
.trans{
    position: absolute;
    left: 140vh;
    color: white;
    background: black;
    padding-left: 0.5vh;
    padding-right: 0.5vh;
    line-height: 1;
    padding-top: 0.5vh;
    margin-top: -0.5vh;
    padding-bottom: 0.5vh;
    border-radius: 0.3vh;
}
.transunderline{
    text-decoration: underline;
}
.home{
    top: auto;
    /* display: none; */
    /* padding-left: 1vh; */
    padding-bottom: 1vh;
    position: absolute;
    margin-left: 0;
    bottom: 0;
}
img.home{
    left: 9vh;
    height: 28vh;
}
.mobile .home{
right: auto;
width: auto;
height: 36vw;
left: 0vw;
position: absolute;
margin-top: 0vw;
bottom: 2vw;
left: 4vw;
}
.mobile .menu>a{
    margin-top: 5vw;
    overflow: hidden;
    display: block;
    width: 100vw;
    height: 36vw;
}

      @media (max-aspect-ratio: 14/10) {
.menu {

  }
}
.menu_col {

    text-transform: uppercase;
    width: 66.66vw;
    /* padding-left: 1vh; */
    /* padding-right: 5vh; */
    left: 7vh;
    position: relative;
}
.mobile .menu_col{
    left: 0vh;
    float: left;
width: 100%;
    padding-bottom: 2vw;
height: 13.5vw;
}
        .menu_col *{
    font-size: 2vh;
    line-height: 1.4;
    /* height: 2.5vh; */
    /* border-bottom: 1px solid white; */
    text-decoration: none;
    line-height: 1.2;
    font-weight: 500
        }
.mobile .menu_col *{
    clear: both;
font-size: 5vw;
padding-left: 0;
}
.btn_menu {    z-index: 100000000;
    position: fixed;
    right: 0;
    top: 0;
    height: 3vh;
    left: 1.5vh;
    top: 1.5vh;
    display: none;
}
        .menu_btn_close:hover,
        .btn_close:hover,
        .fullsize_close:hover{
            filter: invert(1);
        }
 .mobile .btn_menu{
}
.abouton .menu_btn_close,
.supporton .menu_btn_close{
    filter: invert(1);
}
.abouton .btn_menu_hover,
.supporton .btn_menu_hover,
.abouton .menu_btn_close:hover,
.supporton .menu_btn_close:hover{
            filter: none

}
 .mobile.supporton .lang li,
 .mobile.abouton .lang li{
    box-shadow: -0vh -0vh 0vh 0vh #ffffff;
            filter: invert(1)
 }

    .mobile.home .zoom_wrap{display: none !important;
    }
    .mobile .lang{background: transparent !important
    }




    
    

 .btn_menu{
    box-shadow: -0vh -0vh 1vh 1.5vh #ƒe9e9e9;
}
     .zoom_wrap{
    background: #ƒe9e9e9
    }
    .lang{
    background: linear-gradient(to left ,#ƒe9e9e9 80%, transparent);
    }
.home .btn_menu{
    box-shadow: -0vh -0vh 1vh 1.5vh #f4f4ff;
    background-color:  #f4f4ff;
}
    .home .zoom_wrap{
    background: #f4f4ff
    }
    .home .lang{
    background: linear-gradient(to left ,#f4f4ff 80%, transparent);
    }
.mobile .btn_menu{
    box-shadow: none !important
}
    .mobile .zoom_wrap{
    background: none !important
    }
   .mobile .lang{
    background: none !important
    }
.mobile.home .btn_menu{
    box-shadow: none !important
    background: none !important;
}
    .mobile.home .zoom_wrap{
    background:none !important
    }
    .mobile.home .lang{
    background: none !important
    }
        .menu_btn_close:hover,
        .btn_close:hover,
        .fullsize_close:hover{
            filter: invert(1);
        }
        .menu_btn_close,
        .btn_close,
        .fullsize_close{z-index: 10;
    position: absolute;
    left: 1.5vh;
    top: 0;
    height: 4.5vh;
  display: none;
    height: 3vh;
    /* left: 1.5vh; */
    top: 1.5vh;
}
        .fullsize_close{
            display: block;
        }

        .mobile .menu_btn_close,
        .mobile .btn_close,
        .mobile .fullsize_close{right: 4vw;
            top: 4vw;
left: auto;
}
.fullsize_close{right: 1.5vh;
left: auto;
}
body .btn_close{
    position: fixed;
}
        .menu_btn_close{
            display: block;
            position: absolute;
        }
.menuon .btn_menu,
.menuon .zoom_wrap{
    display: none !important;
    }
.menuon .menu{
    opacity: 1;pointer-events: all;
}
.menuon .upper_info,
.menuon .side_info,
.menuon .content,
.menuon .wrapper_1,
.menuon .list,
.menuon .content_innercontent,
.menuon .scrollarrow,
.menuon .footer{
    filter: blur(1vh);
}
    .sub_menu_title:hover,
    .sub_menu_sub:hover{
        cursor: pointer;

    text-decoration: none;
    color: #892eff;
    }
.zoom_wrap{
    position: fixed;
    z-index: 100000000000000;
    right: 0;
    top: 0;
    font-size: 3vh;
    opacity: 1;
    display: none;
    width: 6vh;
    height: 6vh;
}
.btn_logo{
    text-transform: capitalize;
    width: 3.5vh;
    top: 0.75vh;
    position: fixed;
    left: 50%;
    z-index: 100000000;
    /* z-index: 10000; */
    transform: translateX(-50%);

    box-shadow: 0vh 0vh 0.9vh 0.75vh #f4f4ff;
    background-color: #f4f4ff;
}
.mobile .btn_logo{
    box-shadow: none;
    background: none !important
}
.mobile.menuon .btn_logo{
    display: none !important
}
.zoom{
    text-transform: capitalize;
    width: 3.5vh;
    /* top: 1vh; */
    position: relative;
}
.zoom:hover{
    cursor: pointer;
    }
    .zoom_in{
    text-transform: capitalize;
    width: 3.5vh;
    top: 1vh;
    position: fixed;
    right: 1vh;
        display: none;
    }
.zoom_out{    
    text-transform: capitalize;
    width: 3.5vh;
    top: 1vh;
    position: fixed;
    right: 1vh;}
.content,.list{
    display: block;
    /*padding-top: 10vh;*/
    display: none;
    top: 0
}
.list_under_wrap{
    padding: 1vw;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: flex-start;
    padding-bottom: 0vh;
    padding-left: 2vh;
    padding-top: 0;
}
.mobile .list_under_wrap{
padding-left: 2vh;
padding-right: 2vh;
display: block;
}
.list_under{    width: 33%;
    margin-right: 1vw;
    box-sizing: border-box
}
.mobile .list_under {
width: 100%;
padding-bottom: 5vw;
}
.list_under_wrap>div:last-child{
    padding-right: 0
}
.list_under img,
.list_under .thumb,
.list_under .book_thumb{
    background-size: contain;
    transition: 1s;
    width: 100%;
    background-color: #d6d6d6;
}
.list_under .thumb{
    padding-bottom: 65.727%;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
}
.book_thumb{
    padding-bottom: 65.727%;
    background-repeat: no-repeat;
    background-position: center;
}
.publicationson .list{
    padding-top: 9vh;
}
.publicationson .content_innerthumb{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.wheretobuy{
    background: black;
    padding: 1vh;
    margin-top: 0.5vh;
    position: relative;
    display: block;
    text-align: center;
    color: white;
    text-transform: uppercase;
    border-radius: 0.5vh;
    color: white !important;
    width: 50%;
    left: 0%;}
.contenton.publicationson .wheretobuy{
    width: 30vh;
    left: 0;
    margin-top: 3vh;
    margin-left: 6.66%;
    /* margin-bottom: 3vh; */
    border-radius: 0.5vh;
}
.content{
    z-index: 100000;
    position: relative;
}
.img_gallery,.related-post{
    background: #e9e9e9;
    }
    .content_innerthumb{
    height: auto;
    width: 83.33%;
    background-size: cover;
    /* position: absolute; */
    right: 0;
    position: relative;
    left: auto;
    }
    .mobile .content_innerthumb{
    width: 100%;
    height: auto;
margin-bottom: 5vw;
}
.img_fullsize{    position: fixed;
    z-index: 1000000000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
display: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
    background-color: rgb(216, 216, 216);}
.btn_fullsize_arrow{
    z-index: 1000000000;
    position: absolute;
    top: 50vh;
    height: 2.5vh;
    /* text-transform: uppercase; */
    font-family: 'Camera-M';
    /* color: #2241ff; */
    /* line-height: 1; */
    /* font-size: 1.8vh; */
    cursor: pointer;
    transition: 0.5s;
    pointer-events: all;
    /* letter-spacing: -0.05vh; */
    /* filter: invert(1); */
    background-color: transparent;
    box-shadow: none;}
    .btn_fullsize_arrow_l{
    left: 0vh;

    }
    .btn_fullsize_arrow_r{
    right: 0vh;
        
    }
    .support .category_title,
    .about .category_title{
        padding-bottom: 0;
        padding-left: 0
    }
    .content_innercontent {
    padding-right: 24.6%;
    padding-left: 2vh;
    font-size: 2vh;
    line-height: 1.3;
    padding-top: 0vh;
    padding-bottom: 10vh;
    }
    .content_innercontent .img_virtical_side .img_virtical_side_1{
    width: 49%;
    float: left;
}
    .img_virtical_side_1{
    margin-right: 2%;}
    .img_virtical_side_2{
    margin-left: 2%;}
    .contenton .content_innercontent {
    padding-left: 6.66%;
}
    .mobile.contenton .content_innercontent,
    .mobile .about .content_innercontent,
    .mobile .support .content_innercontent{padding-left: 2vh;
padding-right: 2vh;
font-size: 4.25vw;}
    .support .content_innercontent,
    .about .content_innercontent{
    padding-right: 24.6%;
    padding-left: 2vh;
    font-size: 2vh;
    line-height: 1.3;
    padding-top: 0vh;
    padding-bottom: 10vh;
    letter-spacing: -0.025vh;
}
.mobile.contenton .content_innercontent .wp-video,
.mobile.contenton .content_innercontent .wp-video video{
    width: 100% !important
}

    .mobile .support .content_innercontent{padding-left: 2vh;
padding-right: 2vh;
font-size: 4.25vw;}

    .liston .content_innercontent {
    padding-top: 0vh;
    padding-bottom: 0vh;
    }
    .content_innercontent .fullimage{
        width: 100%
    }
    .related-post{
    text-transform: uppercase;
    z-index: 10000000;
    position: relative;
    }
    .upper_info{
        display: none;
    overflow: hidden;
    }
    .contenton, .liston{background: #e9e9e9;}
    .contenton .wrapper_1,
    .contenton .zoom_wrap{
        display: none;}
    .upper_info{

    position: relative;
    width: 100%;
    z-index: 100;
    height: auto;
    overflow: hidden;
    }
.contenton .upper_info,
.contenton .content,
.contenton .category,
.contenton .btn_close{
    display: block;
}
.category_list{
    text-transform: capitalize;
}
.liston .upper_info,
.liston .list,
.liston .btn_close,
.liston .category_list_1,
.liston .category_list_2{
    display: block;
}
    .liston .wrapper_1,
    .liston .zoom_wrap{
        display: none;}
.listcontenton .upper_info,
.listcontenton .listcontent,
.listcontenton .list,
.listcontenton .category_list_1{
    display: block;
}
    .listcontenton .btn_close{display: block;}
    .listcontenton .wrapper_1,
    .listcontenton .zoom_wrap{
        display: none;}
.liston .scroll{
    display: none;
}
.contenton .scroll{
    display: none;
}
.listcontenton .scroll{
    display: none;
}
.list_under:hover{
    cursor: pointer;
}
.list_under{
    overflow: hidden;
    padding-bottom: 7.5vh;
}
.list_under:hover>img{
                filter: blur(0.5vh);
}
.lang{
    position: fixed;
    z-index: 1000000000;
    right: 6vh;
    display: flex;
    padding: 0;
    margin: 0;
    /* padding: 0.4vh; */
    border-radius: 0.25vh;
    line-height: 1;
    font-size: 1.8vh;
    /* transform: translateY(-50%); */
    /* top: 0; */
    /* padding-left: 0.6vh; */
    /* padding-right: 0.6vh; */
    height: 2.75vh;
    line-height: 2vh;
    height: 6vh;
    width: 8vh;
}
.contenton .lang,
.liston .lang{
    right: 0;}
    .mobile.home .lang,.mobile.contenton .lang, .mobile.liston .lang {
right: 3vw;
}
.menuon .lang{
    display: none !important
}
.home .lang{
    display: none;
}
.lang li{   
    display: block;
    background: #383838;
    padding: 0;
    margin: 0;
    padding: 0.4vh;
    border-radius: 0.25vh;
    line-height: 1;
    font-size: 1.8vh;
    top: 1.625vh;
    padding-left: 0.6vh;
    padding-right: 0.6vh;
    position: relative;
    float: right;
    height: 2.75vh;}
    .mobile .lang li{left: auto;
position: absolute;
right: 0;}
.lang li a{  
    line-height: 1;
text-decoration: none !important;
color:white !important;
white-space: nowrap;}
.en .lang-item-en{
    display: none;
}
.zh .lang-item-zh{
    display: none;
}
.alignleft_wrapper{
    display: flex;
}
.img_gallery{
    height: 40vh;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.img_gallery .img_gallery_inner{
    display: flex;
    height: 100%;
    transition: 0.5s;
    align-items: flex-start;
}
.img_gallery .img_gallery_inner img{
    float: left;
    height: 100%;
    width: auto;
    margin-right: 1.5vh;
}
.mobile .img_gallery .img_gallery_inner img {
    height: auto;
    width: 100vw;
    margin-right: 0 !important
}
.img_gallery .img_gallery_inner img:hover{
    opacity: 0.75
}
.scrollarrow_r_hover,
.scrollarrow_l_hover,
.zoom_in_hover,
.zoom_out_hover,
.btn_menu_hover{
    opacity: 0;
    pointer-events: none;
}
.mobile .btn_menu_hover{
    display: none !important;
}
.mobile .scrollarrow_l_hover,
.mobile .scrollarrow_r_hover{
    display: none !important
}
.mobile .img_galleryscrollarrow{
    display: block !important
}
.scrollarrow_r:hover + .scrollarrow_r_hover,
.scrollarrow_l:hover + .scrollarrow_l_hover,
.zoom_in:hover + .zoom_in_hover,
.zoom_out:hover + .zoom_out_hover,
.btn_menu:hover + .btn_menu_hover{
    opacity: 1
    /*display: block !important;*/
}
.footer{
    background: black;
    color: white;
position: relative;
}
.footer>a{    position: absolute;
    height: 100%;
    top: 0;
    right: 0;}
    .footer img.home{
    height: 100%;
    position: relative;
    right: 0;
    filter: invert(1);
    width: auto;
    left: auto;
    float: right;
    padding: 1vh;}
    .footer_inner{
    display: flex;
    color: white;
    }
    .footer_inner>div{
        width: 100%;
        color: white;
        padding: 1vh
    }
    .footer_inner>div>span{
        width: 100%;
        color: white;
    }
    .supporton .footer,
    .abouton .footer{
    border-top: 1px solid #ffffff2e;}
    .social_icons{
    margin-right: 0.5vh;
    width: 2vh;}
@media screen and (max-height: 700px)  and (min-width: 800px) {
    .content_innercontent{
        font-size: 1.1vw
    }
    .bigboldfont{
        font-size: 2.8vw;
        padding-top: 3vw;
    }
    .title {
    font-size: 2.5vw;
    }
    .extra, .extra span {
    font-size: 0.8vw;
    }
    .smfont,.category {
    font-size: 0.8vw;
    }
    .category img {
    height: 0.6vw;
    padding-left: 0.5vw;
    }
    .btn_menu {
    height: 1.5vw;
    left: 0.8vw;
    top: 0.8vw;
    }
    .liston .top_bar, .contenton .top_bar{
    height: 3vw;
    }

    .lang li{

        top: 0.8vw;
        font-size: 0.8vw;
        height: 1.3vw;
        padding-left: 0.3vw;
        padding-right: 0.3vw;
        /* width: 7vw; */
        padding-top: 0.25vw;
    }
    .menu{
        column-count: 2;}
    .menu_col * {
        font-size: 1.2vw;}
    .sub_menu_title{

        font-size: 3vw !important;
    }.default {
        top: 0;
        height: 100%;
    }
     .wrapper_2{
         /*top: -6vh;*/

        /*height: calc(100% + 12vh);*/
    }

    .zoom_out {
        width: 1.65vw;
        top: 0.65vw;
        right: 0.65vw;
        }
    .home .lang{
        height: 3vw;
        right: 3vw;}
        .home .lang {
        background: none
    }
    .home .zoom_wrap {
        background:none;
    }
        .zoom_wrap{
        height: 3vw;
        width: 3vw
        }
        .wrapper_3_exhibition {
        height: calc(25% - 0vh);
        top: 0;
    }
    .wrapper_3_workshop {
        height: calc(25% - 0vh);
    }
}

@media (max-aspect-ratio: 4/5) {
    .footer_inner{
        display: block;
    }
    .footer{
        height: auto
    }
    .footer>a{
    position: relative;
    height: 10vw;
    display: block;
    }

}