@charset "UTF-8";

*, *::after, *::before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; padding:0; margin:0 auto; vertical-align:initial;}
a, a:link, a:focus, a:active, a:hover, a:visited {text-decoration:none !important; -webkit-background-clip:padding; -moz-background-clip:padding; -o-background-clip:padding-box; background-clip:padding-box;}
a, a:link, a:visited {color:royalblue;}
a:hover, a:active, a:focus {color:chocolate;}
a img {width:auto; height:auto; max-height:100%; padding:0; margin:0 auto; border:none;}
a img, .item-image, .shadow-link, .menu-image {transition:transform 0.25s ease-in-out;}
_::selection, a {vertical-align:middle\0 !important;}

html {font-size:18px; background:transparent url('/GlobalInclude/bg_Square_piece.png') left top repeat fixed; background-size:6px; background-color:rgba(100,100,100,0.2); box-shadow:inset 0 0 20px white;}
html, body {min-height:100vh; white-space:nowrap;}
body {line-height:1.65; background:#FFFFFFAA url('/GlobalInclude/NDHU_Logo+Title.png') center 0.5rem no-repeat; background-size:auto 4rem;}
body, body * {font-family:"Roboto", "Ionicons", "微軟正黑體", "Microsoft JhengHei", "Century Gothic", Meiryo, Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif, "Microsoft YaHei", "微软雅黑体", "微軟雅黑體";}
body * {white-space:normal; text-align:center;}

main {counter-reset:figure; overflow:auto; -webkit-overflow-scrolling:touch; /* ios5+ */ padding:5rem 1rem 1rem 1rem;}
main figure {width:calc(100% / 4 - 1%); max-width:16rem;}
h3 {color:darkred;}
ol {list-style-type:decimal-leading-zero;}
li b {color:gray; margin-left:1em;}
img {width:100%; vertical-align:middle;}
iframe {width:100%; height:20em;}
input {text-align:center;}

.mainhead, .headnav, .mainbody, .mainfoot, .message, .ptcontent, .module,
.imagelist li div, a.item-image, a.shadow-link, .module-misc, .copyright,
blockquote, q, pre, code, xmp, img,
iframe, video, audio, .video, .audio, .tips, .tooltip span {border-radius:8px; margin:0 auto;}

main {width:100%; max-width:1680px;}
.mb .d-item {display:inline-table; width:100%; padding:0.25em; margin:0.2em auto;}
.mb a {font-size:110%;}
.mb .d-item[class*="col-sm-4"] {width:24.0%;}
.mb .d-item a {word-break:break-word; word-wrap:break-word; white-space:normal;
	width: 100%;
	padding: 0.5em 0.35em;
	line-height: 1.35;
	text-align: center;
	position: relative;
	background-color: #FAFAFAcc;
	box-shadow: inset 0 0 1px gainsboro;
	border: 1px solid gainsboro;
	letter-spacing: 0;
	display: inline-table;
	border-radius: 8px;
}

.mb .d-item.col-sm-12 a {font-size:115%; font-weight:bold;}
.mt-title {color:darkgreen; text-align:center; display:grid; grid-template-columns:1fr auto 1fr; grid-gap:0.5rem;}
.mt-title:before, .mt-title::after {content:""; border-bottom:1.5px dotted darkgray; align-self:center; margin:0;}

div[id*='Dyn_']:nth-of-type(n+2) {margin-top:1rem;}

footer {padding:0.5em; color:snow; background:#000000AA; min-height: 2rem;}
footer, footer * {font-size:0.75rem; vertical-align:middle;}
.copyright::before {
	content: "©";
	font-size: 1rem;
	vertical-align: middle;
	margin-right: 0.25em;
}

@media (max-width:960px) {
.mb .d-item[class*="col-sm-4"] {width:32.0%;}
}

@media (max-width:720px) {
.mb .d-item[class*="col-sm-4"] {width:49.0%;}
}

@media (max-width:640px) {
.mb .d-item[class*="col-sm-"] {width:100%;}
}

@media print {
html {background:White;}
.print-btn {display:none;}
input, button, .button, textarea, .textarea, select, [contentEditable="true"], p a, li a, blockquote a, q a, .ui-button {color:dimgray; border:0.5px solid silver !important; box-shadow:none !important;}
}
/*列印時的頁面資訊*/
@page { size:auto /*landscape 橫印*/; margin:0 auto;}