html[lang="zh-hant"] .com-navigation-container,html[lang="zh-hans"] .com-navigation-container{font-size:1.075em}.video-js .vjs-tech{height:100% !important}/* .homepage .kv .swiper-slide.full-background .item .intro{left:auto;right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center}.homepage .kv .swiper-slide.full-background .item .intro h1{display:table-row} */#popDetails .title{display:none}#popDetails .date{display:none}#popDetails .content{margin-top:0}@media (min-width: 991px){.homepage .kv .swiper-slide.full-background .item{padding-top:102px;padding-bottom:102px;height:937px}}
body{line-height: 1.5;}
html[lang="zh-hans"] body {
font-family: "Asap-Regular","Noto Sans SC","微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.kv .swiper-slide .bg_contain{
background-size: contain !important;
}
.kv{
background-color: #fff;
}
/* @media screen and (max-width:576px){ */
.is_dark.homepage header .btn-menu:before, .is_dark.homepage header .btn-menu:after{
background-color: #1e285a;
}
/* } */
.is_dark.homepage header .btn-menu span{
color: #1e285a;
}
.node--type-networking-events .sect-updates .content .item .wrapper .desc .info{
font-size:1.09em !important;
}
.node--type-networking-events .sect-networking-events-details {
padding-top: 87px;
}
.node--type-networking-events .sect-networking-events-details .content{
margin-top: 0px!important;
}
.node--type-networking-events .sect-updates .content .item .wrapper .desc {
padding-left: 0px!important;
}
.node--type-networking-events .sect-updates .content .item:nth-child(even) .wrapper .desc {
padding-right: 0px!important;
}
.node--type-networking-events .sect-updates .content .item:nth-child(even) .wrapper .thumbnail {
margin-right: 0px!important;
}
.is_dark .headroom .logo .dark{
display:inline-block;
}
.is_dark .headroom .logo .blue{
display:none;
}
.homepage .slider-slick{
opacity:1;
}
.homepage .slider-slick .slick-thumb-wrap::before{
display:none;
}
.homepage .slider-slick .slick-thumb-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: none;
position: relative;
padding-top: 62px;
padding-bottom: 80px;
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
}
.homepage .slider-slick .slick-thumb-wrap .nav-wrap{
position: absolute;
max-width: 800px;
margin: 0 auto;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 60px;
bottom: 0;
z-index: 1;
}
.homepage .slider-slick .slick-thumb-wrap .pic-prev,
.homepage .slider-slick .slick-thumb-wrap .mobile-prev{
background-image: url(/themes/contrib/bootstrap_sass/assets/img/icon/nav_disabled.svg);
right: 140px;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.homepage .slider-slick .slick-thumb-wrap .pic-next,
.homepage .slider-slick .slick-thumb-wrap .mobile-next{
background-image: url(/themes/contrib/bootstrap_sass/assets/img/icon/nav_disabled.svg);
right: 60px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.homepage .slider-slick .slick-thumb-wrap .pic-next, .homepage .slider-slick .slick-thumb-wrap .pic-prev,
.homepage .slider-slick .slick-thumb-wrap .mobile-next, .homepage .slider-slick .slick-thumb-wrap .mobile-prev{
position: absolute;
top: auto;
width: 60px;
height: 60px;
margin-top: 0;
z-index: 10;
background-size: 60px;
left: auto;
opacity: 1;
background-position: center;
border: 0;
bottom: 0;
background-repeat: no-repeat;
outline: 0;
cursor: pointer;
}
.homepage .slider-slick .slick-big-wrap .slide-container{
height: 500px;
min-height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.homepage .slider-slick .slick-big-wrap .slide-container img{
visibility: hidden;
}
.homepage .slick-slide img{
max-width:100%;
}
.homepage .slider-slick .slick-thumb-wrap .pic-next:hover,
.homepage .slider-slick .slick-thumb-wrap .mobile-next:hover{
background-image: url(/themes/contrib/bootstrap_sass/assets/img/icon/nav_active.svg);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.homepage .slider-slick .slick-thumb-wrap .pic-prev:hover,
.homepage .slider-slick .slick-thumb-wrap .mobile-prev:hover{
background-image: url(/themes/contrib/bootstrap_sass/assets/img/icon/nav_active.svg);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
div p strong{
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.first-section-cus-spacing {
padding-bottom: 64px!important;
}
.section-cus-spacing {
padding-top: 0px!important;
padding-bottom: 64px!important;
}
.roadmap-cus-spacing{
margin-top:0px;
}
.banner-cus-spacing {
padding-bottom: 87px!important;
}
.sect-program-detail .intro {
margin-bottom: 64px;
}
p{
font-size:20px;
}
.article-content .container>.content p{
font-size:20px;
}
.node--type-networking-event-post main .content .inner-content p{
font-size:20px !important;
}
.node--type-networking-event-post main .content .inner-content {
margin-top: 0px!important;
}
.networking_event_title > .container > .wrapper {
margin-bottom: 0px!important;
}
.networking_event_title > .container > .wrapper > .title {
/* padding-bottom: 0px!important; */
}
.node--type-networking-event-post .article-content {
margin-top:0px;
}
.node--type-networking-event-post .networking_event_title .title h1{
padding-bottom: 15px;
}
.sect-chain .item p{
font-size:20px;
}
.networking_event_title {
padding-top: 41px!important;
}
.node--type-home .sect-video .col-wrap .col2 .wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0 !important;
overflow: hidden;
}
.node--type-home .sect-video .col-wrap .col2 .wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
/*
h1 , h2 {
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
} */
/* .homepage section{
padding-top: 0px!important;
} */
.sect-basic-tpl h2 {
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
.homepage .sect-banner{
padding-top:0px;
padding-bottom: 87px;
}
.homepage .sect-member-card {
padding-top:0px;
padding-bottom: 64px;
}
.homepage .sect-video.fun-facts {
padding-top: 0px;
}
.homepage .sect-video{
padding-top: 235px;
padding-bottom: 64px;
}
.homepage .sect-chain {
padding-top: 0px;
}
.node--type-vision-and-mission .sect-banner-tpl .desc .com-list {
margin-bottom: 0px!important;
}
.node--type-vision-and-mission .sect-video p{
margin-bottom: 0px!important;
}
@media (max-width: 991px){
.sect-chain .item p {
font-size: 1em;
line-height: 150%;
}
.node--type-vision-and-mission .com-sect-head , .node--type-people-listing-page .com-sect-head {
text-align: left;
}
.node--type-vision-and-mission .first-section-cus-spacing {
padding-bottom: 44px!important;
}
.node--type-vision-and-mission .section-cus-spacing {
padding-bottom: 44px!important;
}
.node--type-vision-and-mission .sect-banner-tpl .banner-container {
margin-top: 44px;
}
.node--type-contact-us .sect-contact-tpl .greet {
text-align: left;
}
.node--type-networking-event-post .networking_event_title {
padding-top: 24px!important;
margin-top: 0px;
}
.node--type-press-update .press-wapper .link{
text-align: center!important;
}
.node--type-people-listing-page .sect-member-card {
padding-top: 24px;
}
.node--type-networking-events .sect-networking-events-details {
padding-top: 72px;
}
/* resize font size */
h1, .com-sect-head, .com-sub-head, .title {
font-size: 28px!important;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
}
闁炽儻鎷�
.sect-member-card .namecard .title{
font-size:19px;
}
.sect-mentorship-testimonials .testimonials-detail {
max-height: 206px;
}
@media (max-width: 601px){
.homepage .slider-slick .slick-big-wrap, .homepage .slider-slick .slick-big-wrap .slide-container{
height: 224px;
min-height: 224px;
}
.press-sec-title {
margin-top: 40px!important;
}
/* .node--type-mentorship-page .sect-mentorship-testimonials {
padding-top: 50px!important;
} */
/* .node--type-programs-and-events .sect-mentorship-testimonials {
padding-top: 50px!important;
} */
/* .sect-updates .content .item .wrapper .thumbnail .bg-wrap{
display: block;
height: 300px;
} */
}
.sect-updates .content .item .marker .category{
font-size:1.2em;
}
/* .node--type-updates .sect-updates .content .item .marker .item-e{
font-size:1.2em;
} */
.node--type-people-listing-page .sect-member-card .info-content .wrapper .title{
font-size:20px !important;
}
.sect-chain .item .category{
font-size:1.2em;
}
.article-content .wrapper .item .marker .category{
font-size:14px;
max-width: 80px;
}
#edit-contact-inner-container .js-form-wrapper{
width:100% !important;
}
@media (min-width: 992px){
#online-app-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--year-of-study"] {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding-right: 50px;
width: 50%;
max-width: 50%;
padding-left:0 ;
}
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--year-of-study"] {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding-right: 0px;
width: 50%;
max-width: 50%;
padding-left:50px;
}
.sect-updates.photo-and-video-gallery .content {
margin: 0px;
}
.node--type-photo-and-video-gallery header .container {
padding-left: 80px;
}
.node--type-people-listing-page header {
padding: 41px 0 70px 0;
}
#online-app-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--gpa"]{
padding-left: 50px;
padding-right: 0px;
}
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--gpa"]{
padding-left: 0px;
padding-right: 50px;
}
body.mentorship #online-app-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--date-of-award"]{
padding-right: 50px;
}
}
[about="/programs-and-events/mentorship"] .banner-wrap .logo{
/* display: none; */
}
.kv-video{
position: absolute;
width:auto;
height:auto;
top: 50%;
left: 50%;
/* left: 60rem; */
transform: translate(-50%, -50%)!important;
min-width: 100%;
min-height: 100%;
outline-width:0;
}
.node--type-programs-and-events .intro p{
font-size:20px;
line-height: 34px;
}
.node--type-mentorship-page .intro p {
font-size:20px;
line-height: 34px;
}
.node--type-networking-event-post .inner-content p {
font-size:20px;
line-height: 34px;
}
.node--type-programs-and-events .sect-member-card .namecard .title {
color:#1e285a;
}
.node--type-programs-and-events .sect-member-card .namecard .role {
color:#1e285a;
}
.node--type-mentorship-page .sect-member-card .namecard .title {
color:#1e285a;
}
.node--type-mentorship-page .sect-member-card .namecard .role {
color:#1e285a;
}
@media (max-width: 576px){
.kv-video{
width:auto;
height:100%;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
.node--type-press-update .sect-updates .content .item .wrapper .thumbnail{
display: none;
}
.press-item .desc .title:nth-child(2){
margin-bottom:9px
}
.node--type-form-thank-you .container {
padding-left: 20px;
padding-right: 20px;
}
.node--type-networking-events .sect-updates .content .item .row.wrapper .thumbnail .bg-wrap {
height: 160px;
max-height: 160px;
}
.node--type-networking-events .sect-updates .content .item .row.wrapper .thumbnail::before {
height: 160px;
max-height: 160px;
}
.node--type-networking-events .sect-updates .content .item .row.wrapper {
margin-right: 0px;
margin-left: 0px;
}
}
/* .homepage .kv .swiper-slide.full-background .item::before{
content: "";
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background-color: rgba(0,0,0,0);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.homepage .kv .swiper-slide.full-background .item .intro{
flex-direction: column;
}
.homepage .kv .swiper-slide.full-background .item .intro h1{
align-self: flex-end;
transform: translate(0, 30px);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.homepage .kv .swiper-slide.full-background .item .intro p{
align-self: flex-end;
text-align: center;
width: 100%;
margin: 0 auto;
max-width: 900px;
font-size: 20px;
line-height: 50px;
color:#FFF;
opacity: 0;
transform: translate(0, 30px);
transition: all 0.4s ease 0.2s;
-webkit-transition: all 0.4s ease 0.2s;
}
.homepage .kv .swiper-slide.full-background .item .intro p a{
padding: 10px 20px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
border: 2px #FFF solid;
}
.homepage .kv .swiper-slide.full-background .item.has_link:hover::before{
background-color: rgba(0,0,0,0.15);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.homepage .kv .swiper-slide.full-background .item:hover .intro h1{
transform: translate(0, -50px);
}
.homepage .kv .swiper-slide.full-background .item:hover .intro p{
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
} */
/* @media (max-width: 1024px){
.homepage .kv .swiper-slide.full-background .item.has_link:hover::before{
background-color: rgba(0,0,0,0);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.homepage .kv .swiper-slide.full-background .item .intro h1,
.homepage .kv .swiper-slide.full-background .item:hover .intro h1{
transform: translate(0, -50px);
}
.homepage .kv .swiper-slide.full-background .item .intro p,
.homepage .kv .swiper-slide.full-background .item:hover .intro p{
opacity: 1;
transform: translate(0, -30px);
}
.homepage .kv .swiper-slide.full-background .item .intro p a{
background-color: rgba(0,0,0,0.3);
font-size: 14px;
padding: 6px 13px;
}
} */
.iti__flag-container{
display:none;
}
input#edit-mobile-phone{
padding-left:0;
margin-top:5px !important;
}
/* .dark_kv .desc{
color:#1e285a !important;
} */
.homepage .sect-banner .desc{
/* color: #1e285a !important; */
}
/* .node--type-mentorship-page .sect-banner .desc .logo{
display:none;
} */
.homepage .sect-banner .logo{
/* display:none; */
}
.mentorship .sect-program-fee .deco-g{
z-index:-1;
}
.sect-program-detail .intro p,
.node--type-networking-events .sect-updates .content .item .wrapper .desc .info{
letter-spacing: initial !important;
}
.swiper-pagination-bullet {
outline:0;
}
.homepage .kv .swiper-container-horizontal>.swiper-pagination-bullets .link{
outline:0 !important;
}
/* @media screen and (max-width:480px){
.homepage .kv .swiper-slide.full-background .item .intro{
top:35px;
}
} */
.sect-updates .heading p {
line-height:34px;
}
.homepage .kv .swiper-slide.full-background .item .intro {
left: auto;
right: auto;
justify-content: center;
align-content: center;
text-align: center;
}
.homepage .kv .swiper-slide.full-background .item .intro h1 {
display:table-row;
}
@media (min-width: 991px){
.homepage .kv .swiper-slide.full-background .item {
padding-top: 102px;
padding-bottom: 102px;
height: 937px;
}
}
@media (max-width: 991px) and (min-width: 576px){
.mentorship_second_wapper, .programs_second_wapper{
padding-left: 30px;
padding-right: 30px;
}
}
.home_slider_dark_mode:before{
opacity: 0;
}
.dark_banner_content{
color: #1e285a!important;
}
.chairman_content p:first-child{
position: relative;
margin-top:70px;
padding-left:20px;
padding-right:20px;
}
.chairman_content p:first-child:before{
/* content: '';
display: inline-block;
width: 15px;
height: 15px;
background-size: 100%;
background-position: center;
top: 0;
left: 0;
background-image: url(/themes/contrib/bootstrap_sass/images/icons/symbol_2.svg);
vertical-align: top; */
font-family:Arial;
content: "\201C";
color:#1e285a;
font-size:6.5em;
position: absolute;
left: -4px;
top:0px;
}
.chairman_content p:first-child:after{
/* content: '';
display: inline-block;
width: 15px;
height: 15px;
background-size: 100%;
background-position: center;
bottom: 0;
right: 0;
background-image: url(/themes/contrib/bootstrap_sass/images/icons/symbol_1.svg);
vertical-align: top; */
font-family:Arial;
content: "\201D";
color:#1e285a;
font-size:6.5em;
position: absolute;
bottom: -40px;
right:10px;
}
.node--type-form-thank-you p{
font-size: 20px;
font-weight: 400;
line-height: 34px;
text-align: left;
}
.node--type-form-thank-you .container{
/* padding-left: 150px; */
padding-right: 58px;
}
/* for demo-font-size testing */
.page-node-211 main .content .inner-content h1, .page-node-211 main .content .inner-content h2, .page-node-211 main .content .inner-content h3, .page-node-211 main .content .inner-content h4, .page-node-211 main .content .inner-content h5, .page-node-211 main .content .inner-content h6, .page-node-211 .com-sect-head, .page-node-211 strong{
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
.com-sect-head, .com-sect-head, .com-sub-head, .sect-banner .wrapper .desc h1, .sect-banner .wrapper .desc h2,
.sect-program-detail .intro h1, .sect-program-detail .col-wrap h2, .sect-program-fee h1, .sect-contact-tpl .greet,
.sect-chain .item .year, .sect-chain .item .date, .sect-chain .item .category, .sect-member-card .namecard .name,
.sect-member-card .namecard .title, .com-btn a, .sect-updates .content .item .marker .day, .sect-updates .content .item .marker .category,
.sect-updates .content .item .wrapper .desc .title, .com-link, .sect-updates .filter-wrap .filter-cat .txt, .sect-updates .filter-wrap .filter-year a,
.sect-program-fee .col-wrap .col2 .list .list-row .subject {
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
.sect-updates .content .item.item-a .marker {
background-image: url(/themes/contrib/bootstrap_sass/assets/img/whatsnews/marker1.svg);
}
.sect-updates .content .item.item-p .marker {
background-image: url(/themes/contrib/bootstrap_sass/assets/img/whatsnews/marker1.svg);
}
.press-item{
width: 100%!important;
}
.press-wapper .thumbnail{
display: inline-block;
}
.press-wapper .desc{
display: inline-block;
vertical-align: top;
width: 70%;
}
.press-wapper .desc div{
padding: 1.5% 0px;
}
.press-wapper .desc .category{
font-weight: 800;
text-transform: uppercase;
}
.item.item-a .desc .category {
color: #5bba47;
}
.item.item-p .desc .category {
color: #00b2e1;
}
.phone_no {
font-size: 1.25em;
letter-spacing: 0.2px;
line-height: 140%;
}
.press-title{
color: #1e285a;
font-size: 22px;
}
.press-content img{
max-width: 100%;
height: auto;
}
.node--type-article .wrapper .item .marker {
text-align: center;
}
.article-content .wrapper .item .marker.media{
background-image: url(../assets/img/whatsnews/marker2.svg);
}
.article-content .wrapper .item .marker.event-new{
background-image: url(../assets/img/whatsnews/marker1.svg);
}
.article-content .wrapper .item .marker.event-new .category{
color: #00b2e1;
}
@media (min-width: 1130px){
.press-wapper .thumbnail{
width: 15%;
max-width: 550px;
}
.press-wapper .desc{
/* padding-left: 5%; */
width: 80%;
}
/* .press-wapper .desc .link{
position: absolute;
bottom: 0;
margin-bottom: 2%;
} */
}
@media (max-width: 1130px){
.press-wapper .thumbnail{
text-align: center;
}
.press-wapper .desc{
margin-left: 5%;
width: 70%;
}
.press-wapper .desc div{
padding: 0px;
text-align: left!important;
}
.press-wapper .desc a{
/* font-size: 16px!important; */
}
}
@media (max-width: 601px) {
.sect-updates .content .item .press-wapper .thumbnail .bg-wrap, .sect-updates .content .item .press-wapper .thumbnail::before {
display: block;
}
.press-wapper{
text-align:center;
}
.press-wapper .desc {
margin-left: 0px;
width: 100%;
}
.node--type-photo-and-video-gallery .content .item .wrapper .thumbnail{
height: 0;
padding-bottom: 60%;
margin: 0 auto;
}
.node--type-updates .content .item .wrapper .thumbnail{
height: 0;
padding-bottom: 60%;
margin: 0 auto;
}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
.node--type-press-release .article-content .wrapper {
max-width: 800px;
}
.node--type-article .slider-slick .slick-big-wrap .slide-container {
background-size: contain!important;
}
.sect-updates.photo-and-video-gallery .content .item {
margin-right: 45px;
}
}
.node--type-press-release main .content .inner-content {
display: block;
max-width: 800px;
margin: 0 auto;
color: #1e285a;
font-size: 18px;
font-weight: 400;
line-height: 34px;
margin-bottom: 3.75rem;
/* margin-top: 64px; */
}
.press-releasebg-wrap{
position: unset!important;
}
.press-release-marker{
position: unset!important;
transform: unset!important;
}
.press-wapper .thumbnail:before {
padding-top: 0px!important;
}
.node--type-press-release section {
margin-top: 0px;
padding-top:0px;
}
.node--type-networking-event-post .sect-updates > .container > .wrapper .title {
max-width: 800px!important;
}
.node--type-people-listing-page .sect-member-card .info-content .wrapper p {
line-height: 22px;
}
.sect-program-fee .intro p {
letter-spacing: normal;
line-height: 34px;
}
.node--type-our-partners .desc {
max-width:100%;
}
.node--type-our-partners .sect-updates .com-sect-head {
font-size: 3em;
}
.node--type-web-accessibility .web-title{
font-size: 2.5em;
font-weight: 700;
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei";
}
.node--type-web-accessibility .sect-basic-tpl {
padding-top: 45px;
}
.sect-updates .content .item .row.wrapper .desc .title {
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
@media (min-width: 992px) {
.mobile-only{
display:none;
}
.node--type-networking-events .sect-updates .container , .node--type-updates .sect-updates .container , .node--type-photo-and-video-gallery .container , .node--type-press-update .sect-updates .container {
padding-left: 150px;
padding-right: 58px;
}
.node--type-our-partners .sect-basic-tpl .container , .node--type-privacy-policy .sect-basic-tpl .container , .node--type-disclaimer- .sect-basic-tpl .container , .node--type-web-accessibility .sect-basic-tpl .container {
padding-left: 150px;
padding-right: 58px;
}
.node--type-article .slider-slick .slick-big-wrap{
padding:0px;
}
.node--type-people-listing-page .sect-member-card .filter-wrap {
top: 231px;
}
.node--type-people-listing-page .sect-member-card .view-list-of-our-people {
padding-top: 206px;
}
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail {
width: 35!important;
}
.node--type-networking-events .sect-updates .content .item .wrapper .desc {
width: 65%!important;
}
}
.node--type-form-thank-you h1 {
font-size: 2.25em;
}
@media (max-width: 991px){
.node--type-vision-and-mission .sect-video .col-wrap .col1 .bg{
margin-bottom: 44px;
}
.aboutus .sect-video {
padding-bottom: 44px;
}
.sect-video .col-wrap .col1 .bg {
margin-bottom:0;
}
.node--type-photo-and-video-gallery .sect-updates .filter-wrap .filter-cat .cat {
width: 80px;
/* height: 80px; */
height:auto;
}
.node--type-updates .sect-updates .filter-wrap .filter-cat .cat {
width: 80px;
height: 80px;
}
.node--type-our-partners .sect-updates .com-sect-head {
font-size: 2.25em;
}
.node--type-form-thank-you .container {
padding-left: 30px;
padding-right: 30px;
}
.node--type-form-thank-you p {
color: #1E285A;
font-size: 1.125em;
line-height: 166.6%;
letter-spacing: .2px;
}
}
@media (min-width: 1440px) {
.node--type-networking-events .sect-updates .container , .node--type-updates .sect-updates .container , .node--type-photo-and-video-gallery .container , .node--type-press-update .sect-updates .container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.node--type-our-partners .sect-basic-tpl .container , .node--type-privacy-policy .sect-basic-tpl .container , .node--type-disclaimer- .sect-basic-tpl .container , .node--type-web-accessibility .sect-basic-tpl .container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.node--type-our-partners .desc {
margin: unset;
}
.node--type-photo-and-video-gallery header .container {
max-width: none;
padding-left: 80px;
}
}
@media (min-width: 1540px){
.node--type-networking-events .sect-updates .container , .node--type-updates .sect-updates .container , .node--type-photo-and-video-gallery .container , .node--type-press-update .sect-updates .container {
padding-left: 57px;
}
.node--type-our-partners .sect-basic-tpl .container , .node--type-privacy-policy .sect-basic-tpl .container , .node--type-disclaimer- .sect-basic-tpl .container , .node--type-web-accessibility .sect-basic-tpl .container {
padding-left: 57px;
}
}
.photo-and-video-gallery .com-link , .node--type-updates .com-link {
text-align: center;
}
.node--type-networking-events .com-sect-head , .node--type-photo-and-video-gallery .com-sect-head , .node--type-updates .com-sect-head , .node--type-our-partners .com-sect-head , .node--type-networking-event-post .com-sect-head , .node--type-press-update .com-sect-head {
text-align: left;
}
.node--type-privacy-policy .sect-basic-tpl.tpl-left h1 , .node--type-disclaimer- .sect-basic-tpl.tpl-left h1 {
text-align: left;
}
.node--type-updates .desc p , .node--type-photo-and-video-gallery .desc p{
line-height: 34px;
}
.sect-news p , .photo-and-video-gallery p{
line-height: 34px!important;
}
.sect-contact-tpl .col1 .address p{
line-height: 34px;
letter-spacing: normal;
}
.node--type-web-accessibility .sect-basic-tpl p {
/* font-size: 16px;
line-height: 22px;
letter-spacing: 0.2px; */
}
.address-content{
padding-top:0px!important;
}
.node--type-press-update .sect-updates .filter-wrap {
margin-bottom: 72px;
}
.node--type-updates .sect-updates .filter-wrap {
margin-bottom: 72px;
}
.node--type-press-update .sect-updates .content .item:first-child {
margin-top: 0px!important;
}
.node--type-press-update .press-item .desc .title{
padding-bottom:0px;
}
.node--type-press-update .press-item .desc .press-content{
padding-top:0px;
}
/* .node--type-press-update .press-wapper .link .com-link:before {
content: "";
background-color: #1e285a;
height: 2px;
width: 100%;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: -5px;
right: 0;
}
.node--type-press-update .press-wapper .link .com-link:after {
content: "";
background-color: #1e285a;
height: 2px;
width: 0;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: -5px;
left: 0;
} */
@media only screen and (min-width: 768px) and (max-width: 1350px) {
.sect-updates .content .item .wrapper .desc .info p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
}
.menu .menu-wrapper nav > ul > li {
padding-bottom: 20px;
}
/* update 20210507 */
.menu .menu-wrapper nav > ul > li:not(.active):hover .page{
padding-left: 0px;
}
.menu .menu-wrapper nav > ul > li.dim:hover .page,
.menu .menu-wrapper nav > ul > li.dim .page:hover{
opacity: 0.7;
padding-left: 0px;
}
.menu .menu-wrapper nav > ul > li:not(.active):hover .page:before{
display: none;
}
/* update 20210507 end */
@media only screen and (min-width: 976px) and (max-width: 1600px) {
.view-id-list_of_video_gallery{
margin-right: 61px;
}
}
@media (max-width: 991px){
.sect-program-detail .col-wrap h2 .com-highlight {
font-size: 28px;
}
.sect-program-fee h1 .icon-dropdown {
z-index: 4;
}
.sect-updates .content .item:nth-child(even) {
margin-right: 0px;
}
.node--type-home .sect-chain .item .bottom p{
min-height:95px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.node--type-press-update .link {
line-height: 160%;
}
.node--type-press-update .com-link {
font-size: 16px!important;
line-height: 112.5%;
}
}
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail {
height: calc(100% + 100px);
}
@media (min-width: 769px){
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail {
flex: 0 0 47%;
max-width: 47%;
}
.node--type-networking-events .sect-updates .content .item .wrapper .desc {
flex: 0 0 47%;
max-width: 47%;
}
.node--type-networking-events .sect-updates .content .item .wrapper .middle-padding {
-webkit-box-flex: 0;
-ms-flex: 0 0 6%;
flex: 0 0 6%;
max-width: 6%;
}
}
/* .slider-slick .slick-big-wrap {
height: 380px;
} */
.home-kv-video-wapper{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
}
/* index gallery */
.index-gallery .slick-container .slick-big-wrap,
.mobile-index-gallery .slick-container .slick-big-wrap{
width: 100%;
padding-top: 56.25%;
height: 0;
}
.index-gallery .slick-container .slick-big-wrap .slick-list,
.mobile-index-gallery .slick-container .slick-big-wrap .slick-list{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.index-gallery .slick-container .slick-big-wrap .slick-list .slick-track,
.mobile-index-gallery .slick-container .slick-big-wrap .slick-list .slick-track,
.index-gallery .slick-slide > div,
.mobile-index-gallery .slick-slide > div,
.index-gallery .slick-slide > div > div,
.mobile-index-gallery .slick-slide > div > div,
.index-gallery .slick-container .slick-big-wrap .slick-list .slick-track .slide-container,
.mobile-index-gallery .slick-container .slick-big-wrap .slick-list .slick-track .slide-container{
height: 100%;
min-height: auto;
}
#edit-confirm-number {
padding-left: 0px;
}
#edit-emergency-mobile-phone {
padding-left: 0px;
}
#edit-cityprefer-inner-container input{
/* display: inline-block; */
width: 7%;
}
#edit-cityprefer-inner-container label[for="edit-beijing-option"], #edit-cityprefer-inner-container label[for="edit-hong-kong-option"],#edit-cityprefer-inner-container label[for="edit-shanghai-option"]{
display: inline-block;
width: auto;
}
#edit-cityprefer-inner-container .error{
display: block;
}
/* .node--type-mentorship-page .sect-mentorship-testimonials{
padding: 96px 0 0 0;
} */
/* .node--type-programs-and-events .sect-mentorship-testimonials {
padding: 96px 0 0 0;
} */
.sect-mentorship-testimonials .container:after{
background-image:none;
}
.node--type-mentorship-page .sect-program-fee-new{
padding-top: 0px;
}
.node--type-programs-and-events .sect-program-fee-new{
padding-top: 0px;
}
.node--type-home .sect-chain [class="item "] .category{
color: #00b2e1;
}
.node--type-home .sect-chain [class="item ani animated"] .category{
color: #00b2e1;
}
.node--type-home .sect-chain .type-p .category {
color: #5bba47;
}
.testimonials_bg_img{
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.sect-mentorship-testimonials .namecard{
width:auto;
}
.sect-mentorship-testimonials .swiper-wrapper {
padding: 1%;
}
.sect-mentorship-testimonials .testimonials-detail {
opacity: 0;
transition: opacity 0.5s linear;
}
.sect-mentorship-testimonials .testimonials-detail {
opacity: 0;
transition: opacity 0.5s linear;
}
.sect-mentorship-testimonials .namecard:hover .testimonials-detail {
opacity: 1;
}
.sect-mentorship-testimonials .namecard:hover .testimonials_bg_img {
opacity: 0.3;
}
.sect-mentorship-testimonials .namecard:hover:before {
background-image: linear-gradient(45deg, #fff 0%, #fff 100%);
}
.press-content p{
line-height: 34px;
}
.press-item .com-link {
font-size: 1.25em;
}
#testimonials-popup {
position: relative;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
#testimonials-popup .wrapper{
/* padding: 70px 50px 0 50px; */
padding: 3%;
max-width: 900px;
margin: 0 auto;
background-image: linear-gradient(50.56deg,#EDFBFF 0,#F4FFF2 100%);
border: 1px solid #02B2E1;
border-radius: 4px;
}
.testimonials-popup-icon{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
/* height: 70%; */
width: auto;
}
.testimonials-info p:first-child:before {
font-family: Arial;
content: "\201C";
color: #00B2E1;
font-size: 8.5em;
position: absolute;
left: -7px;
top: 0px;
}
.testimonials-info p:first-child:after {
font-family: Arial;
content: "\201D";
color: #00B2E1;
font-size: 8.5em;
position: absolute;
bottom: -40px;
/* right: 10px; */
right: -2%;
}
.testimonials-info p{
color: #1e285a;
font-size: 16px;
font-weight: 400;
letter-spacing: .2px;
line-height: 22px;
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
.testimonials-person{
font-family: Asap-Regular,"Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei";
}
.testimonials-btn {
position: absolute;
left: 0px;
bottom: -35px;
text-align: center;
}
.testimonials-btn a{
min-width: 170px;
padding: 16px 10px;
text-align: center;
border-radius: 4px;
border: 2px solid #00b2e1;
color: #fff!important;
display: inline-block;
position: relative;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei";
font-weight: 700;
font-size: 1.25em;
line-height: 140%;
overflow: hidden;
background-image: linear-gradient(45deg, #02b2e1 0, #39b683 100%);
}
.testimonials-btn a:hover{
color: #00b2e1!important;
}
.testimonials-popup-icon{
max-width:100%;
border-radius: 100%;
width:70%;
margin-bottom:20px;
}
.testimonials-person{
text-align:center;
}
.testimonials-person .name{
color: #1E285A;
font-size: 28px;
font-weight: 700;
line-height: 30px;
text-align: center;
margin-bottom: 6px;
}
.testimonials-person .title{
/* color: #00B2E1; */
color: #1E285A;
font-size: 20px !important;
font-weight: 700;
text-align: center;
}
.testimonials-person .role{
/* color: #3ECAA8; */
color: #1E285A;
font-size: 16px;
font-weight: 700;
line-height: 19px;
text-align: center;
margin-bottom: 20px;
}
.testimonials-person .hr{
background-color: #1e285a;
height: 2px;
width: 20px;
display: block;
/* margin-top: 15px;
margin-bottom: 15px; */
margin: 15px auto 15px;
}
@media (width: 768px){
.testimonials-person{
max-width: 100%;
flex: none;
}
/* .node--type-networking-events .sect-updates .content .item .row.wrapper{
flex-flow: row!important;
} */
}
#testimonials-popup .info-mobile{
display:none;
}
#testimonials-popup .p-icon{
/* background: url(/sites/default/files/2021-01/Eddy%20Wu_lr_4.jpg); */
background-size: cover;
padding-top: 100%;
background-position: center center;
border-radius: 100%;
margin-bottom:20px;
}
@media (max-width: 767px){
.sect-member-card .namecard{
margin-left:0;
}
.node--type-press-update .press-item {
margin-bottom: 100px!important;
}
.node--type-updates .item .desc p{
margin-top: 9px;
}
}
@media (max-width: 768px){
.sect-networking-events-details .item{
margin-right:0 !important;
}
#testimonials-popup {
padding: 50px 30px 0 30px;
}
#testimonials-popup .info-desktop{
display:none !important;
}
#testimonials-popup .info-mobile{
display:block;
padding-top:0;
padding-bottom:40px;
}
/* .testimonials-info p:first-child:before{
top:auto;
} */
.testimonials-popup-icon{
width:50%;
}
.testimonials-person .name,
.testimonials-person .title,
.testimonials-person .role{
text-align:center;
}
.testimonials-person .hr{
margin:15px auto;
}
.testimonials-info p:first-child:before,
.testimonials-info p:first-child:after{
display:none;
}
.page-node-18 .sect-updates .content .item .wrapper .thumbnail {
margin-bottom: 24px;
}
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail .bg-wrap {
/* height: 300px!important;
max-height: 300px!important; */
}
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail::before {
/* height: 300px!important;
max-height: 300px!important; */
}
}
.form-item-events .option{
margin-left:20px;
color: #1e285a;
font-size: 14px;
font-weight: 700;
letter-spacing: .2px;
line-height: 20px;
}
.form-item-events .form-radio{
visibility: visible !important ;
width: auto !important;
height: auto !important;
position:initial;
}
form fieldset .radio .form-item-events:first-child::after{
display:none;
}
form fieldset .radio .form-item-events:last-child{
left:0;
}
#edit-container-01 fieldset.webform-type-radios>.fieldset-wrapper{
border:0;
}
@media screen and (max-width:767px){
/* .node--type-networking-events .sect-updates .content .item .wrapper .thumbnail::before{
height: 310px !important;
max-height:310px !important;
} */
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail .bg-wrap, .node--type-networking-events .sect-updates .content .item .wrapper .thumbnail::before{
/* height: 310px !important; */
/* max-height:310px !important; */
}
}
@media screen and (max-width:768px){
/* @media screen and (max-width:768px){ */
.node--type-networking-events .sect-updates .content .item .row.wrapper .thumbnail .bg-wrap{
height:100% !important;
max-height:none !important;
}
.node--type-networking-events .sect-updates .content .item .row.wrapper .thumbnail::before{
height:100% !important;
max-height:none !important;
padding-top:65.25% !important;
}
.sect-updates .content .item .wrapper .thumbnail .bg{
top:0;
height: auto;
padding-top:65.25%;
}
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail::after{
/* height:auto !important; */
/* padding-top:53.25% !important; */
}
}
footer .col-wrap .navigation nav a,
.node--type-people-listing-page .sect-member-card .info-content .wrapper .title,
.node--type-people-listing-page .sect-member-card .info-content .wrapper .role{
font-family:"Asap-Regular","Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei"
}
.people-link .title{
font-size:1em !important;
}
.sect-contact-tpl .title{
font-size: 16px !important;
}
.webform-submission-generic-application-form-form #edit-event--wrapper{
overflow:initial;
}
.webform-submission-generic-application-form-form .form-check.checkbox {
margin-bottom:10px;
}
.webform-submission-generic-application-form-form fieldset .radio>.form-check::after{
position: absolute;
content: "";
width: 1px;
top: 1px;
height: 20px;
background-color: #1e285a;
right: -3px;
-webkit-transform: rotate(24deg);
transform: rotate(24deg);
}
.webform-submission-generic-application-form-form fieldset .radio .form-check:last-child::after{
display:none;
}
.webform-submission-generic-application-form-form td>fieldset[class*="--item--year-of-study"]{
padding-left:0 !important;
}
.webform-submission-generic-application-form-form fieldset .radio .form-check:last-child{
margin-right: 0;
padding-right: 0;
margin-left:8px;
}
.webform-submission-generic-application-form-form .form-item-i-have-noted-understood-and-agree-to-the-contents-of-the-above-n{
margin-bottom:20px;
}
.node--type-networking-event-post .from-wrapper .container{
max-width:1140px;
}
@media screen and (min-width: 992px){
.webform-submission-generic-application-form-form #edit-title--wrapper{
width:50.1%;
}
}
/* @media screen and (max-width: 768px){ */
.video-container {
overflow: hidden;
position: relative;
width:100%;
}
.video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* } */
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail{
max-height:404px !important;
}
#online-app-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--date-of-award"]{
padding-left:0;
}
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--date-of-award"]{
padding-left:50px;
}
.node--type-page .online-app-form-title{
padding:0 !important;
}
#online-app-form #edit-how-did-you-learn-about-our-event-other{
/* margin-left:88px; */
}
#online-app-form .form-item-how-did-you-learn-about-our-event-other{
margin-left:44px !important;
width:80% !important;
}
#online-app-form #edit-agreement-container label{
font-weight:400;
}
#edit-are-you-a-member-of-hklss---wrapper .js-webform-radios{
width: 150px;
}
#edit-are-you-a-member-of-hklss---wrapper .js-form-item{
display: inline-block;
}
#edit-are-you-a-member-of-hklss---wrapper legend{
margin-bottom: 20px;
}
#edit-are-you-a-member-of-hklss---wrapper .fieldset-legend{
font-size: 20px;
font-weight: 700;
letter-spacing: .2px;
line-height: 24px;
color: #00b2e1;
}
#edit-are-you-a-member-of-hklss---wrapper .form-check:first-child::after {
height: 15px!important;
}
/* #edit-learn-from-your-mentor-area:focus{
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
} */
#edit-interested-container{
margin-bottom: 0px;
}
#edit-learn-from-your-mentor-area{
border: 0;
border-radius: 0;
border-bottom: 1px solid #1E285A;
resize: none;
padding-bottom: 5px;
padding-top: 8px;
font-size: 22px;
font-weight: 400;
padding-left: 0;
padding-right: 0;
line-height: 24px;
}
.node--type-mentorship-page .js-form-item-learn-from-your-mentor-area{
margin-bottom: 68px;
}
.node--type-mentorship-page #edit-are-you-a-member-of-hklss---wrapper{
margin-bottom: 48px;
}
.node--type-mentorship-page #edit-contact-inner-container{
margin-bottom: 64px;
}
/*2021-12-22 begin */
.sect-updates .filter-wrap .filter-year .txt{
display: none;
}
header .logo img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
.sect-updates .filter-wrap .filter-year .com-link{font-size: 28px;}
.sect-updates .filter-wrap .filter-year{width:100%}
.cat-block{display: none;}
.cat_hidden{cursor: unset; display: none;}
.sect-updates .filter-wrap .filter-cat .txt{font-size: 28px;}
.sect-updates .filter-wrap .filter-cat .cat span{font-size: 28px;width: max-content;}
html[lang=zh-hant] body .sect-updates .filter-wrap .filter-cat .cat span,
html[lang=zh-hans] body .sect-updates .filter-wrap .filter-cat .cat span{
width:max-content;
}
.sect-updates .filter-wrap .filter-cat .cat.sty-mix,
.sect-updates .filter-wrap .filter-cat .cat.sty-b,
.sect-updates .filter-wrap .filter-cat .cat.sty-g
{
background-image:unset;
}
.sect-updates .filter-wrap .filter-cat .cat{height:auto;}
.sect-updates .filter-wrap .filter-cat .cat span{opacity: 1;}
.sect-updates .filter-wrap .filter-cat .cat span{
position: relative;
bottom:0;
transform: unset;
}
.com-link:before {display: none;}
.active .com-link:before {display: block;}
.sect-updates .filter-wrap .filter-cat .cat.sty-mix{margin-right: 30px;}
.sect-updates .filter-wrap .filter-cat .cat.sty-b{margin-right: 60px;}
.sect-updates .filter-wrap .filter-cat .cat.sty-g{margin-right: 96px;}
/*end */
/*2022-01-06 begin*/
/*
* arrow hide
.menu .menu-wrapper nav > ul > li.active .page:before{
display: none;
}
.menu .menu-wrapper nav > ul > li.active .page {
padding-left: 0px;
}
.menu .menu-wrapper nav .subitem ul {
padding-left: 15px;
}
*/
.menu .inner .bottom {
position: absolute;
top: 0;
width: 100%;
padding: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 999;
padding-left: 48px;
}
.menu .menu-wrapper nav{margin-top: 0;}
/*#block-hklss-content .com-slider-nav{display: none;}*/
.node--type-people-listing-page .sect-member-card .info-content .wrapper .title{
color:#1e285a !important;
}
.sect-member-card .namecard .title{color:#1e285a}
.sect-updates .content .item.item-e .wrapper .category{
color: #00b2e1;
font-size: 20px;
font-weight: 700;
letter-spacing: .2px;
line-height: 24px;
margin-bottom: 3px;
}
.sect-updates .content .item.item-n .wrapper .category {
color: #5bba47;
font-size: 20px;
font-weight: 700;
letter-spacing: .2px;
line-height: 24px;
margin-bottom: 3px;
}
/* join us button -- top left
.bar_promo .txt{
width: 42px;
height: 42px;
border: 2px solid #00B2E2;
margin-left: 16px;
border-radius: 40px;
font-size: 12px;
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
text-align: center;
}
.bar_promo.sty-light .txt{
border: 2px solid #fff;
}
.join_txt{position: absolute;color:#6FBF60; left: 3px;top: 5px;}
.bar_promo.sty-light .join_txt{color:#fff}
.bar_promo.sty-dark .txt:after{display: none;}
.bar_promo.sty-light .txt:after{display: none;}
*/
.com-slider-nav{float:right}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .degree{
color:#1e285a;
}
.com-slider-nav-b{display: flex;margin-bottom: 132px;}
/*.section-cus-spacing{padding-bottom: 122px!important;}*/
/* 一行两个 homepage
.homepage .sect-chain .swiper-container{right:94px}
@media (min-width: 1540px){
.sect-chain .container {padding-left: 0px;}
}
@media (max-width: 1654px) {
.homepage .sect-chain .swiper-container{right:0}
.sect-chain .swiper-wrapper{
display: block;
width: 844px;
margin: 0 auto;
}
.sect-chain .swiper-slide{ display: inline-block;}
}
*/
.article-content .wrapper .item .marker .year{font-family: Asap-Regular,"Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei";}
.article-content .wrapper .item .marker .category{font-family: Asap-Regular,"Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei";}
.active .com-link:before{
content: "";
background-color: #1e285a;
height: 2px;
width: 100%;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: -5px;
right: 0;
}
.com-link:after{background-color:white}
.sect-program-fee.sect-member-card{padding-bottom:20px !important;}
.menu .menu-wrapper nav ul{display: inline-block;}
.menu .menu-btn-wrapper{z-index:9999}
@media (max-width: 991px){
.menu .menu-wrapper nav{margin-top: 0px;}
}
/*2022-01-06 end*/
@media (max-width: 1600px) {
.sect-updates .filter-wrap .filter-cat .cat.sty-g{margin-right: 40%}
/*.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hans), .sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hant){margin-right: 23%}*/
}
@media (max-width: 1390px) {
.sect-updates .filter-wrap .filter-cat .cat.sty-g{margin-right: 45%}
}
@media (max-width: 1339px) {
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hant){margin-right: 30px;}
.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hant){margin-right: 30px;}
.sect-updates .filter-wrap{
flex-direction: column;
justify-content: flex-start;
}
.sect-updates .filter-wrap .filter-cat{
justify-content:unset;
}
.active .com-link:before{display: none;}
.active .com-link:after{display: none;}
.sect-updates .filter-wrap .filter-year a.active:after{display: none;}
.sect-updates .filter-wrap .filter-year{height:50px}
.sect-updates .filter-wrap .filter-cat .txt{font-size: 24px;}
.sect-updates .filter-wrap .filter-cat,
.sect-updates .filter-wrap .filter-year {
display: table;
}
.sect-updates .filter-wrap .filter-cat{width:100%;}
.menu .menu-wrapper{z-index: 100;}
.sect-updates .filter-wrap .filter-year a:not(:last-child) {
margin-right: 0px;
}
.sect-updates .filter-wrap .filter-year .com-link{font-size: 1em;}
.active.cat .com-link{
border-bottom: 2px solid #1e285a;
padding-bottom:2px;
margin-top: 1px;
}
.sect-updates .filter-wrap .filter-year a{
font-size: 20px;
line-height: 115.3%;
}
.sect-updates .filter-wrap .filter-year .txt{
display: inline-block;
font-size: 24px;
line-height: 116.6%;
font-weight: 700;
margin-right: 19px;
}
.sect-updates .filter-wrap .filter-cat .sty-mix,
.sect-updates .filter-wrap .filter-cat .sty-b,
.sect-updates .filter-wrap .filter-cat .sty-g{
background-image:none !important;
}
.sect-updates .filter-wrap .filter-cat a{
font-size: 20px;
line-height: 115.3%;
}
.sect-updates .filter-wrap .filter-year{
text-align:left;
}
.sect-updates .filter-wrap .filter-cat{
text-align: left;
justify-content: unset;
}
.cat-block{display: inline-block;}
.sect-updates .filter-wrap .filter-cat .txt{
width:60px;
}
.sect-updates .filter-wrap .filter-cat .cat{
right:0 !important;
}
.sect-updates .filter-wrap .filter-year .txt{
margin-right: 0px;width:60px;
}
.sect-updates .filter-wrap .filter-cat .cat:not(:last-child){
margin-right:30px;
}
.sect-updates .filter-wrap .filter-cat,
.sect-updates .filter-wrap .filter-year{
display: table;
}
.sect-updates .filter-wrap .filter-cat a,
.sect-updates .filter-wrap .filter-year a{
display: table-cell;
}
.sect-updates .filter-wrap .filter-cat .cat span ,
.sect-updates .filter-wrap .filter-year a{
font-size: 24px
}
.node--type-updates .sect-updates .filter-wrap .filter-cat .cat{
/* height:0;*/
height:auto;
}
.sect-updates .filter-wrap .filter-cat a:first-of-type,
.sect-updates .filter-wrap .filter-year a:first-of-type{
display: table-cell;
width: 80px;
/*padding-left: 30px;*/
}
.sect-updates .filter-wrap .filter-cat a:not(:first-of-type),
.sect-updates .filter-wrap .filter-year a:not(:first-of-type){
display: inline-block;
width:80px;
position: relative;
padding: 5px 0;
margin-right: 30px;
}
.sect-updates .filter-wrap .filter-cat a:after,
.sect-updates .filter-wrap .filter-year a:after {
width:80px;
background-color: transparent;
}
.filter-cat .txt{display:inline-block;margin-right:0 !important}
.filter-cat .com-link{
position:relative !important;
left:0 !important;
top:0 !important;
transform:unset !important;
}
.sect-updates .filter-wrap .filter-cat .cat{
height:auto;
}
.sect-updates .filter-wrap .filter-year .active:before {
content: "";
background-color: #1e285a;
height: 2px;
width: 54px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-year .active:first-of-type:before{
content: "";
background-color: #1e285a;
height: 2px;
width: 38px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-year .active:lang(zh-hant):first-of-type:before,
.sect-updates .filter-wrap .filter-year .active:lang(zh-hans):first-of-type:before
{
content: "";
background-color: #1e285a;
height: 2px;
width: 48px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hant),
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hans){
width:50px;
}
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hant),
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hans){
width:50px;
}
.sect-updates .filter-wrap .filter-year a:first-of-type{
position: relative;
}
.sect-updates .filter-wrap .filter-year a:first-of-type::before{
top: 34px;
bottom: unset !important;
}
.sect-updates .filter-wrap .filter-cat .sty-mix .com-link{
text-transform: uppercase;
}
.cat-block{color:white}
.cat-re-a{display: inline-block;}
.cat-re-b{display: none}
.cat.cat_hidden{padding:0 !important }
}
/*2022-01-28 begin*/
@media (min-width: 992px){
.node--type-people-listing-page .sect-member-card .filter-wrap {top: 211px;}
}
/*2022-01-28 end*/
@media screen and (max-width:991px){
.mentorship .sect-program-fee.sect-member-card{padding-bottom: 108px !important;}
.program .sect-program-fee{padding-bottom: 108px !important;}
.section-cus-spacing{padding-bottom: 0px!important; margin-bottom: -20px;}
.menu .inner .bottom{padding-left: 20px;}
.address .column{padding-bottom:0!important}
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hant){margin-right: 0px;}
.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hant){margin-right: 0px;}
.sect-updates .filter-wrap .filter-cat .txt{font-size: 18px;}
.sect-updates .filter-wrap .filter-year{height:auto}
.menu .menu-wrapper{z-index: 100;}
.sect-updates .filter-wrap .filter-year a:not(:last-child) {
margin-right: 0px;
}
.sect-updates .filter-wrap .filter-year .com-link{font-size: 1em;}
.active.cat .com-link{
border-bottom: 2px solid #1e285a;
padding-bottom:2px;
margin-top: 1px;
}
.sect-updates .filter-wrap .filter-year a{
font-size: 20px;
line-height: 115.3%;
}
.sect-updates .filter-wrap .filter-year .txt{
display: inline-block;
font-size: 1.125em;
line-height: 116.6%;
font-weight: 700;
margin-right: 19px;
}
.sect-updates .filter-wrap .filter-cat .sty-mix,
.sect-updates .filter-wrap .filter-cat .sty-b,
.sect-updates .filter-wrap .filter-cat .sty-g{
background-image:none !important;
}
.sect-updates .filter-wrap .filter-cat a{
font-size: 20px;
line-height: 115.3%;
}
.sect-updates .filter-wrap .filter-year{
text-align:left;
}
.sect-updates .filter-wrap .filter-cat{
text-align: left;
justify-content: unset;
}
.cat-block{display: inline-block;}
.sect-updates .filter-wrap .filter-cat .txt{
width:42px;
}
.sect-updates .filter-wrap .filter-cat .cat{
right:0 !important;
}
.sect-updates .filter-wrap .filter-year .txt{
margin-right: 0px;width:42px;
}
.sect-updates .filter-wrap .filter-cat .cat:not(:last-child){
margin-right:0;
}
.sect-updates .filter-wrap .filter-cat,
.sect-updates .filter-wrap .filter-year{
display: table;
}
.sect-updates .filter-wrap .filter-cat a,
.sect-updates .filter-wrap .filter-year a{
display: table-cell;
}
.sect-updates .filter-wrap .filter-cat .cat span ,
.sect-updates .filter-wrap .filter-year a{
font-size: 16.25px
}
.node--type-updates .sect-updates .filter-wrap .filter-cat .cat{
height:auto;
}
.sect-updates .filter-wrap .filter-cat a:first-of-type,
.sect-updates .filter-wrap .filter-year a:first-of-type{
display: table-cell;
width: 80px;
}
.sect-updates .filter-wrap .filter-cat a:not(:first-of-type),
.sect-updates .filter-wrap .filter-year a:not(:first-of-type){
display: inline-block;
width:80px;
position: relative;
padding: 5px 0;
margin-right: 0;
}
.sect-updates .filter-wrap .filter-cat a:after,
.sect-updates .filter-wrap .filter-year a:after {
width:80px;
background-color: transparent;
}
.filter-cat .txt{display:inline-block;margin-right:0 !important}
.filter-cat .com-link{
position:relative !important;
left:0 !important;
top:0 !important;
transform:unset !important;
}
.sect-updates .filter-wrap .filter-cat .cat{
height:auto;
}
.sect-updates .filter-wrap .filter-year .active:before {
content: "";
background-color: #1e285a;
height: 2px;
width: 36px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-year .active:first-of-type:before{
content: "";
background-color: #1e285a;
height: 2px;
width: 26px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-year .active:lang(zh-hant):first-of-type:before,
.sect-updates .filter-wrap .filter-year .active:lang(zh-hans):first-of-type:before
{
content: "";
background-color: #1e285a;
height: 2px;
width: 32px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hant){
width:40px;
}
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hans){
width:40px;
}
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hant){
width:40px;
}
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hans){
width:40px;
}
.sect-updates .filter-wrap .filter-year a:first-of-type{
position: relative;
}
.sect-updates .filter-wrap .filter-year a:first-of-type::before{
top: 25px;
bottom: unset !important;
}
html[lang=zh-hant] body .sect-updates .filter-wrap .filter-cat .cat span,
html[lang=zh-hans] body .sect-updates .filter-wrap .filter-cat .cat span{
width:auto;
}
.sect-updates .filter-wrap .filter-cat .sty-mix .com-link{
text-transform: uppercase;
}
.cat-block{color:white}
.cat-re-a{display: inline-block;}
.cat-re-b{display: none}
.cat.cat_hidden{padding:0 !important }
}
@media screen and (max-width:876px){
.sect-updates .filter-wrap .filter-cat .cat {
position: relative;
right: 60px;
}
}
/*2021-12-22 begin */
@media screen and (max-width:777px){
.sect-updates .filter-wrap .filter-cat .txt,
.sect-updates .filter-wrap .filter-year .txt {
margin-right: 14px !important;
}
}
@media screen and (max-width:700px){
.sect-updates .filter-wrap .filter-cat .cat {
position: relative;
right: 58px;
}
}
@media screen and (max-width:668px){
.sect-updates .filter-wrap .filter-cat .cat {
position: relative;
right: 54px;
}
}
@media screen and (max-width:576px){
.sect-updates .filter-wrap .filter-cat .sty-mix .com-link,
.sect-updates .filter-wrap .filter-year .year .com-link-b{
margin-left:20px;
}
.sect-updates .filter-wrap .filter-cat .txt,
.sect-updates .filter-wrap .filter-year .txt{
margin-right: 0 !important;
}
.sect-updates .filter-wrap .filter-cat .cat:not(:last-child) {
margin-right: 0px!important;
}
.sect-updates .filter-wrap .filter-cat .cat {
position: relative;
right: 0px;
}
.sect-updates .filter-wrap .filter-cat a:first-of-type,
.sect-updates .filter-wrap .filter-year a:first-of-type{
margin-left: 20px !important;
}
.sect-updates .filter-wrap .filter-year .active:first-of-type:before{
left:20px;
}
}
@media screen and (max-width:481px){
.cat-block{display: inline-block;}
.cat.cat_hidden{height:0 !important}
.cat-re-a{display: none;}
.cat-re-b{display: inline-block; height:0}
.sect-updates .filter-wrap .filter-cat .sty-mix .com-link,
.sect-updates .filter-wrap .filter-year .year .com-link-b{
margin-left: 0px !important;
}
.sect-updates .filter-wrap .filter-year .active:first-of-type:before{
left:0px;
}
.sect-updates .filter-wrap .filter-cat .cat:not(:first-of-type) {
width: 50% !important;
text-align: left !important;
}
.year-b {
width: 50% !important;
text-align: left !important;
}
.sect-updates .filter-wrap .filter-cat a:after,
.sect-updates .filter-wrap .filter-year a:after{
display: none;
}
.cat-re2:lang(zh-hant),
.cat-re2:lang(zh-hans)
{
position: absolute;
z-index: 3;
top: 0;
color:#1e285a;
text-align: left;
width:max-content;
}
.cat-re2{
position: absolute;
z-index: 5;
top: 0;
color:#1e285a;
text-align: left;
}
.active.cat .cat-re2{
border-bottom: 2px solid #1e285a;
padding-bottom: 2px;
margin-top: 0;
}
.active.cat .com-link.cat-block.cat-re-b{
border: 0;
padding-bottom: 0px;
margin-top:0;
}
}
.node--type-programs-and-events .form-item-personal-email-address{
width:100%;
}
/*end*/
#online-app-form .form-wrap .form-step.form-step-1 .form-item-mobile-phone-new .form-item--error-message.phone-error {
display: block!important;
}
.webform-submission-summer-internship-programme-form .form-item-mobile-phone,
.webform-submission-summer-internship-programme-form .form-item-confirm-number{
display:none;
}
.grecaptcha-badge{
z-index:98;
}
@media screen and (max-width:991px){
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--date-of-award"]{
padding-left:0;
}
}
.work_err_msg{font-size: 14px !important; color:#EB001D !important}
.radio-error{font-size: 12px;color:#EB001D}
.mfp-content .info-quotes img{width: 100%;}
.mfp-content .info-quotes blockquote{position: relative; z-index: 1;}
.mfp-content .info-quotes blockquote:before {
content: "";
background-image: linear-gradient(45deg, #02b2e1 0%, #5cb946 100%);
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
border-radius: 4px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.mfp-content .info-quotes blockquote::after{
content: "";
background-image: linear-gradient(45deg, #02b2e1 0%, #5cb946 100%);
position: absolute;
z-index: -2;
top: 8px;
left: 8px;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
}
.mfp-content .info-desktop.info-quotes{display: block !important;}
.info-quotes p {
color: rgb(30, 40, 90);
font-size: 16px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 22px;
}
/*
.node--type-mentorship-page label[for="edit-question-as-a-hklss-member-no"],
.node--type-mentorship-page label[for="edit-question-as-a-hklss-member-yes"]{
font-size:22px !important;
}
*/
.d_science.programs-wrap{margin-top: 50px;}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .name{
font-family: Asap-Regular,"Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei" !important;
}
.sect-updates .content .item .wrapper .desc strong, strong {
font-family: Asap-Regular,"Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei" !important;
font-weight: 700;
}
@media screen and (max-width:991px){
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--date-of-award"]{
padding-left:0;
}
.mfp-content .info-quotes img{
padding-right: 6px;
}
.mfp-content .info-quotes blockquote:before{
width: calc(100% - 4px);
}
.mfp-content .info-quotes blockquote::after{
width: calc(100% - 6px);
}
.d_science.programs-wrap{margin-top: 0px;}
.programs-wrap .icon-dropdown {
position: absolute;
right: 0;
top: 0;
}
.node--type-programs-and-events .programs-wrap:last-child,
.node--type-mentorship-page .programs-wrap:last-child{margin-bottom: 50px;}
}
.sect-member-card .filter .com-link:before {
content: "";
background-color: #1e285a;
height: 2px;
width: 100%;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: -5px;
right: 0;
}
.sect-member-card .filter a:not(.active).com-link:before,
.sect-member-card .filter a:not(.active).com-link:after {
opacity: 0;
}
/*2023 start */
.article-content .wrapper{display:block}
.article-content .wrapper .year{color: #6c7393;}
.article-content .wrapper .category{color: #5bba47;line-height:0.9}
.article-content .wrapper .title{padding-top:0}
.slider-slick .slick-big-wrap{max-width: 100%;}
.article-content .wrapper .title h1{line-height:50px !important}
.article-content .wrapper .title{ padding-bottom: 15px;}
.homepage.scrolled .sect-video .com-btn a{border:2px solid #4DB0DC; color:#4DB0DC; background-image: none;border-radius: 50px;}
.homepage.scrolled .sect-video .com-btn a:hover{color:#fff}
.kv .intro h3{font-size:38px; }
.kv .intro h2{font-size:38px;}
.homepage .pd{padding: 5px 10px;}
@media (max-width: 991px){
.homepage .pd{padding: 0px;}
}
.menu .menu-wrapper nav ul li a:after {
content: "";
background-image: linear-gradient(to right, #02b2e1 0%, #39b683 100%);
width: 0%;
height: 2px;
position: absolute;
left: 0;
bottom: -6px;
display: block;
transition: all 0.3s ease-in-out;
}
.menu .menu-wrapper nav ul li a:hover:after {
width: 100%;
}.fax_layout{position:relative}
.fax_section{position:absolute;right:0}
.fax_section img{width:40px; cursor:pointer}
.share_btn{margin-right: 10px;}
.share_section{position:absolute;right:30px;top:66px; box-shadow: 2px 2px 2px 2px #ccc; padding:5px 5px 0px 5px ;width: 200px;background-color: white; z-index: 5; font-size: 16px;}
.share_section img{width:26px; margin-bottom:4px}
.share_sub_btn{color:white; text-align:center; padding: 5px 20px 2px 20px; margin-bottom:5px; cursor:pointer}
.share_fb_btn{background-color: #1877F2; border-radius:5px;}
.share_linkedin_btn{background-color: #2867B2;border-radius:5px }
.share_wechat_btn {background-color:#51C332;border-radius:5px }
.share_wechat_btn img{margin-left: 14px;}
.share_email_btn{background-color:#4DB0DC;border-radius:5px}
.share_email_btn span{margin-right: 15px;}
.share_sub_btn a{display:block !important;}
.triangle_section{
position:absolute;right:66px;top:56px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
filter: drop-shadow(2px 0 2px #ccc);
}
.chairman_content p{font-size: 1.25em;}
@media (min-width: 601px){
.article-content .wrapper {max-width: 800px;}
.article-content .wrapper .title h1{line-height:34px}
.article-content {margin-top: 30px;}
.article-content .container>.content{max-width: 800px;}
}
@media (min-width: 863px){
.node--type-article .highlighted .container{max-width: 800px; padding:0}/*breadcrumb*/
}
@media (min-width: 991px){
.article-content .container>.content{max-width: 840px;}
.article-content .container{max-width: 840px;}
.article-content .wrapper{max-width:100%;width:100%}
.node--type-article .highlighted .container{max-width: 840px; padding:0}/*breadcrumb*/
}
@media (min-width: 1342px){
.article-content .container>.content{max-width: 1000px;}
.article-content .container {
max-width: 1000px;
}
.node--type-article .highlighted .container{max-width: 1000px; padding:0}/*breadcrumb*/
}
@media (max-width: 600px){
.kv .intro h3{font-size:24px; }
.kv .intro h2{font-size:24px;}
.kv .intro h2 span span{padding:15px}
}
/*breadcrumb begin*/
.breadcrumb-wrapper .container{padding: 0;}
.breadcrumb-wrapper .breadcrumb{background-color: white;}
.breadcrumb-wrapper .col{padding: 0;}
.breadcrumb-wrapper .breadcrumb-item.active{color: #1e285a;}
/*breadcrumb end*/
/*.sect-updates .com-highlight:after{display: none !important;}*/
/*contact-us begin*/
.contact-us-content{ max-width: 932px; margin-left: auto;margin-right: auto; padding-top: 0;}
.contact-us-content .large{font-size: 3em;letter-spacing: 0.24px;}
.contact-us-content .normal{font-size: 2em;letter-spacing: 0.5px;}
.contact_section{padding-bottom: 60px;}
.contact_section_b{padding-bottom: 40px;}
.contact-bg{background-color: #E8F8F8;padding: 20px 30px;}
.contact_section .c-txt{position: relative;font-size: 20px;}
.pb-30{padding-bottom: 30px;}
.contact_section .c-txt a::after{
content: "";
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
position: absolute;
right: 15px;
top: 10px;
transform: rotate(-45deg);
}
.c-title{font-size: 20px; font-weight: 700;}
.node--type-contact-us .sect-contact-tpl .deco.deco-g:before{display: none;}
.node--type-contact-us .sect-contact-tpl .deco.deco-b:after{display: none;}
/*.node--type-contact-us .highlighted .container{ max-width: 932px;}*/
.node--type-contact-us #block-hklss-content{ margin-top: 40px;}
.com-sect-head{margin-bottom: 30px;}
@media (max-width: 600px){
.node--type-contact-us #contact-us-form{margin-top: 40px;}
}
/*contact-us end*/
/*networking-event-post begin*/
.node--type-networking-event-post .highlighted .container{max-width: 800px;padding-left: 0;}
.node--type-networking-event-post .networking_event_title{padding-top:0 !important}
/*networking-event-post end*/
.node--type-article .slider-slick .slick-thumb-wrap::before{display:none}
.node--type-article .slider-slick .slick-thumb-wrap .nav-wrap{display:none}
.node--type-article .slider-slick .slick-thumb-wrap{padding-top:0px; background-image:none;transform: translateY(-10px); max-height: 516px;}
/*2023 end */
.menu .menu-btn-wrapper {
z-index: 101;
}
.node--type-mentorship-page #edit-are-you-a-member-of-hklss---wrapper{
margin-bottom: 42px !important;
}
.d_science.programs-wrap p{line-height: 34px;}
@media screen and (max-width:991px){
.sect-program-detail .col-wrap .column ul {
margin-bottom: 0px;
}
.sect-program-detail .col-wrap .column{margin-bottom: 80px;}
}
/*2022-10-7*/
/*
#block-hklss-breadcrumbs {display: none;}
.fax_section{display: none;}
*/
.hidden{display: none;}
/*2022-12-29*/
.form-item-qualifications-1,
.form-item-qualifications-2,
.form-item-qualifications-3,
.form-item-qualifications-4,
.form-item-qualifications-5{
display: none;
}
.form-item-employment-1,
.form-item-employment-2,
.form-item-employment-3,
.form-item-employment-4,
.form-item-employment-5{
display: none;
}
table tbody>tr.save .form-select{border-bottom: 0 !important;}
table tbody>tr.save .js-webform-select-other-input{width: 99.9% !important;}
.js-form-item-qualifications-warpper-items-0--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-1--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-2--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-3--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-4--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-5--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-6--item--name-of-institution-menu-select,
.js-form-item-qualifications-warpper-items-7--item--name-of-institution-menu-select,
.js-webform-select-other-input {margin-bottom: 0 !important;}
.form-select{color: #495057 !important;}
/* .node--type-programs-and-events #edit-expect-to-learn{padding-top: 24px;} */
/* internship form last step 68px start*/
#edit-form-step-3-wrapper-container,
#edit-collect-data-container,
#edit-notes-to-applicants-container,
#edit-alumnus-container,
#edit-register-container,
#edit-question-container{margin-bottom: 0 !important;}
#edit-alumnus-inner-container,
#edit-register-inner-container,
#edit-question-inner-container{margin-bottom: 18px;}
#edit-collect-data-inner-container{margin-bottom: 0px;}
#edit-agreement-container,
#edit-declaration-container{margin-bottom: 4px;}
#edit-user-of-data-container{margin-bottom: 16px;}
#edit-notes-to-applicants-inner-container{margin-bottom: 20px;}
#edit-cityprefer-container{margin-bottom: 44px;}
#edit-notes-to-applicants-title{margin-top: 2px;}
#online-app-form .form-wrap .form-step.form-step-4 .form-check{margin-bottom: 16px !important;}
/* internship form last step 68px end*/
@media (min-width: 992px){
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--date-of-award"],
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--year-of-study"] {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding-right: 50px;
width: 50%;
max-width: 50%;
padding-left: 0px;
}
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--gpa"],
#online-app-form.internship-program-form .form-wrap .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--major"] {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding-right: 0px;
width: 50%;
max-width: 50%;
padding-left: 50px;
}
}
@media screen and (max-width:991px){
.js-webform-select-other-input{width:100% !important}
}
/*20230131 start */
.sect-program-fee.sect-member-card{padding-bottom:20px !important;}
.menu .menu-wrapper nav ul{display: inline-block;}
.view-networking-event-list .com-btn a{background-image:none;color:#20c997;border:2px solid #20c997}
.view-networking-event-list .com-btn a:hover{color:#20c997;}
.foot_ul{padding:0;text-align: left;}
.foot_ul li{ text-align: left;margin-top: 10px;}
footer .col-wrap .navigation nav{ display: flex; justify-content: right;}
.sect-video p{font-size:18px}
.sect-chain .item .year{font-size:18px}
.sect-chain .item .date{font-size:32px}
.sect-chain .item .category{font-size:32px}
.sect-member-card .namecard .name{font-size:24px}
.sect-banner-tpl p{font-size:18px}
footer .col-wrap .navigation{padding-top:36px}
.node--type-our-partners .desc p{font-size:18px}
.homepage .sect-banner{padding-bottom:69px}
.node--type-networking-events .sect-updates .content .item .wrapper .desc .com-btn span{color:#20c997 !important;font-size: 16px !important;}
.menu .menu-btn-wrapper{z-index:101}
.node--type-networking-events .com-btn a{min-width: 220px;padding: 10px 10px;}
.press_list{padding:0 !important;color: #1E285A; opacity:0.5}
.press_list_div .press-content a{text-decoration: underline;}
.press_list_wapper .title{padding: 5px 0px !important;}
.node--type-press-update .press-item .desc .title{padding-bottom: 5px;}
footer .f-title{margin-bottom: 10px;}
@media (max-width: 1341px){
footer .col-wrap {
display: block;
text-align: left;
}
footer .col-wrap .logo {
width: 230px;
padding-top: 35px;
}
footer .col-wrap .navigation nav {
display: inline-flex;
flex-direction: column;
margin-bottom: 16px;
}
.footer-lang {
float: left;
}
.test_li{display:none}
footer .container{padding-left:120px; padding-right:20px}
.foot_ul{padding-left:0px;margin-bottom:1em}
.sub_li{padding-left:10px}
footer .col-wrap .navigation nav a{margin-left: 0px;}
footer .col-wrap .group a{margin-left:0}
.footer-lang .lang li{padding-right: 15px;}
}
@media (max-width: 991px){
.menu .menu-wrapper nav{margin-top: 0px;}
.foot_ul li{ margin-top: 0px;}
.foot_ul{padding-left:0px;margin-bottom:0}
footer .container{padding-left:20px; padding-right:20px}
footer .f-title{margin-bottom: 0px;}
}
@media (min-width: 992px){
.node--type-people-listing-page .sect-member-card .filter-wrap {top: 214px;}
}
/*20230131 end */
/*20220609 start */
.node--type-networking-events .sect-updates .content .item .wrapper .thumbnail::after{opacity: 0.5;}
.sect-banner .wrapper:after{opacity: 0.5;}
.sect-banner-tpl .banner-container .banner:after{opacity: 0.5;}
.homepage .sect-chain .com-slider-nav{bottom: -145px;}
.homepage .sect-chain .com-btn{margin-top: 160px;}
.sect-program-detail .intro {margin-bottom: 0px;}
.node--type-networking-event-post .networking_event_title .title h1{padding-bottom: 0;}
@media (max-width: 991px){
.sect-chain .com-btn {
margin-top: 72px !important;
}
}
.sect-program-detail .r-col{margin-bottom: 100px;}
.sect-program-detail .r-col .list:before{
content: "";
background-image: linear-gradient(45deg, rgba(2, 178, 225, 0.14) 0%, rgba(58, 182, 129, 0.67) 100%);
opacity: 0.3;
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.sect-program-detail .r-col .list:after{
content: "";
background-image: url(../assets/img/program/illustration_fee.svg);
background-size: contain;
background-repeat: no-repeat;
width: 87px;
height: 211px;
position: absolute;
right: 120px;
bottom: -50px;
transform: translateY(50%);
z-index: 1;
}
.sect-program-detail .r-col .list .list-row .subject {
font-size: 1.25em;
line-height: 120%;
letter-spacing: 0.5px;
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei";
font-weight: 700;
width: 50%;
}
.sect-program-detail .r-col .list .list-row {
display: flex;
justify-content: space-between;
padding-bottom: 32px !important;
position: relative;
}
.sect-program-detail .r-col .list {
background-image: url(../assets/img/bg_pattern.png);
position: relative;
/* padding: 80px 120px 80px 88px;*/
padding:60px 80px 30px 68px;
}
.sect-program-detail .r-col .list .list-row .details {
font-size: 1.8em;
letter-spacing: 0.2px;
line-height: 100%;
}
.sect-program-detail .r-col .list .list-row .remarks {
font-size: 0.875em;
letter-spacing: 0.2px;
line-height: 142.8%;
margin-top: 16px;
}
.sect-program-detail .r-col .list .list-row .wrap {
width: 50%;
text-align: right;
}
.sect-program-detail .r-col .list .list-row:after{
content: "";
background-color: #00b2e1;
width: 100%;
height: 1px;
display: block !important;
position: absolute;
bottom: 0;
left: 0;
}
.sect-program-detail .r-col .list .list-row:not(:first-of-type) {
padding-top: 32px;
}
.row.f-form .col-xl-6 p {
font-size: 20px;
line-height: 34px;
}
.node--type-programs .fax_section,
.node--type-mentorship-page .fax_section,
.node--type-programs-and-events .fax_section{right:60px;}
.node--type-mentorship-page .triangle_section,
.node--type-programs-and-events .triangle_section{right:126px;}
.node--type-mentorship-page .share_section,
.node--type-programs-and-events .share_section{right:90px;}
.node--type-programs .triangle_section{right: 126px;}
.node--type-programs .share_section{right: 90px;}
.node--type-networking-event-post .triangle_section{z-index: 1;}
.node--type-press-release .fax_section,
.node--type-networking-event-post .fax_section,
.node--type-article .fax_section{
position: relative;
}
.node--type-press-release .fax_section,
.node--type-networking-event-post .fax_section,
.node--type-article .fax_section{
top: 0px;
right: 0px;
padding-bottom: 15px;
left: -2px;
}
.node--type-press-release .triangle_section,
.node--type-networking-event-post .triangle_section,
.node--type-article .triangle_section{
top: 56px;
right: 0px;
left: 8px;
width: 20px;
z-index: 6;
}
.node--type-press-release .share_section,
.node--type-networking-event-post .share_section,
.node--type-article .share_section{
top: 66px;
right: 0px;
left: 0px;
}
.node--type-networking-event-post main .content .inner-content{max-width: 1000px !important;}
.node--type-networking-event-post .sect-updates > .container > .wrapper{max-width: 1000px !important}
.node--type-networking-event-post .sect-updates > .container > .wrapper .title{ max-width: 1000px!important;}
.node--type-networking-event-post .highlighted .container{ max-width: 1000px!important; }
.node--type-press-release main .content .inner-content{max-width: 1000px;}
.node--type-press-release .highlighted .container{ max-width: 1000px!important; padding-left: 0; }
.sect-contact-tpl{padding-top:0}
/*underline begin*/
.com-highlight.animated::after{opacity: 0}
.swiper-slide .com-highlight.animated::after{opacity: 1}
.homepage .com-highlight.animated::after {bottom: -3px;}
/*underline end*/
/*button color begin*/
.homepage.scrolled .sect-video .com-btn a,
.com-btn a{
background-image: none;
color: #20c997;
border: 2px solid #20c997;
min-width: 220px;
padding: 10px 10px;
border-radius: 0px;
font-size:22px;
}
.com-btn a span{font-size: 16px;}
.homepage.scrolled .sect-video .com-btn a:hover,
.com-btn a:hover{color:#20c997;}
/*button color end*/
.node--type-people-listing-page .sect-member-card .info-content .wrapper{margin:46px auto}
/*close btn begin */
.info-content{position:relative}
.close_menu{position:absolute; right:0;top:0;}
.close_menu .close_btn:before{
content: "";
background-color: #1e285a;
width: 19px;
height: 4px;
border-radius: 0.5em;
position: absolute;
right: 14px;
top: 40px;
transform: translateX(-50%) rotate(-140deg);
transition: all 0.3s ease-in-out;
}
.close_menu .close_btn:after{
content: "";
background-color: #1e285a;
width: 19px;
height: 4px;
border-radius: 0.5em;
position: absolute;
right: 14px;
top: 40px;
transform: translateX(-50%) rotate(140deg);
transition: all 0.3s ease-in-out;
}
.close_menu .close_btn .hexa-g{
position: absolute;
top: 20px;
right: 10px;
transition: all 0.3s ease-in-out;
}
.close_menu .close_btn .hexa-b{
position: absolute;
margin-bottom: 14px;
transition: all 0.3s ease-in-out;
right: 10px;
top: 10px;
}
.close_menu .close_btn:hover .hexa-g{top: 10px;}
.close_menu .close_btn:hover .hexa-b{top: 20px;}
/*close btn end*/
.photo-and-video-gallery .filter-wrap .filter-cat{ margin-right: 25px;}
/*
html[lang="zh-hant"] .photo-and-video-gallery .filter-wrap .filter-cat{ margin-right: 0;}
html[lang="zh-hans"] .photo-and-video-gallery .filter-wrap .filter-cat{ margin-right: 0;}
.photo-and-video-gallery .filter-wrap .filter-cat .cat.sty-g:lang(zh-hans),
.photo-and-video-gallery .filter-wrap .filter-cat .cat.sty-g:lang(zh-hant) {
margin-right: 30px;
}
*/
.photo-and-video-gallery .filter-cat .cat.sty-b{ margin-right: 74px;}
.sect-program-fee .container:after{display: none;}
.program .sect-program-fee{padding-bottom: 10px !important;}
.mentorship .sect-program-fee{padding-bottom: 10px !important;}
.sect-updates .com-sect-head{ margin-bottom: 30px;}
.mfp-figure{max-width: 100%;}
.txt-close-title{
position: absolute;
text-transform: uppercase;
top: 76px;
right: 13px;
color: #1e285a;
font-size: 0.875em;
line-height: 135.7%;
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei";
font-weight: 700;
}
.sect-updates.photo-and-video-gallery .filter-wrap{
margin-bottom: 32px;
}
/*our people start*/
/*
.node--type-people-listing-page .breadcrumb-wrapper{
position: fixed;
top: 191px;
z-index: 10;
}*/
.node--type-people-listing-page .sect-member-card .filter-wrap h1{
padding-top: 83px;
}
.node--type-people-listing-page .sect-member-card .com-sect-head {
margin-bottom: 30px;
}
.node--type-updates .sect-updates .filter-wrap {
margin-bottom: 0px;
}
.node--type-people-listing-page .sect-member-card .view-list-of-our-people {
padding-top: 243px;
}
.node--type-updates .sect-updates .content .item{ margin-top: 30px;}
.node--type-people-listing-page .b-down{ transform: translateY(-300%);}
.node--type-press-update .sect-updates .filter-wrap {
margin-bottom: 30px;
}
.node--type-updates .sect-updates .content .item{margin-bottom: 28px;}
.node--type-press-update .sect-updates .content .item{margin-bottom: 0;}
.mfp-container{position: relative;}
.node--type-article .close_menu .close_btn:before{background-color:white}
.node--type-article .close_menu .close_btn:after{background-color:white}
.node--type-article .slider-slick .slick-thumb-wrap{padding-bottom: 0;}
.node--type-press-update .sect-updates{min-height: 450px;}
.banner-content .detail-btn{display: block !important;}
.wrapper-m .detail-btn{display: block !important;}
.pe-wrap a{color: #00b2e1 !important;}
.share_sub_btn a{color: white !important;}
#testimonials-popup .wrapper{position: relative;}
.slider-slick .slick-thumb-wrap::after{display: none;}
.sect-updates .press-content a{display: block;margin-top: 20px; text-decoration:none;}
.node--type-press-update .press_list,
.node--type-photo-and-video-gallery .date,
.node--type-updates .date{color: #1e285a; opacity: 0.5; font-weight: 700 !important;}
.sect-updates .content .item{margin-top: 20px;}
.node--type-home #popDetails{position: relative;}
.node--type-article .article-content, .article-content .container>.content.no-gallery{
margin-top: 16px;
}
.node--type-article .article-content{
margin-top: 30px;
}
.foot_ul{font-size: 15px;}
footer .col-wrap .navigation nav a{margin-left: 20px;}
.sect-program-fee .intro p{margin-bottom: 10px;}
.sect-program-fee .col-wrap .col1{padding-top: 4px;}
footer .container{padding-left: 74px;}
@media (min-width: 992px) and (max-width:1404px){
.foot_ul{font-size: 14px;}
footer .container {padding-left: 70px;}
}
@media (max-width: 991px){
.slider-slick .slick-thumb-wrap::after{display: block;}
.node--type-people-listing-page .sect-member-card .view-list-of-our-people {
padding-top: 0;
}
/*
.node--type-people-listing-page .breadcrumb-wrapper{
position: relative;
top: 0px; z-index: 10;
}
*/
.node--type-article .slider-slick .slick-thumb-wrap{padding-bottom: 80px;}
.banner-content .detail-btn{display: none !important;}
.node--type-people-listing-page .sect-member-card .filter-wrap h1 {
padding-top: 0px;
}
.sect-updates .com-sect-head{margin-bottom: 6px;}
.node--type-our-partners .sect-updates .com-sect-head {
margin-bottom: 3px;
}
.node--type-people-listing-page .sect-member-card .filter-wrap{
margin-bottom: 10px;
}
.node--type-people-listing-page .sect-member-card .com-sect-head{
margin-bottom: 20px;
}
.sect-contact-tpl .com-sect-head{text-align: left; margin-bottom: 30px;}
}
/*our people end*/
@media (min-width: 991px) and (max-width: 1341px){
.node--type-press-release .highlighted .container,
.node--type-networking-event-post .highlighted .container{max-width: 840px!important;}
}
@media (max-width: 991px){
.node--type-programs .sect-program-fee .container:after{bottom:0}
.node--type-programs .sect-program-fee .col-wrap .col2{margin-bottom: 180px;}
.node--type-press-release .article-content .wrapper{max-width: none;}
.node--type-press-release .highlighted .container{max-width: none !important ;padding-left: 15px;}
.node--type-article .slider-slick .slick-thumb-wrap .nav-wrap{display: block ;}
.node--type-article .slider-slick .slick-thumb-wrap{background-image: url(../assets/img/bg_pattern.png); padding-top: 62px;}
.node--type-article .slider-slick .slick-thumb-wrap::before {
display: block;
}
.slider-slick .slick-thumb-wrap::after{ width: 110%; left: -10px;}
.sect-program-detail .r-col .list .list-row .subject {
font-size: 1.125em;
line-height: 111.1%;
width: 100%;
margin-bottom: 24px;
}
.sect-program-detail .r-col .list .list-row {
flex-direction: column;
}
.sect-program-detail .r-col .list .list-row .wrap {
width: 100%;
text-align: left;
}
.sect-program-detail .r-col .list {
padding: 56px 20px 64px 20px;
}
.sect-program-detail .r-col .list .list-row .details {
font-size: 2em;
line-height: 100%;
letter-spacing: 0.2px;
}
.close_btn img{width:32px}
.close_menu .close_btn:before{width:12px; height:3px; top:32px}
.close_menu .close_btn:after{width:12px; height:3px;top:32px}
.txt-close-title{display: none;}
}
@media (min-width: 576px) and (max-width: 991px){
.node--type-networking-event-post .highlighted .container{
max-width: none !important;
padding-left: 15px;
padding-right: 15px;
}
.node--type-programs .fax_section,
.node--type-mentorship-page .fax_section,
.node--type-programs-and-events .fax_section{left:30px; top: -80px;}
.node--type-programs .triangle_section,
.node--type-mentorship-page .triangle_section,
.node--type-programs-and-events .triangle_section{left:38px;top: -24px; width: 20px;}
.node--type-programs .share_section,
.node--type-mentorship-page .share_section,
.node--type-programs-and-events .share_section{left:30px;top:-14px;}
}
@media (max-width: 767px){
.node--type-updates .sect-updates .content .item {
margin-bottom: 60px;
}
}
@media (max-width: 575px){
.node--type-networking-event-post .highlighted .container{
padding-left: 10px;
padding-right: 10px;
}
.node--type-programs .fax_section,
.node--type-mentorship-page .fax_section,
.node--type-programs-and-events .fax_section{left:20px;top: -80px;}
.node--type-programs .triangle_section,
.node--type-mentorship-page .triangle_section,
.node--type-programs-and-events .triangle_section{left:28px;top: -24px;width: 20px;}
.node--type-programs .share_section,
.node--type-mentorship-page .share_section,
.node--type-programs-and-events .share_section{left:20px;top:-14px;}
}
@media (max-width: 500px){
.node--type-contact-us #contact-us-form {margin-top: 130px;}
}
/*20220609 end */
@media print {
.node--type-programs header,
.node--type-mentorship-page header,
.node--type-programs-and-events header{position: relative !important; top: 100px !important;}
.btn-menu{display: none !important;}
iframe{display: none !important;}
.trigger.focusable{display: none !important;}
.node--type-article .highlighted .container{position: relative; left:-16px}
.node--type-article .article-content .wrapper {margin: 0 !important;}
.node--type-article .article-content .container{padding: 0 !important;}
.node--type-article .slider-slick .slick-big-wrap{padding-left: 90px !important;}
.node--type-article .article-content .container>.content{margin: 0 !important; max-width: none !important;}
.node--type-article .fax_section{right:-246px}
.node--type-article .slider-slick .slick-thumb-wrap{display: none !important;}
.node--type-article .article-content .container{padding-top: 10px !important;padding-bottom: 30px !important;}
.menu{display: none;}
body {
position: relative;
top:-100px;
padding-top: 0px !important;
}
.header{padding-top: 0 !important;}
}
/*20220823 start */
.node--type-networking-event-post .sect-updates > .container > .wrapper{
display: block !important;
}
.opacity-0{opacity: 0;}
.node--type-networking-events .sect-banner,
.node--type-programs-and-events .sect-banner,
.node--type-mentorship-page .sect-banner,
.node--type-programs .sect-banner{
padding-top: 40px !important;
}
.sect-updates {
padding-top: 40px;
}
.node--type-join .com-sect-head.centered {text-align: left;}
.node--type-article .slider-slick .slick-thumb-wrap{max-height: auto;}
.join-button:hover{color:#00b2e1; cursor: pointer; }
.node--type-mentorship-page label[for="edit-question-as-a-hklss-member-no"],
.node--type-mentorship-page label[for="edit-question-as-a-hklss-member-yes"]{
font-size:22px !important;
}
.close_menu{
position: relative;
width: 46px;
margin: 0 auto;
}
.close_menu .close_btn .hexa-g{right:0}
.close_menu .close_btn .hexa-b{right:0}
.close_menu .close_btn:before{right:4px}
.close_menu .close_btn:after{right:4px}
.node--type-people-listing-page .close_menu{ height:30px; top: 35px;}
.node--type-home .close_menu{top: -40px;}
.node--type-programs .close_menu,
.node--type-mentorship-page .close_menu,
.node--type-programs-and-events .close_menu{top: 16px;}
.node--type-home .sect-banner .com-btn a {
background-color: #20c997;
color:white;
}
#drupal-live-announce{display: none;}
.mfp-content .info-quotes img{width: 100%;}
.mfp-content .info-quotes blockquote{position: relative; z-index: 1;}
.mfp-content .info-quotes blockquote:before {
content: "";
background-image: linear-gradient(45deg, #02b2e1 0%, #5cb946 100%);
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
border-radius: 4px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.mfp-content .info-quotes blockquote::after{
content: "";
background-image: linear-gradient(45deg, #02b2e1 0%, #5cb946 100%);
position: absolute;
z-index: -2;
top: 8px;
left: 8px;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
}
.mfp-content .info-desktop.info-quotes{display: block !important;}
@media (max-width: 991px){
.close_menu{width: 32px;}
.node--type-people-listing-page .close_menu{ top: 42px;}
.node--type-home .close_menu{top: -32px;}
.node--type-programs .close_menu,
.node--type-mentorship-page .close_menu,
.node--type-programs-and-events .close_menu{top: -24px;}
.node--type-article .article-content {
margin-top: 0px;
}
.press-sec-title {
margin-top: 0px!important;
}
.node--type-networking-events .sect-banner,
.node--type-programs-and-events .sect-banner,
.node--type-mentorship-page .sect-banner,
.node--type-programs-and-events .sect-banner{
padding-top: 0px !important;
}
.node--type-updates h1, .com-sect-head, .com-sub-head, .title{
font-size: 22px !important;
}
.node--type-updates .sect-updates .content .item .wrapper .desc a{
line-height: 30px;
}
.node--type-updates .sect-updates .content .item .wrapper .thumbnail{
margin-bottom: 12px;
}
.node--type-updates.sect-updates .content .item .wrapper .desc,
.node--type-updates .desc p{
margin-bottom: 8px;
}
.node--type-updates .item .desc p{
margin-top: 4px;
}
.node--type-updates .sect-updates .content .item{
margin-top: 0px;
margin-bottom: 59px;
}
.node--type-press-update .sect-updates .filter-wrap,
.node--type-updates .sect-updates .filter-wrap{
margin-bottom: 32px;
}
.node--type-press-update .press-item .desc .title{line-height: 30px;}
.node--type-press-update .press-item .desc .title{margin-bottom: 0px;}
.node--type-press-update .sect-updates .press-content a{ margin-top: 12px;}
.node--type-press-update .press-item{margin-bottom: 59px !important;}
.node--type-press-update .sect-updates .content .item{margin-top: 0; margin-bottom: 36px !important;}
.article-content .wrapper .title h1{line-height: 30px !important;}
.article-content .wrapper .category{ margin-bottom: 8px;}
.sect-program-detail .r-col .list:after{bottom: 20px; z-index: -1;}
.program .sect-member-card{padding-bottom: 108px !important;}
.sect-program-detail .r-col .list:after{
right: 70px;
width: 60px;
height: 180px;
bottom: -10px !important;
}
.mfp-content .info-quotes img{
padding-right: 6px;
}
.mfp-content .info-quotes blockquote:before{
width: calc(100% - 4px);
}
.mfp-content .info-quotes blockquote::after{
width: calc(100% - 6px);
}
}
@media (max-width: 600px){
.node--type-home .kv .intro h2 span span {
padding: 0px;
}
}
body{line-height:1.5}
footer .col-wrap .navigation nav a{
line-height: 26px;
}
footer .col-wrap .group{line-height: 20px;}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .name{
font-family: Asap-Regular,"Noto Sans TC","Noto Sans SC","微軟正黑體","Microsoft JhengHei";
}
.info-quotes p{
color: rgb(30, 40, 90);
font-size: 16px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 22px;
}
/*20220823 end */
/*20220915 start */
.sect-video p {
font-size: 20px;
}
.people-link .title{
font-size:0.9em !important;
}
.breadcrumb-wrapper.headroom--unpinned{
transform: translateY(-400%);
}
.breadcrumb-wrapper.headroom--pinned{
transform: translateY(0%);
}
.headroom-2 {
transition: transform 400ms linear;
}
.menu .menu-wrapper nav > ul > li {
padding-bottom: 0px;
margin-bottom: 20px;
}
.menu .menu-wrapper nav > ul > li.active .page{
padding-left: 0;
margin-left: 60px;
}
.menu .menu-wrapper nav > ul > li.active .page:before{left: -60px}
/*.sect-banner .wrapper .desc{ margin: 0 auto; padding-left: 0;}*/
.radio-error{color: #EB001D; font-size: 14px;}
.work_err_msg{color: #EB001D !important; font-size: 14px !important;}
.sect-program-fee .namecard .people-link{height:201px}
.sect-col-col .col-wrap.d_science{
margin-top: 50px;
}
.d_science.programs-wrap p{line-height: 34px;}
@media screen and (max-width:991px){
.sect-program-detail .col-wrap .column ul {
margin-bottom: 0px;
}
.sect-program-detail .col-wrap .column{margin-bottom: 80px;}
}
@media (max-width: 991px){
.menu .menu-wrapper nav > ul > li.active .page{margin-left: 48px;}
.menu .menu-wrapper nav > ul > li.active .page:before{left: -48px}
}
@media (max-width: 768px){
.node--type-networking-events .sect-updates .content .item .wrapper .desc {
padding-right: 0;
}
}
@media (max-width: 575px){
.sect-program-detail .deco{
display: none;
}
}
/*20220915 end */
/*20230208 start */
.webform-submission-form legend{
height: 27px;
line-height: 0px;
}
/*20230208 end */
/*20230217 start*/
.webform-submission-form .city-prefer-location label{
cursor: pointer;
padding-left: 20px;
font-size:17px !important;
position: relative;
color: #1e285a!important;
}
form fieldset #edit-cityprefer-location.radio .form-check:first-child::after{
position: relative;
}
form fieldset #edit-cityprefer-location.radio .form-check:last-child{
left: unset !important;
}
form fieldset #edit-cityprefer-location.radio .form-check::before{
width: 24px;
height: 24px;
border: 2px solid #1e285a;
content: "";
position: absolute;
top: 0;
}
form fieldset #edit-cityprefer-location.radio .form-check.selected::after{
width: 16px;
height: 16px !important;
content: "";
position: absolute !important;
top: 4px !important;
left: 4px;
background-color: #1e285a;
transform: none !important;
}
#edit-cityprefer-question-container{
margin-bottom: 0px;
}
/*20230310 our people start*/
.node--type-people-listing-page .sect-member-card .filter-wrap {
position: static;
}
.node--type-people-listing-page .sect-member-card .view-list-of-our-people{
padding-top: 0;
}
.node--type-people-listing-page .sect-member-card .filter-wrap.headroom--unpinned {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
/*20230310 our people end*/
/*20230317 new list start*/
.node--type-updates .sect-updates .content .item .wrapper .desc {
font-size: 28px;
line-height: 32px;
letter-spacing: .2px;
margin-bottom: 4px;
}
.node--type-updates .desc p{margin-bottom: 0;}
.node--type-press-update .sect-updates .content .item .wrapper .desc .title a {
line-height: 32px;
}
.node--type-press-update .sect-updates .content .item .wrapper .desc{
line-height: 32px;
}
/*20230317 new list end*/
/*20230320 set font size start*/
.node--type-people-listing-page header{
padding: 41px 0 30px 0;
}
.node--type-people-listing-page .sect-member-card .filter-wrap h1 {
padding-top: 40px;
}
.menu .menu-wrapper nav > ul .page{font-size:32px;}
.menu .menu-wrapper nav .subitem ul li{font-size: 20px;}
.kv .intro h3{font-size:48px}
.kv .intro h2 {font-size: 48px;}
.com-sect-head{font-size: 48px;}
.sect-contact-tpl .com-highlight{display: inline-block;}
.sect-contact-tpl .com-highlight:after,
.sect-updates .com-highlight:after,
.sect-member-card .com-highlight:after,
.sect-chain .com-highlight:after,
.sect-video .com-highlight:after {
content: "";
background-color: #00b2e1;
height: 4px;
width: 100%;
display: block;
border-radius: 0.5em;
opacity: 0;
}
.com-link{font-size: 18px;}
.sect-roadmap .com-sect-head,
.com-sub-head{font-size: 32px;}
.sect-banner-tpl p{font-size: 20px;}
.sect-roadmap .item .details .issue span{font-size: 20px;}
.node--type-our-partners .desc p{font-size: 20px;}
.sect-member-card .filter-wrap .filter a:not(:last-child) {
margin-right: 25px;
}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .name{
font-size: 24px;
}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .role{
font-size: 20px;
}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .degree{
font-size: 14px;
}
.sect-program-detail .col-wrap h2{font-size:32px;}
.row.f-form .col-xl-6 p a{color:#00b2e1}
.sect-program-fee h1{font-size: 32px;}
#online-app-form .form-wrap .online-app-form-title small{
font-size: 20px;
}
.node--type-press-update .sect-updates .content .item .wrapper .desc .title a,
.sect-updates .content .item .wrapper .desc a{
font-size: 28px;line-height: 40px;
}
.article-content .year{font-size: 14px;}
.article-content .category{font-size:22px}
.node--type-contact-us .sect-contact-tpl p{margin-bottom: 10px;}
#contact-us-form .sect-updates .heading .com-highlight{font-size: 40px;}
.article-content a{color:#00b2e1 !important}
.press-content a{color:#00b2e1 !important}
.sect-program-fee .for_enquiries p,
.sect-program-fee .col-wrap .col1 .mail p,
.sect-program-fee .col-wrap .col1 .title{font-size:18px !important}
.press-content p{font-size:18px}
.node--type-press-update .press_list{font-size: 16px;}
.node--type-contact-us .sect-contact-tpl p:nth-child(even){
margin-bottom: 40px;
}
.sect-chain .item{padding-top: 130px;}
.node--type-home .sect-banner .com-btn a {
background-color: white;
color: #20c997;
}
.node--type-networking-events .sect-updates .content .item .wrapper .desc a{
font-size: 22px;
line-height: 1.5;
height: 56.8px;
}
#online-app-form::before{
background-image: linear-gradient(51.31deg,#02b2e1d4 0,#5cb9464d 100%);
}
.sect-member-card .namecard:after{
background-image: linear-gradient(45deg, #02b2e1d4 0%, #5cb9464d 100%);
}
.mfp-content .info-quotes blockquote::after{
background-image: linear-gradient(45deg, #02b2e1d4 0%, #5cb9464d 100%);
}
.sect-program-detail a{color:#00B2E1 !important}
.node--type-programs .programs-wrap .mail a,
.sect-program-fee .col-wrap .col1 .title,
.sect-program-fee .col-wrap .for_enquiries p{font-size: 20px !important;}
.node--type-press-update .press-content p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 20px;
}
.node--type-press-update .press-item .desc .press-content{padding-bottom: 0;}
.node--type-press-update .press-item .desc .press-content p{margin-bottom: 2px;}
.node--type-press-update .press_list_div .com-link{font-size: 20px !important;}
/*.node--type-networking-event-post main .content .inner-content p{margin-bottom: 0;}*/
.node--type-home .sect-banner .com-btn a {
background-color: #20c997;
color: white ;
}
.node--type-home .sect-banner .com-btn a:hover{color:#20c997}
.share_sub_btn a{color:white !important}
.node--type-networking-events .com-btn span{top: -1px;}
.article-content .wrapper .year{padding-top: 8px;}
.node--type-our-partners .sect-updates .com-sect-head{margin-bottom: 30px;}
.node--type-press-release .press-content p{font-size: 20px;}
.node--type-our-partners .desc p:first-child{padding-top: 0px;}
.node--type-our-partners .sect-updates .heading{padding-top: 4px;}
.node--type-contact-us .sect-contact-tpl{padding-top: 3px;}
.node--type-contact-us .sect-contact-tpl p:first-child{padding-top: 22px;}
.node--type-vision-and-mission .sect-video .com-sect-head{margin-bottom: 26px;}
.node--type-contact-us .address-content p{padding-top: 0 !important;}
.node--type-networking-event-post .img-wrap{ margin-bottom: 1rem;}
.menu .inner .bottom{z-index: 1;}
.blue_category{color:#00B2E1 !important; font-weight: 700;}
@media (min-width: 1601px){
.sect-updates.photo-and-video-gallery .filter-wrap{
width: calc(100% + 62px);
}
}
@media (min-width: 1340px){
.sect-updates .filter-wrap .new_filter_cat {
width: auto;
display: flex;
align-items: center;
justify-content: flex-end;
}
.sect-updates .filter-wrap .new_filter_cat .cat.sty-g {
margin-right: 0px;
}
.sect-updates .filter-wrap .new_filter_cat .txt,
.sect-updates .filter-wrap .new_filter_cat .cat.sty-mix,
.sect-updates .filter-wrap .new_filter_cat .cat.sty-b{
margin-right: 20px;
}
.sect-updates .filter-wrap .new_filter_cat .cat{
width: auto;
}
.sect-updates .filter-wrap .new_filter_cat .cat span{
width: auto;
}
.sect-updates .filter-wrap .filter-year{
width: auto;
}
.sect-updates .filter-wrap .new_filter_cat .cat span{
left:0;
}
.photo-and-video-gallery .filter-wrap .new_filter_cat{
margin-right: 0;
}
.new_hide{display: none !important;}
}
@media (max-width: 1339px){
.new_filter_cat{display: none !important;}
}
@media (min-width: 1130px){
.press-wapper .desc {
width: 100%;
}
}
@media (max-width: 991px){
.node--type-people-listing-page header {
padding: 16px 0 24px 0;
}
.node--type-people-listing-page .sect-member-card .filter-wrap h1 {
padding-top: 0px;
}
.menu .menu-wrapper nav > ul .page{font-size:24px;}
.menu .menu-wrapper nav .subitem ul li:not(:last-child) {
margin-bottom: 20px;
}
.kv .intro h3{font-size:24px}
.kv .intro h2 {font-size: 24px;}
.com-sect-head{font-size: 32px !important;}
.sect-video p{font-size: 18px;}
.sect-chain .item .year,
.sect-chain .item .com-link{font-size: 14px;}
.sect-chain .item p{font-size: 18px;}
.sect-chain .item .category{font-size: 22px;}
.com-sub-head{font-size: 28px !important;}
.sect-banner-tpl p{font-size: 18px;}
.sect-roadmap .item .year-wrap .year{font-size: 24px;}
.sect-roadmap .item .details .issue span{font-size: 18px;}
.node--type-our-partners .desc p{font-size: 18px;}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .role {
font-size: 16px;
}
.node--type-people-listing-page .sect-member-card .info-content .wrapper p{
font-size: 18px;
text-align: left;
}
.sect-banner .wrapper .desc h1{font-size: 32px !important;}
.sect-program-detail .intro h1{font-size: 32px !important;}
.row.f-form .col-xl-6 p{font-size: 18px;}
.sect-program-detail .r-col .list .list-row .details{font-size: 28px;}
.sect-program-fee .intro p{font-size: 18px;}
#online-app-form .form-wrap .online-app-form-title small{font-size: 18px;}
#online-app-form .form-wrap #edit-porgress-bar>ul>li>span:last-child{font-size: 18px;}
.node--type-networking-events .sect-networking-events-details{
padding-top: 0;
}
.node--type-networking-events .sect-updates .content .item .wrapper .desc .title{
font-size: 28px !important;
}
.sect-updates .info p,
.node--type-networking-events .dark_banner_content p{font-size: 18px;}
.node--type-updates h1, .com-sect-head{font-size: 32px !important;}
.sect-updates .content .item.item-n .wrapper .category{font-size: 18px;}
.sect-updates .content .item .wrapper .desc .title a{font-size: 28px;}
.node--type-updates .item .desc p{font-size: 18px;}
.article-content .year{font-size: 18px;}
.article-content .com-sect-head{font-size: 28px;}
.article-content .container>.content p {font-size: 18px;}
.node--type-contact-us .sect-contact-tpl strong{font-size: 18px;}
.node--type-contact-us .address-conten p{font-size: 18px;}
#contact-us-form .sect-updates .heading .com-highlight{font-size: 28px;}
.menu .menu-wrapper nav .subitem {
padding-top: 20px;
}
.sect-updates .content .item.item-e .wrapper .category{font-size: 18px;}
.article-content .com-sect-head{font-size: 28px !important;}
.sect-contact-tpl .greet .normal{font-size: 24px;}
.programs-wrap .col1 p,
.sect-contact-tpl .col1 p:nth-child(even),
.sect-contact-tpl .address-content a{font-size: 18px !important;}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .degree{
font-size: 16px;
}
.sect-chain .item{padding-top: 104px;padding-bottom: 86px;}
.sect-chain .item:not(:first-child){padding-top: 84px;padding-bottom: 78px;}
.node--type-people-listing-page .sect-member-card .info-content .wrapper .title{
font-size: 16px !important;
}
.sect-updates .filter-wrap .filter-cat .cat span,
.sect-updates .filter-wrap .filter-year a{
font-size: 18px;
}
.article-content .wrapper .title h1{line-height: 40px !important;}
.node--type-home .sect-banner .com-btn a {
background-color:white;
color: #20c997;
}
.com-sect-head{text-transform: unset;}
.sub_li.f-title{display: none;}
.press_list_div p{text-align: left;}
.sect-member-card .namecard {
margin-right: 0px;
margin-left: 42px;
}
.node--type-people-listing-page .sect-member-card{
padding-top: 40px;
}
.node--type-people-listing-page .sect-member-card .com-sect-head{
margin-bottom: 26px;
}
.node--type-vision-and-mission .first-section-cus-spacing{padding-top: 46px;}
.node--type-contact-us .sect-contact-tpl p:first-child{padding-top: 0;}
.node--type-contact-us .sect-contact-tpl .greet{margin-bottom: 32px;}
.h_com_btn{display: none;}
.node--type-article .slider-slick .slick-thumb-wrap{padding-bottom: 20px;}
.node--type-article .slider-slick .slick-thumbs{ top: -30px;}
.homepage .com-highlight.animated::after{bottom:0}
footer{ padding-bottom: 56px;}
footer .col-wrap .navigation nav a {margin-left: 0; line-height: 12px;}
footer .privacy_li:not(:first-child) {margin-left: 32px !important;}
}
@media (max-width: 991px) and (min-width: 768px){
.node--type-people-listing-page .sect-member-card .filter-wrap{
padding-left: 42px;
}
.node--type-people-listing-page .breadcrumb-wrapper{padding-left: 42px;}
}
@media (max-width: 1341px){
footer .container {padding-left: 120px;}
}
@media (min-width: 992px) and (max-width: 1341px){
.sub_li.f-title{display: none;}
footer .f-title {margin-bottom: 0;}
footer .col-wrap .navigation nav a {margin-left: 0px;}
footer .privacy_li:not(:first-child) {margin-left: 32px !important;}
.foot_ul{font-size: 16px;}
}
@media (min-width: 576px) and (max-width: 991px){
footer .container { padding-left: 30px;}
.foot_ul{font-size: 16px;}
}
@media screen and (max-width: 575px){
footer .container { padding-left: 20px;}
}
@media (max-width: 768px){
.node--type-networking-events .sect-updates .content .item .wrapper .desc .com-btn {
margin-top: 0px !important;
}
}
@media (max-width: 767px){
.sect-member-card .namecard {
margin-right: 0px;
margin-left: 0px;
max-width: 100%;
}
}
@media screen and (max-width: 576px){
.sect-updates .filter-wrap .filter-cat .txt,
.sect-updates .filter-wrap .filter-year .txt {
margin-right: 20px !important;
}
}
/*20230320 set font size end*/
/*20230807 start */
.breadcrumb-item{position: relative;}
.breadcrumb-item a::after{
content:'';
position: absolute;
width:0%;
height:2px;
bottom: -2px;
display: block;
background-color: #1e285a;
transition: all 0.3s ease-in-out;
}
.breadcrumb-item:first-child a:hover::after{
width:100%;
}
/*20230807 end */
/*20230921 start*/
.youtube-fee {margin-top: 64px;}
.youtube-fee .swiper-container .swiper-slide {
width: 436px;
min-width: 33.3333%;
}
.youtube-fee h1{
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 32px;
}
/*20230921 end*/
/* 20230926 start */
.sect-timeline {
margin-top: 52px;
margin-bottom: 160px;
/* background-image: url(../assets/img/bg_pattern.png); */
background-color: #fff;
padding-top: 64px;
position: relative;
z-index: 2;
}
.sect-timeline:before {
display: none;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.1;
background-image: linear-gradient(45deg, #02b2e1 0%, #39b683 100%);
z-index: 0;
}
.sect-timeline h2{
text-transform: uppercase;
font-weight: 700;
margin-top: -6px;
}
.timeline {
padding-left: 150px;
max-width: 1440px;
margin: 28px auto;
}
.timeline[data-totallines="1"] .swiper-slide{
height: 225px;
}
.timeline[data-totallines="2"] .swiper-slide{
height: 320px;
}
.timeline[data-totallines="3"] .swiper-slide{
height: 385px;
}
@media (min-width: 1540px) {
.sect-timeline .timeline {
padding-left: 57px;
}
}
@media (max-width: 1440px) {
.sect-timeline .timeline .swiper-container .swiper-slide:last-child{
padding-right: 20px;
}
}
.sect-timeline .timeline .swiper-container .swiper-slide{
width: fit-content;
}
.sect-timeline .timeline .swiper-container .swiper-slide .item{
height: 100%;
}
.month-wrap{
height: 100%;
border-left: #1d295a 3px solid;
display: flex;
flex-direction: column;
}
.month-wrap .month{
display: flex;
width: 100%;
font-size: 30px;
padding: 12px 20px;
border-bottom: #01b2e1 3px solid;
line-height: 1;
}
.week-warp{
display: flex;
height: 100%;
text-align: center;
}
.week-warp .week{
width: 130px;
padding: 12px 0;
border-left: #77d4ee 2px solid;
}
.swiper-slide:last-child .week-warp .week:last-child{
border-right: #77d4ee 2px solid;
}
.week-warp .week:nth-child(1){
border-left: none
}
.timeline-details{
position: absolute;
top: 130px;
left: 0;
z-index: 1;
}
.details-line{
position: relative;
height: 60px;
margin-bottom: 20px;
}
.timeline-detail{
position: absolute;
border-radius: 30px;
background: #dff7d2;
width: 0px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: 0.3s;
text-align: center;
padding: 0 5px;
}
.timeline .com-slider-nav{
margin-top: 20px;
}
.youtube-fee .namecard .people-link {
height: 201px;
}
.youtube-fee .namecard:after,
.youtube-fee .namecard:before,
.youtube-fee .namecard .overlay{
max-height:201px;
}
.youtube-fee .namecard {
margin-right: 60px;
text-align: center;
border-radius: 4px;
background-color: #fff;
position: relative;
margin-bottom: 64px;
}
.sect-timeline{
margin-top: 0;
padding-top: 0;
margin-bottom:10px;
}
@media(max-width:1339px){
.menu .inner .bottom {
z-index: 999;
}
}
@media (max-width: 991px) {
.details-line{margin-bottom: 16px;}
.program .youtube-fee {margin-top: 20px;padding-bottom: 120px !important;}
.month-wrap .month{font-size:20px}
}
@media (min-width: 576px) and (max-width: 991px){
.sect-timeline{
padding-top: 0;
}
.timeline{
padding-left: 30px;
}
}
@media (max-width: 575px) {
.sect-timeline{
padding-top: 0;
}
.timeline{
padding-left: 20px;
}
}
/* 20230926 end */
/*20231012 new webform start*/
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0{display: block;}
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-1{display: none;}
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0 .form-check {
margin-bottom: 16px;
}
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0 .form-check.lock-checkbox::after {
position: absolute;
content: "";
top: -15%;
left: -15%;
z-index: 1;
width: 130%;
height: 130%;
}
.webform-submission-new-application-form-form .js-webform-radios > div{display: inline-block;}
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0 fieldset.webform-type-radios>.fieldset-wrapper{
border-bottom: 0;
}
.webform-submission-new-application-form-form .form-group label.error{
font-size: 16px !important;
}
@media (min-width: 992px){
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0 .form-group label,
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0 ol li {
font-size: 16px;
font-weight: 400;
letter-spacing: .2px;
line-height: 24px;
}
}
@media (max-width: 991px){
.menu .inner .bottom {
z-index: 1;
}
.webform-submission-new-application-form-form fieldset .radio label{font-size: 16px;}
.node--type-new-webform #edit-opportunity-question-inner-container-3 fieldset input{width: 7% !important;}
}
.webform-submission-new-application-form-form .js-form-item-correspondence-address-address-2,
.webform-submission-new-application-form-form .js-form-item-correspondence-address-city{display:none}
.webform-submission-new-application-form-form #edit-research-and-development,
.webform-submission-new-application-form-form #edit-business-product-development,
.webform-submission-new-application-form-form #edit-life-sciences-related-investment,
.webform-submission-new-application-form-form #edit-corporate-governance-and-compliance,
.webform-submission-new-application-form-form #edit-marketing-communication,
.webform-submission-new-application-form-form #edit-program-management{width:7%}
.webform-submission-new-application-form-form .form-item-program-management,
.webform-submission-new-application-form-form .form-item-marketing-communication,
.webform-submission-new-application-form-form .form-item-corporate-governance-and-compliance,
.webform-submission-new-application-form-form .form-item-life-sciences-related-investment,
.webform-submission-new-application-form-form .form-item-business-product-development,
.webform-submission-new-application-form-form .form-item-research-and-development{display: flex;}
.webform-submission-new-application-form-form #edit-do-you-have-a-home-visit-permit-radios--wrapper .fieldset-wrapper,
.webform-submission-new-application-form-form #edit-permanent-hk-resident--wrapper .fieldset-wrapper{border-bottom:0}
.webform-submission-new-application-form-form #edit-do-you-have-a-home-visit-permit-radios--wrapper .fieldset-wrapper label,
.webform-submission-new-application-form-form #edit-permanent-hk-resident--wrapper .fieldset-wrapper label{font-size: 16px;}
.webform-submission-new-application-form-form #edit-are-you-a-permanent-question{margin-top: 40px;}
.webform-submission-new-application-form-form .form-item-correspondence-address-city,
.webform-submission-new-application-form-form .form-item-correspondence-address-address-2{display: none !important;}
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-3{margin-top: 32px;}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0 .step-action-wrapper{display: none;}
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-3 input{
position: relative;
top: -8px;
}
.webform-submission-new-application-form-form #edit-are-you-a-permanent-question,
.webform-submission-new-application-form-form #edit-are-you-a-permanent-container,
.webform-submission-new-application-form-form #edit-do-you-have-a-home-visit-permit-question,
.webform-submission-new-application-form-form #edit-do-you-have-a-home-visit-permit-container,
.webform-submission-new-application-form-form #edit-opportunity-question-container-title-2,
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-2,
.webform-submission-new-application-form-form #edit-opportunity-question-container-title-3,
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-3,
.webform-submission-new-application-form-form #edit-opportunity-question-container-title-4,
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-4,
.webform-submission-new-application-form-form #edit-opportunity-question-container-title-5,
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-5{display: none;}
#online-app-form.internship-program-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--gpa"],
#online-app-form.internship-program-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-2 .inner-wrapper .form-type-webform-custom-composite table tr td>fieldset[class*="--item--major"]{
padding-left: 0px;
}
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-3{margin-bottom: 36px;}
.webform-submission-new-application-form-form #edit-opportunity-question-inner-container-4{margin-bottom: 12px;}
.webform-submission-new-application-form-form #edit-do-you-have-a-home-visit-permit-container{margin-bottom: -8px;}
.webform-submission-new-application-form-form #edit-name-container,
.webform-submission-new-application-form-form #edit-contact-container{margin-bottom: 32px;}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset .radio label,
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-1:not(.form-step-3) fieldset .radio label,
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-2:not(.form-step-3) fieldset .radio label,
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-3:not(.form-step-3) fieldset .radio label{
font-size: 16px;
}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset{
position: relative;
}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset .radio .form-check input[type=radio]+label{
display: none;
}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset .radio .form-check input[type=radio]:checked+label{
display: block;
}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset .radio .form-check{
padding: 0;
margin: 0;
}
#online-app-form.is-final-step .form-wrap .webform-submission-new-application-form-form .form-step.form-step-0:not(.form-step-3) fieldset .radio .form-check:first-child::after{display: none;}
#edit-collect-data-inner-container{margin-bottom: 10px !important;}
.node--type-new-webform #edit-opportunity-question-inner-container-3 label{margin-left: 15px;}
.node--type-new-webform #edit-opportunity-question-inner-container-3 fieldset input{width: 5%;}
.radio-error{font-size: 16px;}
@media (max-width: 600px){
.webform-submission-new-application-form-form .form-check-label label{
width:100% !important;
}
}
@media (max-width: 760px){
.block_block{display: block !important;}
}
/*20231012 new webform end*/
/*20231117 anniversary start*/
.node--type-anniversary body{font-size: 18px;}
.node--type-anniversary .bar_promo.sty-dark,
.node--type-anniversary .region-footer-first,
.node--type-anniversary .highlighted,
.node--type-anniversary #block-menublockcustom{display: none;}
.node--type-anniversary{color:#03003A;padding-top: 0;}
.node--type-anniversary .bar_promo{display: none;}
.header_anniversary {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding:0;
z-index: 10;
background-color: #fff;
padding-top: 12px;
padding-bottom: 12px;
box-shadow: 0px 0px 6px #00000019;
}
.clear-both{clear: both;}
.nav_anniversary{
display: flex;
justify-content: space-between;
align-items: flex-end;
list-style: none;
}
.nav_anniversary li:not(:first-child){
padding-left: 21px;
}
.an_lang_box{
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.an_lang{
margin-left: 10px;
position: relative;
top: 3px;
cursor: pointer;
}
.an_lang.active{border-bottom: 2px solid #FF6900;}
.header_anniversary .wrapper{
align-items: flex-end;
}
.node--type-anniversary .founder{margin-top: 114px;}
.r_founder{max-width: 800px; margin: 0 auto;}
.founder{margin-bottom: 150px;}
.gallery .title,
.achievements .title,
.story .title,
.s_event .title,
.founder .title{
text-align: center;
font-size: 40px;
margin-bottom: 40px;
font-weight: bold;
}
.founder .image{
text-align: center;
margin-bottom: 40px;
}
.founder .image img{border-radius: 90px; max-width: 180px;}
.founder .name{
font-size: 24px;
text-align: center;
margin-bottom: 20px;
font-weight: bold;
}
.story .n_line,
.s_event .n_line,
.founder .n_line{
width:60px;
height:4px;
margin: 0 auto;
background-color: #FF6900;
margin-bottom: 20px;
}
.founder .des{text-align: center;}
.s_event{text-align: center;max-width: 1411px;margin: 0 auto; margin-bottom: 150px;}
.s_event .image{margin-bottom: 40px;}
.s_event .image img {
width:100%;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.story .name,
.s_event .sub_title{
font-size:24px;
margin-bottom: 20px;
font-weight: bold;
}
.story .sub_title,
.s_event .sub_title{margin: 0 30px;}
.s_event .date{color: #626262; font-size: 18px; margin-bottom: 20px;}
.s_event .des{color: #626262;padding: 0px 45px 45px 45px;}
.s_event sup{font-size: 16px;}
.story .swiper-slide,
.s_event .swiper-slide{border:1px solid #C7C7C7;border-radius: 20px;}
.s_event .more_more{
text-align: left;
padding: 20px 45px;
border-top: 1px solid #C7C7C7;
font-weight: bold;
}
.s_event .more_more::after{
content: "";
background-image: url(/themes/contrib/bootstrap_sass/assets/img/anniversary/arrow-learn-more.svg);
position: absolute;
right: 45px;
width: 18px;
height: 14px;
cursor: pointer;
margin-top: 6px;
transition: 0.5s all ease-in-out;
}
.t-center{text-align: center;}
.story,
.achievements{margin-bottom: 150px;}
.achievements .icon{width: 90px; margin: 0 auto;}
.achievements .txt{font-size: 40px; font-weight: bold;}
.achievements .txt p{font-size: 40px; font-weight: bold;}
.achievements .cate{font-size: 28px; font-weight: bold;}
.achievements .des{color:#626262; padding-bottom: 20px;}
.achievements .des_b{color:#626262;}
.achievements .r_line:not(:last-child){border-right: 1px solid #C7C7C7;}
.f-20{font-size: 20px;}
.story_box{background-color: #03003A;width:100%;margin-bottom: 150px;}
.story{text-align: center;}
.story .title{margin-top: 61px; color:white}
.aniversary-slider-nav .swiper-button-prev{
width: 70px;
height: 70px;
border-radius: 90px;
border: 1px solid #C7C7C7;
left:5px;
background-color: white;
background-image: url(/themes/contrib/bootstrap_sass/assets/img/anniversary/arrow-left.svg);
transition: background-position-x 0.2s;
}
.aniversary-slider-nav .swiper-button-next{
width: 70px;
height: 70px;
border-radius: 90px;
border: 1px solid #C7C7C7;
right:5px;
background-color: white;
background-image: url(/themes/contrib/bootstrap_sass/assets/img/anniversary/arrow-right.svg);
transition: background-position-x 0.2s;
}
.aniversary-slider-nav .swiper-button-prev:hover{
background-position-x: 18px;
border: 2px solid #03003A;
}
.aniversary-slider-nav .swiper-button-next:hover{
background-position-x: 22px;
border: 2px solid #03003A;
}
.re{position: relative;}
.story .image img{border-radius: 90px;}
.story .story_container{position: relative; background-color: transparent;}
.story .image{margin-bottom: 20px; margin-top: 30px;}
.story{color:#03003A;}
.story .sub_title{margin-bottom: 20px;font-weight: bold;color:#626262}
.story .des{color: #626262;padding: 0px 45px 45px 45px;}
.story .swiper-slide{background-color: white;}
.r_img{text-align: right;}
.l_img{text-align: left;}
.l_img img,
.r_img img{width: 80%;}
.l_img,
.top_img{margin-bottom: 24px;}
.txt_box{
width: 100%;
max-width: 1080px;
margin: 24px auto;
text-align: center;
background-color: #F8F8F8;
margin-bottom: 50px;
}
.gallery{margin-bottom: 150px;}
.gallery .txt_box_box{max-width: 810px; margin: 0 auto; padding: 43px 0;}
.gallery .anni_year{font-size: 40px; font-weight: bold;margin-bottom: 10px;}
.gallery .sub_title{font-size: 24px; font-weight: bold;margin-bottom: 20px;}
.gallery .des{color:#626262;}
.gallery .swiper-pagination-bullet{
width:10px;
height:10px;
}
.gallery .swiper-pagination-bullet-active{background: #FF6900;}
.gallery .aniversary-slider-nav{
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1080px;
bottom: 300px;
}
.gallery .aniversary-slider-nav .swiper-button-prev{left:-35px}
.gallery .aniversary-slider-nav .swiper-button-next{right:-40px}
.footer_anniversary{background-color: #03003A; color:white}
.footer_row{padding: 29px 0 50px 0;}
.footer_underline{width:100%;height:1px; background-color: #FFFFFF;}
.copy_row{display: flex;justify-content: flex-end;}
.footer_row_b{padding: 25px 0;}
.copy_row div{margin-left: 20px;}
.t-right{text-align: right;}
.pr-0{padding-right: 0;}
.nav_anniversary li{cursor: pointer;}
.back_to_top{
position: fixed;
right: 16px;
bottom: 150px;
width: 40px;
height: 40px;
background: #03003A;
text-align: center;
border-radius: 90px;
cursor: pointer;
/* display: none; */
border: 1px solid white;
z-index: 99;
}
.back_to_top img{
position: relative;
top:6px;
}
.anni_banner{margin-top: 131px;}
.anni_banner video{width: 100%;}
.anni_banner .b-item{width: 100%;}
.show-in-mobile {
display: none;
}
.anni_banner .swiper-slide{
min-height:1080px;
}
.anni_banner .swiper-slide video{
width: auto;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
outline-width: 0;
position: absolute;
}
.anni_banner .swiper-slide .b-item{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
min-height: 1080px;
}
.more_more a{display: inline-block;width: 100%;}
.s_event .swiper-slide .image{
overflow: hidden;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.s_event .swiper-slide.ss-slide:hover{
cursor: pointer;
border: 1px solid #03003A;
}
.s_event .swiper-slide.normal:hover{
border:1px solid #C7C7C7;
cursor: unset;
}
.s_event .swiper-slide img{
transition: 0.5s all ease-in-out;
}
.s_event .swiper-slide{
transition: 0.5s all ease-in-out;
}
.s_event .swiper-slide:hover .image,
.s_event .swiper-slide:hover .image img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.s_event .swiper-slide.ss-slide:hover img{
transform: scale(1.1);
}
.s_event .swiper-slide.normal:hover img{
transform: scale(1);
}
.s_event .swiper-slide:hover .more_more::after{
right:35px;
}
.node--type-anniversary .des p{font-size: 18px; margin-bottom: 0;}
.node--type-anniversary p{margin-bottom: 0;}
.gallery .des,
.gallery .des p,
.achievements .des_b p,
.achievements .des p{
font-size: 16px;
}
.footer_anniversary p{font-size: 16px;}
#story p{font-size: 16px;}
.t_desktop{display: block;}
.t_mobile{display: none;}
.anni_banner .swiper-slide video{height:unset}
@media (min-width: 992px){
.node--type-anniversary .container {
padding-left: 60px;
padding-right: 60px;
}
}
@media only screen and (max-width: 1250px){
.an_lang_box{display: none;}
.show-in-mobile {display: block;}
.an_lang_box.show-in-mobile{
display: flex;
justify-content: unset;
padding-left: 30px;
}
.an_lang_box.show-in-mobile img{position: relative; top:2px;}
.an_lang{margin-left: 20px;}
.header_anniversary .wrapper{
align-items: center;
}
.menu-mob-box {
display: inline-block;
padding: 6px;
margin-right: -6px;
vertical-align: middle;
}
.menu-mob-icon {
height: 18px;
width: 26px;
position: relative;
}
.menu-mob-icon span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #1E285A;
transition: .3s;
}
.menu-mob-icon span:nth-child(2) {
top: calc(50% - 1px);
}
.menu-mob-icon span:nth-child(3) {
top: calc(100% - 2px);
}
.import_menu {
position: fixed;
top: 100px;
left: 0;
height: calc(100vh - 60px);
overflow: auto;
width: 100%;
background-color: #F8F8F8;
display: block;
text-align: left;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: .5s;
}
.import_menu._open {
max-height: 100vh;
opacity: 1;
overflow: hidden;
}
.nav_anniversary{display: block;padding: 0;}
.import_menu .nav_anniversary>li {
display: block;
width:100%;
padding: 20px 0;
padding-left: 30px;
font-weight: bold;
border-bottom: 1px solid #C7C7C7;
}
.node--type-anniversary .swiper-button-next,
.node--type-anniversary .swiper-button-prev{
z-index:1;
}
.menu-mob-icon._open span:nth-child(1) {
opacity: 0;
}
.menu-mob-icon._open span:nth-child(2) {
transform: rotate(45deg);
}
.menu-mob-icon._open span {
top: calc(50% - 1px);
}
.menu-mob-icon._open span:nth-child(3) {
transform: rotate(-45deg);
}
.footer_anniversary .row.copy_row{display: block;}
.footer_anniversary .row.copy_row>div{margin-bottom: 30px;}
.footer_row>div{
flex: 0 0 100%;
max-width: 100%;
padding-bottom: 30px;
}
.footer_anniversary .row.copy_row>div>div
.footer_anniversary .row.copy_row div:last-child,
.footer_row div:last-child{ padding-bottom: 0px;}
.footer_row{padding: 29px 0 0px 0;}
.copy_row div {
margin-left: 10px;
}
.footer_row_b .col-md-6{padding-left: 20px;}
.footer_row_b {display: block;}
.footer_row_b .copy_row{ justify-content: flex-start;}
.footer_row_b .col-md-6{margin-bottom: 20px;}
.footer_row_b .col-md-6.pr-0{ padding-left: 10px;}
}
@media (max-width: 1178px){
.gallery .aniversary-slider-nav .swiper-button-prev{
left:0px;
}
.gallery .aniversary-slider-nav .swiper-button-next{
right:0px;
}
}
@media only screen and (max-width: 991px){
.t_desktop{display: none;}
.t_mobile{display: block;}
.anni_banner{margin-top: 102px;}
.node--type-anniversary .des p{font-size: 16px;}
.aniversary-slider-nav .swiper-button-next,
.aniversary-slider-nav .swiper-button-prev{
width:46px;
height:46px
}
.anni_banner .swiper-slide{min-height: 560px;}
.anni_banner .swiper-slide .b-item{
min-height: 560px;
}
.node--type-anniversary .founder{margin-top:50px}
.gallery .title,
.achievements .title,
.story .title,
.s_event .title,
.founder .title{
font-size:24px !important;
margin-bottom: 20px;
}
.founder .image img{width: 110px; height:110px}
.founder .image{margin-bottom: 20px;}
.founder .name{margin-bottom: 15px;}
.founder{margin-bottom: 80px;}
.story .name, .s_event .sub_title{font-size: 18px;margin-bottom: 16px;}
.s_event .date{font-size: 16px; margin-bottom: 16px;}
.s_event{margin-bottom: 80px;}
.achievements .icon img{width: 80px; height:80px}
.achievements .txt{font-size: 28px;}
.achievements .row .col{margin-bottom: 40px;}
.achievements .des{padding-bottom: 0;}
.achievements .cate{font-size: 22px;}
.story, .achievements{margin-bottom: 80px;}
.story .title{margin-top: 49px;}
.story .image img{width: 110px; height:110px;}
.story .image{margin-bottom: 15px;}
.story .name, .s_event .sub_title{margin-bottom: 15px;}
.copy_row div {
margin-left: 10px;
}
.gallery .anni_year{font-size: 30px;}
.gallery .sub_title{font-size: 18px;}
.gallery .des{padding: 0 60px;}
.gallery .swiper-slide {
padding-left: 15px;
padding-right: 15px;
}
.gallery .t_mobile .col-6:nth-child(2n-1){
padding-left:5px;
margin-top: 5px;
}
.gallery .t_mobile .col-6:nth-child(2n){
padding-right: 5px;
margin-top: 5px;
}
.achievements .row .col{
flex: 0 0 50%;
max-width: 50%;
}
.achievements .row .col:nth-child(2n){
border-right: 0;
}
.achievements .row .m-col-12{
flex: 0 0 100%;
max-width: 100%;
border-right: 0;
}
.aniversary-slider-nav .swiper-button-next,
.aniversary-slider-nav .swiper-button-prev{
transition:auto;
}
.aniversary-slider-nav .swiper-button-prev:hover{
background-position-x: center;
border: 2px solid #03003A;
}
.aniversary-slider-nav .swiper-button-next:hover{
background-position-x: center;
border: 2px solid #03003A;
}
.gallery .t_mobile iframe{min-height: 544px;}
}
@media only screen and (max-width: 700px){
.gallery .t_mobile iframe{min-height: 424px;}
}
@media only screen and (max-width:640px){
.aniversary-slider-nav .swiper-button-prev{left:20px}
.aniversary-slider-nav .swiper-button-next{right:20px}
.anni_banner .aniversary-slider-nav .swiper-button-prev{
left:0px;
}
.anni_banner .aniversary-slider-nav .swiper-button-next{
right:0px;
}
.anni_banner .swiper-slide{min-height: 300px;}
.anni_banner .swiper-slide .b-item{
min-height: 300px;
}
}
@media only screen and (max-width: 500px){
.gallery .t_mobile iframe{min-height: 300px;}
.anni_banner .swiper-slide video{height:100%}
}
/*20231117 anniversary end*/
/*20240103 anniversary start*/
@media only screen and (min-width: 1252px){
.footer_anniversary .footer_row .row-container:last-child {
margin-top: 24px;
}
}
.footer_anniversary .footer-logo img{
width: 220px;
height: 75px;
}
/*20240103 anniversary end*/
/* 20240105 anniversary start*/
.back_to_top {
bottom: 16px;
}
.founder-description-text {
padding-top: 50px;
}
.founder-description-text:before {
font-family: Arial;
content: "\201C";
color: #1e285a;
font-size: 6.5em;
position: absolute;
left: -4px;
top: 350px;
}
.founder-description-text:after {
font-family: Arial;
content: "\201D";
color: #1e285a;
font-size: 6.5em;
position: absolute;
bottom: -140px;
right: 10px;
}
@media only screen and (min-width: 641px) and (max-width: 991px) {
.founder-description-text:before {
top: 220px;
}
.founder-description-text:after {
bottom: -130px;
}
}
@media only screen and (max-width: 640px) {
.founder-description-text:before {
top: 220px;
}
.founder-description-text:after {
bottom: -130px;
}
}
@media only screen and (max-width: 481px) {
.founder-description-text:before {
top: 260px;
}
.founder-description-text:after {
bottom: -130px;
}
}
@media only screen and (max-width: 1250px) {
.import_menu {
top: 96px;
}
}
.coming_des p{font-size: 36px !important;}
@media only screen and (max-width: 991px) {
.s_event_container,
.container.story_container{padding: 0;}
.s_event .swiper-container .swiper-slide,
.story .swiper-container .swiper-slide{
width: 76% !important;
margin: 0 12%;
}
.s_event .swiper-container .swiper-slide-prev,
.story .swiper-container .swiper-slide-prev{
right: -19%;
}
.s_event .swiper-container .swiper-slide-next,
.story .swiper-container .swiper-slide-next{
left: -19%;
}
}
@media only screen and (max-width: 500px) {
.story{
margin-bottom: 140px;
}
}
.s_event_container .swiper-slide{position: relative;}
.s_event_container .swiper-slide .coming_des{
position: absolute;
width: 100%;
top: calc(50% + 86px);
transform: translateY(50%);
}
.coming_des{color:#626262}
.story_box{
background:linear-gradient(to bottom, #03003A 0%,#03003A 60%,white 60%,white 100%)
}
@media only screen and (max-width: 500px) {
.story_box{
background:linear-gradient(to bottom, #03003A 0%,#03003A 57%,white 57%,white 100%)
}
.s_event_container .swiper-slide .coming_des{
top: calc(50% + 50px);
}
}
/* 20240105 anniversary end */
/*20240221 roadmap start*/
.sect-roadmap .swiper-container{overflow: visible;}
.sect-roadmap.sect-member-card .namecard{margin-right: 40px;}
.node--type-vision-and-mission .sect-mentorship-testimonials .testimonials-detail{opacity: 1;}
.sect-roadmap .swiper-container .swiper-slide {
width: 436px;
min-width: 40%;
}
.node--type-vision-and-mission .testimonials-info{text-align: left;}
.node--type-vision-and-mission .testimonials-info p{margin-bottom: 0;}
.node--type-vision-and-mission .testimonials-info p:first-child:after,
.node--type-vision-and-mission .testimonials-info p:first-child:before{display: none;}
.node--type-vision-and-mission .sect-member-card .namecard .name{
display: block;
font-size: 24px;
line-height: 32px;
}
.node--type-vision-and-mission .sect-member-card .namecard .name p{
margin-bottom: 0;
font-size: 24px;
line-height: 32px;
}
.node--type-vision-and-mission .sect-member-card .namecard .testimonials-info{
display: none;
opacity: 0;
}
@media only screen and (min-width: 992px) {
.node--type-vision-and-mission .sect-member-card .namecard:hover .r_logo,
.node--type-vision-and-mission .sect-member-card .namecard:hover .name{
/*display: none; */
opacity: 0;
}
.node--type-vision-and-mission .sect-member-card .namecard:hover .testimonials-info{
display: block;
animation: fade-in 0.5s forwards;
}
}
@keyframes fade-in {
100% {
opacity: 1;
display: block;
}
}
.node--type-vision-and-mission .sect-member-card .namecard .overlay{
z-index: 1;
background-color: white;
}
.node--type-vision-and-mission .sect-mentorship-testimonials .testimonials-detail{
position: relative;
z-index: 2;
}
.node--type-vision-and-mission .sect-mentorship-testimonials .testimonials-detail:hover{
/*background: #f5fef6;*/
background-image: linear-gradient(45deg, #F0FBFE 0%, #F7FFF4 100%);
border-radius: 8px;
}
.node--type-vision-and-mission .sect-member-card .namecard:before{
background: #77d4ee;
}
.node--type-vision-and-mission .sect-member-card .namecard:hover::before{
background: #77d4ee;
}
.node--type-vision-and-mission .sect-member-card .namecard:after{border-radius: 4px;}
.r_logo{
position: relative;
width: 46px;
height: 60px;
margin: 0 auto;
top: -20px;
}
.r_logo .hexa-g-g {
position: absolute;
top: 10px;
right: 0px;
}
.r_logo.hexa-b-b {
position: absolute;
right: 0px;
top: 10px;
}
.r_logo .r_num{
position: absolute;
top: 16px;
right: 50%;
transform: translateX(50%);
font-size: 18px;
font-weight: bold;
}
.node--type-vision-and-mission .sect-member-card .namecard .people-link{
padding-bottom: 160px;
padding-top: 60px;
}
.node--type-vision-and-mission .close_menu .close_btn .hexa-g{top: 36px;}
.node--type-vision-and-mission .close_menu .close_btn .hexa-b{top: 26px;}
.node--type-vision-and-mission .close_menu .close_btn:before,
.node--type-vision-and-mission .close_menu .close_btn:after{top:54px;}
.node--type-vision-and-mission .section-cus-spacing {
padding-top: 64px!important;
padding-bottom: 32px!important;
}
.node--type-vision-and-mission .sect-mentorship-testimonials .swiper-wrapper{padding: 0;}
.node--type-vision-and-mission .swiper-container{padding-top: 10px;}
.node--type-vision-and-mission .sect-member-card .swiper-slide .namecard:after{
background-image: linear-gradient(45deg, #A9D7ED 0%, #B0D8CB 100%);
}
.node--type-vision-and-mission .sect-member-card .com-highlight{
font-weight: bold;
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
.node--type-vision-and-mission .sect-roadmap:before{z-index: -1;}
.node--type-vision-and-mission .people-link.testimonials-detail{
position: relative;
width: 100%;
}
.node--type-vision-and-mission .swiper-wrapper .testimonials-info{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
}
@media only screen and (max-width: 991px) {
.node--type-vision-and-mission .com-slider-nav{display: none;}
.node--type-vision-and-mission .sect-roadmap.sect-member-card .namecard {
margin-right: 5px;
margin-left: 0;
}
.node--type-vision-and-mission .sect-roadmap .swiper-container .swiper-wrapper:after{display: none;}
.sect-roadmap .swiper-container .swiper-slide {
width: 100%;
min-width: 100%;
}
.node--type-vision-and-mission .sect-member-card .namecard .name p{
font-size: 22px;
line-height: 26px;
margin-bottom: 0;
}
.node--type-vision-and-mission .sect-member-card .namecard .people-link {
padding-bottom: 30px;
padding-top: 50px;
}
.node--type-vision-and-mission .testimonials-detail p{margin-bottom: 0;}
.node--type-vision-and-mission #testimonials-popup{padding: 0;}
.node--type-vision-and-mission #testimonials-popup .info-mobile{
padding: 40px 20px 40px 20px;
}
.node--type-vision-and-mission .close_menu .close_btn .hexa-g { top: -10px;}
.node--type-vision-and-mission .close_menu .close_btn .hexa-b{top:-20px}
.node--type-vision-and-mission .close_menu .close_btn:before,
.node--type-vision-and-mission .close_menu .close_btn:after {
top: 0px;
}
.node--type-vision-and-mission #testimonials-popup .info-quotes p{margin-bottom: 0;padding: 0 20px;}
.node--type-vision-and-mission .close_menu {
position: absolute;
right: unset;
top: unset;
bottom: 0;
left: 47.5%;
transform: translateY(50%);
}
}
/*20240221 roadmap end*/
.captcha__title{
display: none;
}
/*20240816 faq start*/
.node--type-faq-page .highlighted .container {
max-width: 1000px !important;
padding-left: 0;
}
.node--type-faq-page .article-content {
padding-top: 0;
position: relative;
}
.node--type-faq-page .networking_event_title {
padding-top: 0 !important;
}
.node--type-faq-page .article-content {
margin-top: 0px;
}
.node--type-faq-page .sect-updates > .container > .wrapper .title {
display: flex;
align-items: center;
width: 100%;
text-align: center;
max-width: 1000px;
margin: 0 auto;
}
.node--type-faq-page .fax_section{
position: relative;
top: 0px;
right: 0px;
padding-bottom: 15px;
left: -2px;
}
.node--type-faq-page .triangle_section{
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
filter: drop-shadow(2px 0 2px #ccc);
top: 56px;
right: 0px;
left: 8px;
width: 20px;
z-index: 6;
}
.node--type-faq-page .share_section{
position: absolute;
box-shadow: 2px 2px 2px 2px #ccc;
padding: 5px 5px 0px 5px;
width: 200px;
background-color: white;
z-index: 5;
font-size: 16px;
top: 66px;
left: 0px;
}
.faq-faq{font-size:20px; color:#00b2e1}
.faq-content .com-list li:not(:last-child) {
padding-bottom: 16px;
}
.faq-content .com-list{position: relative;padding-bottom:33px;}
.faq-content .com-list li span{
position: relative;
top:-6px;
}
.faq-content .com-list::after{
content: '';
position: absolute;
bottom: 11px;
width: 100%;
height:1px;
background-color: #00b2e1;
}
.faq-faq span:hover{cursor: pointer;}
.node--type-faq-page .left-deco {
position: absolute;
right: auto;
left: 0;
bottom: 10%;
z-index: -1;
}
.faq-content{margin-bottom: 100px;}
.node--type-faq-page .faq-faq-answer{
margin-bottom: 51px;
}
/* orange */
.orange-column .list:before{
background-image: linear-gradient(45deg, #ff9800 0%, #ffea22 100%) !important;
}
.orange-column .list .list-row:after{background-color: #ffb988 !important; }
.faq-faq-answer{position: relative;}
.faq-faq-answer::after{
content: '';
position: absolute;
bottom: -25px;
width: 100%;
height:1px;
background-color: #00b2e1;
}
.faq-faq-answer:last-child::after{display: none;}
@media (max-width: 991px) {
.node--type-faq-page .deco {
display: none;
}
.faq-content{margin-bottom: 50px;}
.article-content .wrapper {
max-width: 1000px !important;
}
}
@media (min-width: 991px) and (max-width: 1341px) {
.node--type-faq-page .highlighted .container{
max-width: 840px !important;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.node--type-faq-page .highlighted .container {
max-width: none !important;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 575px) {
.node--type-faq-page .highlighted .container {
padding-left: 10px;
padding-right: 10px;
}
}
/*20240816 faq end*/
/*20241002 webform start*/
.node--type-new-webform .f_blue{color:#1E285A !important}
.form-item-opportunity-question-container-title-5{
padding-top: 50px;
border-top: 1px solid #5bba47;
}
.node--type-new-webform .flatpickr-input:read-only,
.node--type-new-webform #edit-expiry-date:read-only,
.node--type-new-webform #edit-date-of-birth-b:read-only {
background-color: white;
}
.node--type-new-webform .js-form-item-number-card,
.node--type-new-webform .js-form-item-expiry-date,
.node--type-new-webform .js-form-item-passport-number{display: none;}
#edit-interested-area-d .checkbox {
margin-bottom: 16px;
}
#online-app-form .form-wrap .webform-submission-new-application-form-form .form-step.form-step-1 .form-check.lock-checkbox::after {
position: absolute;
content: "";
top: -15%;
left: -15%;
z-index: 1;
width: 130%;
height: 130%;
}
.node--type-new-webform #edit-number-container label,
.node--type-new-webform #edit-expiry-date-container label,
.node--type-new-webform #edit-h-k-i-d label{font-size: 20px;}
.node--type-new-webform #edit-qualifications-warpper-items-0-item-academic-level fieldset{
margin-bottom: 6px !important;
}
.node--type-new-webform #edit-do-you-have-a-home-visit-permit-question{margin-bottom: 10px;}
.node--type-new-webform .webform-submission-new-application-form-form #edit-hkid-card-number-container{
margin-bottom: 0;
}
.node--type-new-webform .webform-submission-new-application-form-form #edit-qualifications-warpper-items-0-item-academic-level{
margin-bottom: 10px;
}
.node--type-new-webform #edit-number-container label,
.node--type-new-webform .webform-submission-new-application-form-form #edit-h-k-i-d label{
font-size: 14px !important;
}
.node--type-new-webform .webform-submission-new-application-form-form #edit-h-k-i-d label{ font-size: 14px !important; }
.node--type-new-webform .webform-submission-new-application-form-form #edit-h-k-i-d .hkid_error_error {color:#EB001D!important}
.node--type-new-webform .webform-submission-new-application-form-form #edit-number-container{margin-top: 10px;}
@media (min-width: 992px) {
.node--type-new-webform #edit-interested-area-d label {
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: .2px !important;
line-height: 24px !important;
}
.node--type-new-webform #edit-number-container{display: flex;}
.node--type-new-webform .js-form-item-passport-number,
.node--type-new-webform .js-form-item-expiry-date{
width: 50%;
padding-left: 50px !important;
}
.js-form-item-passport-number label{font-size: 20px !important;}
.js-form-item-number-card{width:50%;}
}
#edit-do-you-have-a-home-visit-permit-question h4,
.js-form-item-passport-number label,
#edit-are-you-a-permanent-question h4{font-size: 14px !important;}
#online-app-form .form-wrap .form-step .section-title .f_dark_blue{
color:#1E285A !important;
font-weight: 700;
font-size: 20px;
padding-bottom: 2px;
}
.webform-submission-new-application-form-form #edit-are-you-a-permanent-question{
margin-top: 0px;
margin-bottom: 0;
}
#h_k_i_d_table fieldset{margin-bottom: 0;}
#edit-passport-number-container fieldset {margin-bottom: 0 !important;}
.node--type-new-webform #edit-do-you-have-a-home-visit-permit-question{margin-bottom: 0;}
table#edit-h-k-i-d-items{margin-bottom: 0;}
.form-step-1 #edit-name-container{margin-bottom: 0 !important;}
#edit-qualifications-inner-container table fieldset:nth-child(2){margin-bottom: 0px;}
#edit-qualifications-warpper-items .item-row.save .js-webform-select-other:nth-child(1),
#edit-qualifications-warpper-items .item-row.save .js-webform-select-other:nth-child(2){margin-bottom: 10px !important;}
.node--type-new-webform #edit-permanent-hk-resident--wrapper .fieldset-wrapper{border-bottom: 1px solid #1E285A !important;}
#edit-do-you-have-a-home-visit-permit-question h4{color:#1E285A !important;}
#online-app-form.is-final-step #edit-do-you-have-a-home-visit-permit-question h4{
color:#9093a3 !important;
}
#edit-interested-area-d--wrapper{margin-bottom: 6px;}
@media (max-width: 991px) {
#edit-are-you-a-permanent-container{display: block !important;}
.js-form-item-passport-number{margin-bottom: 16px !important;}
#edit-id-container,
#edit-name-inner-container{margin-bottom: 0;}
#edit-are-you-a-permanent-container{margin-bottom:20px;}
#edit-are-you-a-permanent-container legend{height:auto}
}
/*20241002 webform end*/
/*20250115 menu start*/
@media (min-width: 992px) and (max-width: 1439px) {
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hant){margin-right: 30px;}
.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-g:lang(zh-hant){margin-right: 30px;}
.sect-updates .filter-wrap{
flex-direction: column;
justify-content: flex-start;
}
.sect-updates .filter-wrap .filter-cat{
justify-content:unset;
}
.active .com-link:before{display: none;}
.active .com-link:after{display: none;}
.sect-updates .filter-wrap .filter-year a.active:after{display: none;}
.sect-updates .filter-wrap .filter-year{height:50px}
.sect-updates .filter-wrap .filter-cat .txt{font-size: 24px;}
.sect-updates .filter-wrap .filter-cat,
.sect-updates .filter-wrap .filter-year {
display: table;
}
.sect-updates .filter-wrap .filter-cat{width:100%;}
.menu .menu-wrapper{z-index: 100;}
.sect-updates .filter-wrap .filter-year a:not(:last-child) {
margin-right: 0px;
}
.sect-updates .filter-wrap .filter-year .com-link{font-size: 1em;}
.active.cat .com-link{
border-bottom: 2px solid #1e285a;
padding-bottom:2px;
margin-top: 1px;
}
.sect-updates .filter-wrap .filter-year a{
font-size: 20px;
line-height: 115.3%;
}
.sect-updates .filter-wrap .filter-year .txt{
display: inline-block;
font-size: 24px;
line-height: 116.6%;
font-weight: 700;
margin-right: 19px;
}
.sect-updates .filter-wrap .filter-cat .sty-mix,
.sect-updates .filter-wrap .filter-cat .sty-b,
.sect-updates .filter-wrap .filter-cat .sty-g{
background-image:none !important;
}
.sect-updates .filter-wrap .filter-cat a{
font-size: 20px;
line-height: 115.3%;
}
.sect-updates .filter-wrap .filter-year{
text-align:left;
}
.sect-updates .filter-wrap .filter-cat{
text-align: left;
justify-content: unset;
}
.cat-block{display: inline-block;}
.sect-updates .filter-wrap .filter-cat .txt{
width:60px;
}
.sect-updates .filter-wrap .filter-cat .cat{
right:0 !important;
}
.sect-updates .filter-wrap .filter-year .txt{
margin-right: 0px;width:60px;
}
.sect-updates .filter-wrap .filter-cat .cat:not(:last-child){
/*margin-right:30px;*/
margin-right:0px;
}
.sect-updates .filter-wrap .filter-cat,
.sect-updates .filter-wrap .filter-year{
display: table;
}
.sect-updates .filter-wrap .filter-cat a,
.sect-updates .filter-wrap .filter-year a{
display: table-cell;
}
.sect-updates .filter-wrap .filter-cat .cat span ,
.sect-updates .filter-wrap .filter-year a{
font-size: 24px
}
.node--type-updates .sect-updates .filter-wrap .filter-cat .cat{
height:auto;
}
.sect-updates .filter-wrap .filter-cat a:first-of-type,
.sect-updates .filter-wrap .filter-year a:first-of-type{
display: table-cell;
width: 80px;
}
.sect-updates .filter-wrap .filter-cat a:not(:first-of-type),
.sect-updates .filter-wrap .filter-year a:not(:first-of-type){
display: inline-block;
width:80px;
position: relative;
padding: 5px 0;
/*margin-right: 30px;*/
margin-right: 0px;
}
.sect-updates .filter-wrap .filter-cat a:after,
.sect-updates .filter-wrap .filter-year a:after {
width:80px;
background-color: transparent;
}
.filter-cat .txt{display:inline-block;margin-right:0 !important}
.filter-cat .com-link{
position:relative !important;
left:0 !important;
top:0 !important;
transform:unset !important;
}
.sect-updates .filter-wrap .filter-cat .cat{
height:auto;
}
.sect-updates .filter-wrap .filter-year .active:before {
content: "";
background-color: #1e285a;
height: 2px;
width: 54px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-year .active:first-of-type:before{
content: "";
background-color: #1e285a;
height: 2px;
width: 38px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-year .active:lang(zh-hant):first-of-type:before,
.sect-updates .filter-wrap .filter-year .active:lang(zh-hans):first-of-type:before
{
content: "";
background-color: #1e285a;
height: 2px;
width: 48px;
display: block;
border-radius: 0.5em;
position: absolute;
bottom: 3px;
}
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hant),
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hans){
width:50px;
}
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hant),
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hans){
width:50px;
}
.sect-updates .filter-wrap .filter-year a:first-of-type{
position: relative;
}
.sect-updates .filter-wrap .filter-year a:first-of-type::before{
top: 34px;
bottom: unset !important;
}
.sect-updates .filter-wrap .filter-cat .sty-mix .com-link{
text-transform: uppercase;
}
.cat-block{color:white}
.cat-re-a{display: inline-block;}
.cat-re-b{display: none}
.cat.cat_hidden{padding:0 !important }
.sect-updates .filter-wrap .filter-cat .cat span {
width: max-content;
}
html[lang=zh-hant] body .sect-updates .filter-wrap .filter-cat .cat span,
html[lang=zh-hans] body .sect-updates .filter-wrap .filter-cat .cat span {
width: max-content;
padding-left: 2px;
}
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hans),
.sect-updates .filter-wrap .filter-cat .cat.sty-b:lang(zh-hant) {
margin-right: 0px;
margin-left: 2px;
}
}
/*20250115 menu end*/
/*20250116 join us form start */
.date-of-award:read-only,
.t-start-date:read-only,
.t-end-date:read-only,
#edit-date-of-birth-b:read-only {
background-color: white;
}
#online-app-form.join-us-form .form-item--error-message,
#online-app-form.join-us-form .form-group label.error{font-size: 16px;}
#online-app-form.join-us-form .form-wrap form .content-right .radio{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: left;
padding-right: 0px;
}
#online-app-form.join-us-form .form-wrap form .content-right .radio>.form-check {
position: relative;
left: -30px;
}
#online-app-form.join-us-form .form-item-employment-information-wrapper-items-0--item--employment-type,
#online-app-form.join-us-form .form-item-employment-information-wrapper-items-1--item--employment-type,
#online-app-form.join-us-form .form-item-employment-information-wrapper-items-2--item--employment-type,
#online-app-form.join-us-form .form-item-employment-information-wrapper-items-3--item--employment-type,
#online-app-form.join-us-form .form-item-employment-information-wrapper-items-4--item--employment-type,
#online-app-form.join-us-form .form-item-employment-information-wrapper-items-5--item--employment-type{
margin-left: 24px !important;
}
#online-app-form.join-us-form .phone-error{font-weight: 500;}
#online-app-form.join-us-form .js-form-item-correspondence-address-city,
#online-app-form.join-us-form .js-form-item-correspondence-address-address-3,
#online-app-form.join-us-form .js-form-item-correspondence-address-address-2{display:none}
#online-app-form.join-us-form .form-wrap .form-step fieldset.form-item-correspondence-address-country {
width: 100%;
padding-right: 0px;
}
#online-app-form.join-us-form .form-wrap .form-step fieldset.form-item-correspondence-address-country::before{display: none;}
#online-app-form.join-us-form .js-form-item-if-you-do-not-wish-to-receive-our-latest-updates-and-promotional label{font-size:16px;font-weight: 500;}
#online-app-form.join-us-form .form-item-qualifications-warpper-items-1--item--academic-level-select,
#online-app-form.join-us-form .form-item-qualifications-warpper-items-2--item--academic-level-select,
#online-app-form.join-us-form .form-item-qualifications-warpper-items-3--item--academic-level-select,
#online-app-form.join-us-form .form-item-qualifications-warpper-items-4--item--academic-level-select,
#online-app-form.join-us-form .form-item-qualifications-warpper-items-0--item--academic-level-select {
margin-bottom: 0px !important;
}
#online-app-form.join-us-form #edit-employment-information-wrapper-items-0-item-employment-type--wrapper .fieldset-wrapper,
#online-app-form.join-us-form #edit-employment-information-wrapper-items-1-item-employment-type--wrapper .fieldset-wrapper,
#online-app-form.join-us-form #edit-employment-information-wrapper-items-2-item-employment-type--wrapper .fieldset-wrapper,
#online-app-form.join-us-form #edit-employment-information-wrapper-items-3-item-employment-type--wrapper .fieldset-wrapper,
#online-app-form.join-us-form #edit-employment-information-wrapper-items-4-item-employment-type--wrapper .fieldset-wrapper,
#online-app-form.join-us-form #edit-mobile-phone-new,
#online-app-form.join-us-form .form-step.form-step-1 .intl-tel-input input[type=tel] {
position: relative;
top: -5px;
}
#online-app-form.join-us-form #edit-qualifications-warpper-items-0-item-gpa,
#online-app-form.join-us-form #edit-qualifications-warpper-items-1-item-gpa,
#online-app-form.join-us-form #edit-qualifications-warpper-items-2-item-gpa,
#online-app-form.join-us-form #edit-qualifications-warpper-items-3-item-gpa,
#online-app-form.join-us-form #edit-qualifications-warpper-items-4-item-gpa{
position: relative;
top: 5px;
}
#online-app-form.join-us-form .form-wrap .final-step .group-section.collapse-section{
margin-bottom: 0;
}
/*20250116 join us form end */
/* 20230304 filter start */
.sect-updates .filter-wrap {
flex-direction: row !important;
justify-content: space-between;
align-items: center;
}
.sect-updates .filter-wrap .filter-year,
.sect-updates .filter-wrap .new_filter_cat {
position: relative;
width:auto;
background-color: white;
border-radius: 5px;
display: flex;
z-index: 1;
}
.sect-updates .filter-wrap .filter-year > a,
.sect-updates .filter-wrap .new_filter_cat > a,
.sect-updates .filter-wrap .filter-year > a:first-of-type,
.sect-updates .filter-wrap .filter-year > a:not(:first-of-type),
.sect-updates .filter-wrap .filter-cat > a:first-of-type,
.sect-updates .filter-wrap .filter-cat > a:not(:first-of-type){
display: none !important;
}
.sect-updates .filter-wrap .filter-year .seletor-box a,
.sect-updates .filter-wrap .new_filter_cat .seletor-box a,
.sect-updates .filter-wrap .filter-year .seletor-box a:first-of-type,
.sect-updates .filter-wrap .filter-year .seletor-box a:not(:first-of-type),
.sect-updates .filter-wrap .filter-cat .seletor-box a:first-of-type,
.sect-updates .filter-wrap .filter-cat .seletor-box a:not(:first-of-type),
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hant),
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hant),
.sect-updates .filter-wrap .filter-cat .txt:lang(zh-hans),
.sect-updates .filter-wrap .filter-year .txt:lang(zh-hans) {
width: auto !important;
}
.sect-updates .filter-wrap .filter-year .txt,
.sect-updates .filter-wrap .new_filter_cat .txt {
display: flex;
text-align: center;
cursor: pointer;
align-items: center;
}
.sect-updates .filter-wrap .filter-cat a:after,
.sect-updates .filter-wrap .filter-year a:after{
display: none !important;
}
.sect-updates .filter-wrap .filter-year .label,
.sect-updates .filter-wrap .new_filter_cat .label,
.sect-updates .filter-wrap .filter-year .txt,
.sect-updates .filter-wrap .new_filter_cat .txt,
.sect-updates .filter-wrap .filter-year a.year-b,
.sect-updates .filter-wrap .filter-year .year,
.sect-updates .filter-wrap .new_filter_cat a.cat,
.sect-updates .filter-wrap .new_filter_cat .year {
font-size: 28px;
line-height: 1.2;
padding: 10px;
font-weight: 400;
width: max-content;
}
.sect-updates .filter-wrap .seletor-box .com-link-b::after {
content: "";
display: inline-block;
height: 12px;
width: 30px;
background-image: url(/themes/contrib/bootstrap_sass/assets/img/icon/vector2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: rotate(180deg);
}
.sect-updates .filter-wrap .seletor-box.open .com-link-b::after{
transform: rotate(0deg);
}
.sect-updates .filter-wrap .seletor-box {
position: relative;
}
.sect-updates .filter-wrap .filter-seletor{
max-height: 0;
overflow: hidden;
transition: all ease 0.3s, border ease 0.1s;
position: absolute;
top: 60px;
background: #FFFFFF;
}
.sect-updates .filter-wrap .seletor-box.open .filter-seletor{
transition: all ease 0.3s, border ease 0.2s;
max-height: 900px;
border: 2px solid #02B2E1;
font-weight: 400;
padding: 8px 0;
width: max-content;
display: flex;
flex-direction: column;
}
.sect-updates .filter-wrap .filter-year a.year-b,
.sect-updates .filter-wrap .filter-year .year,
.sect-updates .filter-wrap .new_filter_cat a.cat,
.sect-updates .filter-wrap .new_filter_cat .year {
margin: 15px 20px 0 !important;
font-size: 28px;
}
.sect-updates .filter-wrap .filter-year .year:hover ,
.sect-updates .filter-wrap .new_filter_cat .year:hover {
opacity: 1;
}
.sect-updates .filter-wrap .filter-year .year.active,
.sect-updates .filter-wrap .new_filter_cat .year.active {
display: none;
}
.filter-cat.new_hide{
display: none !important;
}
.filter-cat.new_filter_cat {
display: flex !important;
}
.menu > .clearfix.nav {
display: none;
}
.node--type-press-update .sect-updates {
min-height: 800px;
}
.updates .no-results {
margin-bottom: 450px;
margin-top: 140px;
}
@media (min-width: 992px) {
.sect-updates.photo-and-video-gallery .filter-wrap {
padding-right: 90px;
}
.menu {
width: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.menu.active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.menu .inner {
-ms-flex-direction: column;
flex-direction: column;
}
.menu .menu-top {
display: flex;
padding: 0 120px 0 50px;
justify-content: space-between;
align-items: flex-start;
}
.menu .inner .menu-top .bottom {
position: relative;
width: auto;
}
.menu .menu-wrapper {
padding-top: 30px;
display: flex;
}
.menu .menu-wrapper nav {
flex: 40% 0 0;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
position: relative;
}
.menu .menu-wrapper nav::-webkit-scrollbar {
display: none;
}
.menu .menu-wrapper .sub-menu-wrapper {
flex: 1 1 0;
z-index: 1;
padding-left: 20px;
}
.menu .menu-wrapper nav > ul > li {
margin-bottom: 16px;
}
.menu .menu-wrapper nav > ul > li .page,
.menu .menu-wrapper nav > ul > li.dim .page{
font-size: 62px;
opacity: 0.4;
font-weight: 400;
}
.menu .menu-wrapper nav > ul > li .page:hover,
.menu .menu-wrapper nav > ul > li.dim .page:hover{
opacity: 1;
}
.menu .menu-wrapper nav > ul > li .page.active{
/* opacity: 1; */
}
.menu .menu-wrapper nav > ul > li.active .page{
margin: 0;
opacity: 1;
}
.menu .menu-wrapper nav > ul > li.dim:hover .page,
.menu .menu-wrapper nav > ul > li.dim .page:hover {
opacity: 1;
}
.menu .menu-wrapper nav ul li a:after {
display: none;
}
.menu .menu-wrapper nav > ul > li.active .page:before {
display: none;
}
.menu .menu-btn-wrapper {
width: auto;
}
.menu .menu-btn-wrapper .container {
padding: 41px 50px 0 0;
}
.sub-menu-wrapper {
font-family: "Asap-Regular", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
font-weight: 500;
font-size: 40px;
line-height: 44px;
letter-spacing: 0%;
position: relative;
}
.sub-menu-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
}
.sub-menu-wrapper ul li {
margin-bottom: 20px;
}
.menu .sub-menu-wrapper .subitem {
position: absolute;
display: none;
}
.menu .sub-menu-wrapper .subitem.active {
display: flex;
flex-direction: column;
}
.subitem_m {
display: none;
}
.top-menu-wrapper {
padding-right: 16px;
font-size: 20px;
}
}
@media (max-width: 991px) {
.sect-updates.photo-and-video-gallery .filter-wrap {
padding-right: 60px;
}
.sect-updates .filter-wrap .filter-year {
margin-bottom: 0;
}
.sub-menu-wrapper {
display: none;
}
.sect-updates .filter-wrap .filter-year .label,
.sect-updates .filter-wrap .new_filter_cat .label,
.sect-updates .filter-wrap .filter-year .txt,
.sect-updates .filter-wrap .new_filter_cat .txt,
.sect-updates .filter-wrap .filter-year a.year-b,
.sect-updates .filter-wrap .filter-year .year,
.sect-updates .filter-wrap .new_filter_cat a.cat,
.sect-updates .filter-wrap .new_filter_cat .year {
font-size: 16px;
line-height: 1.2;
}
.sect-updates .filter-wrap .filter-cat .cat:not(:first-of-type) {
width: auto !important;
}
.sect-updates .filter-wrap .filter-year a.year-b,
.sect-updates .filter-wrap .filter-year .year,
.sect-updates .filter-wrap .new_filter_cat a.cat,
.sect-updates .filter-wrap .new_filter_cat .year,
.sect-updates .filter-wrap .filter-cat a:first-of-type,
.sect-updates .filter-wrap .filter-year a:first-of-type {
margin: 10px !important;
}
.sect-updates .filter-wrap .seletor-box .com-link-b::after{
height: 8px;
}
.menu .menu-top .logo {
display: none;
}
.menu .inner .bottom {
height: 100%;
top: 0;
padding: 40px 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
opacity: 1 !important;
}
.top-menu-wrapper {
position: absolute;
bottom: 150px;
font-size: 17px;
line-height: 0.9;
width: calc(100% - 40px);
left: 21px;
}
.top-menu-wrapper ul {
justify-content: space-between;
}
.top-menu-wrapper ul:after {
display: none;
}
.top-menu-wrapper ul li a {
padding: 0 8px;
/* border-right: 1px #1D244E solid; */
}
.top-menu-wrapper ul li.nav-line::before {
content: "";
display: block;
height: 19px;
width: 1px;
background-color: #1D244E;
}
.top-menu-wrapper ul li:first-child a {
padding-left: 0;
}
.top-menu-wrapper ul li:last-child a {
padding-right: 0;
border-right: none;
}
.menu .inner .bottom .social{
position: absolute;
bottom: 90px;
width: calc(100% - 46px);
display: flex;
justify-content: space-between;
}
.menu .bottom .social .icon-social {
margin: 0;
}
.menu .bottom .search {
position: absolute;
top: 45px;
left: 100px;
}
.menu .joinus {
display: none;
}
.menu .menu-btn-wrapper .container {
margin-top: 0px;
padding-top: 28px;
}
.menu .menu-wrapper {
top: 90px;
height: calc(100% - 270px);
padding: 0 20px;
}
.menu .menu-wrapper::before {
content: '';
position: fixed;
top: 76px;
left: 0;
right: 0;
height: 248px;
background: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(236 247 250));
-webkit-mask-image: linear-gradient(to top, transparent, white);
mask-image: linear-gradient(to top, transparent, white);
pointer-events: none;
transition: all 0.3s ease;
z-index: 1;
opacity: 0;
}
.menu .menu-wrapper.__top::before {
}
.menu .menu-wrapper::after {
content: '';
position: fixed;
bottom: 180px;
left: 0;
right: 0;
height: 248px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(236 247 250));
-webkit-mask-image: linear-gradient(to bottom, transparent, white);
mask-image: linear-gradient(to bottom, transparent, white);
pointer-events: none;
transition: all 0.3s ease;
}
.menu .menu-wrapper.__bottom::after {
opacity: 0;
}
.menu .menu-wrapper nav > ul > li .page {
font-size: 33px;
font-weight: 500;
}
.menu .menu-wrapper nav > ul > li.dim .page {
opacity: 1;
}
.menu .menu-wrapper nav ul li a:after,
.menu .menu-wrapper nav ul li a:before {
display: none;
}
.menu .menu-wrapper nav > ul > li.active .page {
margin: 0;
}
.subitem_m {
max-height: 0;
overflow: hidden;
transition: all 0.8s ease;
padding-left: 15px;
font-size: 28px;
font-weight: 500;
}
.subitem_m li {
margin: 12px 0;
}
.menu .menu-wrapper nav > ul > li.active .subitem_m {
max-height: 800px;
}
.menu .menu-wrapper nav > ul > li.dim:hover .page,
.menu .menu-wrapper nav > ul > li.dim .page:hover{
opacity: 1;
}
.menu-wrapper .hvsub .page .sub-menu-btn{display: none;}
}
/* 20230304 filter end */
/* 20250515 footer menu start */
.btn-menu-box{
position: fixed;
right: 50px;
bottom: 50px;
z-index: 99;
display: none;
}
footer .btn-menu {
width: 46px;
transition: all 0.3s ease-in-out;
position: relative;
text-transform: uppercase;
display: inline-block;
text-align: center;
z-index: 10;
}
footer .btn-before,
footer .btn-after {
background-color: #1e285a;
width: 19px;
height: 4px;
border-radius: 0.5em;
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s ease-in-out;
}
footer .btn-before {
top: 24px;
}
footer .btn-after{
top: 34px;
}
footer .btn-menu .hexa-g {
margin-bottom: 14px;
transition: all 0.3s ease-in-out;
}
footer .btn-menu .hexa-b {
position: absolute;
top: 10px;
left: 0;
transition: all 0.3s ease-in-out;
}
footer .btn-menu span {
color: #1e285a;
font-size: 0.875em;
line-height: 135.7%;
font-family: "Asap-Bold", "Noto Sans TC", "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei";
font-weight: 700;
}
/* 20250515 footer menu end */
/* 20250516 schlarship form start */
.webform-submission-scholarship-awards-form-form .form-item-correspondence-address-city,
.webform-submission-scholarship-awards-form-form .form-item-correspondence-address-address-2 {
display: none !important;
}
@media (min-width: 992px) {
.involvement-radio {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding-left: 50px !important;
width: 50% !important;
max-width: 50%;
}
}
@media (max-width: 991px) {
.item-row.save .involvement-radio legend{
padding-bottom: 40px;
}
}
.block-menu-block .clearfix.nav {
display: none;
}
.top-menu-wrapper .clearfix.nav {
display: flex
}
.webform-submission-scholarship-awards-form-form .radio-error{font-size:12px;}
/* 20250516 schlarship form end */