/* CSS Document */

@import url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20251031051801/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!important;

}
.titleeng{
	display: none!important;
}
.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 5:18:01 十月 31, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 22:22:49 五月 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)).
*/