@charset "UTF-8";

a, a:link, a:visited {color:royalblue;}
a:hover, a:active, a:focus {color:navy;}
a img {width:auto; height:auto; padding:0; margin:0; border:none; border-radius:6px; transition:0.15s linear;}

body {display:flex; align-items:center; min-width:600px; font-weight:normal; border:none; padding:5px 0; background:transparent url('') left bottom no-repeat fixed; background-size:cover;}
body, body * {font-family:"Marcellus", "微軟正黑體", "Microsoft JhengHei", "Century Gothic", Meiryo, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;}
.bodyFilter {display:block; background:transparent url('/ezfiles/186/1186/img/3475/code_background.png') center bottom no-repeat fixed; background-size:auto 100%; width:102%; height:102%; position:fixed; left:-1%; top:-1%; z-index:-1; opacity:0.15; filter:blur(1px) brightness(1) sepia(0); *background:white;}

/* 最外層的容器 */
.outer-outer {display:flex; width:100%;}

/* 各層結構的設定 */
.outer {width:99.6%; max-width:1440px; background:rgba(255,255,255,0.75); padding:4px; border:1px solid WhiteSmoke; border-radius:10px; box-shadow:0 0 10px gray; background:ivory\9;}
.container, .container-inner, .mainhead, .mainhead-inner, .mainbody, .mainbody-inner, .mainfoot, .mainfoot-inner {width:100% !important; margin:0 auto; padding:0;}
.mainhead, .mainhead-inner, .selfhead, .Banner {position:relative; border-radius:8px; background-size:100%; background-repeat:no-repeat; background-position:center center;}
.mainhead {background-image:url('/ezfiles/0/1000/img/8/Banner_BG_Wave.png'); padding:4.8px; box-shadow:0 0 8px gray inset; background-color:white;}
.mainhead-inner {background:linear-gradient(360deg, rgba(255,255,255,0.5), rgba(255,255,255,1.0));}
.selfhead {display:grid; height:27vw; min-height:220px; max-height:330px; background-image:url('/ezfiles/186/1186/img/3475/banner_regionals_2017_background_NDHU.png'); background-position:center 1vw;}
.mainbody, .mainbody-inner {background:none url('');}
.mainbody {min-height:35vh; margin-top:0.25em; clear:both;}
.mainbody-inner .row_0 {padding:0;} /*首頁第一列*/
.maincontent {}
.module {margin-bottom:0;}
.mainfoot {margin-top:5px;}

table caption, table th {text-align:center !important;}
.mm_01 table {width:100%; border-collapse:separate; border-spacing:0; empty-cells:show; text-align:center; vertical-align:middle; margin:0.25em auto; padding:2px; font-size:inherit; border-radius:6px; border:1px solid silver; /*background:rgba(255,255,255,0.5);*/}
.ptcontent table * {text-align:center;}
.ptcontent caption, .ptcontent th, .caption, .th, .ptcontent table td {line-height:1.2; vertical-align:middle; padding:0.5rem 0.15rem;}
.ptcontent caption, .ptcontent th, .caption, .th {border-radius:6px; background:linear-gradient(rgba(200,200,200,0.25), rgba(255,255,255,0.35) 50%, rgba(155,155,155,0.25));}
.ptcontent table caption, .caption {width:100%; font-size:125%; color:white; letter-spacing:2px; margin:2px auto; border:1px solid gray; background-color:DarkGoldenrod; padding-left:1em; padding-right:1em; text-shadow:1px 1px 0 black;}
.ptcontent table th, .th {color:Black; font-size:medium !important; border:1px solid gray; background-color:Gainsboro;}
.ptcontent table td {position:relative; font-size:95%; letter-spacing:0.3px; color:darkslategray; border:1px dotted transparent !important; border-bottom-color:silver !important; white-space:normal; word-wrap:break-word;}
.ptcontent table td ol, .ptcontent table td ul {margin:0; text-align:left;}
.ptcontent table td li {margin-left:2em; text-align:left;}
.mm_01 tbody tr:nth-child(odd), .ptcontent table tbody tr.colorRow {background:rgba(255,255,255,0.6);}
.mm_01 tbody tr:nth-child(even), .ptcontent table tbody tr.colorRow2 {background:rgba(253,245,230,0.6);}
.ptcontent table tbody .PS, .ptcontent table tbody .PS td {font-size:medium; color:SteelBlue !important; text-align:left; background:rgba(255,255,255,0.8);}
.mm_01 table tbody tr:hover {background-color:rgba(255,215,0,0.2);}
.ptcontent table tbody tr:hover td {color:Black; border-style:solid; border-top-color:gray; border-bottom-color:gray;}
.ptcontent table tbody tr.Total:hover td {border:none;}

.ptcontent a {font-style:italic;}
.ptcontent ol ol, .ptcontent ul ul, .ptcontent ol ul, .ptcontent ul ol {text-indent:0;}
.ptcontent, .ptcontent th, .ptcontent tbody * {font-family:"Roboto", "Ionicons", "微軟正黑體", "Microsoft JhengHei", "Century Gothic", Meiryo, Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif, "Microsoft YaHei", "微软雅黑体", "微軟雅黑體";}
.ptcontent img {transition:all 0.25s ease-in-out;}
.ptcontent img {width:auto; max-width:100%; margin:0; padding:5px; border:1px solid silver; border-radius:6px; box-shadow:silver 0 0 5px; background-color:whitesmoke;}
.ptcontent img:hover {transform:scale(1.01); border-color:gray; background-color:ivory;}

/*資訊明細模組，大圖*/
.ptcontent td.imagetd {vertical-align:top;}
table.imagetable, table.imagetable tr, table.imagetable td, table.imagetable tr:hover, table.imagetable tr:hover td {border:none !important; padding:0; margin:0; background:none !important; color:inherit !important;}
.imagetable .imagelist img, .module-special img {max-width:450px; margin:0 auto;}
.ptcontent .imagelist li {margin:0 auto; text-align:center;}

.float-left {margin-right:1em !important;}
.float-right {margin-left:1em !important;}

h1, h2, h3, h4, h5, h6, p, pre, ol, ul, li {text-align:justify; text-justify:inter-ideograph; margin:0.1em 0; padding:0.1em 0; line-height:1.5; text-indent:0;}
h1, h2 {font-family:"Righteous"; "微軟正黑體", "Microsoft JhengHei"; font-weight:bolder;}
h5, h6 {font-family:"Roboto", "微軟正黑體", "Microsoft JhengHei"; font-weight:normal;}
h1 {font-size:200%;}
h2 {font-size:175%; padding-left:0.35em;}
h3 {font-size:150%;}
h5 {font-size:125%;}
h6 {font-size:110%; color:SaddleBrown;}
pre {white-space:pre-line; white-space:pre\9; word-wrap:break-word;}

/*---頁面佈局---*/
td.col_01, td.col_02, td.col_03, div.col_01, div.col_02, div.col_03 {padding:0; margin:0;}
div.col_01 {min-width:11em; margin-right:10px !important; min-width:auto\9;}
div.col_02 {min-width:400px; padding:0 0.5rem; min-height:500px;}
div.col_03 {min-width:200px; margin-left:10px !important;}

.mt_01 {margin-bottom:5px;}
.mt_01 .h3 {font-size:1.1em; line-height:1.35em; text-align:left; padding:1px 0.25em !important; text-shadow:1px 1px 0 white;}
.mm_01 {padding:0; text-align:left;}

.module-special .h5 {font-size:larger; text-align:left; background:none; padding:0.25em 0; border-bottom:1px dashed silver;}

/* 自訂頭部 */
.Banner {position:relative;}
#mainLOGO {float:left; width:24%; font-size:160%; max-width:220px; background:black; padding:8px; border-radius:10px;}
#mainLOGO img {width:100%;}
.LOGO {transition:none; vertical-align:middle; margin:0 1px; padding:0; background-color:transparent;}
#mainLOGO p {text-align:center;}
#mainLOGO p span {font-family:Roboto; padding:0 2px;}
span.nth {color:gray; font-size:90%;}
span.acm {color:darkgray; font-weight:bold;}
span.icpc {color:white;}
.LOGO2 {box-shadow:none; border:none; border-radius:0;}
#NAMETW {width:170px; margin-top:10px;}
#NAMEEN {width:175px; margin-left:-2px;}
.mainhead h2 {width:76%; font-size:230%; font-weight:bold; letter-spacing:1.5px; z-index:8; color:darkred; border:none; line-height:1.2; text-shadow:-2px -2px 1px White, 2px 2px 1px White, 2px -2px 1px White, -2px 2px 1px White, 0px 0px 5px red, 0px 0px 8px dimgray, 0px 0px 10px Black; background:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.1));}
.mainhead h2 { font-size:270%\9; zoom:1; *display:inline;}
.mainhead h2, .name_TW, .duration {text-align:center; margin:0;}
.mainhead h2, .name_TW {display:inline-block; padding:0.2em 0.3em !important; border-radius:10px;}
.name_TW {font-size:160%; color:wheat; background:rgba(0,0,0,0.5); margin:2px auto; font-family:unset; font-weight:normal;}
.duration {font-size:165%; color:saddlebrown;}
.duration b {margin-left:0.2em;}
.module-special img {max-width:450px; height:auto;}
div.M13496 a.item-image {width:185px; height:47px;}

/*搜尋區塊*/
div.headsearch {z-index:2; padding:0; display:block; position:static; top:0px; left:0px; right:initial; background:none;}
div.headsearch input {padding:1px; margin:0; float:left; font-size:medium; text-align:center; border:2px solid silver; border-radius:10px;}
div.headsearch .submit {position:static; float:left;}

/*搜尋模組*/
.module-search form {text-align:center;}
.module-search form * {font-size:0.95rem; vertical-align:middle;}
.module-search form input {margin:0; padding:0; height:2em;}
.module-search label {display:none;}
.module-search input#sch_key {float:left; width:70%; width:67%\9;}
.search-keyword, .search-button {float:none; display:inline;}
/*搜尋模組按鈕*/
input.searchbt {width:23%;}

.module-ptsearch .mt_01 .h3 {margin:0; padding:5px !important; text-align:left;}
.module-ptsearch .mt_01 div {color:maroon; text-align:right;}

.topnav {position:absolute; top:0; right:0px; list-style:disc outside url(''); padding:0; margin:0 0.5em;}
.topnav li {float:right; padding:0; margin:0 0 0 2.5em; height:auto;}
.topnav li a {color:#154c7b;}
.topnav li a:hover {color:#154463;}
.topnav li ul {z-index:1; list-style:none; position:absolute; top:5px; left:0px; left:-40px \9;
 background-color:#d8f6fe; border:1px solid #d2dadc; padding-left:0;}
.topnav li ul li {float:none; width:55px;}
.topnav li ul li a {color:#188064;}
.topnav li ul li a:hover {color:#185928;}


div.item-title, .module-ptdetail .item-title {font-size:150%; line-height:1.2; font-weight:bolder; text-align:center; color:darkred; background:antiquewhite url(''); padding:0.25em 0.75em; border:1px dashed gray; border-left:0.3em solid Chocolate; text-shadow:-1px -1px 0px white, 0px 0px 8px silver;}

.cgmenu a {color:Black;}
.cgmenu ul {border:none;}
.cgmenu ul li {border:none; /*display:list-item;*/}
.cgmenu a {font-size:medium; line-height:1.5em;}
.cgmenu .menu-item, .hdmenu .menu-item {text-align:left; background:linear-gradient(90deg, white, Lavender); background-color:Lavender; background-size:105%; border:1.6px solid darkgray; text-shadow:1px 1px 0 white; border-radius:8px; box-shadow:0 -2px 10px silver inset; padding:0.5em 0 0.5em 0.35em; margin-bottom:2px;}
.module-cgmenu .cgmenu .menu-item, .hdmenu .menu-item {font-weight:bold; font-size:1.1rem;}
.module-cgmenu .cgmenu li ul .menu-item {font-size:112%; line-height:1.2; font-weight:normal; border-bottom:1px dashed silver; border-radius:0;}

.cgmenu .menu-item:hover, .hdmenu .menu-item:hover {background:antiquewhite !important; border-color:SaddleBrown !important;}
.cgmenu li ul li a:hover, .cgmenu ul li a:hover, .cgmenu ul li a:focus, .cgmenu ul li a:active,
.hdmenu .menu-item:hover, .hdmenu .menu-item:focus, .hdmenu .menu-item:active {color:maroon; background:none;}
.menu-image {display:block;}
.menu-image img {max-width:100%; height:auto; border-radius:4px; /*width:auto; height:3em;*/}

/*下級清單*/
.cgmenu-drop ul li ul {display:block !important; margin-left:1em; top:0 !important;}

.submenu-div ul li {list-style:square;}
.cgmenu-drop ul li ul .menu-item, .submenu-div .menu-item {padding:0.25em; background:none; border:none; box-shadow:none;}

.module-menu .cgmenu a {/*font-size:105%;*/}
.module-menu .cgmenu .menu-item {/*font-size:95%;*/}

.module-link .item-image {padding:0;}
.module-link a img {max-width:100%; height:auto;}

.module-sublist .md_middle .mm_01 {padding:0;}

.date {float:right !important; font-size:small !important; color:firebrick !important; padding:0;}

span.ptname a {font-weight:normal; font-size:inherit;}
.md_middle .readmore a {font-size:small; padding:2px 7px; color:royalblue; border:1px solid steelblue; border-radius:10px;}
.md_middle .readmore a:hover {color:White; background:royalblue;}


/*分類清單 - 資訊連結標題*/
.module-sublist .h3 {font-size:1.3rem; background:whitesmoke; border:1.6px solid gray; padding:0.3em 0.7em; margin:2px; border-radius:8px; box-shadow:2px 2px 8px silver inset;}
.module-ptlist .h5 a, .module-sublist .h3 a {display:block; text-align:center;}
.module-sublist .h3:hover, .module-sublist .h3:focus, .module-sublist .h3:active,
.module-ptlist .h5:hover, .module-ptlist .h5:focus, .module-ptlist .h5:active {background-color:papayawhip; border-color:darkgoldenrod;}
.module-ptlist .message {margin:0.5em 0 1em 1.5em; font-size:95% !important;} /*簡單說明*/
.module-ptdetail span.ptinfoproperty {font-size:90%; display:block; text-align:right; width:100%; color:slategray;}

/*簡單說明、詳細說明*/
.message, div.mm_01 .ptcontent {font-size:105% !important; line-height:1.75; text-indent:0; text-align:justify; text-justify:inter-ideograph; padding:0; margin:0 auto;}
/*.message p, .ptcontent p {padding:0.1em 0 !important;}*/
.message, div.mm_01 .ptcontent, div.mm_01 .ptcontent * {font-family:"Roboto", "微軟正黑體", "Microsoft JhengHei";}
div.mm_01 .ptcontent p.note1 {width:100%; color:gray; font-size:small !important; text-align:right !important; line-height:1.2em;}

.copyright {border-radius:6px; text-align:center; font-size:0.8rem; padding:0.5em; min-height:1em;}
.copyright p {padding:0; margin:0; color:ghostwhite; line-height:1.5em; font-size:inherit;}
.copyright a, .copyright a:link, .copyright a:visited {color:Moccasin;}
.copyright a:hover, .copyright a:active, .copyright a:focus {color:darkorange;}


/*修正頁首連結*/
.headnavcust {position:absolute; width:auto;}
.headnavcust:nth-child(2) {left:0; bottom:0;}
.headnavcust:nth-child(3) {right:0; bottom:0;}
/*.headnavcust, .headnav, .headnav-inner, .hdmenu ul {text-align:right;}*/
.headnav {width:100%; width:99.8%\9; float:none; margin:0;}
.headnav-inner {float:none;}
.hdmenu {z-index:auto; padding:0;}
.hdmenu .menu-item, .hdmenu a:hover .menu-item, .hdmenu .drop .menu-item {}
.hdmenu .menu-item {text-align:center; color:black; padding:0.5em; margin:0; text-transform:none;}
.hdmenu .menu-item img {max-height:3.5rem; width:auto; margin:-0.3em; vertical-align:middle;}
.hdmenu .drop .menu-item {padding:0;}
.hdmenu ul li, .hdmenu ul ul li {z-index:9999; text-align:center !important; padding:0;}
.hdmenu ul li {float:none; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.hdmenu ul li a {padding:0 !important;}
.hdmenu ul li a:hover {border-color:transparent;}
.hdmenu ul li ul {padding:0.1em 0; margin-top:12px; background:Gainsboro; width:auto; height:auto;}
.hdmenu ul li ul li {width:160px;}
.hdmenu ul li ul li a {font-weight:normal; background:none; padding:0.2em 0;}

/*陳列樣式：表格*/
table.list_TABLE {width:100%; border-collapse:separate; border-spacing:0; empty-cells:show; text-align:center; vertical-align:middle; margin:0.25em auto; padding:2px; font-size:1em; border-radius:5px; border:1px solid silver;}
table.list_TABLE caption, table.list_TABLE thead th.thead {line-height:1.2em; text-align:center; vertical-align:middle; padding:0.5em 2px; border-radius:5px; background:linear-gradient(rgba(200,200,200,0.25), rgba(255,255,255,0.35) 50%, rgba(155,155,155,0.25));}
table.list_TABLE caption {width:100%; font-size:120%; color:white; margin:0 auto; border:1px solid white; background-color:DarkGoldenrod; padding-left:1em; padding-right:1em;}
table.list_TABLE thead th.thead {color:Black; font-size:small; border:1px solid gray; background-color:Gainsboro;}
table.list_TABLE td {position:relative; padding:0.25em 0.5em; font-size:95%; letter-spacing:0.1px; color:dimgray; border:1px dotted transparent; border-bottom-color:silver; vertical-align:middle; white-space:normal; word-wrap:break-word;}
table.list_TABLE tbody tr:nth-child(odd), table.list_TABLE tbody tr.row_01, table.list_TABLE tbody tr.row_01 td {}
table.list_TABLE tbody tr:nth-child(even), table.list_TABLE tbody tr.row_02, table.list_TABLE tbody tr.row_02 td {}
table.list_TABLE tbody tr:hover, table.list_TABLE tbody tr.row_01:hover td, table.list_TABLE tbody tr.row_02:hover td  {background-color:rgba(255,215,0,0.15) !important;}
table.list_TABLE tbody tr.row_01 td:nth-child(2), table.list_TABLE tbody tr.row_02 td:nth-child(2) {color:firebrick;}
table.list_TABLE tbody tr:hover td {color:Black; border-style:solid; border-top-color:gray; border-bottom-color:gray;}
table.list_TABLE .h5 {text-align:left; padding:0.15em 0; box-shadow:none;}
table.list_TABLE .h5 .ptname a {text-align:left; background:none; border:none; padding:0; border-radius:0; box-shadow:none; letter-spacing:0.2px;}
table.list_TABLE .h5 .ptname a:hover, table.list_TABLE .h5 .ptname a:focus, table.list_TABLE .h5 .ptname a:active {background:none;}

/*表格：Schedule*/
.Schedule {width:100%;}
.Schedule:nth-child(n+2) {margin-top:1em;}
.Schedule .TH1 {width:7.5em;}
.Schedule .TD2, .Schedule .TD3, .Schedule .TD4 {text-align:left;}

/*表格：SWOT*/
table.SWOT {border-spacing:2px;}
table.SWOT col {width:50%;}
table.SWOT th { height:2em; padding:4px 0; background-color:gainsboro; text-align:center; vertical-align:middle; color:black; font-size:medium; line-height:1.25; font-weight:bold; border:1px solid gray; border-radius:4px;}
table.SWOT tbody td {vertical-align:top; text-align:left;}
table.SWOT tbody td li {margin:0 0 0 2em; line-height:1.5;}
table.SWOT tbody tr:hover {background-color:transparent !important;}
table.SWOT tbody tr:hover td {border-color:transparent !important;}
table.SWOT tbody td:hover {background-color:OldLace;}

/*表格：result*/
table.result {border-spacing:1px;}
table.result #col4 {min-width:4em;}
table.result #col2 {width:11em;}
table.result #col5, table.result #col6, table.result #col7, table.result #col8, table.result #col9, table.result #col10, table.result #col11, table.result #col12, table.result #col13, table.result #col14, table.result #col15, table.result #col16, table.result #col17 {width:5em;}
table.result tr:hover td {border-top:1px solid dimgray !important; border-bottom:1px solid dimgray !important;}
table.result th {font-size:72% !important; font-weight:normal;}
table.result td {font-size:85%; word-break:break-all;}
table.result td.yes {background-color:lightgreen;}
table.result td.no {background-color:lightcoral;}
div.tail {font-size:70%;padding:0.5em;line-height:1.5;border-radius:6px;color:#888;width:100%;border:1px solid #ccc;margin-left:auto;margin-right:auto;}
span.right {float:right;}

/*無內容顯示的區塊*/
div[class*="M2"] {height:auto; min-height:0; padding:0; margin:0;}
div[class*="M2_"] {height:auto;}
.tl, .tc, .tr, .ml, .mr, .bl, .bc, .br, .null, .wrap {display:none; padding:0; margin:0; height:0; width:0;}
.clearfix {display:inherit !important; font-size:0;}


/*-----非ePage物件-----*/
.topic {columns:2; -webkit-columns:2; -moz-columns:2; column-gap:3em; -moz-column-gap:3em; -webkit-column-gap:3em; width:94%; margin:0 auto; padding-left:2.5em; padding-left:3.5em\9;}
.topic li {vertical-align:top;}
.saddlebrown {color:saddlebrown;}
.F150 {font-size:150%;}
.F95 {font-size:95%;}
.F90 {font-size:90%;}
.F85 {font-size:85%;}
.F80 {font-size:80%;}
.F75 {font-size:75%;}
.F70 {font-size:70%;}
.F65 {font-size:75%;}
.F60 {font-size:70%;}
.Rules ol {list-style-type:decimal;}

#map {width:100%; min-height:30em; border:1px solid silver;}
.NDHU_News {max-width:100% !important; font-size:inherit !important;}

@media screen and (max-width:800px) {
html {font-size:15px;}
}