@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;}

.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;}

iframe {min-height:12rem; margin-bottom:0.25rem;}
iframe[src*="/maps/"], iframe.map {min-height:40rem;}
iframe[src*="youtu"], iframe[src*="vimeo"], iframe[src*="video"], video, .video {padding:0.25rem; background:transparent; border:1px solid silver;}
iframe.docu, iframe[src*="docu"], iframe[src*="pdf"], iframe[src*="PDF"] {height:60em; /*max-height:1230px;*/}
iframe.p2 {height:120em;}
iframe.land {height:35em;}
/*隱藏frame*/
iframe[id*='hid_'] {min-height:0;}
/*頁籤中*/
.tab-content iframe {min-height:30rem; }
/*圖像區塊中*/
figure iframe {margin-bottom:0;}

/* 自訂頭部 */
.BannerLogo {width:90vw; min-width:200px; max-width:360px; min-height:50px; float:left; text-align:left; margin:3px; margin-bottom:10px;}
/*[lang*="en"] .BannerLogo {max-width:600px;}*/
.BannerLogo img {float:left; border-radius:0;}
#LOGO {width:22%; max-width:6rem; height:auto;}
#NAMETW, #NAMEEN {width:70%;}
#NAMETW {margin-top:0.2rem;}
[lang*="en"] #NAMETW {}
[lang*="en"] #NAMEEN {}

/*▼Rpage物件*/
.header {border:none !important;}
.header::before {background:none !important; background-image:none !important;}
.header h1, .header h2 {text-align:right;}

.topnav {text-align:right; margin:2px auto;}
.hd-topnav1 {text-align:right;}
.hd-topnav1 .hdmenu > ul {
	display:inline-block;
	background:none;
	border:0;
}

.hd-topnav2 .hdmenu > ul {padding:0 0.5em; background-color:snow; overflow:hidden;}

.footer p {font-size:0.8rem; text-align:center !important;}

.module .d-txt > h5 {font-size:1.5em;}

section .d-title .d-txt > h5 {
	padding:0.25em 1em;
	position:relative;
	margin:0;
	background:none;
	font-size:1.25em;
}

/*陳列樣式：頭條*/
.listTop .topitem .d-txt .mtitle a::before {content:"➡️"; vertical-align:baseline; margin-right:1px;}

/*
.M47597：招生輪播圖
.M48168：Google&校務行事曆
.M48194：東華新聞 Banner
.M51419：東華新聞 Banner_2021  
.M48193：東華新聞 module-special
.M39[monbr="4956"]：東華新聞 pageptlist
.M48798：活動海報
.M51409：首頁快訊複合
.M51972：聯盟標章
.M52516：東華學術文化專欄
#cmb_752_6：頁籤中的活動行事曆
#cmb_752_7：頁籤中的影音簡介
*/

.M51419 .d-item, .M51419 .d-txt, .M48194 .d-txt, .M48168 .d-txt, #cmb_752_6 .d-txt, #cmb_752_7 .d-txt, .M51409 .mbox {padding:0 !important; border:0;}

/*東華新聞*/
.M51419 .d-item .d-txt .mtitle > a, .M50740 .d-item .d-txt .mtitle > a, .M48193 .d-item .d-txt .mtitle > a, .M48194 .d-item .d-txt .mtitle > a,
.M10058 .d-item .d-txt .mtitle > a, .M39 .d-item .d-txt .mtitle > a[href*="4956"], .M52516 .d-item .d-txt .mtitle > a {font-size:1.6rem; line-height:1.35; font-family:"Verdana", "Adobe 繁黑體 Std",/* "華康圓體 Std",*/ "微軟正黑體", "Microsoft JhengHei"; letter-spacing:0.2px;}
.M51419 .d-item .d-txt .mtitle > a, .M52516 .d-item .d-txt .mtitle > a {font-size:1.5rem;}
.M39 .d-item .d-img a {width:100%;}

.M48193 .d-item .d-txt .mtitle, .M48194 .d-item .d-txt .mtitle, .M39 .d-item .d-txt .mtitle {padding-top:0.25rem; padding-bottom:0.25rem; margin-bottom:0.25em;}
.M48193 .d-txt {padding-right:0.5em;}
.M48194 .d-txt .mtitle {max-height:2em; overflow:hidden; text-overflow:ellipsis;}

.M51409 .boxSD .d-txt {/*padding:2px;*/}
.M51409 .boxSD .d-txt .mtitle {min-height:4.5rem; align-items:center; border:2px solid darkgreen;}
.M51409 .boxSD .d-txt .mtitle * {text-align:center !important;}

.M51419 .d-txt:hover::before {display:none;}
.M51419 .d-txt .mtitle, .M51419 .d-item .d-txt a[href$="#N"] {color:snow !important;}
.M51419 .d-txt .mtitle {bottom:2em; padding:0.5em; position:absolute; left:0; right:0; background-color:#0009; background-color:#999\0; z-index:1;}
.M51419 .d-txt .mtitle a {color:snow; text-align:left; max-height:4.4em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:block; padding:0; box-shadow:none; border:none; background:none;}

.M51419 .mbox, .M48194 .mbox, .M47597 .mbox,
.M48168 .d-txt:hover::before,
.M48194 .d-txt:hover::before,
#cmb_752_6 .d-txt:hover::before, #cmb_752_7 .d-txt:hover::before {border:0; padding:0;}

/*無障礙設定，標題+圖片時，img無超連結*/
.M51419 .d-img img, .M48193 .d-img img, .M48194 .d-img img, .M48030 .d-img img,
.M39 .d-img img, .M4 .d-img img, .M14 .d-img img {cursor:auto; border:none; background:none;}

.M51419 .d-img, .M48193 .d-img, .M48194 .d-img, .M48030 .d-img, .M47597 .d-img,
.M39 .d-img, .M4 .d-img, .M14 .d-img, .M51409 .d-item .d-txt .mtitle {margin:0;}

.M51972 .d-img img {max-width:5.0rem; background:transparent; border:none;}

.mdate {color:darkgoldenrod; font-size:85%;}
.tab-content > .tab-pane {padding:0 !important;}

.M48798 .mbox, .M14 .d-txt {padding:0;}
.M48798 .d-img img {max-height:16vmax; width:auto !important;}
.M48798 .listTB tbody tr:hover, .M48798 .listTB tbody tr:hover td {background-color:transparent;}

 /*資訊明細 - module-detail*/
.module .mt h3, .module .mpgtitle h3 {color:darkgoldenrod;
	background:none;
	font-size:2em; line-height:normal;
	font-weight:normal;
	display:block;
	margin:0;
	padding:0.3em;
	border-top:1px solid;
	border-bottom:1px solid;
	position:relative;
	text-align:center;
}
/*資訊屬性*/
.mattr-item span.mattr-val {max-width:75%;}

/*▲Rpage物件*/

.NowHash2 {
	border:2px dashed darkred;
	border-radius:8px;
	padding:2px;
}

.footer-icon {text-align:right; margin-bottom:0.5rem;}
.footer-icon img {width:2.5rem; padding:0.25rem; border-radius:100%; border:2px solid white;}
.footer-icon img:hover {border-color:chocolate;}

.focusNAV {width:100%; font-size:0; text-align:right; padding:1px;}
.focusNAV a {display:inline-table; font-size:0.95rem; line-height:1.35; padding:0.1em 0.35em; margin:1px auto; vertical-align:middle; /*color:snow; background-color:rgba(242, 212, 186, 0.35); border:1px solid silver; box-shadow:inset 0 0 4px snow;*/}
.focusNAV a:hover, .focusNAV a:active, .focusNAV a:focus {color:chocolate;}
.focusNAV a:nth-of-type(n+2) {border-left:1px dotted gray;}

.focusNAV a:last-child {/*margin-right:0;*/}
.focusNAV a[lang="en"] {/*font-size:15px;*/}
.focusNAV a.akin {font-size:9px; letter-spacing:-1px; padding:0; margin:0; border:none; background:none;}

/*SSO*/
a[href*="SSO_RWD"] {background-color:gold;}
.label[href*=".ndhu"]::before, .label[href*="134.208."]::before {content:"▲"; vertical-align:top; font-size:85%; margin-right:2px;}

@media (max-width:1024px) {
.M48798 .d-img img {max-height:20vmax;}
}

@media (max-width:768px) {
.mdetail .meditor:not(:empty) {padding: 0 0.5rem;}
.hd-topnav1 {margin-right:4em;}
.topnav {text-align:center; display:inline-table; width:100%;}
.focusNAV {text-align:center; clear:left;}
.focusNAV a {padding-left:0.25em; padding-right:0.25em;}
/*.search input[name="as_q"] {width:7em;}*/
.M51419 .d-txt .mtitle {bottom:1em;}
.M51419 .d-txt .mtitle a {max-height:2.8em; font-size:1.2rem !important;}
.M48798 .listTB tbody tr td {width:33%;}
.M48798 .d-img img {max-height:22vmax;}
}

@media (max-width:640px) {
.M48798 .listTB tbody tr td {width:50%;}
.mtitle .mdate {min-width:5rem !important;}
.M48798 .d-img img {max-height:26vmax;}
}

@media (max-width:480px) {
#LOGO {width:auto;}
}
	
@media (max-width:420px) {
.topnav .search {}
.main {padding:0 0.5rem;}
.module-complex .d-txt {padding-left:0.5em !important;}
.mtitle .mdate {font-size:75% !important;}
.M48798 .listTB tbody tr td {width:100%;}
.M48798 .d-img img {max-height:unset; max-width:88%;}
}

@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;}


/* https://color.adobe.com/zh/search?q=seashell */
/* Color Theme Swatches in Hex */
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-1-hex { color:#03658C; }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-2-hex { color:#03738C; }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-3-hex { color:#0396A6; }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-4-hex { color:#F2D5BB; }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-5-hex { color:#D97E4A; }
/* Color Theme Swatches in RGBA */
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-1-rgba { color:rgba(2,101,140,1); }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-2-rgba { color:rgba(2,115,140,1); }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-3-rgba { color:rgba(3,149,165,1); }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-4-rgba { color:rgba(242,212,186,1); }
.beach-scene-concept-with-sea-shells-and-starfish-on-a-blue-wooden-background-5-rgba { color:rgba(216,126,73,1); }