/* these animations are hard-coded to demonstrate the effect - not prtable in the slightest! */

html, body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
	
}

input:focus{
        outline: none !important;
    }

.desktop-item{display: block}
.mobile-item{display: none}

section{position: relative;overflow: hidden}
.container{padding-left: 30px;padding-right: 30px;}

/* Genral */
.sp-gold{background: #C39F5B }
.sp-white{background: #FFF}
.sp-brown{background: #432918}
.sp-bl{background: #FCFBF6}
.sp-bm{background: #F1F0EC}
.sp-blue{background: #2A3C80}
.sp-green{background: #2E5F4D}
.sp-red{background:#802E3E}


.color-pure-white,.color-pure-white p{color: #FFF}
.color-white,.color-white p{color: #D7D7D7}
.color-grey,.color-grey p{color: #999}
.color-gold,.color-gold p,.wys-wapper a{color: #C39F5B}
.color-l-gray{color: #D7D7D7}


a{text-decoration: none}
.d-body a{color: #C39F5B}

header{position: fixed;width: 100%;;top:0;background: #FFF;z-index: 10}
.page-inner{margin-top: 120px;opacity: 0}
.page-inner.active{opacity: 1}

.banner{width: 100%;height: 52vw;background: #EEE;padding:  60px;position: relative}
.banner-gradient{position: absolute;width: 100%;height: 180px;background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.01) 100%);;left: 0;top:0;z-index: 2}
.banner h1,.banner h6{position: absolute;left: 60px;top:60px;z-index: 3}
.banner h1.sub-head-on{top:110px}

.single-landing-title{width: 100%;min-height: 24vw}
.single-landing-title h2{margin-bottom: 60px}

.disciplines-img,.nomination-disciplines,.header-menu li::after,.popup-image-overlay,.sub-menu-inner h6,.page-inner{transition: all 0.2s cubic-bezier(0.65, 0, 0.35, 1);}
.sub-menu,.pdf-filter,.pdf-filter h6,.popup-cookies-inner{transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);}


.info-break-line{width: 100%;height: 1px;background: #D7D7D7}
.breakcom{border: 1px solid #D7D7D7;border-left: 0;border-right: 0;height: 56px;border-top:0 }
.breakcom-underline{text-decoration: underline}
.breakcom .container{position: absolute;top:50%;transform:translateY(-50%)}
.page-inner-240{margin-bottom: 240px}
.padding-bottom-200{padding-bottom: 200px}
.b-button{display: inline-block;border-radius: 20px;padding:  8px 40px 6px 20px;background: #16161C url(../images/btn-arrow.svg) right 20px  top 11px no-repeat;background-size:  auto 12px;x;margin-right: 20px}
.b-button.b-dwon{background: #16161C url(../images/btn-arrow-down.svg) right 20px center no-repeat;background-size:  auto 13px;cursor: pointer}
.b-button.sp-gold{background: #C39F5B url(../images/btn-arrow.svg) right 20px center no-repeat;background-size:  auto  30%}
.b-button.sp-white{display: inline-block;border-radius: 20px;padding: 7px 40px 7px 20px;background: #FFF url(../images/btn-arrow-b.svg) right 20px top 11px no-repeat;background-size:  auto 12px;margin-right: 20px}

.b-button.sp-white{padding: 8px 40px 6px 20px;}
.lang-zh .b-button.sp-white,.lang-sc .b-button.sp-white{padding: 6px 40px 8px 20px;}

.b-button.b-button-border{background:  url(../images/btn-arrow-b.svg) right 20px center no-repeat;background-size:  auto  30%;border: 1px solid #16161C;padding: 8px 40px 6px 20px}
.lang-zh .b-button.b-button-border,.lang-sc .b-button.b-button-border{padding: 6px 40px 8px 20px;}

.rm-button{display: inline-block;background:  url(../images/btn-arrow-b.svg) right  top 4px no-repeat;background-size:  auto  12px;padding-right: 20px;transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);}
.home-section-3 .rm-button{background:  url(../images/btn-arrow-b.svg) right  top 4px no-repeat;background-size:  auto  12px;}
.rm-button:hover{padding-right: 30px;margin-right: -10px}
.rm-button.download-button{display: inline-block;background:  url(../images/btn-download.svg) left  top 5px no-repeat;background-size:  auto  13px;padding-left: 20px;transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);}
/* .rm-button{display: inline-block;background:  url(../images/btn-arrow-gold.svg) right  top 4px no-repeat;background-size:  auto  12px;} */


.popup-cookies { 
    display: none; }

body:not(.cookieconsent) .popup-cookies {
    display: block;
}

.b-button{cursor: pointer}
.b-button h6{color: #FFF}
.b-button.b-button-border h6,.b-button.sp-white h6{color: #16161C}

.wys-wapper,.wys-wapper p{position: relative;width: 100%;display: block;overflow: hidden;}
.wys-wapper img{position: relative;float: left;display: inline-block;padding: 5px}
.wys-wapper  li{list-style: disc;padding-left: 10px;margin-left: 30px;margin-bottom: 5px}
.wys-wapper ol li{list-style: lower-roman;}
.wys-wapper ul{margin-bottom: 30px}
.wys-wapper span{padding:8px 0 5px 0}
.wys-wapper .wp-caption img{margin-bottom: 20px}
.wys-wapper p,.wys-wapper hr,.body-wysiwyg p,.wys-wapper ol{margin-bottom: 30px}
.wysiwyg-p-no-margin p{margin-bottom: 0}


.addtoany_share_save{display: none !important}
.addtoany_list span{opacity: 0 !important}
.a2a_button_facebook,a.a2a_button_facebook:hover{background: url(../images/social-facebook.svg) center center no-repeat !important;background-size: 24px !important}
.a2a_button_twitter,a.a2a_button_twitter:hover{background: url(../images/social-twitter.svg) center center no-repeat !important;background-size: 24px !important}
.a2a_button_copy_link,a.a2a_button_copy_link:hover{background: url(../images/social-link.svg) center center no-repeat !important;background-size: 24px !important}

.filter-wrap{position: relative;border-bottom: 1px solid #D7D7D7}
.filter-title-wrap{display: none}
.filter-title-wrap.on{display: block}
.filter-wrap::after{position: absolute;content: "　";width: 1px ;height: 100%;background: #D7D7D7;top:0;}
.filter-wrap-3::after{left: 33.333%}
.filter-wrap-3::before{left: 66.666%}
.search-wrap{padding-top: 30px;padding-bottom: 30px}
.search-wrap input{border: none ; width: 100%;font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;background:  url(../images/btn-search.svg) left  top -2px   no-repeat;background-size:  contain;padding-left: 30px}
.section-title{margin: 60px 0 75px 0}
.pdf-filter{background: #FFF}
.pdf-filter{border-left: 1px #D7D7D7 solid}
.pdf-filter:hover{background: #C39F5B}
.pdf-filter:hover h6{color: #FFF}
.filter-wrap-none::after {display: none !important}

.wys-wapper img {max-width: 100%}
.wys-wapper a{color: #C39F5B}

.news-list-wrap{position: relative;width: 100%}

.news-list-wrap .rm-button{position: absolute;bottom: 0}

.outreach-list-wrap{min-height: 38vw;position: relative}
.outreach-list-wrap .rm-button{margin-bottom: 20px}

.event-list-wrap{min-height: 42vw;position: relative;padding-bottom: 100px}
.gallery-list-wrap{min-height: 38vw}
.event-list-wrap .rm-button{position: absolute;bottom: 40px}

.flex-direction-nav{display: none}
.flex-direction-nav a.flex-next::before ,.flex-direction-nav a::before {content: "　"}
.flex-direction-nav a{background: #FFF;border-radius: 100%;opacity: 1 !important}
.flex-direction-nav a.flex-next{background:#FFF  url(../images/btn-arrow-b.svg) center center no-repeat;background-size: 12px}
.flex-direction-nav a.flex-prev{background:#FFF  url(../images/btn-backarrow-b.svg) center center no-repeat;background-size: 12px}
.flex-direction-nav .flex-nav-prev,
.flex-direction-nav .flex-nav-next {
  opacity: 0;
}

.flex-direction-nav .flex-nav-prev:hover,
.flex-direction-nav .flex-nav-next:hover {
  opacity: 1;
}
.content-ss-wrap p{margin-bottom: 40px}

  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
/* dropdown */
.drop-btn {padding: 30px 0; cursor: pointer}
.drop-btn h6.filter-btn{background: url(../images/btn-dropdown.svg) right top 6px no-repeat;background-size: 12px;display: inline-block;padding-right: 20px;}
.dropdown-filter{position: relative;z-index: 2;overflow: visible}
.drop-list-wrap{position: absolute;top:85px;background: #D7D7D7;width: 50%;left: 0;display: none}
.drop-right{right: 0;left: auto}
.drop-list-wrap a{padding: 0 60px}
.drop-list-wrap a h6{border-bottom: 1px solid #FFF ;padding: 15px 0;text-align: left}
.drop-list li:last-child h6{border-bottom: 0}
.drop-list-wrap.hover{display: block}
.dropdown-item{cursor: pointer}
.dropdown-item:focus{background: #16161C}
.drop-3-1,.drop-3-2,.drop-3-3{width: 33.33%}
.drop-3-2{left: 33.33%}
.drop-3-3{right: 0%}

.lightbox-pop{position: fixed;width: 100%;height: 100%;z-index: 99;top:0;left: 0;display: none}
.lightbox-bg{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.9);z-index: 5}
.lightbox-close{position: absolute;right: 24px;top:24px;width: 40px;height: 40px;background:   url(../images/btn-close.svg) center  center  no-repeat;background-size:  80%;z-index: 9;cursor: pointer}
.lightbox-inner{position: absolute;width: 70vw;transform: translate(-50%,-50%);top:50%;left: 50%;z-index: 6}
.lightbox-inner iframe,.lightbox-inner .image-wrap{width: 100% !important;height: 39.4vw;margin-bottom: 20px}

/*header */
header{padding: 25px 0  0 0;height: 120px}
.logo-wrap{position: relative;display: inline-block;float: left}
.logo-wrap img{height: 72px ;width: auto !important}
.header-menu,.header-tools{display: inline-block;float: right}
.header-menu li::after{position: absolute;bottom: 1px;height: 3px;width: 100%;left: 0;background: #C39F5B;content: "　";opacity: 0}
.header-menu li{position: relative}
.header-menu li.active::after{opacity: 1}
.header-menu a {color:#16161C}
.header-menu li{float: left;margin-right: 30px;cursor: pointer}
.btn-search{width: 25px;height: 25px;background:  url(../images/btn-search.svg) center  center  no-repeat;background-size:  auto  8x;;float: left;margin-left: 25px}
.lang-wrap{float: left;padding-left: 30px;/*margin-left: 20px*/;border-left:1px solid #D7D7D7;margin-top: -1px }
.header-wrap{margin-top: 24px}
.header-wrap h6{text-transform: uppercase}
.sub-menu{background: #FFF;border-top:1px solid #D7D7D7;padding-top:40px;overflow: hidden;padding-bottom: 220px;position: relative;border-bottom:1px solid #D7D7D7;opacity: 0;pointer-events: none;transform: translateY(-20px);position: fixed;width: 100%;z-index: 9;top:120px}
.sub-menu.active{opacity: 1;pointer-events: auto;transform: translateY(0px)}
.sub-menu-inner{position: absolute;padding-left: 0}
.sub-menu-inner h6{margin-bottom:2px}
.sub-menu-inner a:hover h6{color:#C39F5B}
.drop-menu>h6{padding-right: 16px;background:  url(../images/btn-dropdown.svg) right  top 7px no-repeat;background-size:  auto  8px;}
.drop-menu.menu-on > h6{background:  url(../images/btn-dropdown-gold.svg) right  top 7px no-repeat;background-size:  auto  8px;}
.sub-menu .v-break-line{width: 1px ;height: 100%;background: #D7D7D7;position: absolute;left: 32%;top:0}
.header-menu li{padding-bottom: 50px}

.menu-bg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);top:0;left: 0;z-index: 8;display: none}
.menu-bg.active{display: block}
.mobile-menu,.mobile-sub-menu{display: none}
.menu-on h6,.menu-on a{color: #C39F5B}

/* footer */
footer{background: #C39F5B;padding-top: 56px}
footer a{color: #16161C}
footer a:hover{color: #666}
.footer-padding{padding: 35px 0 40px}
.footer-logo{height: 130px}
.footer-menu li{margin-bottom: 40px}
footer h6,footer p,footer a{color: #432918 !important;}
footer h6.color-white{color: #FFF !important}
.fixed-btt-btn{position: fixed;width: 40px;height: 40px;background: #000 url(../images/btn-btt.svg) center center no-repeat;background-size:  contain;;right: 30px;bottom:30px;border-radius: 100%;display: none;z-index: 9;cursor: pointer}

.footer-menu li{padding-left: 15px;border-left: 1px solid rgba(255,255,255,.2);float: left;margin-right: 10px;min-height: 220px;min-width: 180px;max-width: 200px}
.footer-menu li h6{margin-bottom: 10px;line-height: 1}
.new-letter{padding-top: 60px;background: #5F5F5F;padding-bottom: 140px}

.social-media-list img{width: 30px}
.social-media-list{margin: 0 0 40px;overflow:hidden ;display:inline;float: right}
.social-media-list li{float: left;margin-right: 20px;margin-bottom: 10px}

.btt-btn{display: inline-block;cursor: pointer}
.wechat-icon{position: relative;cursor: pointer}
img.we-qr{position: absolute;width: 160px;;top:50%;left: 50%;transform: translate(-50%,-50%)}

/* sub Menu */
.sub-page-menu li{opacity: .3;}
.sub-page-menu li.active{opacity: 1;padding-left: 38px;background: url(../images/btn-submit.svg) left top 5px no-repeat;background-size:auto 60% ;}

.sub-page-menu:hover  li.temp-active{opacity: .3;padding-left: 0;background: none ;}
.sub-page-menu li.on,.sub-page-menu:hover li.on{opacity: 1;padding-left: 45px;background: url(../images/btn-submit.svg) left top 5px no-repeat;background-size:auto 60% ;}


/* popup */
.popup-landing,.popup-cookies,.popup-wechat{position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 99;display: none}

.popup-landing.active,.popup-cookies.active,.popup-wechat.active{display: block}
.popup-landing-bg{background: #16161C;opacity: .8;position: absolute;width: 100%;height: 100%;top:0;left: 0}
.popup-cookies-inner{position: absolute;width: 100%;;bottom:0;left: 0;background: #FFF;border-bottom: 8px solid #C39F5B;border-radius: 4px;padding: 20px 80px 20px 40px}
.popup-landing-inner{position: absolute;width: 80%;transform: translate(-50%,-50%);top:50%;left: 50%;background: #FFF;border-bottom: 8px solid #C39F5B;border-radius: 4px;}
.cookies-btn{width: 100%}
.popup-cookies-inner{bottom:-300px}
.popup-cookies-inner.active{bottom: 0}
.popup-landing-inner.half-pop{width: 50%;height: 50%;overflow: scroll}
.popup-listing li{display: none}
.popup-listing li.active{display: block}
.popup-listing li .b-button {position: absolute;bottom: 40px}
.popup-wechat .pop-close,.popup-landing .pop-close,.popup-cookies .pop-close,.popup-image .pop-close{position: absolute;right: 20px;top:20px;width: 40px;height: 40px;background:  url(../images/btn-close.svg) center  center  no-repeat;background-size:  contain;cursor: pointer;z-index: 9}
.popup-right-block{padding: 40px 60px 40px 40px;width: 50%;height: 60vh;overflow-y: scroll;height: 100%;float: left;position: absolute;right: 0}
.popup-listing li:last-child{border-bottom:  none }
.popup-landing-inner.half-pop .popup-right-block{padding-left: 120px}
.popup-left-block{width: 50%;position: relative;left: 0;top:0;float: left;aspect-ratio: 1/1;}
.popup-landing-inner.half-pop .popup-right-block{display: none}
.popup-landing-inner.half-pop .popup-left-block{width: 100%}
.popup-cookies a{color: #16161C;text-decoration: underline}
.popup-wechat .pop-close{right: calc(50% - 20px);top:calc(50% + 104px)}
.popup-image{position: fixed;width: 100%;height: 100%;top:0;left: 0;display: none;z-index: 99;overflow: scroll}
.popup-image-bg{background: #16161C;opacity: .8;position: fixed;width: 100%;height: 100%;top:0;left: 0}
.popup-image .popup-image-inner{position: relative;width: 75%; left: 10%;padding:40px 0}

.popup-landing-banner-left{position: absolute;width:40px;right: 114px;bottom:40px;height: 40px; background:  url(../images/btn-prev-home-b.svg) center center no-repeat;background-size: contain;;z-index: 6;border-radius: 100%;border: 1px solid #000}
.popup-landing-banner-right{position: absolute;width: 40px;right: 60px;bottom:40px;height: 40px; background:  url(../images/btn-next-home-b.svg) center center no-repeat;background-size: contain; ;z-index: 6;border-radius: 100%;border: 1px solid #000}

/* home */

.home-section{display: flex !important;flex-direction: column;}
section.home-section-1{order:1}
section.home-section-2{order:2}
section.home-section-3{order:3}
section.home-section-4{order:4}
section.home-section-5{order:5}
section.home-section-6{order:6}
.flexslider{margin-bottom: 0}

.home-banner li{position: relative}
.home-banner{width: 100%;}
.home-banner-block {width: 100%;height: calc(100vh - 120px);position: relative;}
.home-banner-block video,.banner video{  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  left: 0;top:0;
  z-index: 0;}
.medal-certificate-list .home-banner-block {width: 100%;aspect-ratio: 1920 / 1280;position: relative}
.flex-viewport  li{max-width: 100vw}

.home-banner-inner{position: absolute;bottom:40px;left: 0;width: 100%;z-index: 3}
.home-banner-inner .b-button{margin-top: 32px}
.home-banner-inner .b-button:hover{background: #C39F5B  url(../images/btn-arrow.svg) right 20px top 11px no-repeat;background-size:  auto 12px;}
.home-banner-inner .b-button:hover h6{color: #FFF}


.home-banner-left{position: absolute;width:40px;right: 114px;bottom:39px;height: 40px; background:  url(../images/btn-prev-home.svg) center center no-repeat;background-size: contain;;z-index: 6;border-radius: 100%;border: 1px solid #FFF}
.home-banner-right{position: absolute;width: 40px;right: 60px;bottom:39px;height: 40px; background:  url(../images/btn-next-home.svg) center center no-repeat;background-size: contain; ;z-index: 6;border-radius: 100%;border: 1px solid #FFF}
.homebanner-num{position: absolute;bottom: 46px;right: 168px;display: inline-block;float: left;z-index: 6}
.home-bottom-gr{background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.01) 100%);position: absolute;width: 100%;height: 40%;z-index: 1;bottom: 0}

.home-status{padding-top: 70px;position: relative;height: 655px;overflow: hidden;}
.home-s-control{position: absolute;left: 60px;bottom: 40px;z-index: 3}
.home-s-control-prev ,.home-s-control-next{position: relative;width: 40px;height: 40px;background: url(../images/btn-prev.svg) center center no-repeat;background-size: contain;margin-bottom: 16px;opacity: .2;cursor: pointer}
.home-s-control-next{ background: url(../images/btn-next.svg) center center no-repeat;background-size: contain;}
.home-s-control-prev.active ,.home-s-control-next.active{opacity: 1}
.home-news-read-more{margin-top: 10px}

.home-status-bottom{position: absolute;width: 100%;height: 180px;background: linear-gradient(0deg, rgba(195,159,91,1) 0%, rgba(195,159,91, .5) 35%, rgba(195,159,91,0) 100%); z-index: 2;bottom: 0;left: 0}
.home-winner{padding-top: 70px}
.status-wrap{overflow: hidden}
.status-list{transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);position: relative}
.status-list li{position: relative;border: 1px solid #16161C;border-radius: 3px;margin-bottom: 15px;padding: 22px;padding-left: 130px}
.status-list li.active{background: #F1F0EC}
.status-date{position: absolute;top:50%;transform: translateY(-50%);left: 0;border-right: 1px solid #16161C;padding: 4px 25px;}
.home-status-icon{width: 72px;display: inline-block;margin:  0 auto 60px auto}
.home-winner-block{width: 33.333%;float: left}
.home-winner-img{height: 324px;float: left;background: #C39F5B;width: calc(50% - 4px);margin:0 2px;position: relative}
.home-winner-1{width: calc(100% - 4px);}
.home-winner-2{width: calc(50% - 4px);}
.home-winner-3{width: calc(33.3333% - 4px);}
.home-winner-4{width: calc(25% - 4px);}

.hover-a:hover{background-color:#2A3C80}
.hover-b:hover{background-color:#2E5F4D}
.hover-c:hover{background-color:#802E3E}

.home-winner-pro{position: absolute;width: 100%;height: 100%;}
.home-winner-name{position: absolute;width: 100%;text-align: center;bottom: 20px}
.home-winner-color-bar{margin-bottom: 20px;width: calc(100% - 10px);height: 2px;margin:  20px auto}

.home-ceremony{height: 840px;background: #16161C url(../images/count-bg.jpg) center center no-repeat;background-size: cover }
.home-stac-medal{display: inline-block;float: left;width: 32%;}
.home-stac{display: inline-block;float: left;width: calc(22% - 20px);padding-right: 20px;padding-left: 30px;border-left: 1px solid #C39F5B;position: relative;margin-top: 70px}
.home-stac h1{margin-bottom: 20px}
/*.home-stac h6{position: absolute;bottom: 0}*/
.home-stac-medal img{margin: 0 auto;height: 300px !important;}
.home-ceremony-wrap,.home-ceremony-yt-wrap{position: absolute;width: 100%;top:50%;left: 50%;transform: translate(-50%,-50%)}
.home-ceremony-yt-wrap{text-align: center;display: none}
.home-ceremony-yt-wrap iframe{width: 54vw;height: 56vh;margin: 0 auto;display: inline-block;position: relative}

.count-down-warp {   place-items: center;  display: grid;  width: 100%;}
.count-down-container {overflow: hidden;  display: flex;  width: 600px;  height: 150px;}
.count-down-box {  place-items: center;  text-align: center;  display: grid;  height: 100%;  width: 100%;}
.count-down-box h1 {  font-size: 60px;  color: #FFF}
.btn-refresh{background: url(../images/btn-fiter-reset.svg) left top no-repeat;background-size: 20px;padding-left: 30px;cursor: pointer}

.homebanner-load{position: absolute;bottom: 0;;width: 100%;height: 5px;display: inline-block;background: none;float: left;left: 0;z-index: 2}
.homebanner-load-wrap{overflow: hidden;margin-bottom: 56px}
.homebanner-load-inner{position: absolute;width: 0%;height: 100%;background: #C39F5B;display: inline-block}

.cursor {
  width: 40px;
  height: 40px;
  background: #999;
  border-radius: 50%;
  position: fixed;
  transition-timing-function: ease-out;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  border: 1px solid #16161C;
  transition: transform 0.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.cursor.activeleft{opacity: 1;background:#FFF url(../images/btn-backarrow-b.svg) center center no-repeat;background-size: 40% auto;}
.cursor.activeright{opacity: 1;background:#FFF url(../images/btn-arrow-b.svg) center center no-repeat;background-size: 40% auto;}

.lang-btn{position: relative;overflow: hidden;margin-top: 2px}
.lang-btn .current-lang a{color: #C39F5B}
.lang-btn ul li{float: left;line-height: 1}
.lang-btn ul li:nth-child(2){margin: 0 15px}
.lang-btn a{color: #16161C}


/* about */
.youtube-about{width: 100%;margin: 90px 0}
.video-thum-wrap{float: right}
.video-thum-wrap.active{display: none}
.video-thum.active .video-thum-img{border: 3px solid #C39F5B}
.about-prize-list{overflow: hidden;margin-bottom: 150px}
.about-prize-list li:last-child .info-break-line{display: none }
.d-height-80{height: 80vh}
.about-video{width: 100%;height: 100vh;background: #16161C}
.about-left-menu{position: absolute;height: 80vh;width: 100%}
.fixediv .about-left-menu{position: fixed;top:20vh }
.bottomdiv .about-left-menu{position: absolute;top:auto ;bottom: 0}
.about-list-dot li{opacity: .2;}
.about-list-dot li h6{cursor: pointer;display: inline-block}
.archocr{cursor: pointer}
.about-list-dot li.active{opacity: 1}
.about-full-width .fullwidth-right{;position: absolute;right: 0;top:0;}
.video-info{position: absolute;right: 45px;bottom: 45px;padding: 15px 25px;background: rgba(255,255,255,.25);border-radius: 8px;padding-right: 220px}
.video-info .b-button{position: absolute;right: 15px;top:15px;background: #FFF url(../images/btn_watchVideo.svg) left 12px center no-repeat;background-size: 26px;padding-left: 45px;padding-right: 15px}
.b-video-btn{background: #16161C url(../images/btn_watchVideo-w.svg) left 8px center no-repeat;background-size: 26px;;padding-left: 45px;padding-right: 20px}
.about-full-width .fullwidth-right,.about-full-width .fullwidth-left{height: 35vw}

.page-template-template-factsheet .d-body a{color: #16161C;text-decoration: underline}
.fs-button-wrap{position: absolute;z-index: 3;top:20px;width: 100%}
.fs-button{display: inline-block;float: right}
.fs-button .b-button{margin-right: 0;margin-left: 20px;background: #16161C !important;padding: 7px 20px 7px 50px;position: relative;cursor: pointer}
.d-pt-btn::before{position: absolute;width: 24px;height: 24px;background: #fff;background: #FFF url(../images/btn-print.svg) center center no-repeat;background-size: 100%;border-radius: 100%;content: "　";left: 10px}
.d-dl-btn::before{position: absolute;width: 24px;height: 24px;background: #fff;background: #FFF url(../images/btn-donwload.svg) center center no-repeat;background-size: 100%;border-radius: 100%;content: "　";left: 10px}
.bg-life-science-and-medicine,.bg-life-science-and-medicine-zh,.bg-life-science-and-medicine-sc{background-color: #2E5F4D !important}
.bg-mathematical-sciences,.bg-mathematical-sciences-zh,.bg-mathematical-sciences-sc{ background-color:  #802E3E !important}
.bg-astronomy,.bg-astronomy-zh,.bg-astronomy-sc{background-color: #2A3C80 !important}


/* founder */
.found-bg{width: 100%;min-height: 110vh;background: #802E3E}
.found-bg-shaw{position: relative;width: 50%;left: 0;top:0;height: 100%;background:  #802E3E;padding-bottom: 100px}
.found-bg-info{position: absolute;width: 50%;right: 0;top:0;height: 100%;background:#fdfcf8 }
.found-bg-info .profile-img{position: absolute;transform: translate(-50%,-50%);top:50%;left: 50%;width: 50%}
.txt-top{position: absolute;width: 100%;top:50px;text-align: center}
.txt-bottom{position: absolute;width: 100%;bottom:35px;text-align: center}
.found-timeline{position: relative;}

.found-timeline{margin-top: 90px}
.found-timeline li{margin-bottom: 20px;height: 80px;position: relative}
.found-timeline li::before{content: "　";position: absolute;width: 30px;height: 1px;background: #C39F5B;left: calc(50% - 15px);top:28px}
.found-timeline li::after{content: "　";position: absolute;width: 1px;height: 100%;background: #16161C;left: calc(50% - 1px);top:40px}
.found-timeline li:last-child::after{height: calc(100% - 24px);}

.found-timeline .left-block,.found-timeline .right-block{width: 30%;text-align: left;display: inline-block;position: relative;float: left;margin-right: 10%;margin-left: 10%;min-height: 60px}

.found-timeline li:nth-child(even) .left-block{float: right}
.found-timeline li:nth-child(even) .right-block{float: left}

.found-timeline li:nth-child(even) .left-block h4{left: 0}
.found-timeline li:nth-child(odd) .left-block h4{right: 0}

.found-timeline li:nth-child(even) .right-block h6{text-align: right;right: 0}



.found-timeline .right-block h6,.found-timeline .left-block h4,.found-timeline .right-block h4{;position: absolute;  top:50%;transform: translateY(-50%)}



.found-bg-shaw .b-button{display: inline-block;margin: 0 auto;left: 50%;transform: translateX(-50%);position: absolute;margin-top: 20px;margin-bottom: 90px}

/* Organization */
.go-section{cursor: pointer}
.pop-about{position: fixed;width: 100%;height: 100%;pointer-events: none;top:0;left: 0;z-index: 999;transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);}
.pop-about.active{pointer-events: auto}
.pop-about .pop-bg{position: absolute;width: 100%;height: 100%;background: #16161C;z-index: 2}
.pop-about .pop-bg{transition: all .4s cubic-bezier(0.65, 0, 0.35, 1);opacity: 0}
.pop-about.active .pop-bg{opacity: .8}


.pop-about .pop-info{transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);position: absolute;width: 50%;right: -100%;top:0;height: 100%;overflow-y: scroll;background: #FFF;z-index: 3}
.pop-about.active .pop-info{right: 0}

.pop-about .pop-info-head{background: #432918;padding: 60px}
.pop-about .pop-info-content{padding: 60px}
.pop-about .pop-close{position: absolute;right: 20px;top:20px;width: 40px;height: 40px;background:  url(../images/btn-close.svg) center  center  no-repeat;background-size:  contain;cursor: pointer}

/* medal-certificate/ */
    .section-ss {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      color: #fff;
      background: #16161C;position: relative
    }



    #indicator {
      position: fixed;
      top: 50%;
      right: 35px;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #fff;
      z-index: 9
    }

    .indicator-number {
      margin-bottom: 10px;
      opacity: 0.5;
      cursor: pointer;
    }

    .indicator-number.active {
      opacity: 1;
    }

    #section-title {
      position: fixed;
      bottom: 30px;
      left: 30px;
      font-size: 18px;
      color: #fff;
      z-index: 9
    }

    .control-arrow {
      position: fixed;
      right: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 999;
    }


    .control-arrow.up {
      bottom: 80px;
    }

    .control-arrow.down {
      bottom: 30px;
    }
.ss-title{position: absolute;width: 100%;top:160px;}
.ss-1{background: #16161C url(../images/medalcertificate/ss1.png) center  bottom  no-repeat;background-size:  cover;}
.ss-2{background: #16161C url(../images/medalcertificate/ss2.png) center  bottom  no-repeat;background-size:  70% auto;}
.ss-3{background: #16161C url(../images/medalcertificate/ss3.png) center  bottom  no-repeat;background-size:  70% auto;}
.ss-4{background: #16161C url(../images/medalcertificate/ss4.png) center  bottom  no-repeat;background-size:  70% auto;}
.ss-5{background: #16161C url(../images/medalcertificate/ss5.png) center  bottom  no-repeat;background-size:  70% auto;}
.ss-6{background: #16161C url(../images/medalcertificate/ss6.png) center  bottom  no-repeat;background-size:  70% auto;}
.ss-7{background: #16161C url(../images/medalcertificate/ss7.png) center  bottom  no-repeat;background-size:  70% auto;}
#vids_slider{background: none}
#section-title li{display: none}
#section-title li.active{display: block}
.dectect-item{opacity: 0}
.dectect-item.active{opacity: 1}

/* prizes */ 
.prizes-highlight{height:40vw;padding-top: 60px;background: #333;position: relative}
.quick-facts-list li{position: relative;padding-bottom: 40px;border-bottom: 1px solid #D7D7D7;margin-bottom: 40px}
.quick-facts-list li p{border-left: 1px solid #D7D7D7;padding: 20px 40px;margin-left: 140px}
.quick-facts-list li:last-child{border-bottom: 0}
.quick-facts-list li h2{position: absolute;;top:calc(50% - 20px);width: 140px;transform: translateY(-50%)}
.previous-laureates{height: 780px;padding-top: 40px;background: #333}
.previous-laureates-btn{padding-right: 20px;background: url(../images/btn-submit-down.svg) right  top 2px no-repeat;background-size:  15px;cursor: pointer}
.previous-block{padding-top: 60px;padding-bottom:120px /*90px*/}
.previous-l-list{width: calc(100% + 20px);margin-left: -10px}
.previous-l-list li{width: 20%;float: left;padding: 0 10px;}
.cpointer{cursor: pointer}
.b-button.sp-white.view-laureates-btn{background: #FFF  url(../images/btn-dropdown.svg) right 20px top 14px no-repeat;background-size: auto 8px;cursor: pointer}
.previous-l-list li.full-list-item .structure-member{display: none;}
.previous-l-list li.full-list-item {width: 100% !important}

#prize-bottom-block{background: #333;padding: 40px 0 60px 0}
#prize-bottom-block .mid-block{border-left: 1px solid rgba(155,155,155,.25);border-right: 1px solid rgba(155,155,155,.25)}
.prize-inner{height: 320px;opacity: .25;position: relative}
.prize-inner.active,.prize-inner:hover{opacity: 1}
#prize-bottom-block:hover .prize-inner.active{opacity: .25}
#prize-bottom-block .prize-inner:hover,#prize-bottom-block .prize-inner.active:hover{opacity: 1}
.prize-inner .view-prize{position: absolute;left: 0;bottom: 0}

.bg-2A3C80{background: #2A3C80 !important}
.bg-2E5F4D{background: #2E5F4D !important}
.bg-802E3E{background: #802E3E !important}


/* new */
.caterory-title{margin-right: 15px}

/* Nomination */
.nomination-reminder{padding-top: 30px;background: #16161C;border-radius: 4px}
.nomination-disciplines{background: #432918}
.disciplines-img{position: absolute;width: 100%;height: 100%;;top:0;left: 0;opacity: 0}
.disciplines-img.active{opacity: 1}
.rules-list li{margin-bottom: 60px;padding-bottom: 60px;border-bottom: 1px solid #D7D7D7;padding-left: 75px;position: relative}
.rules-list li:last-child{border-bottom: 0;margin-bottom: 0px;padding-bottom: 0px;}
.rules-number{position: absolute;left: 0;top:0}
.disciplines-list li h4{display: inline-block;cursor: pointer;line-height: 1.7 !important}

.disciplines-list li h4:hover {color: #C39F5B}

.dropdown-content{border-top: 1px solid #D7D7D7}
.dropdown-content li{background:  url(../images/arrow-dropdown.svg) right 20px top 35px no-repeat;background-size:  auto  10px;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #D7D7D7;}
.dropdown-content li h6{cursor: pointer}
.dropdown-content li.active{background:  url(../images/arrow-dropdown-up.svg) right 20px top 35px no-repeat;background-size:  auto  10px;}
.dropdown-content li p,.dropdown-content li a.button{display: none;padding-top: 20px}
.dropdown-content li.active p,.dropdown-content li.active a.button{display: block}

/* publications*/
.publications-filter-wrap{margin-top: 60px;margin-bottom: 60px;}
.publications-filter-mbtn{display: none}
.publications-filter{overflow: hidden;border-bottom: 1px solid #16161C;display: flex;}
.publications-filter li{width: 25%;position: relative;float: left;padding-bottom: 30px;position: relative;cursor: pointer; flex: 1;}
.publications-filter.is-sheet-on li{width: 20%}
.publications-filter li.active::after{content: "　";width: 100%;height: 3px;background: #16161C;bottom: 0;left: 0;display: block;position: absolute}
.media-bottom-block{height: 560px;padding: 60px 0}

.media-bottom-img{width: 64%;position: absolute;right: 0;top:0;height: 560px;background: #333}
.sub-page-menu-img li{position: absolute;width: 100%;height: 100%;}
.sub-page-menu-img li.active{z-index: 3}
.sub-page-menu-img li.on{z-index: 4}
.sub-page-menu h5{cursor: pointer;display: inline-block}

.publication-list h6{background:  url(../images/arrow-dropdown.svg) right  center no-repeat;background-size:  auto  10px;}
.publication-list li .more-content{display: none}
.publication-list li.active .more-content{display: block}
.publication-list li{overflow: hidden}
.publication-list li.active h6{background:  url(../images/arrow-dropdown-up.svg) right  center no-repeat;background-size:  auto  10px;}

/* event */
.past-event-block{position: relative;;overflow: hidden}
.past-event-left{width: 50%;position: relative;display: inline-block}
.past-event-img{float: right;display: inline-block;width: 40%;}
.past-event-img.desktop-item{display: inline-block !important}
.past-event-img.mobile-item{display: none !important}
.time-wrap{padding-left: 20px;background:  url(../images/icon-time.svg) left -2px center   no-repeat;background-size:  auto  25px;padding: 3px 0 0 25px;margin:  5px 0 }


.location-wrap{padding-left: 20px;background:  url(../images/icon-venue.svg) left -2px top   no-repeat;background-size:  auto  25px;padding: 3px 0 0 25px;margin:  5px 0 }
.video-wrap {width: 100%;height: 20vw}
.ev-iframe iframe{width: 100%;height: 34vw }

.video-wrap-full{width: 100%;aspect-ratio: 3 / 2 !important;}
.more-content .more-content-inner{padding: 30px 0;border-top:2px solid #16161C}
.more-content li{list-style: disc;margin-left: 20px}
.popup-image-btn{position: relative;width: calc(50% - 25px);margin-right: 25px;float: left}
.popup-image-overlay{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.8);opacity: 0;top:0;left: 0}
.popup-image-btn:hover .popup-image-overlay{opacity: 1}

/* gallery*/
.photo-icon-wrap{padding-left: 20px;background:  url(../images/icon-gallery-photo.svg) left -2px  center  no-repeat;background-size:  auto  25px;padding: 3px 0 0 25px;margin:  5px 0}
.vidoe-icon-wrap{padding-left: 20px;background:  url(../images/icon-gallery-video.svg) left -2px center   no-repeat;background-size:  auto  25px;padding: 3px 0 0 25px;margin:  5px 0 }
.gallery-list-img{width: 100%;height:18vw}
.image-pop{cursor: pointer}
.pop-left-arrow{position: absolute;width:40px;left: -80px;bottom:50%;height: 40px; background:  url(../images/btn-prev-home.svg) center center no-repeat;background-size: contain;;z-index: 6;border-radius: 100%;border: 1px solid #FFF;cursor: pointer}
.pop-right-arrow{position: absolute;width: 40px;right: -80px;bottom:50%;height: 40px; background:  url(../images/btn-next-home.svg) center center no-repeat;background-size: contain; ;z-index: 6;border-radius: 100%;border: 1px solid #FFF;cursor: pointer}

/* publication */
.vids_carousel li{width: 112px !important}
.shaw-book-wrap{height: 40vw;width: 100%;background: #16161C}
.sb-highlightimg{width: calc(56% - 60px);height: 100%;position: absolute;right: 60px;top:0;background: #EEE}
.sb-left{padding: 35px;width: 44%;height: 100%;position: relative}
.sb-left .b-button{position: absolute;bottom: 35px;left: 35px}
.archive-item h6.archive-off,.archive-item.active h6.archive-on{display: inline-block }
.archive-item h6.archive-on,.archive-item.active h6.archive-off{display: none}

/* organization */
.structure-member{height: 21vw;float: left;background: #C39F5B;width: 100%;position: relative;background-size: auto 100%  !important}
.previous-l-list li.clearfix{width: 100%;display: block;height: 1px}
.structure-filter{overflow: hidden;margin-top: 190px;margin-bottom: 60px;border-bottom: 1px solid #16161C}
.structure-filter li{width: 25%;position: relative;float: left;cursor: pointer;}
.structure-filter.on-5 li{width: 20%}
.structure-filter li{padding-left: 20px;padding-right: 20px}
.structure-filter li h6{display: inline-block}
.structure-filter li {padding: 20px}
/*.structure-filter li.active::after{content: "　";width: 100%;height: 3px;background: #16161C;bottom: 0;left: 0;display: block;position: absolute}*/
.structure-filter li.active{background:#C39F5B }
.structure-filter li.active h6{color: #FFF}

.structure-filter li.drop-structure::after{display: none}
.structure-wrap{position: relative;min-height: 100vh}
.structure-block h6{position: relative}
.structure-block-wrap,.publications-block-wrap{display: none;}
.structure-block-wrap.active,.publications-block-wrap.active{display: block}
.structure-sub-menu{position: absolute;width: 25%;right: 0;top:109px;background: #D7D7D7;z-index: 2;display: none}
.structure-sub-menu-p{right: 20%}
.structure-sub-menu.on-5{width: 20%;padding-left: 20px;padding-right: 20px}
.structure-sub-menu.active{display: block}
.structure-sub-menu li{width: 100%;padding: 10px 25px;text-align: left;cursor: pointer;border-bottom: 1px solid #FFF}
.structure-filter h6.filter-btn{background: url(../images/btn-dropdown.svg) right center no-repeat;background-size: 10px;display: inline;padding-right: 20px;}

.structure-filter li.active  h6.filter-btn{background: url(../images/btn-dropdown-w.svg) right center no-repeat;background-size: 10px;display: inline;padding-right: 20px;}


/* Outreach */
.fullwidth-left,.fullwidth-right{position: relative;float: left}
.fullwidth-left{width: 50%;position: relative;height: 50vw;padding: 60px}
.fullwidth-right{width: 50%;position: relative;height: 50vw;background: #999}
.bottom-ab{position: absolute;width: 100%;padding: 60px;bottom: 0;left: 0}
.middle-block{border-left: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7}

.outreach-landing .fullwidth-left,.outreach-landing .fullwidth-right{height: 80vh}
.outreach-listing-cat .fullwidth-right{height: 35vw}
.outreach-listing-cat .fullwidth-left{height: auto}

/* autobio */
.portrait-banner{height: 36vw}
.portrait-banner h1{width: 50%}
.banner-bottom-info{position: absolute;bottom: 40px;left: 60px}
.autobio-portrait{position: absolute;right: 60px;width: 40%;height: 100%;bottom:0;}
.bio-timeline{border: 1px solid #999;padding: 30px 30px 0 30px; position: relative}
.bio-timeline h6.year-wrap{position: absolute;left: 0;top:0}
.bio-timeline li{padding-left: 100px;position: relative;padding-bottom: 40px}
.bio-timeline li .v-line{position: absolute;left: 60px;top:8px;width: 15px;background: #999;height: 1px}
.bio-timeline li .h-line{position: absolute;left: 67px;top:18px;width: 1px;background: #999;height: calc(100% - 24px) }


/* laureates */
.laureates-banner{border-radius: 4px}
.autobio-portrait-100{position: absolute;right: 60px;width: calc(100% - 120px);height: 100%;bottom:0 }
.laureates-banner  .autobio-portrait-1.autobio-total-1{right:30%}

.laureates-banner  .autobio-portrait-1.autobio-total-2{right:42%}
.laureates-banner  .autobio-portrait-2.autobio-total-2{right:18%}

.laureates-banner  .autobio-portrait-1.autobio-total-3{right:55%}
.laureates-banner  .autobio-portrait-2.autobio-total-3{right:30%}
.laureates-banner  .autobio-portrait-3.autobio-total-3{right:5%}

.laureates-banner  .autobio-portrait-1.autobio-total-4{right:60%}
.laureates-banner  .autobio-portrait-2.autobio-total-4{right:40%}
.laureates-banner  .autobio-portrait-3.autobio-total-4{right:20%}
.laureates-banner  .autobio-portrait-4.autobio-total-4{right:0%}


.laureates-list li.astronomy .previous-l-list .portrait-wrap,.laureates-list li.astronomy-zh .previous-l-list .portrait-wrap,.laureates-list li.astronomy-sc .previous-l-list .portrait-wrap{background-color: #2A3C80 !important}
.laureates-list li.life-science-medicine .previous-l-list .portrait-wrap,.laureates-list li.life-science-medicine-zh .previous-l-list .portrait-wrap,.laureates-list li.life-science-medicine-sc .previous-l-list .portrait-wrap{background-color: #2E5F4D !important}
.laureates-list li.mathematical-sciences .previous-l-list .portrait-wrap,.laureates-list li.mathematical-sciences-zh .previous-l-list .portrait-wrap,.laureates-list li.mathematical-sciences-sc .previous-l-list .portrait-wrap{background-color: #802E3E !important}
.laureates-list>li:nth-child(odd) .previous-block{background: #FCFBF6}
.laureates-list>li:nth-child(even) .previous-block{background: #F1F0EC}
.portrait-wrap{height: 21vw !important;background-size: auto 100%  !important}

/* Medal & Certificate */
.mnc-wrapper section{width: 100%;;background: #16161C;border-bottom: #333}
.mnc-slider{width: 100%;background: #999999}
.mnc-slider .home-banner-block{width: 100%;height: auto;aspect-ratio: 1920 / 1280;}
.break-dot{width:24px;height: 24px;margin: 48px auto 14px;;border-radius: 100%}
.certificate-wrap{position: relative;overflow: hidden}
#certificate-process{width: 100%;height: 1px;background: #333;position: relative}
#certificate-process .process-bar{width: 33%;position: absolute;height: 2px;background: #16161C;top:-2px;transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);}
#certificate-process.p1 .process-bar{left: 0%}
#certificate-process.p2 .process-bar{left: 33%}
#certificate-process.p3 .process-bar{left: 67%}
.mnc-slider-bar{position: absolute;;z-index: 2;width: 100%;bottom: 0}
.mnc-slider-bar-in{width: calc(33% - 30px);height: 3px;background: rgba(255,255,255,.4);float: left;margin: 20px 15px;position: relative}
.mnc-slider-bar-in span{width: 0%;height: 3px;background: #FFF;position:absolute;display: inline-block;top:0}
.cp-1,.cp-2,.cp-3{cursor: pointer}

/* contact */
.contact-page a{color: #16161C}

/* content */
.table-striped > tbody > tr:nth-of-type(2n+1) {background: #FCFBF6 !important}
.wys-wapper .table-striped p{margin-bottom: 0 !important }
.wys-wapper .table-striped td{padding: 20px}
.wys-wapper td{padding: 20px;}
.wys-wapper tr:nth-child(odd) {background: #FCFBF6}
.wys-wapper tr:nth-child(even){background: #F1F0EC}

/* footer */
.footer-menu-list>li{padding-top: 40px;border-top:1px solid #D7D7D7;margin-bottom: 60px}
.footer-menu-list li a{color: #16161C}
.footer-sub-menu{margin-top: 20px}
.footer-sub-menu li{padding-left: 20px;position: relative}
.footer-sub-menu li::after{content: "　";position: absolute;left: 0;top:10px;width: 5px;height: 5px;background:#16161C;border-radius: 100% }

.new-letter .nf-before-form-content,.new-letter .nf-field-label{display: none}
.new-letter .nf-form-content{padding: 0}
.new-letter input{padding-left: 0 !important;padding-right: 0 !important; background: none !important;color: #FFF !important}
.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea{color: #FFF !important;border: none !important ;border-bottom: 1px solid #FFF !important}
.submit-wrap input:not([type="button"]){display: inline-block;border-radius: 20px !important; padding: 7px 40px 7px 20px !important;background: #999999 url(../images/btn-arrow.svg) right 20px center no-repeat !important;background-size:  auto 13px !important;margin-right: 20px;border-bottom: 0 !important;height: 40px !important;}


/* zh */
.lang-zh .b-button,.lang-sc .b-button{padding: 6px 40px 8px 20px;}
.lang-zh .footer-menu li,.lang-sc .footer-menu li{min-height: 190px}
.lang-zh .fs-button .b-button,.lang-sc .fs-button .b-button,.lang-zh .b-video-btn,.lang-sc .b-video-btn{padding: 7px 20px 7px 50px;}