/* CSS Document */
@import url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250619092005/https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body.site {
    background-color: #ffffff !important;
}
.footer {
	background-color: #e0e0e0;
	color: #000000;
	display: block;
	float: left;
	width: 100%;
}
.nowrap{white-space:nowrap;}
.moduleItemExtraFields b,.item-1045,.item-1047,.item-1049{display: none;}
#trans a {
    color: #af8a3a!important;
    font-size: 17px;
}
.itemImageGallery h3{display: none;}
header {
    box-shadow: 0px 0px 16px 0px #af8a3a;
}
.publication h4 {
    margin-top: 50px;
    margin-bottom: 10px;
}
.itemExtraFieldsLabel{display: block!important;}
.tab-content{background-color: #ffffff;}

.nn_tabs-toggle-inner {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0px;
    color: #af8a3a;
	text-decoration: underline;
	text-decoration-color: transparent!important;
}
.img33 {
    width: 33%;
    text-align: center;
    margin: 0 auto;
    display: block;
	min-width: 400px;
}
.eventpre{text-align: center;}
.tkhead,.container,.footer>div {
    max-width: calc(1512px + 30px)!important;
}
.tkhead{padding-top: 5px;}
.itemFullText a, .itemIntroText a {
	text-decoration: underline;
}
  .header {
    transition: all 0.5s; /* 設置縮放動畫效果 */
	height: 130px;
  }
.header img {
    height: 113px;
    transition: all 0.5s;
    max-width: none;
    width: inherit;
}
.headnh{height: 100px;}
.headnh img {
    height: 80px;
    max-width: none;
    width: auto;
}
.header a.brand{width: 450px; overflow: hidden;
    transition: all 0.5s;
	max-width: none;} 
.headnh a.brand{width: 80px; overflow: hidden;} 
.headnh nav.navigation {
    margin-top: 20px;
}
#trans {
    margin-top: 20px;
	margin-right: -12px;
}
.itemContentFooter,.itemLinks{display: none!important;}
.footer>div{margin: 0 auto;}
.header {
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    z-index: 999999999;
}
#trans a #trans a {
    font-size: 18px;
    color: #af8a3a!important;
    font-weight: 400;
}
.engbar {
    border-top: #5E005E solid 10px;
    border-bottom: #e5c779 solid 5px;
    display: block;
}
.evideo {
    margin-top: 100px;
}
.indexvideo {
    width: 99%;
    height: 90vh;
    margin-top: 115px;
}
.indexvideo video {
    width: 99vw;
    height: 100%;
    object-fit: unset;
}
.engbarft {
    border-bottom: #5E005E solid 10px;
    border-top: #e5c779 solid 5px;
    padding: 0px!important;
    float: left;
    width: 100%;
    height: 0px;
}
.breadcrumb{display: none!important;}

.tc,.btnarea {
	display: none!important;
}
.eng {
	display: block
}
div.itemToolbar {
    padding: 0px!important;
}
.w50 {
	width: 50%;
	display: block;
	float: left;
	text-align: left;
}
.efooter {
	margin: 50px auto;
	background-color: #ffffff;
}
.centerpic{
    text-align: right;
}
.centerlist a{
    border: solid;
    padding: 10px 20px;
    border-width: 1px;
    border-radius: 30px;
    border-color: rgb(200 170 73);
    width: auto;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
	text-decoration:none!important;
	transition: all .5s;	
	background-color: #ffffff
}
.centerlist a:hover{
    color: #ffffff!important;
	background-color: #af8a3a
}
.k2CategoriesListBlock li a,.linkbtn23 {
    border: solid;
    padding: 3px 25px;
    border-width: 1px;
    border-radius: 30px;
    border-color: rgb(200 170 73);
    width: auto;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
    text-decoration: none!important;
    transition: all .5s;
    background-color: #ffffff;
    line-height: 150%;
    text-align: center;
    margin: 0 6px 12px auto;
    float: left;
	text-decoration:none!important;
}
div.k2CategoriesListBlock ul li a span.catTitle {
    padding-right: 0px;
}
.k2CategoriesListBlock li a:hover,.linkbtn23:hover{
    color: #ffffff!important;
	background-color: #af8a3a
}
.navigation .nav-child {
	margin-top: 5px!important;}
.summerprogram{
    text-align: center;
}
h4{
    color: #5E005E;
    margin: 2% 0;
    font-family:'Open Sans', sans-serif!important;
	line-height: 120%;
	font-size: 30px;
}
.container {
	max-width: 2400px;
	width: 95%!important;
}
.engnewsindex li {
	width: 33.33333%;
	display: block;
	float: left;
}
.jxtc_dnpwall_tmp1 {
    max-height: 680px;
    max-width: 100%;
    width: 100%;
    border: 0px;
    max-height: 315px;
}
#jxtcwall533 h2, #jxtcwall535 h2, #jxtcwall534 h2 {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    display: block;
    float: left;
}
.tablejxtcwall533 td,.tablejxtcwall535 td,.tablejxtcwall534 td{
    margin: 0% 1%;
    width: 31%!important;
    display: block;
    float: left;
}
.indexeicon {
    display: block;
    width: 70px;
    background-color: #ffffff;
    position: absolute;
    top: 630px;
    float: left;
    height: 70px;
    z-index: 999999999;
    left: 46%;
    border-radius: 30px 30px 0px 0px;
    overflow: hidden;
    text-align: center;
}
.indexeicon img {
	width: 50px;
	margin: 0 auto;
	margin-top: 6px;
}
.eindexblue {
    background-color: #ffffff !important;
    padding: 2%;
    height: 135px;
}
#jxtcwall534 td {
	display: block;
	width: 31%;
	margin: 1%;
	float: left;
	max-width: 31%
}
#jxtcwall534 h2 {
	font-size: 20px;
	font-weight: 600;
}
#content {
    margin-top: 150px;
}
.eventmore a:link,.eventmore a:visited{
    color: #af8a3a!important;
	font-size: 20px;
    font-weight: 600;
    text-transform:capitalize;
    transition: .15s;
    font-family:'Open Sans', sans-serif!important;
	border-bottom: 0px;
	transition: .5s all
}
#sidebar{top: 180px;
	position: sticky;
}
.area2 h3 {
    color: #af8a3a !important;
    text-transform: capitalize;
	border-bottom: 0px;
}
.twuse{display: none}
.enguse{display: block}
.mfp-wrap {
    z-index: 99999999999;
}
.titleeng {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 150%;
}
div.catItemImageBlock {
    margin: 0px;
}
div.catItemView {
    background-color: #ffffff;
    margin: 1%;
}
span.catItemImage {
    margin: 0px;
}
.eventmore a:hover{
	border-bottom: 5px solid #af8a3a;
}
.eventmore {
    text-align: center;
    padding: 10px;
    border: 1px solid #af8a3a;
    width: 200px;
    margin: 0 auto;
    margin-top: 24px;
}
.area2{margin-top: -150px}
.area2 h3 {
    font-family:'Open Sans', sans-serif!important;
}
.sframejxtcwall533 div.content,.sframejxtcwall535 div.content{background-color: #ffffff; }
.content h2{height: 25px; overflow: hidden;}
.banner {
	background-color: transparent!important;
	background-image: none!important;
}
.area2 h3.tktitle {
	text-transform: capitalize;
	background-color: #E0E0E0!important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	BORDER-BOTTOM: 0px;
	color: #af8a3a;
	font-size: 30px;
}
.footer a:visited, .footer a {
	color: #af8a3a;
}
.nav-child a:hover {
	background-color: #e5c779!important;color: #000000!important;
}

.header {
    background-image: none!important;
    margin-bottom: 0px;
	top: 0px;
}
.footer {
	padding-bottom: 50px;
}
#top {
	border-top: #5E005E solid 10px;
}
#tw > li > a {
    font-family:'Open Sans', sans-serif!important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}
.container {
	background-color: transparent!important;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
	padding: 20px!important;
	border: 0px!important;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.05)!important;
	-webkit-box-shadow: 0px 0px 0px rgb(0 0 0 / 5%)!important;
	box-shadow: 0px 0px 0px rgb(0 0 0 / 5%)!important;
}
.area2 div.moduletable {
	padding: 30px 0px;
}
div.itemBackToTop {
	text-align: center;
	position: fixed;
	z-index: 9999999;
	bottom: 0px;
	margin-left: 46vw;
	background-color: #af8a3a;
	padding: 20px 0px;
}
.itemBackToTop a {
	color: #ffffff;
	padding: 0px 20px;
}
.stafftt {
    border-bottom: 2px solid #af8a3a;
    margin-bottom: 5px;
    color: #af8a3a;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 4px;
    width: fit-content;
}
.staff {
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 1%;
	margin: 1% 0%;
}
.staffdis {
    width: 78%;
    margin: 0% 1%;
    display: block;
    float: left;
}
.staff h3 {
    color: #686868;
    font-size: 1.75rem;
    margin: 0px!important;
    padding: 0px 0px 15px!important;
}
.staff img {
	width: 20%;
	display: block;
	float: left;
	height: auto;
}
.itemToolbar{display: none;}
div.itemHeader {
    width: 40%;
    float: left;
    margin-right: 10%;
}
.itemHeader h2{
    padding-bottom: 50px;
    margin-bottom: 100px;}
h1, h2, h3, h4, h5 {
    font-family:'Open Sans', sans-serif!important;
}
.itemTitle {
    border-bottom: 0px;
    text-align: left;
    font-size: 36px;
	width: fit-content;
    border-top: 10px #5E005E solid;
    padding-top: 10px!important;
    margin-top: 50px!important;
}
div.itemExtraFields {
    width: 50%;
    display: block;
    float: left;
}
.itemFullText p, .itemFullText li {
    font-family:'Open Sans', sans-serif!important;
	line-height: 1.6;
	font-size: 16px;
	font-weight: 400;
}
.itemFullText table, .itemIntroText table{width: 100%!important;}
#blockrandom {width: 100vw; height: 80vh;
}
.itemIntroText {
    width: 50%;
    display: block;
    float: left;
    margin: 0 auto;
}
.itemFullText{
    width: 100%;
    display: block;
    float: left;
    margin: 0 auto;
}
.summerlink{font-size: 25px;text-decoration: none;
border-bottom: 2px solid;margin-bottom:10px;color: #af8a3a;}
h3.specailtt {
    color: #5E005E;
    font-family:'Open Sans', sans-serif!important;
    font-size: 30px;
    text-align: center;
    padding: 25px 0px!important;
    width: 100%;
    float: left;
}
div.itemImageBlock {
    width: 50%;
    float: right
}
.nn_tabs-toggle-inner{text-decoration: none!important;
}
.partschool{width: 100%; display: block; float: left;}
.partschool img{width: 120px; float: left; margin: 10px; height: 120px;}
.partschool p{display: none;}
.carea{width: 100%; display: block; float: left;}
.carea h2 {
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    font-size: 29px;
    padding: 10PX 0%;
    color: #af8a3a;
    text-indent: 0em;
    border-bottom: 2px solid #af8a3a;
    width: fit-content;
    margin-left: 1em;
}
.partschool h3 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 1em!important;
}
div.catItemHeader {
    text-align: center;
}
div.itemBackToTop a {
    text-decoration: none;
}
#k2ModuleBox529 span.catTitle:last-child{
  display: none;
}
.catTitle {
  display: inline-block;
  position: relative;
}
#content a {
    color: #af8a3a;
}
.titleeng{color:#686868}
.teacherlistblock a.moduleItemTitle{ color:#686868!important}
.sush3{
    color: #5E005E;
    width: 100%;
    display: block;
    float: left;
    margin: 15px 0px 0px!important;
    font-size: 26px;
    padding: 15px 0px!important;
}
.susgold{color: #af8a3a;}
.nn_tabs.align_justify>ul.nav-tabs {
    margin-bottom: 0px;
}
.nn_tabs .nav-tabs>li>a {
	margin-right: 10px;}
.visitsch a.moduleItemTitle{text-decoration-line: none!important;}
span.catItemEditLink {
    z-index: 9;
    display: block;
    position: relative;
    float: right;
    color: #ffffff;
}
.catItemEditLink a{color: #ffffff!important;}
@media (max-width: 1500px) {
	.navigation {
    width: 57%;
    float: right
}
}
@media (max-width: 500px) {
	.jxtc_dnpwall_tmp1 {
    height: fit-content;
}
.banner {
    margin-top: 25px;
}
		.navigation {
    width: 100%;
}
	.body .container {
    margin-top: 0px!important;
}
	.img33 {
    min-width: 250px;
}
	.tablejxtcwall533 td,.tablejxtcwall535 td,.tablejxtcwall534 td{
    width: 100%!important;
    display: block;
	max-width: 100%!important;
}
	.itemFullText, .itemFullText {
    width: 100%;
}
#content {
    margin-top: 25px;
}
	div.itemHeader {
    width: 100%;
}
	div.itemImageBlock {
    width: 100%;
    float: left;
}
	.itemTitle {
    font-size: 26px;
    width: 100%;
    text-align: center;
}
	.header {
    top: 0px;
}
	div.itemExtraFields {
    width: 100%;
}
	div.itemExtraFields ul li {
    width: 100%;
	float: left;
}
	div.itemExtraFields ul li span.itemExtraFieldsLabel {
    font-size: 15px;
}
	div.itemBackToTop{display: none!important}
	.area2 h3 {
    line-height: 150%;
    height: auto;
}
	.header a.brand,.headnh a.brand{
    width: 320px;
}
	.headnh img {
    width: inherit;
}
.header {
    height: 110px;
}
.indexvideo {
    width: 99%;
    height: 260px;
    margin-top: 110px;
    margin-bottom: 70px;
}
	.header img {
    height: 60px;
}
	.staff h3 {
    font-size: 17px;
    line-height: 100%;
}
.stafftt {
    font-size: 22px;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
}
	.staff img {
    width: 100%;
}
	.staffdis {
    width: 100%;
}
}





/*
     FILE ARCHIVED ON 9:20:05 六月 19, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 13:41:42 五月 25, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/