@charset "UTF-8";
/* @font-face { font-family: "標楷體2"; src: local('Times New Roman'); unicode-range: U+00-024F; } */
@font-face { font-family: "標楷體2"; src: local('標楷體'); }
@font-face { font-family: "標楷體2"; src: url('revised-dict.woff'), local('標楷體');
 /* unicode-range: U+20000-2FFFF, U+3CB2, U+3735, U+436A, U+F0000-FFFFF; */
}
/* U+2153D, U+23236, U+233C2, U+24E04, U+29BED, U+2F81D  */
/* @font-face { font-family: "標楷體2"; src: local('Times New Roman'); unicode-range: U+00-024F; } */


@font-face {
    font-family: 'entypo';
    font-style: normal;
    font-weight: normal;
	src: local('Times New Roman');
    src: url('https://weloveiconfonts.com/api/fonts/entypo/entypo.eot');
    src: url('https://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix') format('eot')
		, url('https://weloveiconfonts.com/api/fonts/entypo/entypo.woff') format('woff')
		, url('https://weloveiconfonts.com/api/fonts/entypo/entypo.ttf') format('truetype')
		, url('https://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
}

/* entypo */
[class*="entypo-"]:before { font-family: 'entypo', sans-serif; }

/* 
@font-face {
  font-family: 'cwTeXKai';
  font-style: normal;
  font-weight: 500;
	unicode-range: U+20000-2FFFF, U+3200-FFFF;
	src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.ttf) format('truetype');
}

 */
 
/*
#d2c0ac 棕色

*/
:root 
{
	--colorG :#66AF56;
	--colorGy:#333333; /* 灰 */

	--colorG2 :#5abab9;
	--colorCY :#327776;
	--colorCYl:#acdcdc;


	--colorR: #cb342a; /* 紅 */
	--colorRl:#e0726c;
	--colorRd:#a92c23;

	--colorWh:#f7f2ee;
	--colorLk:#007799;
	--colorGa:#943f16; /* 棕 */
	--colorB :#4b7095;		/* 藍 */
	--colorBd:#334466;
	
	--colorO :#B45E13; /* 橘 */
	--colorOl:#f5c79e;
}

/* custom */

 cr, red, .colorR { color:var(--colorR); }
.colorG { color:var(--colorG); }
 cb, .colorB { color:var(--colorB); }
 ccy, cyan, .colorG2, .colorCY { color:var(--colorCY); }
 gray { color:#757575; }
 gray3, cGy, .colorGy { color:var(--colorGy); }
 
 sub2 { position:relative; margin:0 0.5em; -vertical-align:sub; font-size:0.6em; color:#757575; }

 left, .left { display:block; text-align:left; }
 right, .right { display:block; text-align:right; }
 cen, .center { display:block; text-align:center; }
 
 requ { color:red; }
 
 flex, .flex { display:flex !important; }

/* element */

 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 body, td, th, input, select, option { font-family:'Times New Roman', '微軟正黑體', '正黑體'; }
 input, select, option { border:0; max-width:100%; padding:0 0.3em; font-size:1em; height:2em; vertical-align: middle; }
 select:hover, select:focus, input:hover, input:focus, textarea:hover, textarea:focus { background-color:#ffa; }

 a	{ text-decoration:none; color:var(--colorB); }
 a:hover, a:focus	{ text-decoration:none; color:var(--colorBd); }
 a:focus { border:2px solid var(--colorGa); border-radius:0.2em; }
 [data-replace], [data-href], [data-link] { cursor:pointer; }

 body { margin:0px; }
 form { display:inline; }
 table { border-collapse:collapse; }
 img { max-width:100vw; }

 input[type=reset], input[type=button], input[type=submit], button { -webkit-appearance:none; }
 input[type=radio] { width:1em; height:0.9em; vertical-align:text-top; }
 input:focus { background:#ffeecc; }
 input::-webkit-input-placeholder, input::placeholder { font-size:0.7em; }
 input[data]::-webkit-calendar-picker-indicator { -display:none; }

 select[data-button] { padding-right:3.5em; border:0;
 background: #ffffff 100% 0/contain no-repeat;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 select[data-button=selectR] { background-image:url('img/selectR.png'); }
 select[data-button=selectCy] { background-image:url('img/selectCy.png'); }
 select[data-button=selectO] { background-image:url('img/selectO.png'); }

 select:not(:-internal-list-box) { background-color:blue; }
 select:-internal-list-box { background-color:red; }
 select option:hover, select option:focus, select option:active, select option:checked
 { background-color:red; color:#ffffff; }


 label[data-head] { display:inline-block; min-width:10em; margin:0.5em 1em 0.5em 0; }
 label[data-head]::before 
 { content:attr(data-head); display: inline-block; line-height:1.4; margin-right: 0.5em; padding:0 0.4em;
 border-radius:1em; background:var(--colorR); text-align:center; color:#ffffff; }

[data-pre]::before { content:attr(data-pre); margin-right:0.5em; color:#888888; font-size:0.75em; }

.right { display:inline-block; float:right; }
 ib { display:inline-block; }

img.char { height:1em; vertical-align:text-bottom; }


:-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus
{ -webkit-text-fill-color: #008; text-shadow: 1px 1px 2px #000000; }
input:out-of-range { color:red; font-weight:bold; }

body main .close, .del { display:none; }
body main.pwMd .close { display:inline; display: initial; }
body main.pwMd tr.close { display:table-row; }
body main.pwMd div.close, body main.pwMd p.close { display:block; }


 h1, body>header h4, section>h3, section>h4, header>h4, footer>h4, nav>h3, nav>h4, h6, .hide
 { position:absolute; left:-1000vw; top:-100vh; color:#000; background:#fff; }
.hide:focus { left:0; top:5px; }

 section>h4.show { position:initial; left:0; top:0; background:initial; }


/* 注音 */
.nobr>label { white-space:nowrap; }
 nobr.ph { font-family: '標楷體2'; }
.ph, .ph th, .ph td { font-family: '標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai" !important; }
.ph sup { position:relative; font-size:0.7em; left:-0.6em; top:-0.6em;
 margin-top: 0.5em; display: inline-block; text-indent:0; font-family:'標楷體2'; }
.ph nobr, nobr.ph { position:relative; }
.ph.v { display: inline-block; width:1em; white-space: pre-wrap; font-size: 0.3em; }
.ph.v sup {}
.ph sub { color:var(--colorR); }

 phon, code { border: 0px dashed #ccc; border-radius: 0.3em; padding-top: 0.5em; 
 font-family:'標楷體2'; white-space:nowrap; font-size:0.9em; }
 phon>sup, code>sup { position:relative; font-size:0.7em; left:-0.6em; top:-0.6em;
 margin-top: 0.5em; margin-right:-0.5em; display: inline-block; text-indent:0; }
 phon>sub, code>sub { position:relative; font-size:0.7em; left:-0.4em; color:var(--colorR); }
 phon+div, code+div { display:inline-block; }

.pwMd phon::after, .pwMd code::after { content:'。'; position: relative; left: -0.4em; font-size: 0.7em; color: var(--colorR); }
.pwMd phon:last-child::after, .pwMd code:last-child::after { content:''; }


 idiv { display:inline-block; }


/* item */

 label>select { min-width:5em; margin-left:0.5em; padding:0.3em; border:0; border-radius:0.3em; font-size:1em; }
 /* label>select::after { content:'▼'; display:block; width:1.6em; height:1.6em; text-align:center; background-color:var(--colorCY); color:#ffffff; } */


.sca2 { display:inline-block; margin:0 -0.3em; transform:scaleX(0.5); letter-spacing:-0.2em; line-height: 0.8; }
一個一格萊

.noteBar {  max-width: 990px; text-align: right; margin: auto; }
.note, .btn, a.btn2, input.btn2, .btn1>a, .btn2>a
  { display:inline-block; background:var(--colorR); margin:0.5em 0.3em; padding:0 1em; border:0; border-radius:0.2em;
 line-height:2; font-size:1em; text-align:center; vertical-align:middle; color:#ffffff; }
.note:hover, .note:active, .note:focus, .btn:hover, .btn:active, .btn:focus, .btn1>a:hover, .btn1>a:focus, .btn2>a:hover, .btn2>a:focus, .btn1>a.on, .btn2>a.on
 { background:var(--colorRd); color:#ffffff; }
.note::before { content:'📕 '; }

 a.btn2, input.btn2, .btn2>a { margin:0.1em; padding:0 0.5em; background:#5ABAB9; color:#000000; }


/* index */

.fmeIndex { display:flow-root; width:100%; padding:0;
 background:#000 url(img/bgHome3.png) 50% 0/cover; text-align:center; }
.fmeIndex>a { display:block; padding:4em 0; text-align: center; }
.fmeIndex>a>img { }
.fmeIndex>div { display:inline-block; width:1100px; max-width:100%; margin:2em 0; padding:1em; background:rgba(240, 240, 240, 0.6); text-align:left; }
.fmeIndex>div:before { content:url('img/alert2.png');'⚠️'; float:left; color:var(--colorR); font-size:3em; line-height:1; }
/* 📢 */


/* head */
.fme8, .fme11, .fme13 { display:block; max-width:100%; margin:auto; }
.fme8 { width:800px; }
.fme11 { width:1100px; }
.fme13 { width:1300px; }


 
/* top menu */
 body>header { }
 body>header>div:first-child { background-color:#160b09; }
 body>header>div>div { display:flow-root; max-width:1100px; min-height:3em; margin:auto; }
 
 body>header>div>div>a {}
 body>header>div>div>a>img { max-width:85vw; vertical-align:middle; line-height:3em; margin:0.4em; }

.menu1 { display:inline; }
.menu1>nav { display:inline-block; float:right; }
.menu1>nav a { display:inline-block; padding:0.1em; margin:0 0.2em; background-color:#160b09; color:#ffffff; vertical-align:middle; line-height:1.2em; }
.menu1>nav a:hover { background:#ff0; color:#3D3D3D; } 
.menu1>nav a>img {  }
.menu1>nav a.lang { border:1px solid #ffffff; color:#ffffff; }
.menu1>span { display:none; color:#ffffff; }

.banner1 { }
.banner1>a>img { max-width:100vw; }
.banner2 a>img { max-width:100vw; margin:15px 0; vertical-align:top; }


.banner2 { height:430px; margin-bottom:-160px; background:url(img/bgHead4.png) repeat-x; }
.banner2>div {  }
.banner2 nav { display:block; text-align:center; }
.banner2 nav>a { display:inline-block; width:calc(25% - 9px); background:rgba(247, 242, 238, 0.88);
 line-height:3em; font-size:1.25em; margin:12px; margin-left:0;  color:#333; }

.banner2 nav>a:last-child { margin-right:0; }
.banner2 nav a:hover, .banner2 nav a:active, .banner2 nav a:focus { background:rgba(222, 202, 186, 0.88); }
.banner2 nav a.on { background:var(--colorGa); color:#ffffff; }


.banner2 form { display:block; float:right; text-align:right; margin-top:0.5em; padding-right:5px; }
.banner2 form input { height:2em; vertical-align:middle; border-width:0px; font-size:1em; }
.banner2 form input[type=text] { width:115px; font-family:'標楷體2'; }
.banner2 form input[type=image] { background-color:#943f16; }
.banner2 form input[type=submit] { width:2em; background:#943f16; color:#ffffff; }

 main { display:flow-root; min-height: calc(100vh - 13em - 270px); }
 main>section { min-height:calc(100vh - 13em - 270px); }
 main>section, main>div
 { background:var(--colorWh); padding:1em 0.5em 2em 0.5em; }
 main>section>h3, main>div>h3
 { display:block; margin:0; margin-bottom:1em; border-bottom:1px solid #ccc; font-size:1.5em; }
 main>section>h3:before, main>div>h3:before
 { color:var(--colorR) !important; margin-right:0.3em; font-size:1.2em !important; }

#mainContent { background:var(--colorWh); border-top:5px solid var(--colorGa); padding:1em; height:5em; } 

#mainContent h2, #mainContent h3 { display:inline; margin:0; padding:0; font-size:1em; }
#mainContent a, #mainContent *[data-link], #mainContent *[data-href] { color:var(--colorLk); }
#mainContent h3 { font-family:'標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }

/* home */

#home { text-align:center; }
#home nav { font-size:2.25em; line-height:2;  }
#home nav>a { display:inline-block; width:310px; height:180px; border-radius:0.2em;
 margin:15px; padding-top:0.5em; color:#ffffff; }
#home nav>a:hover, #home nav>a:active, #home nav>a:focus { color:#000000; }
#home nav>a>img { vertical-align:middle; }
#home nav>a:hover>img, #home nav>a:active>img, #home nav>a:focus>img { filter: invert(1); }


/* search */

.searchTp { display:block; margin:0.2em 0; padding:0.2em; border-bottom:1px solid #ddd; }
.searchTp:hover { background:#ffc; }
.searchTp>fieldset { display:block; }

#searchF { user-select: none; }
#searchF>* { margin:0.5em 1em 0.5em 0; }
#searchF input[type=checkbox], #searchF input[type=radio] { width:1em; height:1em; margin:0.5em; vertical-align:baseline; }

#searchF input[type=checkbox], #searchF input[type=radio] {  }
#searchF input, #searchF select {  }
#searchF .sub input { width:6em }
#searchF .sub input[type="radio"], #searchF .sub input[type="checkbox"] { width:1.5em }
#searchF .subR input { font-family:'標楷體2'; }
#searchF .subR label { display:inline-block; border: 1px solid #ccc; margin:0.1em; padding:0.1em; line-height:1; }
#searchF .subR label>span { display:inline-block; min-width:1.5em; }

#searchF  {}

#searchF fieldset { border:0; }
#searchF fieldset label { display:inline-block; }

#searchF fieldset.basic>legend { float:left; display:inline-block;  }
#searchF fieldset.adv>legend, #advH { margin:1em 0; font-size:1.5em; font-weight:bold; }
#searchF fieldset.adv input, #searchF>fieldset.adv select { width:10em; }
#searchF fieldset.adv input[type=radio] { width:initial; }
#searchF fieldset.adv input[type=radio]+span { display:inline-block; min-width:7em; }

#searchF>.adv input, #searchF>.adv select { margin:0; border:1px solid #888888; border-radius:0.1em; }

/* adv */
#searchF>.adv>label { display:inline-block; margin:0.5em 0; }
#searchF>.adv>label>span { display:inline-block; background:#47b; border-radius:0 1em 1em 0; margin-right:1.5em; padding:0 1em; line-height:2; color:#ffffff; }
#searchF>.adv>label+label>span { background:initial; margin:0; padding:0.5em; font-weight:bold; color:#000000; }

#searchF>.adv>fieldset { border:0; padding:0; margin:0; }
#searchF>.adv>fieldset>legend { float:left; display:inline-block; background:#47b; border-radius:0 1em 1em 0; margin:0.5em 1.5em 0.5em 0; padding:0 1em; line-height:2; color:#ffffff; }


#searchF #advH { width:100%; border-bottom:1px solid #888888; }
#searchF #advH:before { content:'-'; display:inline-block; width:1.5em; line-height:1.5em;
 margin: 0 0.5em 0.5em 0; background:var(--colorR); border-radius:0.2em; color:#ffffff; text-align: center; font-family:'標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }
#searchF #advH.open:before { content:'+'; }
#searchF .adv2 { display:none; }
#searchF #advH.open+fieldset.adv2 { display:block; }

#searchF .btnBar { text-align:center; }
#searchF .btnBar>button { width:10em; height:2em; margin:0.2em 1.5em; border:0; border-radius:0.2em; background:var(--colorR); color:#ffffff; font-size:1.5em; }
#searchF .btnBar>button[type=reset] {  }
#searchF .btnBar>button:hover { background:var(--colorRd); }
#searchF .btnBar>input {}

#imgList { display:none; }
#imgList a { font-family:標楷體2, '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }

#dictL { width:100%; }

.line>input { font-size:1.5em; height:2em; vertical-align:middle; border:0; border-radius:0.2em; }
#searchF .line>input:first-child { width:calc(100% - 7em); border:1px solid #888888; border-radius:0.2em; font-family:'標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }
#searchF .line>input:last-child { min-width:6em; margin-left:0.5em; background:var(--colorR); color:#ffffff; text-align:center; border-radius:0.2em; }
#searchF .line>input:last-child:hover, #searchF .line>input:last-child:focus { background:var(--colorRd); }

#searchF #strokeForm1>label{ display:none; }
#strokeForm1 select { width:4em; }

.keyboardBar { display:flow-root; }
.keyboardBar a { display:inline-block; }
.keyboardBar a[id] { display:inline-block; min-width:9em; margin-right:1em; padding:0 0.5em;
 border:0; border-radius:0.2em;
 background:#946e61; text-align:center; color:#ffffff; line-height:2; }
.keyboardBar a[id].on { background:#8d695c; color:#ffffff; }
.keyboardBar a[id]:hover { background:var(--colorRd); color:#ffffff; }
.keyboardBar a[id]:before { content:'⌨️'; font-size:1.5em; line-height:1; }

.keyboardBar a:last-child { vertical-align:bottom; text-decoration:underline; color:var(--colorCY); }


.keyboard { overflow:auto; background:#ffffff; border:1px solid #888888; border-radius:0.3em; margin:0.2em 0; padding:1em 0; }
.keyboard>table { margin:auto; }
.keyboard td { text-align:center; }
.keyboard input { width:2.5em; height:2.5em; text-align:center; margin:0.1em; line-height:2.5; border:0; border-radius:0.2em; color:#ffffff; font-family:'標楷體2'; }
.keyboard input.sp { width:5.2em; }

.idx1 select, .idx1 option { font-family:'標楷體2'; }

/* index search */

.selectL { }
.selectL, label+.hr1 { display:block; position:relative; border-top:1px solid #888888; margin-top:1em; padding-top:1em;
 }
/* .selectL::before, label+.hr1::before { content:'▼'; position:absolute; left:50%; top:-0.5em; width:3em; margin:0 -1.5em; background-color:var(--colorWh); color:var(--colorR); text-align:center; } */




.selectL a { display:inline-block; min-width:2em; margin:0.2em; padding:0.1em; border:1px solid #888888; border-radius:0.2em; line-height:2; background:#ffffff; color:#333; text-align:center; font:2em/1.5 '標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }
.selectL a:hover, .selectL a:focus, .list a:active { background:#777; color:#ffffff; }
.selectL.ph a sup { margin:0; }
.selectL a>sub { display:none; margin:0; font-size:0.5em; color:#00f; vertical-align:baseline; }
.selectL .full a>sub { display:inline; }

.selectL>h4 { display:inline-block; position:initial;
 margin-right:1em; padding:0.5em 1em; line-height:1; border-radius:0 1em 1em 0;
 background-color:var(--colorB); color:#ffffff; font-size:1em; }
.idx1 label>select { border:1px solid #888888; }
.selectL>h4 { }

/* 部首注音 */
#radType ruby>rt { display:none; font-size:0.3em; }
#radType.phon ruby { line-height:2.5; }
#radType.phon ruby>rt { display:block; display:ruby-text; }

 a[data-num] { position:relative; }
 a[data-num]::after { content:attr(data-num); position:absolute; color:#bbb; bottom:-0.3em; left:1px; font-size:0.5em; }


/* list */

.searchInf { padding:1em 0; }

.searchL { width:100%; border-bottom: 4px #888 solid; margin-bottom:1em; border-spacing:0px; }
.searchL th, #searchL>tbody td #searchL td.panel { padding:5px; font-size:1.5em; }

.searchL .panel { padding:0; }
.searchL .panel>a { display:inline-block; max-width:40vw; border:1px solid #888888; border-bottom:0; border-radius:0.3em 0.3em 0 0; padding:0 2em; background-color:#ffffff; text-align:center; color:#000000; line-height:2; }
.searchL .panel>a.act { background-color:var(--colorO); color:#ffffff; }

.searchL th, .searchL td { border:1px solid #ffffff; }
.searchL th { vertical-align:top; background-color:var(--colorO); line-height:2; color:#ffffff; font-family:'Times New Roman', 正黑體, 微軟正黑體; }
.searchL th fieldset { display:inline-block; padding:0; border:0; line-height:1; vertical-align:middle; }
.searchL th legend { float:left; }

.searchL th label { font-size:0.5em; }

.searchL>tbody { background-color:#ffffff; }
.searchL>tbody>tr:nth-child(even) { background-color:#f2f2f2; }
.searchL>tbody>tr:hover { background-color:#edc; }
.searchL>tbody>tr[onclick]:hover { cursor:pointer; }

.searchL>tbody td { text-align:left; padding:0.5em; font-size:1.5em; font-family:'標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }
.searchL>tbody td:first-child { text-align:center; color:var(--colorR); width:3em; }
.searchL>tbody td:nth-child(3) { }
.searchL>tbody td a { }
.searchL>tbody td input[type=checkbox] { width:1em; height:1em; vertical-align: middle; }

#newsL tbody>tr>td:nth-child(1) { width:6em; text-align:center; }



.list1 { }



.pager { margin:0.5em 0; text-align:center; }
.pager a, .pager .act { display:inline-block; border:1px solid #888888; padding:0 0.5em; line-height:2; background-color:#ffffff; color:#444444;
 border-radius: 0.2em; text-align:center; }
.pager .act { background-color:var(--colorR); color:#ffffff; }
.pager a:hover { background-color:var(--colorRl); }


/* view */

.viewNav>a { display:inline-block; width:9em; line-height:2; margin-right:0.5em; border:var(--colorO) 1px solid; background:#ffffff; color:#000000; text-align:center; }

#view {  margin-bottom:1em; font-size:1.5em; }

#view table { width:100%; border-spacing:0 0.5em; border-collapse:separate; }
#view tr { margin-top:0.3em; }
#view th { width:6em; padding:1em; background-color:var(--colorO); color:#ffffff; vertical-align:top; white-space:nowrap; }
#view td { padding:1em; background-color:#ffffff; font-family:標楷體2, '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }

#view td ol { margin:0; }
#view td>div { line-height:1.5; }
.view mark { background:initial; color:var(--colorR); }

.view ol>li { margin-bottom:0.7em; padding-bottom:0.2em; border-bottom:0.1em solid #cccccc; }
.view b { display:inline-block; margin:0.2em 0.2em 0 0; padding:0.1em; line-height: 1;
 border-radius:0.2em; background-color:#CC0000; color:#ffffff;
 vertical-align:middle; font-family:微軟正黑體, 正黑體; }
.view b mark { color:#ffffff; }
.view a.g { display:inline-block;  padding:0.1em; line-height: 1;
 border: 1px dashed blue; border-radius:0.2em; background-color:#ccccff; color:#000000;
 vertical-align:middle; }
.view a.g:hover, .view a.g:focus { background:blue; color:white; }

 ex { display:inline-block; background:#830; border-radius:0.2em; }

.bar { display:flow-root; margin:1em 0; }
.bar>div { float:right; }


figure { display:inline-block; margin:auto; text-align:center; }
figcaption {  }

#view.size1 { font-size:1em; }
#view.size3 { font-size:2em; }

a#size1, a#size2, a#size3 { -background-color:var(--colorR); border-radius:0.1em; color:#ffffff; margin:0 0.2em; line-height:1; vertical-align:middle; }
a#size1 { padding:0.75em; font-size:0.8em; }
a#size2 { padding:0.5em; }
a#size3 { padding:0.3em; font-size:1.25em; }

.on { background-color:var(--colorRd); }

/* append */

.appendL { padding:0.5em; }
.appendL a { display:block; border-bottom:3px solid var(--colorO); background:#ffffff; -margin:1em 0 0.2em 0; padding:0.6em 0; text-align:center; font-size:1.5em; font-family:'標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; color:#000000; }
.appendL a:hover, .appendL a:focus { background-color:var(--colorO); color:#ffffff; }
.appendL li { display:inline-block; list-style-type:none; }

.appendL>* { margin:0.4em 2%; }
.appendL .w50 { display:inline-block; width:46%; }
.appendL article h4 { margin:0; padding:0; font-weight:normal; }
.appInfo { -border:1px solid #888888; margin:1em 0; }


.appendV { width:100%; font-size:1.5em; }
.appendV>thead { position:relative; }
.appendV>thead th { background:var(--colorO); padding:0; color:#ffffff; }
.appendV th>div , .appendV td>div { display:inline-block; min-width:5em; max-width: 100%; margin-right:0.3em; vertical-align:top; line-height:1.5; }

.appendV th { text-align:left; }
.appendV thead>tr>th#val, .appendV thead>tr>th>div { border-left:1px solid #ffffff; padding:0.5em; text-align:center; overflow:hidden; white-space:nowrap; }


.appendV tbody>tr { border-bottom:1px solid #ccc; background:#ffffff; }
.appendV tbody>tr:nth-child(even) { -background-color:#eee; }
.appendV tbody>tr:hover { background-color:#eff; }
.appendV tbody>tr>td>div:hover { background-color:#cff; }
.appendV tbody th[colspan] { background:#eeeeee; text-align:left; padding:0.5em; font-family:'標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai";  }
.appendV tbody th[colspan-]>div { display:inline-block; padding:0.5em 2em; border-radius:0.2em 0.2em 0 0; background-color:var(--colorO); color:#ffffff; }
.appendV>tbody>tr>td { border:1px solid #888888; }
.appendV td { padding:0; }
.appendV tr>td { font-family:'標楷體2', '標楷體', "BiauKai", "DFKai-sb", "cwTeXKai"; }
.appendV tr>td.val { text-align:center; color:var(--colorRl); }
.appendV tr>td>div {  }
.appendV tr>td.sub>div { border:1px dashed #888888; margin:0.1em; }
.appendV tr>td>div>img { max-width:100%; }



.idxBar { margin:0.5em 0; }
.idxBar>* { margin:0.3em 0; }
.idxBar select { max-width:60%; }
.idxBar>div { float:right; }

/* note */

.noteTab { display:block; width:20em; max-width:90vw; margin:auto; font-size:1.5em;  }
.noteTab>div, .tab>span { display:block; max-width:100%; }
.noteTab>div { border-bottom:1px solid var(--colorGa); margin:auto; margin-bottom:1em; }
.noteTab>div:last-child { border-bottom:0; }
.noteTab>*>div { max-width:16em; margin:auto; }
.noteTab h3 { display:block; margin:0 auto; padding:0.5em; text-align:center; color:var(--colorR); }
.noteTab h3:before, .noteTab h3:after { content:'■'; margin:0 0.5em; color:var(--colorB); }

.noteTab label { color:#000000;  font-weight:bold; }
.noteTab input { border-radius:0.1em; width:100%; margin:0.5em 0; padding:0 0.5em; font-size:1em; }

.noteTab input[type=checkbox] { width:1em; height:1em; margin-right:0.5em; vertical-align:middle; }

.noteTab input[type=submit], .noteTab input[type=button] {  }
.noteTab input[type=submit] { background-color:var(--colorB); color:#ffffff; }
.noteTab input[type=button] { }

.noteTab .msg { text-align:center; color:red; }

.bar2 a { color:var(--colorB); }
.bar2>a:nth-child(2) { float:right; }
.bar2>a:nth-child(1):before { content:'❓'; color:#ffffff; background-color:var(--colorB); border-radius:0.5em; }
.bar2>a:nth-child(2):before { content:'👤'; color:var(--colorB); }

#noteEx {}
#noteEx fieldset { border-bottom:1px solid var(--colorGa); margin-bottom:0.5em; }


.noteF {  }
.noteF label { line-height:2; }
.noteF input { margin:0.2em 0.5em; height:2em; vertical-align:middle; }
.noteF input[type=button], .noteF input[type=submit], noteF .btn
 { display:inline-block; background:var(--colorR); padding:0 1em; border:0; border-radius:0.2em;
 line-height:2em; text-align:center; vertical-align:middle; color:#ffffff; }
.noteF input[type=button]:hover, .noteF input[type=submit]:hover
, .noteF input[type=button]:focus, .noteF input[type=submit]:focus
 { background:#a40a0a; color:#ffffff; }
 
.noteF fieldset { border:0px; }
.noteF fieldset>legend { float:left; width:6em; font:bold 1.2em/2 正黑體, 微軟正黑體; }
.noteF fieldset>legend:before { content:'■'; color:var(--colorB); margin-right:0.5em; }

.noteInf { display:flow-root; margin:0.5em 0; }
.noteInf aside { float:right; }

/* news / page */


#newsL {}
#newsL>table>caption { border-bottom:1px solid var(--colorGa); text-align:left; font-size:2em; color:var(--colorGa); }
#newsL>table>caption:before { content:url(img/msg.png); color:var(--colorR); margin-right:0.3em; font-size:1.2em !important; } /* 📰 */
#newsL>div { text-align:right; }
#newsL>div>a { color:var(--colorR); padding:0.5em; }
#newsL>div>a:hover, #newsL>div>a:focus { color:var(--colorRd); }
#newsL>div>a:before { content:'>'; margin-right:0.5em; }

.post { margin:0.5em auto; padding:0 1em; line-height:1.5; background-color:#ffffff; }
.post h4 { position:unset; display:block; margin:0 -0.8em 1.5em -0.8em; padding:0.6em 1em; background-color:var(--colorO); color:#ffffff; font-size:1.25em; }
.post footer { display:block; margin:1em -1em 0 -1em; padding:1em; -background-color:#eee; color:#333; text-align:right; }

#pageNav fieldset { margin:1em 0; border:1px solid #888888; }
#pageNav .lv2 a { background:#943f16; }

#pageView, #pageView th, #pageView td { font-family:標楷體2; }
#pageView>h4 { font-family:正黑體, 微軟正黑體; }
#pageView img { max-width: 85vw; }



/* qa */

.qa .qaH { border:1px solid #888; border-radius:0.4em; margin:1em; padding:1em; background-color:#fff; }

.qaNav { text-align:center; margin:1em; }
.qaNav a { display:inline-block; width:calc(25% - 0.2em); border-radius:0.4em; margin-right:0.2em; padding:1em; color:#fff; background-color:var(--colorO); }
.qaNav a.act { position:relative; }
.qaNav a.act:before { content:' '; position:absolute; top:3.3em; left:50%; border:1em solid #0000; border-top-color:var(--colorO); margin-left:-1em; }


.qa { font-size:1.5em; }
.qa article { border:1px solid var(--colorR); border-radius:0.5em; background-color:#fff; margin:1em; padding:1em; font-family:'標楷體2'; }
.qa article>h4 {  border-radius:0.5em; background-color:var(--colorR); margin:-1em; padding:1em; margin-bottom:1em; color:#fff; font-size:1em; }

.qa nav { text-align:center; }
.qa nav:last-child>a { display:inline-block; min-width:10em; margin:1em; padding:1em; color:#fff; background-color:var(--colorB); border-radius:0.5em; text-align:center; }

.sug {}
#searchF.sug>.adv>* { display:block; }
#searchF.sug>.adv>label>span, #searchF.sug>*>fieldset>legend
 { display:block; float:initial; width:8em; margin:0.5em 0;  }
#searchF.sug input[type="text"], #searchF.sug input[type="email"], #searchF.sug input[type="file"], .sug textarea { width:100%; border-radius:0.3em;  }
#searchF.sug .btnBar { padding:0.5em; }
#searchF.sug .btnBar>button { width:100%; margin:0; }


/* sitemap */
.sitemap { counter-reset:paragraph; }
.sitemap>a { display:inline-block; background:var(--colorGa); border-radius:0.2em; width:12em; padding:1em; margin:0.5em 0.3em; color:#ffffff; }
.sitemap>a::before
{ counter-increment:paragraph; content: counter(paragraph); margin-right:0.5em; }


/* go top  */


#goTop, #suggest { position:fixed; z-index:1; right:20px; bottom:-200px; padding: 10px 20px; text-align: center; animation-name:closeBtn; animation-duration: 0.5s; }
#goTop { background-color: rgba(255,255,255,0.5); border:1px solid #888888; color:#444444; }
#goTop.show, #suggest.show { bottom:20px; animation-name: showBtn; animation-duration: 0.5s;}
#goTop:hover { background-color: rgba(255,255,255,1); }
#goTop>div, #suggest>div { text-align:center; font-size:3em; margin-top:-10px; line-height:1; }

#suggest { background-color:#ea8e3c80; color:#fff; border-radius:0.5em; box-shadow: 5px 5px 5px #00000080; }
#suggest:hover { background-color: #ea8e3c; }

@keyframes showBtn
{
    from { bottom:-200px;}
    to { bottom:20px; }
}

@keyframes closeBtn
{
    from { bottom:20px; }
    to { bottom:-200px;}
}

/* foot */

.copy { margin-bottom:1em; text-align:center; background:#f2f2f2; padding:1em; line-height:1; color:#000000; }
.copy>div { display:inline-block; }

#footer { padding:0 0 10px 0; background-color:#3d3d3d; width:100%; min-height:10em; color:#ffffff; }
#footer .fme11 { min-height:5em; }
#footer nav { margin-bottom:0.3em; font-size:1.2em; line-height:1; }
#footer .logo { margin:0.5em; }
#footer a { color:#ffffff; white-space:nowrap; }
#footer .count { width:15em; text-align:right; }
#footer .count>* { display:inline-block; }
#footer .time { color:#3d3d3d; }
#footer .addr { font-size:0.65em; line-height: 1.5em; }
#footer .addr>div { display:inline-block; }

/* comm */
 nav.panel { width:100%; border-spacing:8px 0px; border-bottom:4px solid #e3eeb0; }
 nav.panel>a { display:inline-block; padding:5px 15px; margin:0px 4px; 
	border:1px solid #e3eeb0; border-radius:5px 5px 0 0;
	color:#5a6e26; background-color:#ffffff; text-align:center;
	line-height:120%; font-family:正黑體, 微軟正黑體; }
 nav.panel>a:hover { background-color:#eee; }
 nav.panel .on { background-color:#e3eeb0; font-weight:bold; }
.md2 nav.panel { border-bottom:4px solid #E1BC9B; }
.md2 nav.panel a { color:#8B5729; border:1px solid #E1BC9B; }
.md2 nav.panel .on { background-color:#E1BC9B; color:#6e4521; }

 nav.panel2 { margin:10px -5px; font-size:1.3em; }
 nav.panel2>a { display:inline-block; border:1px solid #6B7F00; margin:5px; padding:0.5em;
 font-size:0.8em; min-width:8em; color:#6B7F00; text-align: center; }
 nav.panel2>a:hover { background-color:#d7e5b3; }
 nav.panel2>a.on { background-color:#6B7F00; color:#ffffff; }
.md2 nav.panel2>a { border:1px solid #8B5729; color:#8B5729; }
.md2 nav.panel2>a:hover { background-color:#f3e5d8; }
.md2 nav.panel2>a.on { background-color:#8B5729; color:#ffffff; }


.ext fieldset { display:inline-block; border:0; margin:0; padding:0; }

.ext input[type] { position:relative; bottom:0em; width:1em; height:1em; color:#B95E00; }
.ext input[type]::before { content:' '; position: absolute; display: inline-block; border:1px solid #ffffff; text-align:center; background-color:#ffffff; } 

#searchF .ext input[type=checkbox], #searchF .ext input[type=radio] { margin:0 0.3em 0 0.5em; border:0; appearance:unset; }
.ext input[type=checkbox]::before { border-radius:2px; width:0.9em; height:0.9em; left:0; border:1px solid #333; line-height:90%; }
.ext input[type=checkbox]:checked::before { content:'✔'; }

.ext input[type=radio]::before { border-radius:50%; width:1em; height:1em; left:0; line-height:1;
 font-size: 0.9em; }
.ext input[type=radio]:checked::before { content:'●'; }

.ext input[type]:hover::before { background-color:#bbb; color: #000000; }




@media screen and (max-width:1300px)
{
	nav.panel2 { margin: 10px 0px; }
}

@media screen and (min-width:601px) and (max-width:800px)
{
	.homeSearch form { display:block; }
	#searchL .ph { font-size:0.8em; }
	#searchL td>div { display:block; width:initial !important; }
	
	
	.list1 .pager { position:relative; right:0; top:0; width:100%; height:initial; min-height:0; padding-top:0; }
	.list1 .pager a:last-child { position:relative; float:right; }

}
@media screen and (max-width: 600px)
{
	flex, .flex { flex-direction:column; }
	
	body>header .menu1 { text-align:right; }
	body>header .menu1>span { display:inline-block; float:right; padding:0 0.3em; font-size:1.5em; }
	body>header .menu1>nav { display:none; float:initial; }
	body>header .menu1:hover>nav { display:inline-block; } 
	body>header .menu1>nav a { margin:0.3em; padding:0.2em; }
	
	.banner2 { height: auto; margin-bottom:0; }
	.banner2 form { float:initial; }
	.banner2 nav>a { width: calc(50% - 10px); margin:5px !important; }
	/* #headF { display:none; } */
	
	body>main { padding:0; padding-bottom:1em; }

	.fmeIndex { padding:0; }
	.fmeIndex>div { margin-top:1em; }



	#footer { font-size: 2.8vw; text-align:center; }
	#footer>div { }
	#footer>div>div { line-height:2; }
	#footer .logo { display:block; float:none; margin: 0.5em auto; }
	#footer .count { display:block; float:none; width:100vw; text-align:center; }
	#footer .count>* { }
	#footer .copy { font-size: 3.5vw; }
	#footer .addr { font-size: 1em; }

	.keyboardBar { text-align:center; }
	.keyboardBar a { display:block; margin:0.2em; }
	.keyboardBar a:nth-child(3) { float:initial; }

	.idx1 label>span { min-width:7em; }
	.idx1 label>select { min-width:8em; }
	
	#searchL>tbody>tr>td:nth-child(2), #searchL tr>th:nth-child(2)
	{ display:block; }
	#searchL>tbody>tr>td:nth-child(3), #searchL tr>th:nth-child(3)
	{ display:block; }
	
	#searchL tr>*:first-child { width:3em; vertical-align:middle; }
	#searchL tr>*:first-child input { display:block; margin:auto; }
	#searchL>tbody>tr>td:first-child { width:3em; }
	#searchL>tbody>tr>td:nth-child(3) { font-size:0.7em; }
	
	#searchF>* { margin:0; }
	#searchF .adv>fieldset { font-size:1.2em; }

	.appendL .w50 { display:block; width:100%; }

	.appendV th>div , .appendV td>div { display:block; width:initial !important; }
	.appendV.wrap tr>*.idx { display:none; }
	
	.idxBar>div { float:initial; }
	
	#view tr>* { display:block; -width:100%; /* padding:0.2em 1em; */ }
	#view td ib { display:block; }

	.keyboard input { font-size: 2.9vw; }
	
	#newsL>tbody>tr>td:nth-child(1) { width: 3em; }
	#pageView table { width:100%; }
	
	.qaNav a { width:calc(50% - 0.2em); margin:0.2em; margin-left:0; }
	.qa a { word-break:break-all; }


}

@media print
{
	body>header, footer, section#headSearch, aside, #mainContent nav, #goTop, .noPrint, audio, .play
	{ display:none !important; }
	#idiomTab>*>tr>th { color:#000000; } 
	
	#idiomTab tr { page-break-inside: avoid; }
	#idiomTab tr th { vertical-align:top; }
	
	h1 { display:block; position: initial; }
}


.jjDialog {  }
.jjDialog aside{  }
.jjDialog header{ background-color:#789431; color:#ffffff; font-size:1.5em; font-weight:bold; }
.jjDialog header::before { content:''; display: inline-block;
 background-image:url(img/user.png); background-size:1em; background-size: contain; background-repeat: no-repeat;
 width:1.5em; height: 1.2em; vertical-align: middle; }
.jjDialog main{  }
.jjDialog footer { background-color:#888888; }
.jjDialog footer input{ }


@keyframes showMenu
{
    from { left:-200px;}
    to { left:0px; }
}

@keyframes closeMenu
{
    from { left:0px; }
    to { left:-200px;}
}