@charset "UTF-8";
:root{
--green: #bcfd67;
--red: #ee6b62;
--light-blue: #58baf1;
--purple: #9164c6;
--gray: #898989;
}
@font-face {
font-family: 'Montserrat';
src: url('font/Montserrat-Medium.woff2') format('woff2'),
url('font/Montserrat-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('font/Montserrat-Bold.woff2') format('woff2'),
url('font/Montserrat-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('font/Montserrat-Light.woff2') format('woff2'),
url('font/Montserrat-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('font/Montserrat-Regular.woff2') format('woff2'),
url('font/Montserrat-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* default */
*{margin:0; padding:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
ul,ol{/*list-style:none;*/ padding: 0 1.5em;}
a, img{text-decoration:none; border:none; color:inherit;}
img:not([class*=wp-image]){border:0; vertical-align:top; width:100%; height: auto;}
img[src=""] {display: none;}
.unselect{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
body{
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
/*font-family: 'Noto Sans TC', sans-serif;*/
font-family: 'Montserrat', sans-serif;
min-height: 100vh;
width: 100vw;
overflow-x: hidden;
}
/* text editor issue */
.text-content img{
/* width: inherit;*/
max-width: 100%;
}
/*.text-content p:after {
content: '';
display: block;
float: none;
clear: both;
}*/
.animatedParent.animateOnce{
width: 100%;
overflow: hidden;
}
body > header .animatedParent.animateOnce{
width: unset;
overflow: unset;
}
input{
box-shadow: none;
border:none;
outline: none;
}
input:focus{
outline: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input::placeholder{
color:#231815;
}
button{
box-shadow: none;
border:none;
outline: none;
border-radius: 0;
}
a.twitter{
-webkit-mask: url('data:image/svg+xml;utf8,') center/cover no-repeat;
mask: url('data:image/svg+xml;utf8,') center/cover no-repeat;
}
a.facebook{
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
a.youtube{
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
a.ig{
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
a.linkedin{
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
a.flickr{
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
a.weibo{
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
p a{
color: var(--light-blue);
}
p a:hover{
text-decoration: underline;
}
/* swiper */
.slider{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
touch-action: pan-y;
}
.slider-wrapper{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
align-items: stretch !important;
}
.slide{
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
transform: scale(-1);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .site-map .section-list .title:after{
outline: none !important;
width: 2vw !important;
height: 2vw !important;
margin-top:-1vw !important;
background-size: initial !important;
background:#000 !important;
-webkit-mask: url('data:image/svg+xml;utf8,') !important;
mask: url('data:image/svg+xml;utf8,') !important;
}
/* header*/
body > header{
position: relative;
/*overflow: hidden;*/
background: #fff;
z-index: 111;
}
.header-wrapper{
position: relative;
display: flex;
padding: 1.875vw 4.61vw;
width: 100%;
justify-content: space-between;
}
body > header .logo-apru{
width: 13.9vw;
}
.header-right{
display: flex;
justify-content: space-between;
align-items: center;
}
.header-right .navigation{
display: flex;
margin-right: 1.465vw;
}
.header-right .navigation > div{
display: flex;
align-items: center;
}
body > header .navigation > div > a{
text-transform: uppercase;
font-weight: bold;
font-size: .86vw;
/*margin-right: 2.93vw;*/
margin:0 1.17vw;
position: relative;
text-align: center;
display: block;
letter-spacing: -.25px;
}
body > header .navigation > div > a.nav-lang{
margin: 0 .5vw;
display: inline-block;
}
body > header .navigation > div:hover > a.nav-lang:after{
width: 0;
}
body > header .navigation > div:hover > a.nav-lang:hover:after{
width: 100%;
}
body > header .navigation > div > a.nav-lang:nth-child(1){
margin-left: 1.465vw;
}
body > header .navigation > div > a:after{
content:'';
width: 0;
height: 2px;
background: #000;
position: absolute;
left: 0;
bottom: -2px;
transition: width 300ms cubic-bezier(.25,1.33,.7,.99);
}
body > header .navigation > div:hover > a:after{
width: 100%;
}
body > header .navigation > div > a:last-of-type{
/*margin-right: 0;*/
}
body > header .navigation > div > a.current:after{
content:'';
width: 100%;
height: 2px;
background: #000;
position: absolute;
left: 0;
bottom: -2px;
transition: width 300ms cubic-bezier(.25,1.33,.7,.99);
}
body > header .search-box{
position: relative;
}
body > header .search-box form{
display: flex;
background:#000;
transition: background 300ms ease-out;
}
body > header .search-btn{
width: 3vw;
height: 3vw;
background: #fff/* url(../images/event/icons/ic_search.svg) center center no-repeat*/;
background-size: cover;
position: relative;
z-index: 1;
cursor: pointer;
transition: background 300ms ease-out;
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
body > header .search-box input{
/*display: none;*/
width: 100%;
background: #eee;
padding: 0 1.5vw;
font-size: 1vw;
font-weight: bold;
line-height: 3vw;
}
body > header .search-input{
position: absolute;
width: 0;
right: 3vw;
transform: translate3d(0,0,0);
transition: width 300ms cubic-bezier(.25,1.33,.7,.99);
overflow: hidden;
}
body > header .search-box:hover .search-btn{
/*background:#000;*/
}
body > header .search-box:hover form{
/*background: #eee;*/
}
body > header .search-box:hover .search-input{
width: 14vw;
}
/* top-news-bar */
.top-news-bar{
/*width: 100vw;*/ /* 67.34 */
padding:.583vw 14.9vw 0 17.76vw;
margin-bottom:1vw;
}
.top-news-bar-slider-wrapper{
display: flex;
justify-content: space-between;
gap: 0 3%;
}
/* news-block */
.news-block{
/*width: 21.42vw;*/
flex: 0 1 33%;
background:#ccc;
display: flex;
}
.news-block:nth-child(3n+1){
background:var(--light-blue);
}
.news-block:nth-child(3n+2){
background:var(--red);
}
.news-block:nth-child(3n){
background:var(--green);
}
.news-block .content{
flex:0 0 54.14%;
padding:1.2456vw .958vw;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.news-block .thumbnail{
flex:0 1 100%;
background-size: cover;
background-position: top center;
}
.news-block .txt-content .title{
font-weight: bold;
font-size: 1.035vw;
line-height: 1vw;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
}
.news-block .txt-content .description{
font-size: .721vw;
line-height: 1.2vw;
margin: .2vw 0 1.1vw;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
}
a.more, .more-btn{
font-size: .721vw;
font-weight: bold;
line-height: 1;
position: relative;
display: flex;
align-items: center;
}
a.more:after, .more-btn:after{
content: '';
width: 2.329vw;
height: .5vw;
background: #000;
margin-left: .424vw;
}
/* MPM */
.mpm-container{
position: relative;
padding-left:17.76vw;
margin: 2.22vw 0 5.237vw;
}
.mpm-slider{
/*67.348vw*/
width: 100%;
position: relative;
}
.mpm-slide{
}
.mpm-container .mpm-wrapper .swiper-pagination{
display: flex;
flex-direction: column;
top: 0;
left: 12vw;
}
.mpm-container .mpm-wrapper .swiper-pagination-bullet{
width: 1vw;
height: 1vw;
border: 1px solid #000;
background: none;
margin-bottom: 1vw;
outline: none;
opacity: 1;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99), opacity 300ms ease-in;
transform: scale(1);
}
.mpm-container .mpm-wrapper .swiper-pagination-bullet:hover{
transform: scale(1.2);
}
.mpm-container .mpm-wrapper .swiper-pagination-bullet-active{
background:#000;
/*background:url(../images/event/icons/bullet.svg) center center no-repeat;
border-radius: 0;
border: none;*/
}
.mpm-slide .mpm-bg{
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 67.348vw;
height: 43.788vw;
}
.mpm-slide .mpm-txt{
position: absolute;
right:8vw;
bottom:0;
display: flex;
flex-direction: column;
align-items: flex-end;
width: 29.88vw;
}
.mpm-slide .mpm-title{
font-weight: bold;
direction: rtl;
font-size: 2.7vw;
line-height: 3.6vw;
}
.mpm-slide .mpm-title div{
display: inline;
box-shadow: -1.38vw 0 0 #fff, -1.38vw 0 0 #fff;
background:#fff;
padding: .3vw 0 .3vw 1vw;
}
.mpm-slide .mpm-description{
font-size: 0.89vw;
background:#fff;
padding: .6vw 0 .6vw 1vw;
line-height: 1.3vw;
margin-top: 1vw;
}
.mpm-slide .mpm-description a{
color: var(--light-blue);
}
.mpm-slide .mpm-description a:hover{
text-decoration: underline;
}
/* About-Event*/
.about-container{
position: relative;
display: block;
margin: 5.237vw 0 5.236vw 0;
width: 90.6244vw;
padding-left: 9.3756vw;
height: 34.729vw;
}
.about-container .about-bg{
background:#ccc;
background-size: cover;
background-position: center center;
position: absolute;
width: 100%;
height: 100%;
/*top: .45vw;*/
z-index: -1;
}
.about-container .about-title{
font-size: 5.05vw;
line-height: 4.6vw;
font-weight: bold;
margin-left: -2.2vw;
width: 16.5vw;
text-align: right;
margin-top: -.3vw;
position: absolute;
letter-spacing: -2px;
background: #fff;
}
.about-container .about-title:after{
position: absolute;
width: 4%;
height: 100%;
background: #fff;
content: '';
display: block;
top: 0;
right: -4%;
}
.about-container .about-content{
position: absolute;
bottom: -2.6vw;
background: #fff;
width: 39.5vw;
padding-right: 1vw;
}
.about-content .title{
font-size: 1.75vw;
font-weight: bold;
line-height: 2.66vw;
}
.about-content .description{
margin-top: .3vw;
font-size: .8929vw;
line-height: 1.3589vw;
}
.about-content a{
color: var(--light-blue);
}
.about-content a:hover{
text-decoration: underline;
}
.about-content .info{
display: flex;
margin-top: 1vw
}
.about-content .info .date{
font-size: .8929vw;
margin-right: 1.7vw;
font-weight: bold;
}
.about-content .info .more{
}
/* email-box */
.email-box .title{
font-weight: bold;
text-transform: uppercase;
font-size: 1.1vw;
letter-spacing: -.5px;
}
.email-box form{
display: flex;
height: 3.568vw;
margin-top:1.6vw;
}
.email-box input{
font-weight: bold;
font-size: 1vw;
padding:0 1vw;
width: 16.988vw;
letter-spacing: -.5px;
}
.email-box button[type="submit"], .email-box a.button{
font-size: 1vw;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background:#000;
padding: 0 1vw;
letter-spacing: -.5px;
cursor: pointer;
position: relative;
transition: all 100ms ease-out;
border: .4vw solid #000;
}
.email-box button[type="submit"] span, .email-box a.button span{
z-index: 1;
position: relative;
display: block;
}
.email-box button[type="submit"]:hover, .email-box a.button:hover{
background: #fff;
color: #000;
}
.email-box a.button{
font-size: 1.2vw;
display: inline-block;
line-height: 3.7vw;
padding: 0 2vw;
}
/* Key Partners */
.key-partners-container{
position: relative;
display: flex;
justify-content: center;
margin:1vw auto 3.165vw;
}
.key-partners-wrapper{
position: relative;
width: 75vw;
}
.key-partners-wrapper .title{
background: #000;
color: #fff;
text-transform: uppercase;
display: inline-block;
font-size: .7756vw;
font-weight: bold;
padding: .1vw .4vw;
margin-left: 2.3vw;
margin-bottom: .2vw;
}
.key-partners-slide{
height: 0;
padding-bottom:7.298vw;
}
.key-partners-slide .key-partners-logo{
position: absolute;
width: 100%;
height: 100%;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.key-partners-wrapper .swiper-button-prev{
margin-left: -3.9vw;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99);
transform: translate(0,0,0) scale(-1);
}
.key-partners-wrapper .swiper-button-next{
margin-right: -3.9vw;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99);
transform: translate(0,0,0);
}
.key-partners-wrapper .swiper-button-prev:hover{
transform: translate3d(-5px,0,0) scale(-1);
}
.key-partners-wrapper .swiper-button-next:hover{
transform: translate3d(5px,0,0);
}
/* Contact us */
.contact-us-container{
position: relative;
display: flex;
margin:2.4vw 0 4vw;
min-height: 28.3vw;
}
.contact-us-container .contact-bg{
flex:0 0 48%;
background-size: cover;
background-position: center center;
}
.contact-us-container .contact-content{
flex:1 0 auto;
margin-left:2vw;
border-top:.4vw solid #000;
}
.contact-us-container .contact-content .title{
background: #fff;
font-size: 5.02vw;
width: 25.02vw;
font-weight: bold;
margin-left: -25%;
margin-top: 3.85vw;
line-height: .9;
padding: 1vw 1.1vw;
letter-spacing: -1px;
}
.contact-us-container .contact-content form{
margin-top: 0;
height: 4.5vw;
}
.contact-us-container .contact-content form input{
background: #efefef;
font-size: 1.2vw;
padding: 0 1.5vw;
width: 30.667vw;
}
.contact-us-container .contact-content form button[type="submit"]{
font-size: 1.2vw;
padding: 0 1.5vw;
}
.contact-us-container .contact-content .social-links{
display: flex;
}
.contact-us-container .contact-content .social-links a{
width: 1.9vw;
height: 1.9vw;
margin-right:1.3vw;
margin-top:1.5vw;
display: block;
background:#000;
transition: transform 200ms cubic-bezier(.25,2,.7,.99);
transform: scale(1);
position: relative;
}
.contact-us-container .contact-content .social-links a:hover{
transform: scale(1.1);
}
.contact-us-container .contact-content .social-links a:after{
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
box-shadow: inset 0 0 4px 4px rgba(255, 255, 255, 1);
top: 0;
left: 0;
}
/* events and latest news */
.events-and-latest-news-container{
display: inline-block;
margin-top:4vw;
}
.events-and-latest-news-container .bigtitle{
width: 84.91vw;
/*background: #10aa80;*/
font-size: 4.8vw;
font-weight: bold;
text-align: right;
line-height: .84;
padding-right: .3vw;
}
.events-and-latest-news-container .events-and-latest-news-wrapper{
width: 75.328vw;
/*overflow: hidden;*/
position: relative;
margin: 1.88vw 0 3.96vw 9.605vw;
}
.events-and-latest-news-wrapper .area{
display: flex;
justify-content: space-between;
align-items: stretch;
}
.events-and-latest-news-wrapper .area .upcoming-event-container{
flex:0 0 58.266%;
display: flex;
flex-direction: column;
}
.events-and-latest-news-wrapper .area .news-container{
flex:0 0 37.8%;
display: flex;
flex-direction: column;
}
.events-and-latest-news-wrapper .news-block .thumbnail{
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}
.events-and-latest-news-wrapper .area .top-part{
display: flex;
align-items: baseline;
justify-content: space-between;
}
.events-and-latest-news-wrapper .area .smalltitle{
font-size: 2.348vw;
font-weight: bold;
margin-bottom: 1vw;
}
.upcoming-event-container .event-blocks{
display: flex;
justify-content: space-between;
flex:1 0 auto;
}
.upcoming-event-container .event-block{
flex:0 1 50%;
background:#ccc;
}
.upcoming-event-container .event-block:nth-child(odd){
margin-right:1.41875vw;
}
.upcoming-event-container .event-block{
display: flex;
flex-direction: column;
}
.upcoming-event-container .event-block .event-bg{
width: 100%;
height: 11.93vw;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.upcoming-event-container .event-block .event-content{
padding: .49375vw 1.0625vw 1.1718vw;
flex:1 0 auto;
}
.upcoming-event-container .event-block .event-content .title{
font-weight: bold;
font-size: 1.035vw;
}
.upcoming-event-container .event-block .event-content .description{
font-size: .7vw;
margin-top: .1vw;
}
.upcoming-event-container .event-block .info{
padding: .49375vw 1.0625vw 1.1718vw;
font-size: .5582vw;
font-weight: bold;
position: relative;
}
.upcoming-event-container .event-block .info:after{
content: '';
width: 2.329vw;
height: .5vw;
background: #000;
position: absolute;
right: 1.0625vw;
bottom: 1.1718vw;
}
.upcoming-event-container .event-block + .event-block + .event-block{
display: none;
}
.events-and-latest-news-wrapper .news-container .news-blocks{
flex: 1 0 auto;
}
.events-and-latest-news-wrapper .news-container .news-blocks .news-blocks-wrapper{
position: relative;
height: 100%;
}
.events-and-latest-news-wrapper .news-container .news-blocks-slider{
height: 23.28vw;
overflow: hidden;
}
.events-and-latest-news-wrapper .news-container .news-blocks-slider .news-blocks-slider-wrapper{
display: flex;
flex-direction: column;
}
.events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-next{
transform: rotate(90deg) translate3d(0,0,0);
right: -3.3vw;
top: auto;
bottom: -.5vw;
margin-top: 0 !important;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99);
}
.events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-prev{
transform: rotate(-90deg) translate3d(0,0,0);
left: auto;
right: -3.33vw;
top: auto;
bottom: 2.5vw;
margin-top: 0 !important;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99);
}
.events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-next:hover{
transform: rotate(90deg) translate3d(5px,0,0);
}
.events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-prev:hover{
transform: rotate(-90deg) translate3d(5px,0,0);
}
.events-and-latest-news-wrapper .news-container .news-block{
/*padding-bottom: .65vw;*/
width: 100%;
position: relative;
}
.events-and-latest-news-wrapper .news-container .news-block .content{
padding:2vw 1.509vw 1.5vw;
}
.events-and-latest-news-wrapper .news-block .cate{
text-transform: uppercase;
font-size: .582vw;
font-weight: bold;
margin-bottom: .35vw;
}
.events-and-latest-news-wrapper .news-block .title{
font-size: 1.035vw;
font-weight: bold;
line-height: 1.55vw;
margin-bottom: .56vw;
}
.events-and-latest-news-wrapper .news-block .date{
font-size: .582vw;
font-weight: bold;
}
/* quote */
.quote-container{
width: 75.328vw;
/*background: #06aac8;*/
overflow: hidden;
position: relative;
margin:3.96vw 0 3.355vw 9.605vw;
}
.quote-container.noshow{
display: none !important;
}
.quote-container .bigtitle{
position: absolute;
bottom: 0;
right: 0;
font-size: 4.8vw;
line-height: 1.18;
letter-spacing: -2px;
width: 38.53vw;
direction: rtl;
font-weight: bold;
z-index: 5;
}
.quote-container .bigtitle div{
text-align: right;
background: #fff;
display: inline;
position: relative;
left: 1vw;
padding-left: 0;
box-shadow: 1.5vw 0 0 #fff, -1vw 0 0 #fff;
right: 1.4vw;
}
.quote-slider{
/*position: absolute;*/
}
.quote-slider-wrapper{
align-items: flex-start;
transition-property: transform,height;
}
.quote-slide{
padding:2.5vw 28.67vw 0 3.02vw;
flex: 1 0 100%;
display: flex;
flex-direction: column;
height: auto;
min-height: 25.317vw;
background: #fff;
}
.quote-content{
flex:1 0 auto;
}
.quote-content .title{
font-size: 1.2vw;
line-height: 1.863vw;
font-weight: bold;
}
.quote-content .description{
font-size: .9316vw;
line-height: 1.7vw;
margin-top: .5vw;
}
.quote-content .profile{
margin-top: 1.6vw;
}
.quote-content .profile .profile-img{
width:4.5vw;
height:4.5vw;
border-radius: 100%;
overflow: hidden;
margin-bottom: .5vw;
background-size: cover;
background-position: center center;
}
.quote-content .profile .profile-name{
font-size: .9316vw;
line-height: 1.3vw;
}
.quote-content .profile .profile-title{
font-size: .5824vw;
line-height: 1.3vw;
}
.quote-slide .more{
margin-bottom: 2.07vw;
margin-top: 2vw;
}
.quote-container .swiper-button-next, .quote-container .swiper-button-prev{
z-index: 4;
top: 9.1vw;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99);
}
.quote-container .swiper-button-next{
right: 1.89vw;
}
.quote-container .swiper-button-prev{
/*left: 68.9vw;*/
left: auto;
right: 5vw;
}
.quote-container .swiper-button-next:hover{
transform: translate3d(5px,0,0);
}
.quote-container .swiper-button-prev:hover{
transform: translate3d(-5px,0,0) scale(-1);
}
.quote-container .swiper-button-next.swiper-button-disabled, .quote-container .swiper-button-prev.swiper-button-disabled,
.quote-container .swiper-button-next.swiper-button-disabled, .quote-container .swiper-button-prev.swiper-button-disabled{
opacity: 1;
background: #fff !important;
}
/*.quote-container mark{
background: #fff;
}*/
/* back to top */
/*.back-to-top{
position: fixed;
bottom: 6.71vw;
right:0;
font-size: 1.26vw;
font-weight: bold;
display: flex;
transform-origin: bottom right;
transform: rotate(-90deg) translate3d(100%, -2.46vw, 0);
overflow: hidden;
}*/
.back-to-top-area{
position: fixed;
bottom: 6.71vw;
/*right:2.46vw;
width: 1.21vw;*/
right: 1.46vw;
width: 3.21vw;
height: 14.96vw;
cursor: pointer;
background:rgba(0,0,0,0);
z-index: 100;
transition: transform 300ms ease-out;
transform: translate3d(0,200%,0);
}
.back-to-top-area.show{
transform: translate3d(0,0,0);
}
.back-to-top{
position: fixed;
bottom: 6.71vw;
right:2.46vw;
display: flex;
-webkit-clip-path: url(#svgPath);
clip-path: url(#svgPath);
background: #000;
width: 1.21vw;
height: 14.96vw;
overflow: hidden;
transition: opacity 300ms ease-out;
opacity: 0;
z-index: 99;
/*transform: translate3d(0,200%,0);*/
}
.back-to-top.jq-clipthru-origin:not(.jq-clipthru-clone){
/*transform: translate3d(0,200%,0);*/
opacity: 0;
}
.back-to-top.jq-clipthru-origin:not(.jq-clipthru-clone).show{
/*transform: translate3d(0,0,0);*/
opacity: 1;
}
.back-to-top.jq-clipthru-origin.jq-clipthru-clone{
opacity: 0;
/*transform: translate3d(0,200%,0);*/
}
.back-to-top.jq-clipthru-origin.jq-clipthru-clone.show{
/*transform: translate3d(0,0,0);*/
transition: none;
opacity: 1;
}
.back-to-top span{
position: relative;
display: flex;
align-items: center;
}
.back-to-top span:after{
content: '';
width: 3.71vw;
height: 1px;
background: #000;
margin-left: .9765vw;
margin-top: 1px;
}
.back-to-top:not(#back-to-top-unique) {
/*opacity: 1;*/
}
.back-to-top.testclass-0 {
color: white;
background:#fff;
}
body > svg{
position: absolute;
}
/* footer */
footer{
margin-top:3.355vw;
}
.footer-top{
background: #333;
color: #fff;
padding: 4.09vw 4.61vw 5.8vw;
display: flex;
justify-content: space-between;
}
.footer-top .email-box{
margin-left: .7vw;
}
.footer-top .email-box .msg{
font-size: 1.1vw;
margin-top: 0.5vw;
}
.footer-top .site-map{
font-size: 1.32vw;
font-weight: bold;
line-height: 1.62vw;
padding:0 3.118vw 0 5.1256vw;
flex:1 0 auto;
display: flex;
justify-content: space-between;
}
.site-map .section-list{
margin-right: 5.25vw;
}
.site-map .section-list:last-of-type{
margin-right: 0;
}
.site-map .section-list .section-links{
display: flex;
flex-direction: column;
}
.site-map .section-list .title{
color:#fff;
}
.site-map .section-list .section-links a{
margin-top: 1.6vw;
transition: opacity 200ms ease-out;
opacity: 1;
font-weight: 500;
cursor: pointer;
}
.site-map .section-list .section-links a:hover{
opacity: .6;
}
.footer-right{
position: relative;
padding:0 4.92vw 0 2vw;
}
.footer-right:before{
content: '';
width: 1px;
height: 100%;
background: #666;
position: absolute;
left: 0;
top: 0;
}
.footer-right .social-links{
display: flex;
margin-bottom: 2.044vw;
}
.footer-right .social-links a{
width: 2.5vw;
height: 2.5vw;
margin-right: 1.25vw;
background: #fff;
transition: transform 200ms cubic-bezier(.25,2,.7,.99);
transform: scale(1);
position: relative;
cursor: pointer;
}
.footer-right .social-links a:after{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: inset 0 0 4px 4px #333;
}
.footer-right .social-links a:hover{
transform: scale(1.1);
}
.footer-right .social-links a:last-of-type{
margin-right: 0;
}
.footer-bottom{
background: #fff;
padding: 1.875vw 4.61vw;
}
.footer-bottom-wrapper{
padding-right: 4.92vw;
display: flex;
justify-content: flex-end;
align-items: center;
}
.footer-bottom .logo-apru{
width: 5.27vw;
}
.footer-bottom .copyright{
color: #989898;
font-size: .854vw;
margin-left: 4.61vw;
opacity: 0;
font-weight: 500;
}
/* event2 */
/* About-Event*/
.mpm2-container{
position: relative;
display: block;
margin: .583vw 0 5.236vw 0;
width: 100vw;
padding-left: 9.3756vw;
height: 50.976vw;
}
.mpm2-container .mpm2-slide{
background:#fff;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
z-index: -1;
}
.mpm2-container a.mpm2-slide[href=""]{
pointer-events: none;
}
.mpm2-container .mpm2-content{
position: absolute;
bottom: 0;
background: #fff;
width: 39.5vw;
}
.mpm2-container .mpm2-content .slide-msg{
padding:1vw 1vw 4.22vw 0;
display: block;
}
.mpm2-container.onlyone .mpm2-content .slide-msg{
padding-bottom: 1vw;
}
.mpm2-container .mpm2-content .slide-msg a{
color: var(--light-blue);
}
.mpm2-container .mpm2-content .slide-msg a:hover{
text-decoration: underline;
}
.mpm2-container .mpm2-content .slide-msg.noshow{
display: none !important;
}
.mpm2-container .mpm2-content .slide-msg:not(:nth-child(1)){
display: none;
}
.mpm2-content .title{
font-size: 1.75vw;
font-weight: bold;
line-height: 2.66vw;
}
.mpm2-content .description{
margin-top: .3vw;
font-size: .8929vw;
line-height: 1.3589vw;
}
.mpm2-container .swiper-pagination{
position: absolute;
bottom: 0 !important;
width: unset !important;
left: unset !important;
}
.mpm2-container .swiper-pagination-bullet{
width: 1vw;
height: 1vw;
border: 1px solid #000;
background: none;
margin-right: 1vw;
outline: none;
opacity: 1;
transition: transform 300ms cubic-bezier(.25,1.33,.7,.99), opacity 300ms ease-in;
transform: scale(1);
}
.mpm2-container .swiper-pagination-bullet:hover{
transform: scale(1.2);
}
.mpm2-container .swiper-pagination-bullet-active{
background:#000;
}
.event-info-container{
position: relative;
display: block;
margin: 2vw 0 2.44vw;
width: 100vw;
padding-left: 9.3756vw;
font-size: 15px;
line-height: 22px;
}
.event-section-content p{
font-size: 15px;
margin-bottom: 22px;
}
.event-section-content img {
margin: 0 15px 15px 0;
}
.event-info-wrapper{
display: flex;
flex-wrap: wrap;
}
.event-section-bar{
flex: 1 0 100%;
position: relative;
overflow: hidden;
padding-right: 9.3756vw;
padding-bottom: 50px;
}
.event-section-wrapper{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
align-items: flex-end;
}
.event-section-wrapper .event-section-tab{
background: #E8EEF4;
font-size: 19px;
line-height: 27px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px;
margin-bottom: 12px;
padding: 0 20px;
cursor: pointer;
white-space: nowrap;
}
.event-section-wrapper .event-section-tab.current{
background: #58BAF1;
font-weight: 700;
height: 65px;
}
.event-section-wrapper .event-section-tab:not(.current):hover{
background: #58BAF1;
}
.event-section-content{
display: none;
}
.event-info-lt{
flex:0 0 53%;
margin-right:6.1207vw;
}
.event-info-lt a{
color: var(--light-blue);
}
.event-info-lt a:hover{
text-decoration: underline;
}
.event-info-rt{
flex:0 0 23.4915%;
}
.event-info-lt > div:not(:last-child){
margin-bottom: 2vw;
}
.event-info-lt > div .title{
font-size: 1.75vw;
font-weight: bold;
line-height: 2.66vw;
}
.event-info-lt > div .description{
/*margin-top: .3vw;*/
margin-top: 1em;
font-size: 20px;
line-height: 1.3;
}
.event-info-lt > div .description p,
.event-info-lt > div .description ul{
margin-bottom: 0.6em;
font-size: 20px;
line-height: 1.3;
}
.event-info-lt > div .description h1{
font-size: 1.7em;
}
.event-info-lt > div .description h2{
font-size: 1.5em;
}
.event-info-lt > div .description h3{
font-size: 1.4em;
}
.event-info-lt > div .description h4{
font-size: 1.3em;
}
.event-info-lt > div .description h5{
font-size: 1.2em;
}
.event-info-lt > div .description :where(h3, h4, h5):not(:nth-child(1)),
.event-info-lt > div .description > div :where(h3, h4, h5),
.event-info-lt > div .description img:not(:nth-child(1)),
.event-info-lt > div .description > div img{
/* margin-top: 1.5em;*/
line-height: 1.3;
margin-bottom: .5em;
}
.event-info-lt > div .description img.size-medium{
}
.event-info-lt > div .description img.aligncenter,
.member-descriprion img.aligncenter{
width: auto;
height: auto;
margin: 0 auto 15px auto;
display: block;
}
.event-info-lt > div .description img.alignleft,
.member-descriprion img.alignleft{
float: left;
min-width: auto;
height: auto;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 0;
/* max-width: 40%;*/
}
.event-info-lt > div .description img.alignright,
.member-descriprion img.alignright{
float: right;
width: auto;
height: auto;
margin-left: 15px;
margin-bottom: 15px;
/* max-width: 40%;*/
}
.event-info-lt > div .description table{
border-collapse: collapse;
width: 100%;
border-color: transparent;
}
.event-info-lt > div .description tr, .event-info-lt > div .description td{
border-color: transparent;
vertical-align: top;
}
.event-info-lt > div .description td > img,
.event-info-lt > div .description td > img.alignleft,
.event-info-lt > div .description td > img.alignright,
.event-info-lt > div .description td > img.aligncenter,
.member-descriprion td > img.alignleft,
.member-descriprion td > img.alignright,
.member-descriprion td > img.aligncenter{
min-width: 229px;
max-width: 100%;
margin: 0;
}
.event-info-rt{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.map-block{
border:1px solid #000;
width: 100%;
height: 15.117vw;
position: relative;
overflow: hidden;
background:#eee;
margin-bottom: .3vw;
}
.event-info-rt .map-tags{
display: flex;
}
.event-info-rt .map-tags .map-tag{
margin-right: 1vw;
}
.event-info-rt .map-tags .map-tag:hover{
text-decoration: underline;
}
.event-info-rt .map-info{
flex:1 0 auto;
}
.event-info-rt .map-info .map-name{
font-size: 1.75vw;
font-weight: bold;
line-height: 2.66vw;
}
.event-info-rt .map-info .map-description{
margin-top: .3vw;
}
.event-info-container .social-links{
display: flex;
}
.event-info-container .social-links a{
width: 1.9vw;
height: 1.9vw;
margin-right: 1.3vw;
margin-top: 1vw;
display: block;
background: #000;
transition: transform 200ms cubic-bezier(.25,2,.7,.99);
transform: scale(1);
position: relative;
}
.event-info-container .social-links a:hover {
transform: scale(1.1);
}
.event-info-container .social-links a:after{
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
box-shadow: inset 0 0 4px 4px rgba(255, 255, 255, 1);
top: 0;
left: 0;
}
.register-now-container{
margin: 2.44vw 0;
position: relative;
text-align: center;
width: 100%;
padding: 1vw 0;
}
.register-now-container:after{
content: '';
width: 100%;
height: .39vw;
background:#000;
top: 50%;
left:0;
margin-top: -.195vw;
position: absolute;
z-index: -1;
}
.register-now-container a{
position: relative;
color: #fff;
background: #000;
padding: .6vw 1.1vw;
font-size: .977vw;
font-weight: bold;
border: .4vw solid #000;
transition: all 100ms ease-out;
position: relative;
}
.register-now-container a:hover{
color: #000;
background: #fff;
}
.register-now-container a span{
z-index: 1;
position: relative;
}
.register-now-container a:before,.register-now-container a:after{
position: absolute;
display: block;
content: '';
width: 1.2vw;
height: 100%;
z-index: 1;
background: #fff;
top: 0;
}
.register-now-container a:before{
left: -1.6vw;
}
.register-now-container a:after{
right: -1.6vw;
}
/* contact us 2 */
.contact2{
margin: 2.44vw 0 1.796vw;
}
.contact2 .contact2-yellow-bg{
position: absolute;
left: 0;
top:0;
width: 37.265vw;
height: 100%;
background: #ffc939;
z-index: -1;
}
.contact2[data-color="light-blue"] .contact2-yellow-bg{
background: var(--light-blue);
}
.contact2 .contact-bg{
height: 22.34vw;
margin-top: 1.25vw;
}
.contact2 .contact-content{
border-top:none;
margin-left: 9.375vw;
}
.contact2 .contact-content .title{
width: 23.5vw;
padding:1vw 0 1vw 1.1vw;
margin-top: 5.1vw;
position: absolute;
margin-left: -25vw;
}
.contact2 .contact-content .contact-block{
background:#ffc939;
width: 33.43vw;
padding:2.5vw 3.4375vw 2.265vw;
font-size: 1.047vw;
line-height: 1.6;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.contact2[data-color="light-blue"] .contact-content .contact-block{
background: var(--light-blue);
}
.contact2 .contact-content .contact-block .contact-txt{
padding-bottom: 5.5vw;
}
.contact2 .contact-content .contact-block .contact-txt a{
color: #000;
}
.contact2 .contact-content .contact-block .contact-txt a:hover{
text-decoration: none;
}
.contact2 .contact-content a.enquiry-btn{
position: relative;
background: #000;
padding: .4vw 2.6vw;
font-size: .977vw;
font-weight: bold;
transition: all 100ms ease-out;
display: inline-block;
border: .4vw solid #000;
color: #fff;
}
.contact2 .contact-content a.enquiry-btn:hover{
color: #000;
background: #fff;
}
.contact2 .contact-content a.enquiry-btn span{
z-index: 1;
position: relative;
}
/* Program Schedule */
.program-schedule-container{
position: relative;
display: block;
margin: 1.796vw 0 2.5vw;
width: 90.695vw;
padding-left: 9.3756vw;
}
.program-schedule-container .top-part{
display: flex;
}
.program-schedule-container .top-part .bigtitle{
font-size: 5.05vw;
font-weight: bold;
padding-right: 1vw;
padding-bottom: 1vw;
line-height: 1;
width: 33.333%;
margin-top: -.8vw;
/*border-right: .35vw solid #000;*/
}
.program-schedule-container .top-part .description{
border-left: .7vw solid #000;
padding:0 2.695vw 0 12.1vw;
font-size: .898vw;
line-height: 1.367vw;
flex:0 0 66.666%;
}
.schedule-options-container{
position: relative;
}
.schedule-options-container .swiper-button-next{
right: -3vw;
transform: translate3d(0,0,0);
transition: transform 100ms ease-in;
}
.schedule-options-container .swiper-button-prev{
left: -3vw;
transform: translate3d(0,0,0) scale(-1);
transition: transform 100ms ease-in;
}
.schedule-options-container .swiper-button-next:hover{
transform: translate3d(5px,0,0);
}
.schedule-options-container .swiper-button-prev:hover{
transform: translate3d(-5px,0,0) scale(-1);
}
.schedule-options-slide{
flex: 0 0 33.333%;
color: #fff;
font-weight: bold;
border-left: .7vw solid #000;
padding:.7vw 0 1.09vw 1.484vw;
display: flex;
justify-content: space-between;
cursor: pointer;
}
.schedule-options-slide:nth-child(1){
border: 0;
}
.schedule-options-slide:nth-child(5n+1){
background:var(--green);
}
.schedule-options-slide:nth-child(5n+2){
background:var(--purple);
}
.schedule-options-slide:nth-child(5n+3){
background:var(--red);
}
.schedule-options-slide:nth-child(5n+4){
background:var(--light-blue);
}
.schedule-options-slide:nth-child(5n){
background:var(--gray);
}
.schedule-options-slide .date{
font-size: 4vw;
line-height: 1;
}
.schedule-options-slide .day{
flex:0 0 33%;
text-align: center;
font-size: 1.15vw;
line-height: 1;
padding-bottom: .4vw;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.schedule-options-slide .day:after{
content: '';
position: absolute;
top: .5vw;
left: 50%;
margin-left: -.853vw;
width: 0;
height: 0;
border-style: solid;
border-width: 1.1vw .853vw 0 .853vw;
border-color: #fff transparent transparent transparent;
opacity: 0;
transform: translate3d(0,0,0);
transition: opacity 100ms ease-out, transform 100ms ease-out;
}
.schedule-options-slide.active{
color: #000;
}
.schedule-options-slide.active .day:after{
opacity: 1;
border-color: #000 transparent transparent transparent;
}
.schedule-options-slide:hover .day:after{
opacity: .6;
transform: translate3d(0,5px,0);
}
.schedule-options-slide.active:hover .day:after{
opacity: 1;
border-color: #000 transparent transparent transparent;
}
.schedule-lists{
border: .7vw solid #000;
overflow: hidden;
transition: height 500ms cubic-bezier(.47,0,.6,1);
}
.schedule-lists .schedule-list:not(:nth-child(1)){
display: none;
}
.schedule-lists .schedule-list .more-btn{
display: none;
}
.schedule-lists .schedule-list{
display: none;
flex-wrap: wrap;
padding: 0 0 1.484vw 1.484vw;
justify-content: space-between;
}
.schedule-lists .schedule-list.active{
display: flex;
}
.schedule-lists .schedule-list .schedule-list-item{
flex:0 0 48%;
padding:1.484vw 4.14vw 0 0;
display: flex;
line-height: 1.6;
}
.schedule-list .schedule-list-item .time{
font-weight: bold;
flex:0 0 19.1%;
text-align: center;
}
.schedule-list .schedule-list-item .time span{
display: block;
}
.schedule-list .schedule-list-item .detail{
flex:0 0 80.9%;
border-bottom: .117vw solid #10aa80;
padding-bottom: 1.484vw;
}
.schedule-list .schedule-list-item:nth-last-child(-n+2) .detail{
border:0;
}
/* speaker */
.speakers-container{
position: relative;
display: block;
margin: .583vw 0 2.5vw;
width: 86.37vw;
padding-left: 9.3756vw;
}
.speakers-top{
/*background:#ccc;*/
width: 100%;
display: flex;
padding-bottom: 1.2vw;
}
.speakers-top .bigtitle{
background: #fff;
font-size: 5.05vw;
font-weight: bold;
margin-top: -1.4vw;
padding-right: 1vw;
margin-bottom: 1vw;
line-height: 1.4;
}
.speakers-top .description{
padding: 0 4vw;
line-height: 1.7;
font-size: 1vw;
}
.speakers-container .speakers{
/*background:#ccc;*/
display: flex;
flex-wrap: wrap;
padding-bottom: 1vw;
}
.speakers-container .speakers .speaker{
flex: 0 0 25%;
padding: 1.95vw 2.11vw;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.speakers-container .speakers .speaker:not(:nth-child(4n)):after{
position: absolute;
content: '';
width: .703vw;
height: calc(100% - 1.95vw);
top: 1.95vw;
right: 0;
background: #fff;
}
.speakers-container .speakers .speaker:nth-last-child(-n+4):after{
top:0;
bottom:1.95vw;
}
.speakers-container .speakers .speaker .profile-img{
width: 8.2vw;
height: 8.2vw;
border-radius: 4.1vw;
overflow: hidden;
/*border:.35vw solid #b3b3b3;*/
background-size: cover;
background-position: center center;
margin-bottom: 1.52vw;
}
.speaker .more{
margin-top: 1vw;
align-items: flex-end;
line-height: 1;
}
.speaker a.more:after{
align-self: center;
}
.speakers-container .more-btn{
display: none;
}
.speaker .profile-title .name{
font-size: .9375vw;
font-weight: bold;
line-height: 1.4;
flex: 1 0 auto;
display: flex;
align-items: flex-end;
}
.speaker .profile-title .title{
font-size: .586vw;
margin-bottom: 1.52vw;
}
.speaker .profile-description{
font-size: .781vw;
line-height: 1.25vw;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
}
.speaker .profile-description p + p{
display: none;
}
/* speaker popup */
.speaker-popup{
position: fixed;
top: 50%;
left: 50%;
transform: translate3d(-50%,-49%,0);
z-index: 101;
background: #ff4115;
width: 900px;
max-width: 90vw;
height: 80vh;
overflow: hidden;
display: flex;
flex-direction: column;
visibility: hidden;
opacity: 0;
transition: visibility 0s 300ms, opacity 300ms linear, transform 300ms cubic-bezier(.25,1.33,.7,.99);
}
.speaker-popup.show{
visibility: visible;
opacity: 1;
transition: opacity 300ms linear, transform 300ms cubic-bezier(.25,1.33,.7,.99);
transform: translate3d(-50%,-50%,0);
}
.spopup-container{
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.spopup-container{
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
}
.spopup-container::-webkit-scrollbar { /* WebKit */
width: 0;
height: 0;
}
.speaker-popup .close{
position: absolute;
right: 0vw;
top: .5vw;
font-size: 4vw;
font-weight: 300;
color: #fff;
line-height: 1;
width: 4vw;
text-align: center;
cursor: pointer;
}
.spopup-header{
padding: 1.5vw 0;
text-align: center;
font-weight: bold;
color: #fff;
font-size: 2vw;
line-height: 1;
}
.spopup-img{
margin:0 auto;
width: 50%;
}
.spopup-img:after {
position: relative;
content: '';
width: 5px;
height: 3vw;
display: block;
background: #000;
margin: 2vw auto 1vw;
}
.spopup-name{
text-align: center;
font-size: 1.6vw;
font-weight: bold;
color: #fff;
max-width: 90%;
margin:0 auto;
}
.spopup-title{
text-align: center;
color: #fff;
margin: .4vw auto 1vw;
padding: 0 15%;
}
.spopup-desc{
padding: 2% 15% 10%;
color: #fff;
line-height: 1.9;
/*font-size: .7vw;*/
font-size: 17px;
/*text-align: justify;*/
margin-bottom: 1em;
}
.spopup-desc p a{
color: #fff;
text-decoration: underline;
}
/* Related Articles */
.related-articles-container{
margin: 2.5vw 0;
position: relative;
display: block;
width: 100vw;
padding-left: 9.3756vw;
}
.rt2lt .related-articles-container{
padding-left: 0;
padding-right: 9.3756vw;
margin-top: 5vw;
}
.rt2lt .related-articles-wrapper{
flex-direction: row-reverse;
}
.rt2lt .related-articles-slider .content-block .slide-msg{
direction: ltr;
}
.rt2lt .related-articles-container .bigtitle{
/*order: 1;*/
padding-left: 6vw;
}
.related-articles-wrapper{
display: flex;
}
.related-articles-rt{
flex: 1 0 auto;
width: 100%;
}
.related-articles-container .bigtitle{
font-size: 5.05vw;
font-weight: bold;
flex:0 0 31.81%;
line-height: .9;
}
.related-articles-container .bigtitle .top{
margin-bottom: 4.15vw;
}
.related-articles-rt > .description{
padding: .5vw 12.5vw 2.5vw 0;
font-size: .898vw;
line-height: 1.4;
}
.related-articles-rt > .description:empty {
display: none;
}
.related-articles-slider{
}
.related-articles-slider-wrapper{
height: 14vw;
}
.related-articles-slide{
width: 25.8vw;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
box-shadow: 0.5vw 1vw 1vw rgb(0 0 0 / 10%);
}
.related-articles-slider .content-block{
padding: 1vw;
background: #fff;
position: relative;
z-index: 1;
width: 31vw;
min-height: 6.5vw;
box-shadow: 0.5vw 1vw 1vw rgb(0 0 0 / 10%);
}
.related-articles-slider .content-block:after{
content: '';
position: absolute;
bottom:-3vw;
width: 100%;
height:3vw;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
left: 0;
}
.related-articles-slider .content-block .slide-msg:not(:nth-child(1)){
display: none;
}
.related-articles-slider .content-block .slide-msg .title{
font-size: 1.04vw;
font-weight: bold;
padding-right: 5vw;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
}
.related-articles-slider .content-block .slide-msg .description{
font-size: .586vw;
line-height: 1.4;
padding: .5vw 8vw 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.related-articles-slider .content-block .swiper-button-next{
right: 1.5vw;
transform: translate3d(0,0,0);
}
.related-articles-slider .content-block .swiper-button-prev{
right: 4vw;
left: auto;
transform: translate3d(0,0,0) scale(-1);
}
.related-articles-slider .content-block .swiper-button-next,
.related-articles-slider .content-block .swiper-button-prev{
top: 4vw;
transition: transform 100ms ease-in;
}
.related-articles-slider .content-block .swiper-button-next:hover{
transform: translate3d(5px,0,0);
}
.related-articles-slider .content-block .swiper-button-prev:hover{
transform: translate3d(-5px,0,0) scale(-1);
}
.related-articles-slider .content-block .info{
display: flex;
width: 48%;
justify-content: space-between;
font-size: .586vw;
margin-top: 1vw;
align-items: flex-end;
}
.related-articles-slider .content-block .info .date{
flex:1 0 auto;
width: 95%;
/*margin-bottom: -2px;*/
}
.submenu{
display: none;
position: absolute;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
top: calc(100% + 40px);
background: #fff;
padding:2.243vw 2vw 2vw;
font-size: .8vw;
}
.submenu-list{
display: flex;
flex-direction: column;
align-items: baseline;
}
.submenu-list:is(:empty) {
margin-top: -1.243vw;
}
.submenu-list a{
margin-bottom: .8vw;
}
.submenu-list > a:last-child{
margin-bottom: 0;
}
.subhead{
white-space: nowrap;
font-weight: bold;
margin-bottom: 1.243vw;
display: inline-block;
}
/*.submenu-cols:after {
content: '';
display: block;
clear: both;
}*/
.submenu-cols {
display: flex;
justify-content: center;
}
.submenu-col{
/*width: 33%;
float: left;*/
padding: 0 2vw;
/*flex: 1 1 auto;*/
margin-bottom: 1.243vw;
/*min-width: 12%;*/
}
.submenu .submenu-col + .submenu-col{
/* margin-left: 6.5vw;*/
}
.submenu-list-2-list{
margin-top: 1vw;
padding-left: 10px;
margin-bottom: 1.243vw;
}
.submenu-list-2-list a{
display: block;
}
.navigation > .havesubmenu:hover:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 30px;
border-color: transparent transparent #000 transparent;
position: absolute;
top: calc(100% + 10px);
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.navigation > .havesubmenu:hover:before{
content: '';
width: 200vw;
height: 40px;
background: rgba(0,0,0,0);
position: absolute;
top: 100%;
left: -100vw;
}
.navigation > div .submenu{
width: 100vw;
}
.navigation > div:nth-child(2) .submenu{
/*width: 22vw;*/
/*left: -13vw;*/
}
.navigation > div:nth-child(2) .submenu .submenu-col{
/*width: 100%;*/
}
.navigation > div:nth-child(5) .submenu{
/*left: -55vw;*/
}
.navigation > div:nth-child(5):hover:after, .navigation > div:nth-child(5):hover:before{
/*left: 1vw;*/
}
.navigation > div:nth-child(6) .submenu{
/*left: -63vw;*/
}
.navigation > div:nth-child(6):hover:after, .navigation > div:nth-child(6):hover:before{
/*left: .3vw;*/
}
.navigation > div:nth-child(6) .submenu .submenu-col{
/*width: 30%;*/
}
.navigation > .havesubmenu:hover > .submenu{
display: block;
}
.submenu-video{
width: 100%;
height: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
margin-bottom: 1.243vw;
}
.submenu-video video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
}
.navigation > div .submenu .video-cols .submenu-col.video-col{
width: 65%;
right: 0;
}
.havesubmenu[data-id="6"] .subhead{
margin-bottom: 0 !important;
}
.submenu-col a{
position: relative;
}
.submenu-col a:after{
content:'';
width: 0;
height: 2px;
background: #000;
position: absolute;
left: 0;
bottom: -2px;
transition: width 300ms cubic-bezier(.25,1.33,.7,.99);
}
.submenu-col a[href=""]{
cursor: default;
pointer-events: none;
}
.submenu-col a:not([href=""]):hover:after{
width: 100%;
}
/*.submenu-col a[href]:empty:after{
width: 0%;
}*/
.sns-mobile{
display: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
content: '' !important;
}
/* table */
table{
width: 100%;
}
table[class^="tablepress"]{
width: 100% !important;
height: auto !important;
}
table, td{
border: 1px solid #000;
margin: 2em auto;
border-collapse: collapse;
text-align: left;
}
td{
padding: 0.5em 1em;
}
/* text iframe */
p iframe{
max-width: 100% !important;
}
/* 404 */
.error404{
display: flex;
flex-direction: column;
}
.error404 .main-container{
flex: 1 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.error404 .main-wrapper{
/*flex: 1 0 auto;*/
}
.notfound{
width: 523px;
max-width: 80%;
margin: 0 auto;
text-align: center;
}
.notfound img{
max-width: 220px;
margin-bottom: 34px;
}
.notfound .title{
font-weight: bold;
font-size: 33px;
margin-bottom: 19px;
}
.notfound .description{
font-size: 18px;
line-height: 29px;
margin-bottom: 56px;
}
.notfound .back-button{
position: relative;
background: #000;
padding: 16px 26px;
font-size: 18px;
font-weight: bold;
transition: all 100ms ease-out;
display: inline-block;
border: 7px solid #000;
color: #fff;
cursor: pointer;
}
.notfound .back-button:hover {
color: #000;
background: #fff;
}
/* no result */
.noresult{
margin: 130px auto;
text-align: center;
max-width: 80%;
}
.noresult .img{
max-width: 86px;
margin: 0 auto 27px;
}
.noresult .title{
font-weight: bold;
font-size: 33px;
margin-bottom: 19px;
}
.noresult .description{
font-size: 18px;
line-height: 29px;
margin-bottom: 56px;
}
html[lang="zh-hk"] .back-to-top,
html[lang="zh-cn"] .back-to-top{
height: 10.96vw;
}
@media only screen and (min-width: 2560px){
.header-wrapper{
padding: 48px 118px;
}
body > header .logo-apru{
width: 305px;
}
.header-right .navigation{
margin-right: 37px;
}
body > header .navigation > div > a.current:after{
height: 4px;
bottom: -4px;
}
body > header .navigation > div > a:after{
height: 4px;
bottom: -4px;
}
body > header .navigation > div > a{
font-size: 22px;
margin: 0 29px;
}
body > header .search-box:hover .search-input{
width: 358px;
}
.main-container,
body > header{
width: 2560px;
margin: 0 auto;
}
body > header .navigation > div > a.nav-lang{
margin: 0 12px;
}
body > header .navigation > div > a.nav-lang:nth-child(1){
margin-left: 37px;
}
.navigation > div .submenu{
width: 2560px;
padding: 57px 52px 40px;
font-size: 20px;
border-left: 4px solid #000;
border-right: 4px solid #000;
}
.submenu-col{
padding: 0 25px;
margin-bottom: 31px;
}
.subhead, .submenu-list a{
margin-bottom: 31px;
}
a.more, .more-btn{
font-size: 18px;
}
a.more:after, .more-btn:after{
width: 59px;
height: 12px;
margin-left: 11px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .site-map .section-list .title:after{
width: 52px !important;
height: 52px !important;
margin-top: -26px !important;
}
.contact-us-container{
margin: 61px 0 104px;
min-height: 724px;
}
.contact-us-container .contact-content{
margin-left: 52px;
border-top-width: 10px;
}
.contact-us-container .contact-content .title{
font-size: 128px;
width: 584px;
margin-top: 98px;
padding: 12px 13px;
}
.contact2 .contact-bg{
margin-top: 32px;
height: 571px;
}
.contact2 .contact2-yellow-bg{
width: 953px;
}
.contact2 .contact-content .title{
margin-left: -635px;
}
.contact2 .contact-content .contact-block{
padding: 64px 88px 58px 88px;
font-size: 27px;
width: 679px;
}
.contact2 .contact-content .contact-block .contact-txt{
padding-bottom: 140px;
}
.contact2 .contact-content a.enquiry-btn{
padding: 10px 66px;
font-size: 25px;
border-width: 10px;
}
.email-box button[type="submit"], .email-box a.button{
font-size: 25px;
padding: 0 25px;
border-width: 10px;
}
.email-box a.button{
font-size: 30px;
line-height: 95px;
padding: 0 52px;
}
.email-box button[type="submit"], .email-box a.button{
border-width: 10px;
}
.contact-us-container .contact-content .social-links a{
width: 48px;
height: 48px;
margin-right: 33px;
margin-top: 38px;
}
.key-partners-container{
margin: 25px auto 81px;
}
.key-partners-wrapper{
width: 1920px;
}
.key-partners-wrapper .title{
font-size: 20px;
padding: 2.5px 10px;
margin-left: 59px;
margin-bottom: 5px;
}
.key-partners-slide{
padding-bottom: 186px;
}
.key-partners-wrapper .swiper-button-next{
margin-right: -100px;
}
.key-partners-wrapper .swiper-button-prev{
margin-left: -100px;
}
.back-to-top-area{
bottom: 171.776px;
right: 37.376px;
width: 82.172px;
height: 382.969px;
}
.back-to-top{
bottom: 171.776px;
right: 62.976px;
width: 30.969px;
height: 382.969px;
}
html[lang="zh-hk"] .back-to-top
html[lang="zh-cn"] .back-to-top{
height: 303px;
}
html[lang="zh-hk"] .back-to-top-area,
html[lang="zh-cn"] .back-to-top-area{
height: 303px;
}
/*.news-block{
width: 32%;
}*/
footer{
width: 2560px;
margin: 86px auto 0;
}
.footer-top{
padding: 104px 118px 148px 118px;
}
.footer-top .site-map{
font-size: 33px;
line-height: 41px;
padding: 0 80px 0 131px;
}
.site-map .section-list{
margin-right: 134px;
}
.site-map .section-list .section-links a{
margin-top: 41px;
}
.footer-right{
padding: 0 126px 0 52px;
}
.footer-right .social-links{
margin-bottom: 52px;
}
.footer-right .social-links a{
width: 64px;
height: 64px;
margin-right: 32px;
}
.footer-top .email-box{
margin-left: 18px;
}
.email-box .title{
font-size: 28px;
}
.footer-top .email-box .msg{
font-size: 28px;
margin-top: 12px;
}
.email-box form{
height: 91px;
margin-top: 41px;
}
.footer-bottom{
padding: 48px 118px;
}
.footer-bottom-wrapper{
padding-right: 126px;
}
.footer-bottom .logo-apru{
width: 135px;
}
.footer-bottom .copyright{
font-size: 21px;
margin-left: 118px;
}
body > header .search-btn{
width: 76px;
height: 76px;
}
body > header .search-input{
right: 76px;
}
body > header .search-box input{
padding: 0 25px;
font-size: 25px;
line-height: 76px;
}
.events-and-latest-news-container .bigtitle{
width: 2166px;
font-size: 122px;
padding-right: 7px;
}
.events-and-latest-news-container .events-and-latest-news-wrapper{
width: 1928px;
margin: 48px 0 101px 246px;
}
.events-and-latest-news-wrapper .area .smalltitle{
font-size: 60px;
margin-bottom: 25px;
}
.upcoming-event-container .event-block:nth-child(odd){
margin-right: 36px;
}
.upcoming-event-container .event-block .event-bg{
height: 305.81px;
}
.upcoming-event-container .event-block .event-content{
padding: 12px 27px 30px 27px;
}
.upcoming-event-container .event-block .event-content .title{
font-size: 26px;
}
.upcoming-event-container .event-block .event-content .description{
font-size: 15px;
margin-top: 2.5px;
}
.upcoming-event-container .event-block .info{
padding: 12px 27px 30px 27px;
font-size: 14px;
}
.upcoming-event-container .event-block .info:after{
width: 59px;
height: 13px;
right: 27px;
bottom: 30px;
}
.events-and-latest-news-wrapper .news-container .news-blocks-slider{
height: 595px;
}
.events-and-latest-news-wrapper .news-container .news-block .content{
padding: 52px 38px 38px;
}
.events-and-latest-news-wrapper .news-block .cate{
font-size: 15px;
margin-bottom: 9px;
}
.events-and-latest-news-wrapper .news-block .title{
font-size: 26px;
line-height: 39px;
margin-bottom: 14px;
}
.events-and-latest-news-wrapper .news-block .date{
font-size: 15px;
}
.events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-next{
right: -84px;
bottom: -12px;
}
.events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-prev{
right: -84px;
bottom: 64px;
}
.mpm2-container{
margin: 15px 0 134px;
width: 2560px;
padding-left: 240px;
height: 1305px;
}
.mpm2-container .mpm2-content{
width: 985px;
}
.mpm2-container .mpm2-content .slide-msg{
padding: 25px 25px 109px 0;
}
.mpm2-container.onlyone .mpm2-content .slide-msg{
padding-bottom: 25px;
}
.mpm2-content .title{
font-size: 44px;
line-height: 68px;
}
.mpm2-content .description{
margin-top: 7px;
font-size: 22px;
line-height: 34px;
}
.mpm2-container .swiper-pagination-bullet{
width: 24px;
height: 24px;
margin-right: 24px;
}
.event-info-container{
width: 2560px;
margin: 52px 0 62px;
padding-left: 240px;
font-size: 22px;
line-height: 34px;
}
.event-info-container p{
font-size: 22px;
line-height: 34px;
}
.event-info-lt > div:not(:last-child){
margin-bottom: 52px;
}
.event-info-lt > div .title{
font-size: 44px;
line-height: 68px;
}
.event-info-lt > div .description{
/*margin-top: 7px;*/
}
.event-info-lt > div .description,
.event-info-lt > div .description p,
.event-info-lt > div .description ul{
margin-bottom: 27px;
font-size: 23px;
}
.events-and-latest-news-container{
margin-top: 102px;
}
.quote-container{
width: 1928px;
margin: 101px 0 85px 245px;
}
.quote-container .bigtitle{
font-size: 122px;
width: 986px;
}
.quote-container .bigtitle div{
left: 25px;
box-shadow: 37px 0 0 #fff, -25px 0 0 #fff;
right: 35px;
}
.quote-slide{
padding: 64px 734px 0 77px;
min-height: 648px;
}
.quote-content .title{
font-size: 30px;
line-height: 47px;
}
.quote-content .description{
font-size: 24px;
line-height: 43px;
margin-top: 12px;
}
.quote-content .profile{
margin-top: 41px;
}
.quote-content .profile .profile-img{
width: 115px;
height: 115px;
margin-bottom: 12px;
}
.quote-content .profile .profile-name{
font-size: 24px;
line-height: 33px;
}
.quote-content .profile .profile-title{
font-size: 15px;
line-height: 33px;
}
.quote-slide .more{
margin-top: 52px;
margin-bottom: 53px;
}
.quote-container .swiper-button-next{
right: 48px;
}
.quote-container .swiper-button-prev{
right: 128px;
}
.quote-container .swiper-button-next,
.quote-container .swiper-button-prev{
top: 232px;
}
.top-news-bar{
padding: 15px 381px 0 454px;
}
.news-block .content{
padding: 31.8px 24px;
}
.news-block .txt-content .title{
font-size: 26px;
line-height: 25px;
}
.news-block .txt-content .description{
font-size: 18px;
line-height: 30px;
margin: 5px 0 28px;
}
.mpm-container{
margin: 56px 0 134px;
padding-left: 454px;
}
.mpm-slide .mpm-bg{
width: 1724px;
height: 969.75px;
}
.mpm-slide .mpm-txt{
width: 765px;
right: 204px;
}
.mpm-slide .mpm-title{
font-size: 70px;
line-height: 93px;
}
.mpm-slide .mpm-title div{
box-shadow: -35.3px 0 0 #fff,-35.3px 0 0 #fff;
padding: 7px 0 7px 25px;
}
.mpm-slide .mpm-description{
font-size: 22px;
padding: 15px 0 15px 25px;
line-height: 33px;
margin-top: 25px;
}
.mpm-container .mpm-wrapper .swiper-pagination{
left: 307px;
}
.mpm-container .mpm-wrapper .swiper-pagination-bullet{
width: 24px;
height: 24px;
margin-bottom: 24px;
}
.about-container{
margin: 134px 0;
width: 2319px;
padding-left: 240px;
height: 889px;
}
.about-container .about-title{
font-size: 129px;
line-height: 117px;
margin-left: -56px;
width: 422px;
margin-top: -7px;
}
.about-container .about-content{
bottom: -66px;
width: 985px;
padding-right: 25px;
}
.about-content .title{
font-size: 44px;
line-height: 68px;
}
.about-content .description{
margin-top: 7px;
font-size: 23px;
line-height: 34px;
}
.about-content .info{
margin-top: 25px;
}
.about-content .info .date{
font-size: 23px;
margin-right: 43px;
}
.related-articles-slider-wrapper{
}
}
@media only screen and (max-width: 1440px){
.event-info-lt > div .description,
.event-info-lt > div .description p,
.event-info-lt > div .description ul{
font-size: 15px;
line-height: 1.5;
margin-bottom: 1em;
}
}
@media only screen and (max-width: 1024px){
.header-wrapper{
padding: 1.875vw 1.61vw;
}
body > header .logo-apru{
margin-left: 0.1256vw;
width: 18.9vw;
}
.top-news-bar{
padding: .583vw 10.9vw 0 13.76vw;
}
/*.news-block{
width: 23.42vw;
}*/
.mpm-container{
padding-left: 13.76vw;
}
.mpm-container .mpm-wrapper .swiper-pagination{
left: 9vw;
}
.mpm-slide .mpm-description{
padding: .6vw 0 .6vw 1.2vw;
line-height: 1.7vw;
}
.about-container{
padding-left: 8vw;
}
.about-content .description{
line-height: 1.6vw;
}
.key-partners-wrapper{
width: 78vw;
}
.contact-us-container .contact-content .social-links a{
width: 2.5vw;
height: 2.5vw;
}
.events-and-latest-news-container .bigtitle{
width: 87.91vw;
}
.events-and-latest-news-container .events-and-latest-news-wrapper{
width: 80.328vw;
margin: 1.88vw 0 3.355vw 7.605vw;
}
.events-and-latest-news-wrapper .news-container .news-block .content{
padding: 1vw 1.509vw 1vw;
}
.quote-container{
width: 80.328vw;
margin: 3.96vw 0 3.355vw 7.605vw;
}
/* text iframe */
p iframe{
height: 45.7vw;
}
.spopup-name{
font-size: 21px;
}
.event-info-container{
font-size: 13px;
line-height: 1.5em;
}
.event-section-wrapper .event-section-tab{
font-size: 15px;
height: 44px;
}
.event-section-wrapper .event-section-tab.current{
height: 55px;
}
}
@media only screen and (max-width: 768px){
/*body > header nav a{
margin-right: 1.93vw;
}*/
body > header .navigation > div > a{
/*font-size: 1.3vw;
margin-right: 3.2vw;*/
font-size: 8px;
margin: 6px;
}
.mpm2-container .mpm2-content{
width: 45.5vw;
}
.mpm2-container .mpm2-content .slide-msg{
padding: 1.5vw 2vw 4.22vw 0;
}
.mpm2-container.onlyone .mpm2-content .slide-msg{
padding-bottom: 1.5vw;
}
.mpm2-content .title{
font-size: 2.3vw;
}
.mpm2-content .description {
margin-top: .9vw;
font-size: 1.5vw;
line-height: 2.2vw;
}
.event-info-lt > div .title{
font-size: 3vw;
}
.event-info-container {
font-size: 1.4vw;
line-height: 2.3vw;
}
.event-info-lt > div .description {
/*margin-top: .6vw;*/
}
.event-info-lt > div:not(:last-child) {
margin-bottom: 4vw;
}
.event-info-container .social-links a{
width: 2.9vw;
height: 2.9vw;
margin-right: 0.9vw;
}
.register-now-container{
margin: 5.44vw 0;
}
.register-now-container a{
padding: 2vw 2.5vw;
font-size: 1.98vw;
}
.contact2 {
margin: 4.44vw 0 4.8vw;
}
.contact2 .contact-content .contact-block{
font-size: 1.3vw;
}
.program-schedule-container{
margin: 4.8vw 0 2.5vw;
}
.program-schedule-container .top-part .description{
padding: 0 1vw 1vw 7.1vw;
font-size: 1.3vw;
line-height: 1.2;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .site-map .section-list .title:after{
width: 3vw !important;
height: 3vw !important;
margin-top: -1.5vw !important;
}
.schedule-options-container .swiper-button-next{
right: -4vw;
}
.schedule-options-container .swiper-button-prev{
left: -4vw;
}
.schedule-lists .schedule-list .schedule-list-item{
font-size: 1.4vw;
padding: 1.484vw 2.14vw 0 0;
}
.schedule-list .schedule-list-item .detail{
padding-left: 1vw;
}
.speakers-container{
margin: 4.58vw 0 2.5vw;
}
.speakers-top .description{
font-size: 1.3vw;
}
.speakers-container .speakers .speaker .profile-img{
width: 11vw;
height: 11vw;
border-radius: 5.5vw;
}
.speaker .profile-title .name{
font-size: 1.4vw;
}
.speaker .profile-title .title{
font-size: 1vw;
}
.speakers-container .speakers .speaker{
flex: 0 0 33%;
}
.speakers-container .speakers .speaker:not(:nth-child(4n)):after{
top: 1.95vw;
bottom:unset;
}
.speakers-container .speakers .speaker:nth-last-child(-n+4):after{
top: 0;
bottom:unset;
}
.speakers-container .speakers .speaker:nth-child(3n):after{
display: none;
}
.speakers-container .speakers .speaker:not(:nth-child(3n)):after{
position: absolute;
content: '';
width: .703vw;
height: calc(100% - 1.95vw);
top: 1.95vw;
right: 0;
background: #fff;
}
.speakers-container .speakers .speaker:nth-child(n+3):after{
top:0;
bottom:0;
height: 100%;
}
.speakers-container .speakers .speaker:nth-child(n+4):after{
top:0;
bottom:0;
height: 100%;
}
.speakers-container .speakers .speaker:nth-last-child(-n+3):after{
top:0;
bottom:1.95vw;
}
.speaker .profile-description{
font-size: 1.2vw;
line-height: 1.5;
}
.spopup-header{
padding: 2.5vw 0;
font-size: 3vw;
}
.speaker-popup .close{
top: 0.5vw;
font-size: 6vw;
width: 7vw;
}
.spopup-name{
font-size: 2.6vw;
}
.spopup-title{
font-size: 1.5vw;
}
.spopup-desc{
font-size: 2.3vw;
}
a.more, .more-btn{
font-size: 1vw;
}
a.more:after, .more-btn:after{
width: 2.8vw;
height: .7vw;
margin-left: .5vw;
}
.related-articles-rt > .description{
padding: .5vw 10.5vw 2.5vw 0;
font-size: 1.3vw;
line-height: 1.6;
}
.related-articles-slider .content-block .slide-msg .title{
font-size: 1.3vw;
}
.related-articles-slider .content-block .slide-msg .description{
font-size: 1vw;
padding: .8vw 8vw 0 0;
}
.related-articles-slider .content-block .info{
font-size: 1vw;
width: 54%;
}
.related-articles-slider .content-block .swiper-button-next, .related-articles-slider .content-block .swiper-button-prev{
top: 5.5vw;
}
.related-articles-slider .content-block{
width: 36vw;
}
.footer-top .site-map{
font-size: 1.4vw;
}
.email-box .title{
font-size: 1.3vw;
}
.site-map .section-list{
margin-right: 4vw;
}
.email-box form{
height: 5vw;
margin-top: 1.6vw;
}
.email-box button[type="submit"], .email-box a.button{
font-size: 1.5vw;
padding: 0 2vw;
letter-spacing: 0;
}
.footer-bottom .logo-apru a{
display: flex;
}
.footer-bottom .copyright{
font-size: 1vw;
line-height: 1;
}
/*nav.navigation > .havesubmenu:hover:after{
top: 2.48vw;
}*/
.submenu{
top: 7vw;
font-size: 1.5vw;
padding: 3.15vw 3.95vw .905vw;
}
.navigation > div:nth-child(1) .submenu{}
.navigation > div:nth-child(2) .submenu{width: 31vw; left: -13vw;}
.navigation > div:nth-child(3) .submenu{}
.navigation > div:nth-child(4) .submenu{}
.navigation > div:nth-child(5) .submenu{left: -61vw; width: 90vw;}
.navigation > div:nth-child(6) .submenu{left: -72vw; width: 90vw;}
.submenu-col{
margin-bottom: 2vw;
}
.submenu-list a {
margin-bottom: 1.1vw;
}
.news-block .txt-content .title{
font-size: 1.4vw;
line-height: 1.1;
}
.news-block .txt-content .description{
font-size: 1.2vw;
line-height: 1.2;
margin: .7vw 0 1.1vw;
}
.mpm-slide .mpm-title{
font-size: 2.9vw;
}
.mpm-slide .mpm-txt{
width: 30.88vw;
}
.mpm-slide .mpm-description{
padding: .9vw 0 .9vw 1.2vw;
line-height: 1.7vw;
font-size: 1.2vw;
}
.about-container .about-title{
font-size: 6.05vw;
width: 18.5vw;
}
.about-container .about-content{
width: 42.5vw;
}
.about-content .title{
font-size: 2vw;
}
.about-content .description{
margin-top: .6vw;
font-size: 1.3vw;
line-height: 1.9vw;
}
.key-partners-wrapper .title{
font-size: 1.2vw;
font-weight: bold;
padding: .2vw .7vw;
}
.key-partners-wrapper .swiper-button-next,
.key-partners-wrapper .swiper-button-prev{
top: 63%;
}
.upcoming-event-container .event-block .event-content .title{
font-size: 1.7vw;
}
.upcoming-event-container .event-block .event-content .description {
font-size: 1.3vw;
margin-top: .4vw;
}
.upcoming-event-container .event-block .info{
font-size: 1vw;
}
.events-and-latest-news-wrapper .news-block .cate{
font-size: 1vw;
}
.events-and-latest-news-wrapper .news-block .date{
font-size: 1vw;
}
.quote-slide{
padding: 2.5vw 16.67vw 0 3.02vw;
}
.quote-content .title{
font-size: 2.2vw;
line-height: 2.86vw;
}
.quote-content .description {
font-size: 1.5vw;
line-height: 2.3vw;
margin-top: 1vw;
}
.quote-content .profile{
margin-top: 3.6vw;
}
.quote-content .profile .profile-img{
margin-bottom: 1.5vw;
width: 9.5vw;
height: 9.5vw;
}
.quote-content .profile .profile-name {
font-size: 1.6vw;
}
.quote-content .profile .profile-title {
font-size: 1.2vw;
line-height: 2.3vw;
}
.contact2 .contact-content a.enquiry-btn{
padding: 1.2vw 3vw;
font-size: 1.7vw;
}
.event-info-lt > div .description,
.event-info-lt > div .description p,
.event-info-lt > div .description ul{
font-size: 15px;
line-height: 1.5;
}
.event-section-wrapper .event-section-tab{
font-size: 14px;
}
}
@media only screen and (max-width: 640px){
body > header{
/*overflow: hidden;*/
}
a.more, .more-btn{
font-size: 13px;
}
a.more:after, .more-btn:after{
width: 30px;
height: 9px;
margin-left: 5px;
margin-top: 1px;
}
.email-box .title{
font-size: 12px;
letter-spacing: 0;
}
.email-box form{
margin-top: 20px;
height: 48px;
}
.email-box input{
flex: 1 0 auto;
font-size: 13px;
padding: 0 15px;
letter-spacing: 0;
}
.email-box button[type="submit"]{
flex: 0 1 auto;
letter-spacing: 0;
padding: 0 12px;
font-size: 13px;
border-width: 1.5vw;
}
.header-wrapper{
padding:10px 15px;
}
body > header .logo-apru{
margin-left: 0;
width: 50vw;
}
body > header .logo-apru a{
display: block;
}
.top-news-bar{
padding: 5px 0 0;
margin-bottom: 0;
}
.top-news-bar-slider-wrapper{
gap: 0;
}
.top-news-bar .news-block{
flex: 0 0 80%;
margin-left: 10px;
}
.top-news-bar .news-block:last-child{
margin-right: 10px;
}
.news-block .content{
padding: 12px;
/*flex: 0 0 77%;*/
}
.news-block .txt-content .title{
font-size: 15px;
line-height: 1;
}
.news-block .txt-content .description {
font-size: 13px;
line-height: 1.3;
margin: 3px 0 14px;
}
.mpm-container{
margin: 0 0 17px;
padding:0;
}
.mpm-container .mpm-wrapper .swiper-pagination{
flex-direction: row;
left: 30px;
top: calc(67.2vw + 15px);
}
.mpm-container .mpm-wrapper .swiper-pagination-bullet{
width: 9px;
height: 9px;
margin:0 8px 0 0;
}
.mpm-slide .mpm-bg{
height: 67.2vw;
width: 100%;
}
.mpm-slide .mpm-txt{
padding:0 0 0 30px;
width: 100%;
right: 0;
position: relative;
}
.mpm-slide .mpm-title{
transform: translateY(-100%) !important;
font-size: 26px;
line-height: 1.2;
position: absolute;
padding-right: 10px;
}
.mpm-slide .mpm-title div{
padding: 3px 0 3px 3px;
box-shadow: -9px 0 0 #fff, -9px 0 0 #fff;
}
.mpm-slide .mpm-description{
padding: 34px 30px 0 0;
font-size: 13px;
line-height: 1.8;
margin: 0;
}
.mpm-slide .mpm-title div:after{
content: '';
width: 10px;
background: #fff;
height: calc(100% + 3px);
position: absolute;
top: -3px;
right: 0;
z-index: -1;
}
.about-container{
padding-left: 30px;
margin: 17px 0 10px;
width: 100%;
height: auto;
}
.about-container .about-title{
font-size: 32px;
width: auto;
background: #fff;
padding: 9px 9px 9px 0;
margin: 0;
line-height: .5;
bottom: auto;
top: 44.11vw;
z-index: 1;
}
.about-container .about-bg{
position: relative;
height: 0;
padding-bottom: 55.88%;
}
.about-container .about-content{
position: relative;
bottom: auto;
width: 100%;
padding-right: 30px;
padding-top:12px;
}
.about-content .title{
font-size: 18px;
line-height: 1.1;
}
.about-content .description{
line-height: 1.8;
font-size: 13px;
margin-top: 10px;
}
.about-content .info{
margin-top: 25px;
justify-content: space-between;
}
.about-content .info .date{
font-size: 13px;
margin-right: 25px;
}
.key-partners-container{
margin:17px auto 0;
}
.key-partners-wrapper .title{
font-size: 12px;
padding:1px 6px;
margin-left: 0;
margin-bottom:8px;
}
.key-partners-wrapper{
width: calc(100% - 60px);
}
.key-partners-slide{
padding-bottom: 80px;
}
.key-partners-wrapper .swiper-button-next{
margin-right: -35px;
width: 25px !important;
height: 25px !important;
margin-top: 1px !important;
}
.key-partners-wrapper .swiper-button-prev{
margin-left: -35px;
width: 25px !important;
height: 25px !important;
margin-top: 1px !important;
}
.contact-us-container{
/*margin:10px 0 20px;*/
margin:20px 0;
flex-direction: column;
height: auto;
}
.contact-us-container .contact-bg{
width: 100%;
flex: unset;
height: 45vw;
}
.contact-us-container .contact-content{
flex: unset;
margin-left: 0;
border: 0;
}
.contact-us-container .contact-content .title{
margin: -30px 0 5px 30px;
width: 54%;
font-size: 32px;
padding: 5px;
}
.contact-us-container .contact-content form{
margin:0 30px;
height: 30px;
}
.contact-us-container .contact-content form input{
font-size: 13px;
padding: 0 10px;
width: auto;
}
.contact-us-container .contact-content form button[type="submit"]{
font-size: 12px;
padding: 0 20px;
line-height: 33px;
}
.email-box a.button{
font-size: 12px;
padding: 0 20px;
line-height: 33px;
/*height: 33px;*/
margin: 0 30px;
border-width: 1.5vw;
}
.contact-us-container .contact-content .social-links{
margin:0 30px;
}
.contact-us-container .contact-content .social-links a{
width: 29px;
height: 29px;
margin-left: 0;
margin-right: 15px;
margin-top: 10px;
}
.events-and-latest-news-container{
margin-top: 17px;
width: 100%;
}
.events-and-latest-news-container .bigtitle{
width: 100vw;
font-size: 35px;
line-height: .9;
padding: 5px 8px;
}
.events-and-latest-news-container .events-and-latest-news-wrapper{
width: 100%;
margin:42px 0 35px;
}
.events-and-latest-news-wrapper .area{
flex-direction: column;
justify-content: flex-start;
align-items: unset;
}
.events-and-latest-news-wrapper .area .upcoming-event-container{
flex:unset;
}
.events-and-latest-news-wrapper .area .top-part{
padding: 0 32px;
z-index: 1;
}
.events-and-latest-news-wrapper .area .smalltitle{
font-size: 32px;
margin-bottom: 12px;
max-width: 60%;
line-height: 1;
}
.upcoming-event-container .event-blocks{
flex-direction: column;
}
.upcoming-event-container .event-block:nth-child(odd){
margin-right: 0;
}
.upcoming-event-container .event-block:nth-child(1){
margin-top: -2.5em;
}
.upcoming-event-container .event-block:nth-child(1) .event-bg{
background-position: center 29px;
background-repeat: no-repeat;
background-color: #fff;
}
.upcoming-event-container .event-block{
display: block;
flex: unset;
position: relative;
margin-bottom: 17px;
}
.upcoming-event-container .event-block .event-bg{
width: 37.5%;
height: 100%;
position: absolute;
}
.upcoming-event-container .event-block .event-content{
padding: 18px 49px 10px calc(37.5% + 30px);
flex: unset;
}
.upcoming-event-container .event-block .info{
padding: 0 30px 16px calc(37.5% + 30px);
font-size: 12px;
font-weight: bold;
}
.upcoming-event-container .event-block .info .date{
margin-bottom: 2px;
}
.upcoming-event-container .event-block .event-content .title{
font-size: 17px;
}
.upcoming-event-container .event-block .event-content .description{
font-size: 13px;
margin-top: 7px;
line-height: 1.3;
}
.upcoming-event-container .event-block .info:after{
display: none;
}
.events-and-latest-news-wrapper .area .news-container{
padding: 35px 10px 25px;
flex: unset;
}
.events-and-latest-news-wrapper .area .news-container .top-part{
padding: 0;
}
.events-and-latest-news-wrapper .news-container .news-block:not(:nth-child(-n+3)), .events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-next, .events-and-latest-news-wrapper .news-blocks-wrapper .swiper-button-prev{
display: none;
}
.events-and-latest-news-wrapper .news-container .news-blocks-slider{
height: auto;
}
.events-and-latest-news-wrapper .news-container .news-block .content{
padding: 16px 16px 18px;
}
.events-and-latest-news-wrapper .news-block .cate{
font-size: 11px;
margin-bottom: 3px;
}
.events-and-latest-news-wrapper .news-block .title{
font-size: 16px;
line-height: 1.4;
margin-bottom: 5px;
}
.events-and-latest-news-wrapper .news-block .date{
font-size: 11px;
}
.events-and-latest-news-wrapper .news-container .news-block{
margin-bottom: 8px;
}
.quote-container{
width: 100%;
margin: 0;
}
.quote-container .bigtitle{
left: 0;
direction: ltr;
width: 279px;
font-size: 32px;
padding-left: 30px;
overflow: hidden;
line-height: 1.15;
}
.quote-container .bigtitle div{
text-align: left;
right: auto;
left: auto;
box-shadow: 10px 0 0 #fff, 10px 0 0 #fff;
}
.quote-container .bigtitle:after {
content: '';
width: 30px;
height: 101%;
background: #fff;
position: absolute;
top: auto;
left: 0;
line-height: 1.18;
bottom: 0;
}
.quote-slide{
padding: 35px 39px 95px;
}
.quote-slide .more{
display: none;
}
.quote-content .title{
font-size: 16px;
line-height: 1.5;
}
.quote-content .description {
font-size: 13px;
line-height: 1.6;
margin-top: 4px;
}
.quote-content .profile{
margin-top:15px;
}
.quote-content .profile .profile-img{
width:57px;
height: 57px;
margin-bottom: 10px;
}
.quote-content .profile .profile-name, .quote-content .profile .profile-title{
font-size: 14px;
line-height: 1.1;
}
.quote-container .swiper-button-next{
right: 2px;
top: 150px;
width: 30px !important;
height: 30px !important;
}
.quote-container .swiper-button-prev{
right: auto;
left: 2px;
top: 150px;
width: 30px !important;
height: 30px !important;
}
footer{
margin-top: 25px;
}
.footer-top{
padding: 30px 35px 20px;
flex-direction: column;
justify-content: flex-start;
}
.footer-top .site-map{
padding: 0;
flex-direction: column;
font-size: 26px;
line-height: 1;
}
.site-map .section-list:not(:nth-child(1)){
margin-top:16px;
}
.site-map .section-list .section-links{
height: 0;
overflow: hidden;
}
.site-map .section-list .title{
position: relative;
}
.site-map .section-list{
margin-right: 0;
}
.site-map .section-list .title:after{
content: '';
width: 32px !important;
height: 32px !important;
position: absolute;
top: 0;
right: 0;
background: #fff !important;
transform: rotate(90deg);
margin-top: -3px !important;
}
.site-map .section-list .title.open:after{
transform: rotate(-90deg);
}
.site-map .section-list.open .section-links{
height: auto;
}
.site-map .section-list .section-links a{
margin-top: 18px;
}
.site-map .section-list .section-links a:last-child{
margin-bottom: 18px;
}
.footer-right .social-links a{
width: 38px;
height: 38px;
margin: 2vw 2.9vw;
}
.footer-right{
padding: 30px 0;
}
.footer-right:before{
display: none;
}
.footer-right .social-links{
margin-bottom: 38px;
justify-content: center;
flex-wrap: wrap;
}
.footer-bottom{
padding:19px 22px;
}
.footer-bottom-wrapper{
padding-right: 0;
justify-content: space-between;
}
.footer-bottom .logo-apru{
width: 88px;
}
.footer-bottom .copyright{
font-size: 12px;
font-size: 8.5px;
}
.back-to-top-area{
width: 20px;
height: 139px;
bottom: 75px;
right: 8px;
}
.back-to-top{
width: 11px;
height: 139px;
bottom: 75px;
right: 12px;
}
html[lang="zh-hk"] .back-to-top,
html[lang="zh-cn"] .back-to-top{
height: 110px;
}
html[lang="zh-hk"] .back-to-top-area,
html[lang="zh-cn"] .back-to-top-area{
height: 110px;
}
/* mpm2 */
.mpm2-container{
padding-left: 0;
margin: 5px 0 0;
height: auto;
display: flex;
flex-direction: column;
}
.mpm2-slider{
order: 1;
height: 56.25vw;
}
.mpm2-container .swiper-pagination{
order: 2;
position: relative;
padding: 0 30px;
text-align: left;
margin-top: 10px;
}
.mpm2-container .mpm2-content{
order: 3;
position: relative;
width: 100%;
}
.mpm2-container .mpm2-content .slide-msg,
.mpm2-container.onlyone .mpm2-content .slide-msg{
padding: 10px 30px 0;
}
.mpm2-container .swiper-pagination-bullet{
width:9px;
height: 9px;
margin-right: 8px;
}
.mpm2-content .title{
font-size: 32px;
line-height: 1.1;
}
.mpm2-content .description{
font-size: 13px;
line-height: 1.7;
margin-top: 10px;
}
.event-info-container{
padding: 0 30px;
margin: 0 0 15px 0;
font-size: 13px;
line-height: 1.7;
}
.event-info-wrapper{
display: block;
}
.event-info-lt{
margin-right: 0;
}
.event-info-lt > div{
margin-bottom: 1.75em;
}
.event-info-lt > div .title, .event-info-lt > div:not(:last-child){
font-size: 15px;
line-height: 1.5;
}
.event-info-lt > div .title{
font-size: 4vw;
}
/*.event-info-lt > div .description, .event-info-rt .map-info .map-description{
margin-top: 7px;
}*/
.event-info-rt .map-info .map-description{
margin-top: 7px;
}
.event-info-rt{
}
.map-block{
height: calc(70.78vw - 60px);
margin-bottom: 20px;
}
.event-info-rt .map-info .map-name{
font-size: 15px;
line-height: 1.3;
}
.map-bottom{
margin-top:12px;
}
.event-info-rt .map-tags, .event-info-container .social-links{
justify-content: center;
flex-wrap: wrap;
}
.event-info-rt .map-tags .map-tag{
margin: 0 8px;
}
.event-info-container .social-links a{
width: 38px;
height: 38px;
margin: 2vw 2.9vw;
}
.register-now-container{
margin: 12px 0;
padding: 10px 0;
}
.register-now-container a{
padding: 15px 24px;
font-size: 15px;
border-width: 1.5vw;
}
.register-now-container a:after{
width: 2.3vw;
right: -3.9vw;
}
.register-now-container a:before{
width: 2.3vw;
left: -3.9vw;
}
.register-now-container:after{
height: 4px;
margin-top: -2px;
}
.contact2 .contact-bg{
margin-top: 28px;
}
.contact2 .contact2-yellow-bg{
width: 62vw;
}
.contact-us-container .contact-bg{
width: 81%;
height: 35vw;
}
.contact2 .contact-content .title{
margin-top: -28vw;
top: 0;
right: 0;
}
.contact2 .contact-content .contact-block{
font-size: 13px;
line-height: 1.5;
width: 100%;
padding: 16px 18px;
text-align: center;
}
.contact2 .contact-content .contact-block .contact-txt{
text-align: left;
}
.contact2 .contact-content a.enquiry-btn{
margin: 0 auto;
display: inline-block;
font-size: 15px;
padding: calc(15px - 1.5vw) calc(36px - 1.5vw);
border-width: 1.5vw;
}
.program-schedule-container{
margin: 25px 0 35px;
padding-left: 30px;
width: 100%;
}
.program-schedule-container .top-part{
display: block;
}
.program-schedule-container .top-part .bigtitle{
font-size: 32px;
padding-right: 0;
padding-bottom: 15px;
width: 50%;
margin-top: 0;
}
.program-schedule-container .top-part .description{
border-left: 0;
padding: 0 40px 20px 0;
font-size: 13px;
line-height: 1.7;
}
.schedule-options-container .swiper-button-prev, .schedule-options-container .swiper-button-next{
display: none;
}
.schedule-lists{
border: 3px solid #000;
border-right:0;
}
.schedule-lists .schedule-list.active{
flex-direction: column;
padding: 0;
}
.schedule-lists .schedule-list .schedule-list-item{
padding: 14px 0 14px 14px;
line-height: 1.6;
flex-direction: column;
align-items: flex-start;
position: relative;
}
.schedule-list .schedule-list-item .time{
display: flex;
position: relative;
font-size: 13px;
align-items: center;
background: #fff;
padding-right: 2vw;
}
.schedule-list .schedule-list-item .time span{
background:#fff;
}
.schedule-list .schedule-list-item .time span:last-child{
padding-right: 10px;
}
.schedule-list .schedule-list-item .time span:nth-child(1):after{
content:'-';
position: relative;
display: inline-block;
margin:0 3px;
}
.schedule-list .schedule-list-item:after{
content: '';
position: absolute;
height: 1px;
width: 100%;
background: #10aa80;
left: 3vw;
z-index: -1;
display: block;
top: 23px;
}
.schedule-list .schedule-list-item .time br {
content: '-';
display: inline-block;
width: 5px;
color: #000;
height: 1px;
background: #000;
margin: 2px 4px 0;
}
.schedule-list .schedule-list-item .detail{
border-bottom: 0;
padding-bottom: 0;
font-size: 12px;
margin-top: 2px;
padding-right: 30px;
}
.schedule-options-slide{
flex:0 0 45%;
padding: 7px 0 10px 13px;
border-left: 3px solid #000;
}
.schedule-options-slide .date{
font-size: 32px;
}
.schedule-options-slide .day{
font-size: 11px;
padding-bottom: 4px;
letter-spacing: -.5px;
}
.schedule-options-slide .day:after{
top: 2px;
margin-left: -6px;
border-width: 9px 6px 6px;
}
.schedule-lists .schedule-list .more-btn{
background: #30af54;
padding: 13px 13px 16px;
font-size: 12px;
font-weight: bold;
position: absolute;
/*margin-top: 20px;*/
width: 100%;
bottom: 3px;
vertical-align: bottom;
}
.schedule-lists .schedule-list.has-more .more-btn{
display: flex;
}
.schedule-lists .schedule-list.has-more.active{
padding-bottom: 64px;
}
.schedule-lists .schedule-list.has-more.open .more-btn.open:before{
transform: rotate(-90deg);
}
.schedule-lists .schedule-list.has-more.open .more-btn.open span{
display: none;
}
.schedule-lists .schedule-list.has-more.open .more-btn.open:after{
content: 'less';
}
.schedule-lists .schedule-list .schedule-list-item:not(:nth-child(-n+4)){
display: none;
}
.schedule-lists .schedule-list.open .schedule-list-item:not(:nth-child(-n+4)){
display: flex;
}
.speakers-container{
margin: 35px 0 15px;
width: 100%;
padding-left: 0;
}
.speakers-container .more-btn{
display: flex;
padding: 10px 30px 30px;
background: #ccc;
text-align: right;
font-size: 12px;
font-weight: bold;
justify-content: flex-end;
}
.more-btn{
display: flex;
position: relative;
cursor: pointer;
align-items: center;
}
.more-btn:before{
width: 15px;
height: 15px;
content: '';
position: relative;
display: inline-block;
background:#fff !important;
-webkit-mask: url('data:image/svg+xml;utf8,') !important;
mask: url('data:image/svg+xml;utf8,') !important;
transform: rotate(90deg);
margin-right: 2px;
}
.schedule-options-slide:hover .day:after{
transform: translate3d(0,3px,0);
}
.speakers-container .more-btn:after{
width:calc(100% - 60px);
height: 2px;
background: #fff;
content: '';
position: absolute;
top: -18px;
left: 30px;
}
.speakers-container .more-btn.open span{
display: none;
}
.speakers-container .more-btn.open:before{
transform: rotate(-90deg);
}
.speakers-container .more-btn.open:after{
width: auto;
height: auto;
content: 'less';
background: none;
position: relative;
top: auto;
left: auto;
}
.speakers-top{
display: block;
}
.speakers-top .bigtitle{
font-size: 32px;
margin-top: -10px;
padding:0 15px 3px 30px;
padding-left: 30px;
display: inline-block;
}
.speakers-top .description{
padding:13px 30px;
font-size: 13px;
}
.speakers-container .speakers{
display: block;
padding:20px 30px;
}
.speakers-container .speakers .speaker:not(:nth-child(-n+4)){
display: none;
}
.speakers-container.open .speakers .speaker{
display: block;
}
.speakers-container .speakers .speaker{
padding:10px 0 18px;
border-top: 2px solid #fff;
}
.speakers-container .speakers .speaker:not(:nth-child(4n)):after{
display: none;
}
.speakers-container .speakers .speaker .profile-info{
display: flex;
}
.speakers-container .speakers .speaker .profile-img{
width: 75px;
height: 75px;
border-radius: 100%;
/*border: 2px solid #b3b3b3;*/
margin-bottom: 15px;
flex: 0 0 75px;
}
.speakers-container .speakers .speaker .profile-title{
flex: 0 1 auto;
padding: 0 0 15px 15px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.speaker .more {
margin-top: 5vw;
}
.speaker .profile-title .name{
font-size: 16px;
}
.speaker .profile-title .title{
font-size: 13px;
margin-bottom: 0;
}
.speaker .profile-description{
font-size: 13px;
line-height: 1.7;
}
.related-articles-container{
margin:15px 0 0;
padding-left: 30px;
}
.rt2lt .related-articles-container{
margin-top: 30px;
}
.related-articles-wrapper{
display: block;
}
.related-articles-container .bigtitle{
font-size: 32px;
line-height: .8;
}
.related-articles-rt > .description{
font-size: 13px;
line-height: 1.6;
padding: 15px 30px 20px 0;
}
.related-articles-slider{
padding-bottom: 15px;
}
.related-articles-slider-wrapper{
height: 25.88vw;
}
.related-articles-slide{
width: 50%;
box-shadow: 2px 5px 5px rgb(0 0 0 / 10%);
}
.related-articles-slider .content-block{
width: 320px; /*280*/
padding: 5px 10px 10px;
box-shadow: 2px 5px 5px rgb(0 0 0 / 10%);
}
.related-articles-slider .content-block .slide-msg .title{
font-size: 13px;
min-height: 28px;
}
.related-articles-slider .content-block .slide-msg .description{
font-size: 11px;
padding: 4px 64px 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
}
.related-articles-slider .content-block .swiper-button-next, .related-articles-slider .content-block .swiper-button-prev{
top: 64px;
width: 20px !important;
height: 20px !important;
}
.related-articles-slider .content-block .swiper-button-next{
right: 10px;
}
.related-articles-slider .content-block .swiper-button-prev{
right: 40px;
}
.related-articles-slider .content-block .info{
width: 54%;
font-size: 11px;
margin-top: 8px;
font-weight: bold;
}
.related-articles-slider .content-block:after{
bottom: -10px;
height: 10px;
}
body > header .search-btn{
width: 8vw;
height: 8vw;
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
}
body > header .search-box:hover .search-input{
width: 25vw;
right: 8vw;
}
body > header .search-box.close:hover .search-input{
width: 0;
}
body > header .search-box.close:hover .search-btn{
background:#fff;
}
body > header .search-box.close:hover form{
background:#000;
}
body > header .search-box input{
line-height: 8vw;
padding: 0 2vw;
font-size: 3.3vw;
}
.header-right .navigation{
position: fixed;
width: 100% !important;
height: calc(100% - 15.5vw);
top: 15.5vw;
left: 0;
background: #fff;
z-index: 999;
flex-direction: column;
border-top: 5px solid #000;
padding: 30px 30px 0;
transition: transform 400ms cubic-bezier(.47,0,.6,1);
transform: translate3d(100%,0,0);
overflow-y: auto !important;
}
.header-right .navigation.mobile-nav{
transform: translate3d(0,0,0);
}
.sns-mobile{
display: block;
flex:1 0 auto;
}
body.mobile-nav{
max-height: 100vh;
overflow: hidden;
}
body > header .navigation > div > a{
font-size: 3vw;
/*margin-bottom: 6.5vw;*/
z-index: 2;
position: sticky;
top: 0;
text-align: left;
display: inline;
}
.submenu-cols{
display: block;
}
body > header .navigation > div > a.nav-lang{
margin: 0 2.5vw;
}
body > header .navigation > div > a.nav-lang:nth-child(1){
margin-left: 6px;
}
/* MOBILE MENU & ANIMATION */
.header-right .navigation + div > div{
display: flex;
}
.header-right .navigation > div[data-id]{
margin-bottom: 5vw;
opacity: 1;
transform: translateY(0);
display: block;
}
.expand-btn{
width: 6vw;
height: 6vw;
background:transparent;
margin-top: -5.2vw;
right: 0;
display: block;
position: absolute;
left: 100%;
z-index: 2;
position: sticky;
top: 0;
}
.expand-btn:after{
content: '';
width: 100%;
height: 100%;
background:#000;
position: relative;
top:0;
left:0;
display: block;
clip-path: polygon(20% 45%, 45% 45%, 45% 20%, 55% 20%, 55% 45%, 80% 45%, 80% 55%, 55% 55%, 55% 80%, 45% 80%, 45% 55%, 20% 55%);
}
.havesubmenu.op .expand-btn{
}
.havesubmenu.op .expand-btn:after{
clip-path: inset(45% 20% 45% 20%);
}
.header-right .navigation > div.havesubmenu:before{
display: none;
}
.navigation > .havesubmenu > .submenu,
.navigation > .havesubmenu:hover > .submenu{
display: none;
}
.navigation > .havesubmenu.op .submenu{
display: block;
}
.navigation > div .submenu{
width: 100% !important;
left: 0 !important;
border: 0;
position: relative;
padding: 0;
top: 7vw;
}
.submenu-col, .subhead{
margin-bottom: 5vw;
width: 100% !important;
font-size: 3vw;
}
.submenu-list .submenu-list-2,
.submenu-list a{
margin-bottom: 4vw;
}
.submenu-list-2-list{
margin-top: 4vw;
}
.header-right .navigation > div.havesubmenu:before{
content:'';
width: 100%;
height: 14vw;
background: #fff;
top: -8vw;
position: absolute;
left: 0;
display: block;
z-index: 1;
position: sticky;
margin-bottom: -12vw
}
.header-right .navigation > div.havesubmenu:after{
display: none;
}
.menu-toggle .bar{
width: 6vw;
height: .8vw;
background-color: #3f3f3f;
margin: 1.33vw auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-toggle {
display: none;
margin-left: 20px;
}
.menu-toggle:hover{
cursor: pointer;
}
#mobile-menu.is-active .bar:nth-child(2){
opacity: 0;
}
#mobile-menu.is-active .bar:nth-child(1){
-webkit-transform: translateY(2.15vw) rotate(45deg);
-ms-transform: translateY(2.15vw) rotate(45deg);
-o-transform: translateY(2.15vw) rotate(45deg);
transform: translateY(2.15vw) rotate(45deg);
}
#mobile-menu.is-active .bar:nth-child(3){
-webkit-transform: translateY(-2.15vw) rotate(-45deg);
-ms-transform: translateY(-2.15vw) rotate(-45deg);
-o-transform: translateY(-2.15vw) rotate(-45deg);
transform: translateY(-2.15vw) rotate(-45deg);
}
.menu-toggle, .bar {
display: block;
cursor: pointer;
}
.mobile-nav {
transform: translate(0%)!important;
}
.sns-mobile{
padding: 30px 0;
margin: 20px 0;
border-top: 1px #000 solid;
}
.sns-mobile .social-links{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sns-mobile .social-links a{
background:#000;
width: 38px;
height: 38px;
/*margin-right: 38px;*/
margin-right: 15px;
margin-top: 10px;
}
.spopup-header{
font-size: 6vw;
padding: 3.5vw 0;
}
.spopup-img:after{
width: 4px;
height: 7vw;
margin: 4vw auto 3vw;
}
.spopup-img{
width: 75%;
}
.spopup-name{
font-size: 4.6vw;
}
.spopup-title {
margin: 1.4vw 12% 3vw;
font-size: 3.3vw;
}
.speaker-popup .close{
top: 1vw;
font-size: 11vw;
width: 11vw;
}
.spopup-title{
padding:0 12%;
}
.spopup-desc {
padding: 2% 12% 10%;
line-height: 1.4;
font-size: 3vw;
text-align: justify;
}
.speaker .more:after{
margin-bottom: 1px;
}
.key-partners-wrapper .swiper-button-prev:hover{
transform: translate3d(0,0,0) scale(-1);
}
.key-partners-wrapper .swiper-button-next:hover{
transform: translate3d(0,0,0);
}
.quote-container .swiper-button-next:hover{
transform: translate3d(0,0,0);
}
.quote-container .swiper-button-prev:hover{
transform: translate3d(0,0,0) scale(-1);
}
.schedule-options-container .swiper-button-next:hover{
transform: translate3d(0,0,0);
}
.schedule-options-container .swiper-button-prev:hover{
transform: translate3d(0,0,0) scale(-1);
}
.related-articles-slider .content-block .swiper-button-next:hover{
transform: translate3d(0,0,0);
}
.related-articles-slider .content-block .swiper-button-prev:hover{
transform: translate3d(0,0,0) scale(-1);
}
.notfound{
margin: 30px auto;
}
.notfound img{
max-width: 160px;
margin-bottom: 17px;
}
.notfound .title{
font-size: 25px;
margin-bottom: 14px;
}
.notfound .description {
font-size: 14px;
line-height: 22px;
margin-bottom: 37px;
}
.noresult{
margin: 30px auto;
}
.noresult .img{
max-width: 52px;
margin: 0 auto 17px;
}
.noresult .title{
font-size: 25px;
margin-bottom: 14px;
}
.noresult .description{
font-size: 14px;
line-height: 22px;
margin-bottom: 37px;
}
.event-section-bar{
overflow-x: auto;
margin: 0 -30px 20px;
padding: 10px 0;
border-bottom: 1px solid #DCDCDC;
background: #fff;
}
.event-section-wrapper{
flex-wrap: nowrap;
margin-left: 20px;
}
.event-section-wrapper:after{
content: '';
position: relative;
display: block;
height: 1px;
flex: 0 0 30px;
}
.event-section-wrapper .event-section-tab{
font-size: 12px;
line-height: 15px;
height: 38px;
margin-left: 7px;
padding: 0 14px;
margin-bottom: 0;
}
.event-section-wrapper .event-section-tab.current{
height: 38px;
}
.event-section-bar.sticky{
position: sticky;
top: 0;
z-index: 2;
}
.event-info-lt > div .description td{
border-color: transparent;
vertical-align: top;
display: block;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.event-info-lt > div .description td:nth-child(1){
padding-bottom: 0;
margin-bottom: .5em;
}
.event-info-lt > div .description td:nth-child(2){
margin-top: 0;
}
.event-info-lt > div .description td > img, .event-info-lt > div .description td > img.alignleft{
float: none;
}
}