@media only screen and (min-width: 320px) and (max-width:767px) {

h1	{ font-size: 48px; line-height: 1;font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
h2 	{ font-size: 36px;line-height: 1.2}
h3  { font-size: 32px;line-height: 1.2}
h4 ,.h4-p p  { font-size: 24px;line-height: 1.2}
h5 	{ font-size: 21px;line-height: 1.4}
h6  { font-size: 18px;line-height: 1.4;  }

.body-text,.d-body,.d-body p,.wys-wapper p,.wys-wapper li,.wys-wapper table{font-size:16px !important;line-height: 28px}
.tiny-text,.d-button,.d-tiny, .lang-btn a{font-size:14px !important;line-height: 1.4}
.small-text{font-size:14px !important;line-height: 1.4 }



.lang-zh h1,.lang-sc h1	{ font-size: 42px; line-height: 1;}
.lang-zh h2,.lang-sc h2	 { font-size: 32px;line-height: 1.2}
.lang-zh h3,.lang-sc h3	 { font-size: 28px;line-height: 1.2}
.lang-zh h4,.lang-sc h4	,.lang-zh .h4-p p ,.lang-sc .h4-p p { font-size: 21px;line-height: 1.2}
.lang-zh h5,.lang-sc h5	 { font-size: 19px;line-height: 1.4}
.lang-zh h6,.lang-sc h6	 { font-size: 16px;line-height: 1.4; }

.lang-zh .body-text,.lang-zh .d-body,.lang-zh .wys-wapper p,.lang-zh .wys-wapper li,.lang-zh .wys-wapper table,
.lang-sc .body-text,.lang-sc .d-body,.lang-sc .wys-wapper p,.lang-sc .wys-wapper li,.lang-sc .wys-wapper table
{font-size:16px !important;line-height: 28px}
.lang-zh .tiny-text,.lang-zh .d-button,.lang-zh .d-tiny,.lang-zh .lang-btn a,
.lang-sc .tiny-text,.lang-sc .d-button,.lang-sc .d-tiny,.lang-sc .lang-btn a
{font-size:14px !important;line-height: 1.4}
.lang-zh .small-text,
.lang-sc .small-text
{font-size:14px !important;line-height: 1.4 }







p,li	{font-family:'Shne Buch','Noto Sans TC', 'Helvetica Neue', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;;color: #16161C;font-size:15px;line-height: 24px;}
h6.d-button,.lang-btn a{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.d-tiny,.input,.d-tiny p{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.header-menu ul li>h6{font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;font-size: 21px !important}

.bold, .wys-wapper strong, .wys-wapper b, strong {

  letter-spacing: -.2px;
}

.grid-wrap{display: grid}
.section-1-order{order:1}
.section-2-order{order:2}


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

.m-w100{width: 100%;display: block}

.social-media-list{float: left}
.padding-bottom-200,.page-inner-240{padding-bottom: 60px;margin-bottom: 0}

.flexslider{margin-bottom: 40px}

.margin-5-bottom{margin-bottom: 5px}
.margin-160-bottom{margin-bottom: 60px}
.margin-120-bottom,.margin-80-bottom,.margin-140-bottom{margin-bottom: 40px}
.margin-70-bottom,.margin-25-bottom,.margin-60-bottom,.margin-40-bottom,.margin-30-bottom{margin-bottom: 20px}
.margin-90-bottom{margin-bottom: 40px}

.margin-60-top{margin-top: 40px}
.m-margin-20-top{margin-top: 20px}
.m-margin-30-top{margin-top: 30px}
.m-margin-48-top{margin-top: 48px}
.m-margin-40-top{margin-top: 40px}

.m-margin-0-bottom{margin-bottom: 0}
.m-margin-4-bottom{margin-bottom: 4px}
.m-margin-8-bottom{margin-bottom: 8px}
.m-margin-10-bottom{margin-bottom: 10px}
.m-margin-20-bottom{margin-bottom: 20px}
.m-margin-24-bottom{margin-bottom: 24px}
.m-margin-28-bottom{margin-bottom: 28px}
.m-margin-30-bottom{margin-bottom: 30px}
.m-margin-32-bottom{margin-bottom: 32px}
.m-margin-40-bottom{margin-bottom: 40px}
.m-margin-42-bottom{margin-bottom: 42px}
.m-margin-48-bottom{margin-bottom: 48px}
.m-margin-56-bottom{margin-bottom: 56px}
.m-margin-60-bottom{margin-bottom: 60px}
.m-margin-64-bottom{margin-bottom: 64px}
.m-margin-88-bottom{margin-bottom: 88px}
.m-margin-160-bottom{margin-bottom: 160px}
	
	.m-f-21{font-size:21px !important}
	.m-f-26{font-size:26px !important}

	.m-lh-20{line-height:20 !important}

.container{padding-left: 20px;padding-right: 20px}
.page-inner{margin-top: 78px}
.banner{padding: 30px 15px;height: 100vw}
.banner-gradient{height: 40vw;}

.banner h1,.banner h6{position: absolute;left: 15px;top:30px;z-index: 3;width: 80%}
.banner h1.sub-head-on{top:60px;}

.addtoany_shortcode span{width: 32px !important;height: 32px !important;}
.addtoany_shortcode a,.addtoany_shortcode a:hover{background-size: contain !important}
.addtoany_list a{padding: 0  !important;margin-right: 10px !important}

.lang-wrap{padding-left: 20px}

.media-bottom-img{display: none}
.sub-page-menu{margin-bottom: 40px}
.media-bottom-block{padding-top: 20px;padding-bottom: 0;height: auto}

.drop-btn{padding: 20px 0}
.drop-btn h6.filter-btn{background: url(../images/btn-dropdown.svg) right top 4px no-repeat;background-size: 12px;}
.section-title{margin-bottom: 20px}

.popup-landing-inner.half-pop{width: calc(100% - 30px)}
.popup-left-block{width: 100%;height: calc(100vw - 30px)}
.popup-right-block{width: 100%;height: auto;padding-bottom: 80px !important;position: relative}
.popup-right-block p{display: none}
.popup-landing-inner{width: calc(100% - 40px)}
#pop_slider{margin-bottom: 0}
.popup-right-block{padding: 20px}
.popup-landing-banner-right{right: 20px;bottom:20px}
.popup-landing-banner-left{right: 74px;bottom:20px}
.popup-listing li .b-button{bottom: 20px}
.popup-cookies-inner{padding-left:10px}
.popup-cookies .pop-close{top:15px;right:10px}


.lightbox-bg{background: #16161C}
.lightbox-inner{width: calc(100% - 30px);/*height: 100%*/}
.lightbox-inner iframe, .lightbox-inner .image-wrap{height: 61.5vw}
.lightbox-inner h6{position: absolute;text-align: left !important;bottom: 20px}
.lightbox-inner .image-wrap{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%)}

.mobile-drop .mobile-drop-content{display: none}
.mobile-drop.active .mobile-drop-content{display: block}

.mobile-drop-title{border-top:1px solid #D7D7D7;padding-top: 15px;}
.mobile-drop h6{margin-bottom: 15px}
.mobile-drop {border-bottom:1px solid #D7D7D7;}
.mobile-drop .info-break-line{display: none}
.mobile-drop  .mobile-drop-title {background:  url(../images/arrow-dropdown.svg) right  top 18px no-repeat;background-size:  auto  8px;}
.mobile-drop.active   .mobile-drop-title {background:  url(../images/arrow-dropdown-up.svg) right  top  18px no-repeat;background-size:  auto  8px;}

.banner.mobile-item{display: block}
.wys-wapper td{width: 100% !important;
    display: block;
    overflow: hidden;
    height: auto !important;padding: 10px 0 }



/* header */
header{height: 78px;padding-top: 13px}
.logo-wrap img{height: 48px;}
.logo-wrap{width: 100%;padding: 15px;position: fixed;height: 78px;width: 100% !important;top:0;left: 0;z-index: 10;border-bottom: 1px solid #D7d7d7;background: #FFF;}
.logo-wrap a{display: inline-block}

.header-wrap{background: #FFF;position: fixed;width: 100%;height: 100%;left: 0;top:-100%;margin-top: 0;padding-top: 35px;}
.header-wrap.active{top:70px}
.mobile-menu{display: block;position: fixed;right: 25px;top:28px;width: 20px;height: 20px;background:  url(../images/mobile-menu.svg) center center no-repeat !important;z-index: 11}
.mobile-menu.active{background:  url(../images/mobile-menu-close.svg) center center no-repeat !important;}

.header-menu li{width: 100%;padding: 0 20px;margin-bottom: 20px}
.header-menu li h6{display: inline-block;}
.sub-menu{display: none !important}
.header-menu li::after{display: none}
.header-tools{display: none}

.drop-menu > h6{background: url(../images/btn-dropdown.svg) right top 10px no-repeat;}
.drop-menu.menu-on > h6,.header-menu li.active > h6{background: url(../images/btn-dropdown-gold.svg) right top 10px no-repeat;    background-size: auto;background-size: auto 8px;}
.header-wrap h6{text-transform: none}
.mobile-sub-menu h6{font-size: 16px !important}

.d-pt-btn::before ,.d-dl-btn::before {top:5px}
.fs-button .b-button{padding-top: 9px;padding-bottom: 6px}
.breakcom{margin-bottom: 24px !important}
.page-inner-200 .breakcom{margin-bottom: 0 !important}

.lang-sc .b-button,.lang-zh .b-button{padding: 9px 40px 5px 20px}

/* footer */
.footer-menu-list > li { padding-top: 20px;margin-bottom: 40px}
.footer-sub-menu li::after {top:5px}
.footer-sub-menu{margin-top: 15px}
footer{padding-top: 20px}
.footer-logo{height: 70px;margin-bottom: 20px}
.footer-menu li{display: none}
.footer .col-sm-3 p.d-tiny{font-size:16px !important;line-height:1.6 !important}
.footer-padding{padding-top: 20px;padding-bottom: 20px;border-top:1px solid #432918}

.new-letter{padding-top: 30px;padding-bottom: 40px;background: #999}
.new-letter h4{margin-bottom: 20px}
.submit-wrap input:not([type="button"]){background: #333  url(../images/btn-arrow.svg) right 20px top 12px no-repeat !important;}
.social-media-list img{width: 20px}
.social-media-list li{margin-right: 12px}

/* home */
.home-banner{height: auto;position: relative}
.home-banner-block{height: 500px}
.homebanner-num{right: 20px;bottom:40px}
.homebanner-load-wrap{margin-bottom: 30px}
.home-banner-inner h3{font-size: 21px;width: 80%}
.home-banner-inner .b-button{position: relative;bottom: auto }
.home-s-control-prev, .home-s-control-next{height: 30px;width: 30px;float: left;margin: 0 5px}
.homebanner-load{bottom: 8px}
.mobile-sub-menu{display: none;margin-left: -20px;width: calc(100% + 40px);border-top: 1px solid #D7D7D7}
.mobile-sub-menu h6{width: 100%;padding: 10px 20px 6px 20px;border-bottom: 1px solid #D7D7D7}
.header-menu li.active .mobile-sub-menu{display: block;}
.mobile-sub-menu a,.mobile-sub-menu h6{color: #16161C !important}

.header-menu li.active>h6{padding-bottom: 10px;color: #C39F5B}

.home-banner-left{width: 32px;height: 32px;bottom:70px;right: 60px}
.home-banner-right{width: 32px;height: 32px;;bottom:70px;right: 20px}

.home-status-bottom {height: 90px;  background: linear-gradient(0deg, rgb(195, 159, 91) 10%, rgb(195, 159, 91) 90%, rgba(195,159,91,0) 100%);}

.news-list-wrap .rm-button,.event-list-wrap .rm-button,.outreach-list-wrap .rm-button{position: relative;bottom: auto;margin-bottom: 10px}
.rm-button{display: inline-block;background:  url(../images/btn-arrow-b.svg) right  top 2px no-repeat;background-size:  auto  12px;}
.rm-button.download-button{background: url(../images/btn-download.svg) left top 2px no-repeat;    background-size: auto;  background-size: auto 13px;}
.news-list-wrap,.outreach-list-wrap{margin-bottom: 40px}
.news-thum{height: 60vw !important}
.home-news-read-more{margin-top:6px}
.home-s-control{left: 50%;bottom: 20px;transform: translateX(-50%)}
.home-winner-block{width: 100%;margin-bottom: 20px}
.home-status{padding-top: 20px;height: 150vw}
.home-status-icon,.home-live-icon{height: 42px;margin-bottom: 30px}
.home-stac-medal{width: 100%}
.home-stac{margin-top: 0;position: relative;overflow: hidden;border: none}
.home-stac{width: 100%;padding-right: 10px;padding-left: 10px;text-align: center;margin-bottom: 16px;
    padding-bottom: 16px;border-bottom: 1px solid #D7D7D7}
.home-stac h6{width: calc(100% - 80px);position: relative;line-height: 1.2;padding: 32px 0;text-align: left;border-left: 1px solid #D7D7D7;
  padding: 20px 40px;margin-left: 80px;}
.home-stac h1{position: absolute;left: 0;top: 44%;transform: translateY(-50%);font-size: 48px !important}

,home-stac br{display: none}
.status-list li{padding:10px 20px;padding-left: 105px;margin-bottom: 8px}
.status-list li h6{font-size: 14px;line-height:20px}
.status-date{padding:  0 15px;}
.status-date h6{line-height: 1 !important}
.home-winner-color-bar{margin: 10px 0;width: 100%;height: 3px}
.home-winner{padding-top: 40px}
	.news-list-wrap h6.signifier{font-size:24px !important;line-height:1.3 !important}	
.home-section-3 .rm-button {background-size: auto 12px;}
	.home-section-3{border-bottom: 1px solid #D7D7D7}
.btn-refresh{position: relative !important;bottom: auto !important;margin-bottom: 20px;display: inline-block}
.count-down-container{height: auto;width: 100%}
.home-ceremony-wrap, .home-ceremony-yt-wrap{position: relative;top:auto;left: auto;transform: translate(0);margin-bottom: 80px}
.home-ceremony-yt-wrap iframe{width: 80vw;height: 52vw;}
.home-ceremony-yt-wrap{margin-top: 60px}
.count-down h1{margin-bottom: 32px}
.acs-title{margin-top: 40px;}
.home-ceremony{height: auto}
.event-list-wrap {padding-bottom: 0;margin-bottom: 42px}

/* about */
.pl-name{line-height:22px !important}
	.pl-title{margin-bottom:8px !important}
.youtube-about{margin:  30px 0 !important}
.video-thum{position: relative;padding-left: 140px;min-height: 100px;border-bottom: 1px solid #D7D7D7;margin-bottom: 20px;padding-right: 60px;background:  url(../images/btn-mobile-play.svg) right  top  no-repeat;background-size:  auto  26px;}
.video-thum-img{width: 120px !important;position: absolute;left: 0;top:0;}
#about-scroll .margin-60-bottom{margin-bottom: 48px}
.about-video{height: 80vw}
.video-info{right: 15px ;bottom:15px;width: calc(100% - 30px)}
.d-height-80{height: auto}
.about-full-width{text-align: center}
.bottom-ab{position: relative}
.disciplines-list li{height: 120px;position: relative}
.disciplines-list li h4{line-height: 120px !important;position: relative;width: 100%;z-index: 2}
.disciplines-bg{position: absolute;width: 100%;height: 100%;background: #EEE;left: 0;top:0;z-index: 1}
.about-full-width .fullwidth-left{height: auto !important}

.page-template-template-organization .structure-filter-wrap{border: none ;margin-top: 0}


.sc-btn-drop{margin-top: 20px;width: 100% !important}
.sc-btn-wrap{display: none;padding-top: 10px}
.home-winner-wrap.active .sc-btn-wrap{display: block}
.sc-btn-drop h6{display: inline-block;padding-right: 20px}
.sc-btn-drop h6{background:  url(../images/arrow-dropdown.svg) right  top 8px no-repeat;background-size:  auto  8px;}
.home-winner-wrap.active .sc-btn-drop h6{background:  url(../images/arrow-dropdown-up.svg) right  top 8px no-repeat;background-size:  auto  8px;}

.found-bg{height: auto;margin-bottom: 86px}
.found-bg-shaw{padding-bottom: 20px}
.found-timeline{margin-top: 20px}
.found-bg-info,.found-bg-shaw{position: relative;width: 100%;height: auto;overflow: hidden}
.found-timeline .right-block,.found-timeline .left-block{width: 40%}
.found-timeline .left-block{margin-left: 0}
.found-bg-info .profile-img,.found-bg-info .txt-top,.found-bg-info .txt-bottom{position: relative}
.txt-top,.txt-bottom{margin: 30px 0;top:auto;bottom: auto}
.txt-top{margin-bottom: 90px ;}
.txt-bottom{margin-top: 90px ;}
.found-bg-info .profile-img{margin: 0 auto;top:0;transform: translate(0,0);left: 0}
.found-bg-shaw .b-button{position: relative;margin-bottom: 40px}

.mrrs-info .margin-100-bottom{margin-bottom: 56px}
.mrrs-info{margin-bottom: 90px}

	.pop-about .pop-info{width:calc(100% - 30px)}
.pop-about .pop-info-head,.pop-about .pop-info-content{padding:20px}

.structure-member{width: 100%;height: 54vw;margin-right: 15px;}
.portrait-wrap{height: 54vw !important}
.structure-block .margin-40-bottom{margin-bottom: 20px}

.mnc-slider{height: auto}
.mnc-slider .home-banner-left,.mnc-slider .home-banner-right{display: none }

.quick-facts-list li p{position: relative;top:0;left: 0;width: calc(100% - 80px);margin-left: 90px}
.quick-facts-list li h2{position: absolute;left: 0;top:46%;transform: translateY(-50%);font-size: 48px !important}
.quick-facts-list li{padding-bottom: 0;margin-bottom: 16px;padding-bottom: 16px}

.about-laur-wrap{padding-left: 0}
.single-count{width: 100% !important;left: 0 !important}
.structure-block-wrap .apsc-btn{float: left !important}
.full-list-item  h6.margin-10-bottom{margin-bottom: 4px}
.break-dot{margin-top: 14px}


/* */
.prizes-highlight{height: 272px;padding-top: 20px;border-radius: 4px}
.prizes-highlight h4{padding: 0 10%;line-height: 1.3 !important}
.previous-l-list li{width: 50%;margin-bottom: 40px}
.prize-inner{height: 200px;border-bottom: 1px solid #999;padding-top:20px;padding-bottom: 20px;margin-left: -24px;width: calc(100% + 48px);padding-left: 24px;padding-right: 24px;opacity: 1 !important}
.prize-inner .view-prize{bottom: 20px}
#prize-bottom-block{padding-bottom: 0;padding-top: 0}
.prize-inner .view-prize{left: 24px}
.prize-inner.active.pi-2A3C80{background: #2A3C80}
.prize-inner.active.pi-2E5F4D{background: #2E5F4D}
.prize-inner.active.pi-802E3E{background: #802E3E}
.prize-inner{background: #432918}
.previous-laureates{height:560px}

.publication-list h6{background:  url(../images/arrow-dropdown.svg) right  top 10px no-repeat;background-size:  auto  8px;}
.publication-list li.active h6{background:  url(../images/arrow-dropdown-up.svg) right  top 10px no-repeat;background-size:  auto  8px;}
.publication-list h6,.dropdown-content li h6{background:  url(../images/arrow-dropdown.svg) right 16px  center no-repeat;background-size:  auto  8px;}
.publication-list li.active h6,.dropdown-content li.active h6{background:  url(../images/arrow-dropdown-up.svg) right 16px center no-repeat;background-size:  auto  8px;}
.dropdown-content li {background: none !important}

.autobio-portrait{width: 50%}
.laureates-banner{border-radius: 0 !important}
.laureates-banner  .autobio-portrait-1.autobio-total-1{right:25%}

.laureates-banner  .autobio-portrait-1.autobio-total-2{right:45%}
.laureates-banner  .autobio-portrait-2.autobio-total-2{right:5%}

.laureates-banner  .autobio-portrait-1.autobio-total-3{right:50%}
.laureates-banner  .autobio-portrait-2.autobio-total-3{right:25%}
.laureates-banner  .autobio-portrait-3.autobio-total-3{right:0%}

.b-button.sp-white.view-laureates-btn{background: #FFF url(../images/btn-dropdown.svg) right 16px top 12px no-repeat; background-size: auto 8px;}

.previous-block{padding-bottom: 40px}
.page-template-template-laureates .filter-wrap-3::after {left: 50%}
.filter-width-full{position: relative;z-index: 6;padding: 0;border-top:1px solid #D7D7D7}
.drop-3-1,.drop-3-2{width: 50%}
.drop-3-2{left: 50%}
.drop-list-wrap{top:61px;z-index: 7;}
.drop-list-wrap a{padding: 0 20px}

.sub-page-menu li{margin-bottom: 10px}
.sub-page-menu li.active,.sub-page-menu li.on,.sub-page-menu:hover li.on{padding-left: 0;background: none}

.found-timeline li:nth-child(2n+1) .left-block h4{right: auto}
.found-timeline li .left-block {margin: 0 15px;width: 30%;}
.found-timeline li:nth-child(2n) .left-block{float: left}
.found-timeline .right-block{margin: 0;}
.found-timeline .right-block h6{text-align: left !important;right: auto !important}
.found-timeline .right-block {width: 60%}
.found-timeline li::before {left: calc(25% - 15px)}
.found-timeline li::after {left: calc(25% - 1px);top:35px;height: 80px}

.fs-button{float: left}
.fs-button .b-button{margin-left: 0;margin-right: 20px}
.fs-button-wrap{top:auto;position: relative;margin: 20px 0 40px 0}

.no-counter{border-radius: 0 !important}
.single-count{left: 0}


/* nomaiton */
.nomination-reminder{border-radius: 4px;position: relative;height: 70vw}
.nomination-reminder h4{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: calc(90% - 30px)}
.rules-list li{padding-bottom: 20px;margin-bottom: 20px;padding-left: 40px}
.bottom-ab{padding: 0}
.fullwidth-left,.fullwidth-right{width: 100%;height: auto;padding:  32px 20px}
.fullwidth-left .m-margin-20-bottom{margin-bottom: 32px }

.fullwidth-right{height: 62vw}
.outreach-listing-cat .fullwidth-right{height: 45vw}

/* media */
.gallery-list-img{height: 62vw}
.b-video-btn{background: #16161C url(../images/btn_watchVideo-w.svg) left 4px center no-repeat;
    background-size: auto;
  background-size: 26px;
  padding-left: 35px;}
.photo-icon-wrap,.vidoe-icon-wrap{display: inline-block;}

/* event */
.past-event-img{width: 100%}
.past-event-img.desktop-item{display: inline-block}
.height-15vw{margin-bottom: 20px}
.height-62vw{height: 62vw !important;margin-bottom: 20px}
.past-event-left{width: 100%}
.video-wrap {width: 100%;aspect-ratio: 3 / 2 !important;height: auto !important}
.ev-iframe iframe{width: 100%;aspect-ratio: 3 / 2 !important;height: auto !important}

.video-wrap-full{width: 100%;aspect-ratio: 3 / 2 !important;height: auto !important}
/* publication */
.height-22vw{height: 60vw !important;margin-bottom: 20px}
.height-40vw{height: 120vw !important;margin-bottom: 20px}
.shaw-book-wrap{height: auto}
.sb-left{padding: 15px;width: 100%;position: relative;height: 50vw}
.sb-left .b-button{left: 15px}
.sb-highlightimg{right: 0;position: relative;width: 100%;height: 70vw}
.publication-list{border-bottom: 1px solid #D7D7D7}
.publications-filter-wrap,.structure-filter-wrap{border: 1px solid #16161C;border-bottom: 0;text-align: left;}
.publications-filter-wrap h6{padding-left: 15px}
.publications-filter,.structure-filter{display: none;padding-bottom: 10px;padding-top: 10px;border-bottom:  1px solid #16161C;}
.publications-filter li,.structure-filter li{width: 100% !important;padding-bottom: 10px}
.publications-filter li.active::after ,.structure-filter li.active::after {display: none}
.publications-filter-mbtn,.structure-filter-mbtn{display: block;padding-bottom: 10px;padding-top: 10px;; border-bottom: 1px solid #16161C;}
.active .publications-filter,.active .structure-filter{display: block}
.publications-filter-mbtn,.structure-filter-mbtn{background:  url(../images/arrow-dropdown.svg) right 18px center no-repeat;background-size:  auto  8px;}
.active .publications-filter-mbtn,.active .structure-filter-mbtn{background:  url(../images/arrow-dropdown-up.svg) right 18px center no-repeat;background-size:  auto  8px;}

.structure-filter-wrap{margin-top: 60px;margin-bottom: 60px}
.structure-sub-menu{width: 100%;position: relative;top:0;border-bottom:  1px solid #16161C;}
.structure-filter{margin-bottom: 0;margin-top: 0}
.structure-filter-wrap h6{padding-left: 15px}
.structure-sub-menu li{padding: 5px 0}
.structure-filter{padding-bottom: 0px}

.outreach-landing .fullwidth-left,.outreach-landing .fullwidth-right{height: auto}
.outreach-landing .fullwidth-right{height: 50vw}
.outreach-listing-cat .fullwidth-left{padding-left: 0;padding-right: 0}

.print-off-wrap{position: relative;margin-bottom: 40px}
.print-off-wrap .fs-button{position: absolute;right: 0;bottom: 24px;margin-bottom: 0px}
.print-off-wrap .info-break-line{display: none}

}




@media only screen and (min-width: 768px) and (max-width:1280px) {
.desktop-item{display: none}
.mobile-item{display: none }	
.ipad-item{display: block  !important}	
.ipad-item.mobile-item{display: block }


h1	{ font-size: 48px; line-height: 1;font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
h2 	{ font-size: 36px;line-height: 1.2}
h3  { font-size: 32px;line-height: 1.2}
h4 ,.h4-p p  { font-size: 24px;line-height: 1.2}
h5 	{ font-size: 21px;line-height: 1.4}
h6  { font-size: 16px;line-height: 1.4; }

.body-text,.d-body,.d-body p,.wys-wapper p,.wys-wapper li,.wys-wapper table{font-size:16px !important;line-height: 28px}
.tiny-text,.d-button,.d-tiny, .lang-btn a{font-size:14px !important;line-height: 1.4}
.small-text{font-size:14px !important;line-height: 1.4 }



.lang-zh h1,.lang-sc h1	{ font-size: 42px; line-height: 1;}
.lang-zh h2,.lang-sc h2	 { font-size: 32px;line-height: 1.2}
.lang-zh h3,.lang-sc h3	 { font-size: 28px;line-height: 1.2}
.lang-zh h4,.lang-sc h4	,.lang-zh .h4-p p ,.lang-sc .h4-p p { font-size: 21px;line-height: 1.2}
.lang-zh h5,.lang-sc h5	 { font-size: 19px;line-height: 1.4}
.lang-zh h6,.lang-sc h6	 { font-size: 16px;line-height: 1.4; }

.lang-zh .body-text,.lang-zh .d-body,.lang-zh .wys-wapper p,.lang-zh .wys-wapper li,.lang-zh .wys-wapper table,
.lang-sc .body-text,.lang-sc .d-body,.lang-sc .wys-wapper p,.lang-sc .wys-wapper li,.lang-sc .wys-wapper table
{font-size:16px !important;line-height: 28px}
.lang-zh .tiny-text,.lang-zh .d-button,.lang-zh .d-tiny,.lang-zh .lang-btn a,
.lang-sc .tiny-text,.lang-sc .d-button,.lang-sc .d-tiny,.lang-sc .lang-btn a
{font-size:14px !important;line-height: 1.4}
.lang-zh .small-text,
.lang-sc .small-text
{font-size:14px !important;line-height: 1.4 }




p,li	{font-family:'Shne Buch','Noto Sans TC', 'Helvetica Neue', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;;color: #16161C;font-size:16px;line-height: 24px;}





p,li	{font-family:'Shne Buch','Noto Sans TC', 'Helvetica Neue', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;;color: #16161C;font-size:16px;line-height: 24px;}
h6.d-button,.lang-btn a{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.d-tiny,.input,.d-tiny p{font-family: 'Shne Buch','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
.header-menu ul li>h6{font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;font-size: 21px !important}




.m-w100{width: 100%;display: block}


.padding-bottom-200,.page-inner-240{padding-bottom: 60px;margin-bottom: 0}


.margin-5-bottom{margin-bottom: 0}
.margin-160-bottom{margin-bottom: 60px}
.margin-120-bottom,.margin-80-bottom,.margin-140-bottom{margin-bottom: 40px}
.margin-70-bottom,.margin-25-bottom,.margin-60-bottom,.margin-40-bottom,.margin-30-bottom{margin-bottom: 20px}
.margin-90-bottom{margin-bottom: 40px}

.margin-60-top{margin-top: 40px}


.container{padding-left: 20px;padding-right: 20px}
.page-inner{margin-top: 70px}
.media-bottom-img{display: none}
.sub-page-menu{margin-bottom: 40px}
.media-bottom-block{padding-top: 20px;padding-bottom: 0;height: auto}

.drop-btn{padding: 20px 0}
.section-title{margin-bottom: 20px}

/* header{background: aqua} */
/* header */
.header-menu, .header-tools{width: 100%;position: relative;float: left}
header{height: 70px;padding-top: 13px}
.logo-wrap img{height: 45px;}
.logo-wrap{width: 100%;padding: 15px;position: fixed;height: 70px;width: 100% !important;top:0;left: 0;z-index: 10;border-bottom: 1px solid #D7D7D7;background: #FFF;}
.logo-wrap a{display: inline-block}

.header-wrap{background: #FFF;position: fixed;width: 100%;height: 100%;left: 0;top:-100%;margin-top: 0;padding-top: 35px;}
.header-wrap.active{top:70px}
.mobile-menu{display: block;position: fixed;right: 25px;top:25px;width: 20px;height: 20px;background:  url(../images/mobile-menu.svg) center center no-repeat !important;z-index: 11}
.header-menu li{width: 100%;padding: 0 20px;margin-bottom: 20px}
.header-menu li h6{display: inline-block;}
.sub-menu{display: none !important}
.header-tools{display: none}
.mobile-sub-menu{display: none;margin-left: -20px;width: calc(100% + 40px);border-top: 1px solid #D7D7D7}
.mobile-sub-menu a,.mobile-sub-menu h6{color: #16161C !important}
.mobile-sub-menu h6{width: 100%;padding: 10px 20px 6px 20px;border-bottom: 1px solid #D7D7D7}
.header-menu li.active .mobile-sub-menu{display: block;}
.header-menu li.active>h6{padding-bottom: 10px;color: #C39F5B}
.header-menu li.active::after{display: none}
.lang-wrap{padding-left: 20px}
.header-menu, .header-tools{float: left}
.drop-menu > h6{background: url(../images/btn-dropdown.svg) right top 10px no-repeat;}
.drop-menu.menu-on > h6,.header-menu li.active > h6{background: url(../images/btn-dropdown-gold.svg) right top 10px no-repeat;    background-size: auto;background-size: auto 8px;}


/* footer */
.footer-menu-list > li { padding-top: 20px;margin-bottom: 40px}
.footer-sub-menu li::after {top:5px}
.footer-sub-menu{margin-top: 15px}
footer{padding-top: 20px}
.footer-logo{height: 70px;margin-bottom: 20px}
.footer-menu li{display: none}
.footer .col-sm-3 p.d-tiny{font-size:16px !important;line-height:1.6 !important}

.footer-padding{padding-top: 20px;padding-bottom: 20px;border-top:1px solid #432918;margin-top: 40px}

.new-letter{padding-top: 30px;padding-bottom: 40px;background: #999}
.new-letter h4{margin-bottom: 20px}
.submit-wrap input:not([type="button"]){background: #333  url(../images/btn-arrow.svg) right 20px top 12px no-repeat !important;}
.social-media-list img{width: 26px}
.social-media-list li{margin-right: 12px}


/* home */
.home-banner-block{height: 100vh}

/* about-the-prize */
	
.bottom-ab,.fullwidth-left{padding: 30px}
.disciplines-list li h4{line-height: 2}

.drop-list-wrap{top:60px}


}

@media only screen and (min-width: 1280px) and (max-width:1480px) {
.header-menu li{margin-right: 20px}

}

@media only screen and (min-width: 1201px) and (max-width:4999px) {

}
@media print {


h1	{ font-size: 48px; line-height: 1;font-family: 'Garda Nova II','Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif !important;}
h2 	{ font-size: 36px;line-height: 1.2}
h3  { font-size: 32px;line-height: 1.2}
h4 ,.h4-p p  { font-size: 24px;line-height: 1.2}
h5 	{ font-size: 21px;line-height: 1.4}
h6  { font-size: 16px;line-height: 1.4; }

.body-text,.d-body,.d-body p,.wys-wapper p,.wys-wapper li,.wys-wapper table{font-size:16px !important;line-height: 28px}
.tiny-text,.d-button,.d-tiny, .lang-btn a{font-size:14px !important;line-height: 1.4}
.small-text{font-size:14px !important;line-height: 1.4 }



.lang-zh h1,.lang-sc h1	{ font-size: 42px; line-height: 1;}
.lang-zh h2,.lang-sc h2	 { font-size: 32px;line-height: 1.2}
.lang-zh h3,.lang-sc h3	 { font-size: 28px;line-height: 1.2}
.lang-zh h4,.lang-sc h4	,.lang-zh .h4-p p ,.lang-sc .h4-p p { font-size: 21px;line-height: 1.2}
.lang-zh h5,.lang-sc h5	 { font-size: 19px;line-height: 1.4}
.lang-zh h6,.lang-sc h6	 { font-size: 16px;line-height: 1.4; }

.lang-zh .body-text,.lang-zh .d-body,.lang-zh .wys-wapper p,.lang-zh .wys-wapper li,.lang-zh .wys-wapper table,
.lang-sc .body-text,.lang-sc .d-body,.lang-sc .wys-wapper p,.lang-sc .wys-wapper li,.lang-sc .wys-wapper table
{font-size:16px !important;line-height: 28px}
.lang-zh .tiny-text,.lang-zh .d-button,.lang-zh .d-tiny,.lang-zh .lang-btn a,
.lang-sc .tiny-text,.lang-sc .d-button,.lang-sc .d-tiny,.lang-sc .lang-btn a
{font-size:14px !important;line-height: 1.4}
.lang-zh .small-text,
.lang-sc .small-text
{font-size:14px !important;line-height: 1.4 }




p,li	{font-family:'Shne Buch','Noto Sans TC', 'Helvetica Neue', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;;color: #16161C;font-size:16px;line-height: 24px;}


		
		.page-inner h4{font-size: 32px;line-height: 1.2;margin-bottom: 20px}
     .header-menu,footer,.banner,.media-bottom-block{display: none !important}
     .container{padding: 0}
     .lang-btn,.breakcom,.print-off{display: none}
     .share-title{display: none}
     
     .portrait-banner {display: block !important;padding: 0 !important}
     .banner h1, .banner h6{left: 0}
     
     /* fs */
     .fs-button-wrap{display: none}
     .quick-facts-list li p{padding: 0}
     .quick-facts-list li{margin-bottom: 20px;}
     
     .structure-member{height: 200px !important;width: 200px !important;display: block !important}
}