@charset "UTF-8";
@font-face { font-family: '標楷體2'; src: local('標楷體'); }
@font-face { font-family: '標楷體2'; src: local('Times New Roman'); unicode-range: U+00-024F; }
@font-face { font-family: '標楷體2'; src: url('idioms-dict.woff') format('truetype'); }

 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 body, td, th { font-family:'Times New Roman', '微軟正黑體', '正黑體'; }
 a	{ text-decoration:none; }
 body { margin:0px; }
 form { display:inline; }
 table { border-collapse:collapse; }


 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; color:#aaa; }
 
 
 
.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 #fff; text-align:center; background-color:#fff; } 
 
 
.ext input[type=checkbox]::before { border-radius:3px; width:0.9em; height:0.9em; line-height:90%; }
.ext input[type=checkbox]:checked::before { content:'✔'; }

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

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


/*  
# 789431 綠 	#6B7F00 棕
#bc1928 紅
*/ 

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

 section>h3, section>h4, nav>h3, nav>h4 { display:none; }

body main .close { 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; }


.form1 { color:#666; }
.form1 input { border:1px solid #888; font-size:1em; height:2em; margin:0.2em; vertical-align:middle; }
.form1 input[type=submit] { background-color:#789431; padding:0 1em; color:#FFF; border:0px; border-radius:0.2em; }


.form2 {  }
.form2 input, .form2 select { font-size:1em; height:2.1em; vertical-align:middle; margin:0 0.5em; }
.form2 input[type=submit] { color:#bc1928; border:#bc1928 1px solid; border-radius:0.3em; padding:0 1em; }

.btn1 { background-color:#bc1928; color:#FFF; border-radius:0.2em; padding:0.4em 1em; vertical-align:middle; }
.btn2 { background-color:#fff; color:#bc1928; border:#bc1928 1px solid; border-radius:0.2em; padding:0em 1em; vertical-align:middle; font-size:1em; }

.nobr>label, nbr { white-space:nowrap; }

.subTxt { font-size:70%; color:gray; /* white-space:nowrap; */ }

 nobr.ph { font-family: 標楷體; }
.ph, .ph th, .ph td { font-family: 標楷體2, 標楷體 !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:標楷體; }
.ph nobr, nobr.ph { position:relative; }
.ph.v { display: inline-block; width:1em; white-space: pre-wrap; font-size: 0.3em; }
.ph.v sup {}

/* head */
 
 body>header { background-color:#B95E00; }
 body.md2>header { background-color:#8B5729; }
 body>header>section:first-child { background-color:#3d3d3d; }
 body>header>section>div { max-width:1100px; min-height:3em; margin:auto; color:#fff; text-align:right; }
 body>header>section:first-child>div>a>img { margin:10px 0; max-width:80%; float:left; }
 body>header .menu1 { display:inline; }
 body>header .menu1>nav { display:inline-block; float:right; }
 body>header .menu1>nav a { display:inline-block; color:#fff; padding:0.1em; margin:0.6em 0.2em; }
 body>header .menu1>nav a:hover { background:#bc1928; } 
 body>header .menu1>nav a>img { vertical-align:middle; }
 body>header .menu1>span { display:none; }
 body>header .lang { border:1px solid #cf8; color:#cf8; }

.menu2 { color:#fff; font-size:1.5em; background-color:#840; text-align:left; }
.md2 .menu2 { background-color:#400; }
.menu2 a { display:inline-block; color:#fff; margin:0.3em 1em; }
.menu2 a.on { color:#FF0; }

#headSearch { padding:10px 0; margin-bottom:1em; color:#fff; line-height:150%; }
#headSearch .ext { line-height: 3;}
#headSearch .ext fieldset, .chkF { display:inline; border:0px; margin: 0; padding: 0; }
#headSearch .ext fieldset>legend, .chkF>legend { position:absolute; left:-1000vw; top:-100vh; }
#headSearch input { border:0px; padding:0px 5px; line-height:1.5em; 
 font-size: 125%; font-family: 正黑體, 微軟正黑體; }
#headSearch input[type=submit], #headSearch input[type=button]
 { background:#3d3d3d; width:6em; color:#fff; }
#headSearch input[type=button] { background:#f90; }

#mainContent>h2 { color:#7b9634; font-size:1.2em; }
#mainContent>h2::before { display:inline-block; content:'✎'; background-color:#7b9634; border-radius:4px;
 color:#fff; margin-right:10px; width:1em; height:1em; line-height: 1em; }
#mainContent>h2 a, h2 .link { color:#7b9634; text-decoration:underline; cursor:pointer; }

.md2 #mainContent>h2 { color:#8B5729; }
.md2 #mainContent>h2 a { color:#8B5729; }
.md2 #mainContent>h2::before { background-color:#8B5729; }



 main { }
.fme11, .fme13 { display:block; width:1100px; max-width:100%; margin:auto; padding:0; }
.fme13 { width:1300px; }
 
.banner1 { background:#789431 url(img/banner11.jpg) no-repeat 50% 0; height:350px; margin-bottom:-150px; }
.banner2 { background:#789431 url(img/banner12.jpg) no-repeat 50% 0; height:100px; }
.banner2 img { height:100px; }
.md2 .banner1 { background:#4f2805 url(img/banner21.jpg) no-repeat 50% 0/contain; }
.md2 .banner2 { background:#4f2805 url(img/banner22.jpg) no-repeat 50% 0/contain; }

/* home */
.homeSearch { width:100%; max-width:1100px; margin:auto; color:#fff; background-color:#B95E00; border-radius: 0 0 5px 5px; text-align:center; padding-bottom: 1em; }
.md2 .homeSearch { background-color:#8B5729; }

.homeSearch>* { text-align:left; }
.homeSearch>h2 { position:absolute; height:0; overflow:hidden; }
.homeSearch>.tab a { display:inline-block; width:50%; color:#804000; border-bottom:#ffb76f solid 1px; padding:10px; text-align:center; font-size:1.4em;background-color:#ffb76f;  }
.homeSearch>.tab .act { background-color:#B95E00; color:#fff; font-weight:bold; }
.homeSearch .cont { padding:10px 40px; color:#fff; vertical-align:middle;  font-size:1.5em; }
.homeSearch form { display:inline-block; }
.homeSearch input, .homeSearch select { height:1.5em; margin:0.5em 0.2em; border:0px; font-size:1em; max-width:97%; vertical-align: middle; }
.homeSearch input:focus { background:#fd8; }
.homeSearch input[type=radio] { width: 1em; }
.homeSearch input[type=submit] { background:#3d3d3d; width:140px; color:#fff; }
.homeSearch label>span { display:inline-block; min-width:5em; text-align:justify; }
.homeSearch .qTp { display: inline-block; font-size:0.7em; }
.homeSearch .ext { line-height:3; }


.keyboardBar input[type=button][onclick], .keyboardBar div { display:inline-block; padding:0 1em; background-color:#fff; border-radius:2px; font-size:0.6em; color:#08B; height:1.7em; line-height:1.7em; vertical-align: middle; }

.keyboard { display:none; max-width:95vw; overflow:auto; }
.keyboard.act { display:block; }
.keyboard>table { border:4px solid #ccc; border-radius:0.7em; margin:1em auto; } 
.keyboard .row td { wid th:1em; } 
.keyboard td { } 
.keyboard input[type=button] { width: 2.5em; font-size:2em; border:1px solid #ccc; border-radius:0.2em; text-align: center; padding: 0; } 
#keyboard2 input[type=button] { width: 3.5em; font-size:1.2em;  } 

 
/* home news */
#newsF { background-color:#f2f2f2; padding:0.6em 0.4em; width:100%; margin:1em auto; }
#newsF h2 { color:#789430; margin:0.5em 0; }
#newsF h2::before { content:url(img/news1.png); }
#newsF>section { width:95%; max-width:1100px; margin:auto; }
#newsF>section time { display:block; color:#bc1928; }
#newsF>section article { background:#fff; padding:10px; }

/* list */
.searchL { width:100%; border-bottom: 4px #888 solid; margin-bottom:1em; border-spacing:0px; }
.searchL th, .searchL td { padding:5px; font-size:1.5em; }
.searchL th { vertical-align:top; background-color:#e3eeb0; color:#000; font-family:'Times New Roman', 正黑體, 微軟正黑體; }
.searchL th label { }
.searchL td { font-size:1.5em; }
.md2 .searchL th { background-color:#E1BC9B; }

.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, .searchL>tbody td { text-align:center; font-family:'標楷體2', '標楷體'; }
.searchL>tbody td:first-child { color: #666; width:5em; }

.searchL>tbody td a { color:#000; }
.searchL>tbody td mark { color:#c00; background:rgba(0,0,0,0); }
.searchL>tbody td i { display:inline-block; color:#888; word-break:keep-all; font-size:0.7em; white-space:nowrap; }
.searchL>tbody td i a { color:#666; }
.searchL>tbody td i a:hover { background-color:#ff0; }
.searchL>tbody td d { color:#fff; background:#bc1928; border-radius:2px; font-family:正黑體, 微軟正黑體; font-size:0.5em; padding:2px; }
.searchL>tbody td b { color:#000; backgr ound:#1928bc; border:1px solid #1928bc; border-radius:2px; font-family:正黑體, 微軟正黑體; font-size:0.5em; padding:2px; margin-left: 0.5em; }

.searchL tr>td input[type=checkbox] { width:1em; height:1em; vertical-align: middle; }
.searchL td sub { color:#bc1928; }

.searchL>tfoot input { border:1px solid #789431; font-size:1em; margin:0.3em; }
.searchL>tfoot input::-webkit-input-placeholder { padding-left:1em; font-size:0.7em; color:#eb4;}
.searchL>tfoot input::-webkit-input-placeholder::before { content:'['; }
.searchL>tfoot input::-webkit-input-placeholder::after { content:']'; }
.searchL>tfoot input[type=submit] { background-color:#789431; border-radius:4px; padding:0.1em 1em; color:#fff; }

.search1 tr>*>div { display:inline-block; vertical-align:top; }
.search1 tr>*:nth-child(2)>div:first-child { width:35%; }
.search1 tr>*:nth-child(2)>div:nth-child(2) { width:65%; }
.search1 th>div>div, .searchL th>e { display:inline-block; margin-left:1em; font-size:0.6em; white-space:nowrap; }
.search1 td>div:nth-child(2) { text-indent:4em; margin: 0 2em 0 -2em; font-family:標楷體 !important;  }

.func1 { float:right; display:block; }

.proofL nobr { display:inline-block; border:1px solid #ccc; padding:3px; margin:1px; min-width: 13em; }
.proofL div { display:inline-block; border:1px solid #ccc; padding:3px; margin:1px; width: 13em; vertical-align:top; }
.proofL nobr>span, .proofL div>span { float:right; }

#listInf { margin:0.8em 0; font-family:標楷體2, 標楷體; font-size:1.2em; }
.listExt { margin-bottom:1em; } /* 列表說明 */
.listExt d { color:#bc1928; }



/* 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:#fff; 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:#fff; }
.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:#fff; }
 
 
/* list2 filter */
.filter1 { font-size:1.25em; font-family:'正黑體', '微軟正黑體'; color:#767676; line-height:150%; }
.filter1 label { display:inline-block; border-left:4px solid #888; margin:0.4em; padding-left:1em; white-space:nowrap; }
.filter1 select, .filter1 input { margin-left:1em; font-size:1em; height:2em; }


.pager { font-family: '正黑體', '微軟正黑體'; }
.pager>* { display:inline-block; min-width: 1.5em; height:1.5em; margin:0.2em 0; padding:0 0.2em; border:1px solid #6B7F00; border-radius:2px;
 color:#6B7F00; text-align:center; }
.md2 .pager>* { color:#8B5729; border:1px solid #8B5729; }
.pager .act { background-color:#6B7F00; color:#fff; }
.md2 .pager .act { background-color:#8B5729; }

/* view */

#pageView { font-size: 1.5em; }
#idiomPage header { margin-top:1.5em; }
#idiomPage footer { margin-bottom:1.5em; }
#idiomPage header div, #idiomPage footer div { float:right; }
#idiomPage header>*, #idiomPage footer>* { margin:0.4em 0; }
#idiomPage aside a { display:inline-block; color:#000; }
#idiomPage .switch { display: inline-block; white-space:nowrap; line-height:120%; margin:0.4em 0 }
#idiomPage .switch a { display:inline-block; border:1px solid #ccc; padding:0.2em 1em; text-align:center; color:#888; cursor:pointer; }
#idiomPage .switch a:hover { background-color:#eee; }
#idiomPage form { display:inline; }

#fontSize a { display:inline-block; border:1px solid #555; color:#555;
 margin:0 5px; padding:0 3px; min-width: 25px; line-height: 25px;
 text-align: center; vertical-align: middle;
}

#fontSize a:hover { background-color:#bbb; color:#fff; }
#fontSize a.on { background-color:#555; color:#fff; }

#idiomTab { width:100%; margin:auto; border-collapse: separate; border-spacing:0px 12px; }
#idiomTab td { font-family:標楷體2, 標楷體; color:#000; line-height:150%; }
#idiomTab>*>tr>th, #idiomTab>*>tr>td { }
#idiomTab>*>tr>th { width:6em; background-color:#6B7F00; color:#fff; font-size:1.4em; font-family:正黑體, 微軟正黑體; line-height:2em; padding:0.5em; white- space: nowrap; }
.md2 #idiomTab>*>tr>th { background-color:#917126; }
#idiomTab>*>tr>td { padding:10px; background-color:#f3f8de; font-size:1.5em; }
#idiomTab>*>tr>td>i, #idiomTab>*>tr>td>i>a { color:#707070; font-size:0.7em; }
#idiomTab>*>tr>td>i>a:hover { background-color:#ff8; }
#idiomTab td a:hover { text-decoration:underline dashed #aaa; }
#idiomTab td em { background-color:#e0edab; font-style: normal; }
.pwMd #idiomTab td strong { background-color:#e0edab; }
#idiomTab td h4 { font-weight:normal;  margin-bottom:0px; bor der:1px solid #aaa; text-shadow: 1px 1px #A80; }
#idiomTab td img { vertical-align:middle; mix-blend-mode:darken; }
#idiomTab td h4:first-child { margin:0px; }
#idiomTab td a { color:#085; }
.pwMd #idiomTab td>b { color:#bc1928; }
#idiomTab td d { color:#888; }
#idiomTab td abbr[title] { cursor:help; text-decoration-color: #A00; }
#idiomTab td sub { color:#bc1928; font-size:0.5em; }
#idiomTab td .list4 { padding-left:3em; margin-bottom:1em; list-style-type: trad-chinese-informal; }
#idiomTab td .list4>li>ol { margin-left:-1.6em; }
#idiomTab td u l>li { border-left:5px solid #888; padding-left:0.2em; }
#idiomTab td u l>li>div { background-color:#ddd; }
#idiomTab td ol { m argin:0; }
#idiomTab td ol>li { border-bottom:1px solid #ccc; margin-bottom:0.5em; }
.pwMd #idiomTab td ol>li:hover { background-color:#dfb; }
.md2 .pwMd #idiomTab td ol>li:hover { background-color:#eee; }
#idiomTab td li { font-family:標楷體2, 標楷體; }
/* #idiomTab td li>b { background-color:#6B7F00; margin-right:0.5em; } */

#idiomTab .proof li>sub { color:#666; font-size:0.5em; display:none; }
.pwMd #idiomTab .proof li>sub { display:inline; }

.list1 { position: relative; list-style-type: trad-chinese-informal; padding-left: 2.7em; }
.list1>li::before { c ontent:'(　)'; position:absolute; left:0.25em; font-size:0.9em; }
.list1>li::marker {  }
.list2 { list-style-type:decimal; }
.list2>li ol { position: relative; counter-reset: list; }
.list2>li ol>li { list-style: none; }
.list2>li ol>li::before { position:absolute; left:-0.7em;
 content: "(" counter(list, decimal-leading-zero) ") "; counter-increment: list; }



.list3 { position: relative; list-style-type:decimal; margin-left: 1em; }
.list3>li:before { content:'◎'; position: absolute; left: -1em; }
.list5>li {  }
.pwMd #idiomTab td>ul>li { padding:2px; }
.pwMd #idiomTab td>ul>li:hover { padding:0px; border:2px dashed #888; }

.lab { text-indent:-1em; padding-left:1em; }
.lab[data-val]:before { content:attr(data-val); background-color: #6B7F00; color:#fff; }

.compTab th, .compTab td:first-child, .compTab td:nth-child(2) { text-align:center; }
.compTab th { font-family:標楷體; white-space: nowrap; border-left:2px solid #888; }
.pwMd .compTab th { border-left:5px solid #7B8; }

.print { padding:5px 30px; background-color:#147ca9; border-radius:3px; color:#fff !important; }
.print:hover { background-color:#79bcd9; }


.note select { padding:0.2em 0.5em; margin:0 0.5em; }
a.note, .note input { margin:0.1em 1em; padding:0.1em 0.5em; border:1px solid #bc1928; border-radius:3px; background:#fff; color:#bc1928 !important; }
a.note:hover, .note input:hover { background-color:#bc1928; color:#fff !important; }

#pageTab { width:100%; }
#pageTab>tbody>tr>td:first-child { position:relative; min-width:2em; width:230px; }
#pageTab>tbody>tr>td:first-child>nav { background:white; width:210px; padding-right:1em; }
#pageTab td { vertical-align:top; }
#pageTab nav>a { display:block; padding:0.6em 1em; }

#pageTab nav .lv0 { background-color:#fff; }
#pageTab nav .lv1 { border-bottom:1px solid #fff; color:#fff; background-color:#6B7F00; }
#pageTab nav .lv1:hover { color:#000; }
#pageTab nav .lv2, #pageTab nav .lv3 { padding-left:2em; color:#647500; border-bottom:1px solid #6B7F00; background-color:#fff; }
#pageTab nav .lv3 { padding-left:2.5em; }
#pageTab nav .lv2.on, #pageTab nav .lv3.on { background-color:#f3f8de; }
#pageTab nav .lv2:hover, #pageTab nav .lv3:hover { color:#000; }

#pageTab article, #pageTab article *, #pageTab article th, #pageTab article td {  font-family:'標楷體2', '標楷體'; }
#pageTab article, #pageTab article>* { line-height:150%; }
#pageTab article h3 { font-size:1.5em; padding:0 0.5em; margin:0px; border-left:solid 4px #666; background-color:#f3f8de; color:#666; font-family:正黑體, 微軟正黑體; }
#pageTab article section ul a { display:list-item; }
#pageTab article img { max-width:99vw; }

#row_pinyin td { font-family:標楷體2, 標楷體; }

/*  */
.cTab {  }
.cTab caption { text-align:left; color:#7b9634; font-size:1.2em; font-weight:bold; }
.cTab>*>tr>th { padding:0.2em 0.5em; background-color:#e3eeb0; color:#000;
 font-family:'Times New Roman', 正黑體, 微軟正黑體; }
.cTab>*>tr>td {  }
.cTab>*>tr>td input { width:100%; font-size:1em; }
.cTab>*>tr>td input::-webkit-input-placeholder { font-size:0.7em; color:#886600; }
.cTab td>input[type=submit] { background-color:#789431; border-radius:4px; padding:0.1em 1em; color:#fff; border: 1px solid #789431; }



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




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

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

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

/* foot */
#footer { padding:10px 0; margin-top:30px; background-color:#3d3d3d; width:100%; color:#fff; }
#footer>div>div { font-size:1.2em; line-height:1; }
#footer a { color:#fff; white-space:nowrap; }
#footer .logo { float:left; margin:1em 0.5em; }
#footer .count { float:right; width:10em; text-align:right; }
#footer .count>* { display:inline-block; text-align:right; }
#footer .time { color:#3d3d3d; }
#footer d { font-size:0.65em; line-height: 1.2em; }
#footer d>span { display:inline-block; }
/*   */
 
.idmL a { color:#085; } 
 
 
@media screen and (max-width:1300px)
{
	nav.panel2 { margin: 10px 0px; }
	.banner1 { background-size:contain; height:26.92vw; margin-bottom:-11.54vw; }
	.banner2 { background-size:contain; height:7.143vw; }
	.banner2 img { height:7.143vw; }
}

@media screen and (max-width: 800px)
{
	.homeSearch form { display:block; }
	.searchL .ph { font-size:0.5em; }
	.searchL td>div { display:block; width:initial !important; }
	 
}
@media screen and (max-width: 640px)
{
	body>header .menu1 { text-align:right; }
	body>header .menu1>span { display:inline-block; float:right; padding:0.3em 0.6em; }
	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; }
	
	.banner1, .banner2 { background:#789431 url(img/banner13.jpg) no-repeat 50% 0/contain; height:21.74vw; margin-bottom:0; }
	.banner1 img, .banner2 img { height:21.74vw; }
	.md2 .banner1, .md2 .banner2 { background:#4f2805 url(img/banner23.jpg) no-repeat 50% 0/contain; }

	

	#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>* { d isplay:inline; }
	
	#headSearch .ext { display:none; }
	#mainContent>nav:first-child>a { margin:0.3em; }
	#idiomTab>tbody>tr>th, #idiomTab>tbody>tr>td { width:100%; display:block; }
	#idiomTab>tbody>tr>th { padding:0; line-height:150%; }
	#idiomTab>*>tr>th	 { width:100%; }
	.compTab th:first-child, .compTab th:nth-child(2) { width:3em; white-space:normal; }
	
	#headSearch input[type=text] { margin-right: -8em; }
	#headSearch input[type=submit], #headSearch input[type=button] { width:4em; }
	.filter1>label { display:inline-block; white-space:normal; }
	.filter1 label select { max-width:98%; }
	
	.searchL th>div { width:initial; }
	.searchL th>div>div { margin-left:0; }
	.searchL>tbody tr>td:first-child { text-align: center; }
	.searchL>tbody td:nth-child(1) { color: #666; width:initial; }
	.func1 { float:none; clear:both; line-height:2em; }
	
	.rwd th, .rwd td { display:block; }

	#idiomPage aside div { float: none; }
	
	
	#pageTab>tbody>tr>td:first-child { width:2em; }
	#pageTab>tbody>tr>td:first-child>nav { position:absolute; left:-200px; padding-right:3em; back ground:#6B7F00;
	border-right:3px double #888; animation-name: closeMenu; animation-duration: 2s; }
	#pageTab>tbody>tr>td:first-child>nav:hover {  left:0px; animation-name: showMenu; animation-duration: 1.5s; }
	#pageTab>tbody>tr>td:first-child>nav::before { content:'》'; position: absolute; right: -1em;
	border:1px solid #6B7F00; border-left-width:0; border-radius:0.2em; padding-left:0.5em;
	background-color:#6B7F00; color:#fff;	}
	
	#pageTab article img { margin-left:-2em; }


}

@media print
{
	body>header, footer, section#headSearch, aside, #mainContent nav, #goTop, .noPrint
	{ display:none; }
	#idiomTab>*>tr>th { color:#000; } 
	
	#idiomTab tr { page-break-inside: avoid; }
	#idiomTab tr th { vertical-align:top; }
}


.jjDialog {  }
.jjDialog aside{  }
.jjDialog header{ background-color:#789431; color:#fff; 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:#888; }
.jjDialog footer input{ }


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

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