body      { font-size: 12pt; color: black; background: #eef; font-family: verdana; margin-right: 0; margin-top: 0 }

#header   { float: left; margin-right: 45px }

#header a { color: black }

#title    { font-family: Georgia; font-size: 16px; color: black;
            text-shadow: #ccf -1px -1px 2px; font-weight: normal; margin: 0px }

#subtitle { font-family: Georgia; font-size: 13px; color: black;
            text-shadow: #cfc -1px -1px 2px; font-weight: normal; margin: 0px }

#social   { display: inline-block; float: left; font-size: 11px; color: gray }
#social div { float: left; margin: 5px 6px 0 0 }

div.hr    { border-top: #EEEEEE solid 1px; margin-top: 0px;
            margin-bottom: 0px; clear: both }

#formarea { margin-bottom: 10px }
#formarea form { display: inline-block; margin-top: 10px }

#q        { padding-left: 5px; vertical-align: middle; background: #FFF8F8;
            font-size:30px; font-weight: bold;
            font-family: Verdana, "微軟正黑體", "Microsoft JhengHei";
            border: #C0C0C0 solid 1px; margin-bottom: 5px; width: 500px }

#submit   { vertical-align: middle; background: #EEEEFF; color: #6060A0;
            font-size: 15px; font-family: Georgia;
            border: #A0A0C0 solid 1px; cursor: pointer;
            margin-bottom: 5px; border-top: #ddf solid 1px;
            border-left: #ddf solid 1px; width: 60px; height: 30px }

#footnote           { font-size: 12px; padding-top: 11px; color: #666 }
#footnote a         { text-decoration:none; color: #66c }
#footnote a:visited { color: #66c }
#footnote a:hover   { text-decoration:none; color: #282 }

#recent             { font-size: 12px; font-family: Georgia; width: 550px; margin: 10px 0 25px 0 }
#recent a           { text-decoration:none; color: green }
#recent a:visited   { color: green }
#recent a:hover     { text-decoration:none; color:black; background: yellow }

#enter    { visibility: hidden; font-size: 11px; margin-left: 5px;
            padding: 1px 2px 1px 2px; background: #efe;
            border: 1px dotted #ddd; font-family: Times; color: #666 }

.web-home-right    { position: fixed; top: 35px; right: 0; z-index: 2 }
.yhoo-home-below   { margin-top: 15px; clear: both }
.yhoo-home-text    { margin-top: 10px; width: 450px }
.web-home-links    { float: left; padding-top: 35px; height: 80px; width: 66% }

a         { text-decoration:none; color: blue }
a:visited { color: blue }
a:hover   { text-decoration:none; color:red }

a.w         { text-decoration:none; color: black }
a.w:visited { color: black }
a.w:hover   { text-decoration:underline; background: yellow; color:black }

a.u         { text-decoration:none; color: black;
              border-bottom: #C0B0B0 dotted 1px }
a.u:visited { color: black }
a.u:hover   { text-decoration:none; color:blue }

pre       { margin-left: 3px; color: black; font-size: 16px;
            font-family: 'PT Mono', Courier, "微軟正黑體", "Microsoft JhengHei";
            max-width: 70%; white-space: pre-wrap; }
pre.calc  { margin-top: 0 }

@media screen and (max-width: 960px) {
	#q { width: 300px }
	#social { float: right }
	#yhoo_text_ads { max-width: 150px; max-height: 400px; height: 400px; position: fixed; right: 165px; top: 60px; background: #E6FFF0; padding: 15px; border: 1px solid #dddddd; overflow: hidden }
	.msg { display: none }
	#recursive { display: none }
	.home #afs_wide { display: none }
	#formarea form { margin-top: 0px }
}
@media screen and (max-width: 750px) {
	#q { width: 250px }
	#social { float: right }
	#yhoo_rect_ads { visibility: hidden }
	#yhoo_text_ads { visibility: hidden }
	.query #header { margin-top: 65px }
	#formarea form { margin-top: -15px }
	.msg { display: none }
	.web-query-header  { position: absolute; left: 0px; top: 0px; z-index: 2 }
	#recursive { display: none }
	#recent { display: none }
	.home #afs_wide { display: none }
}
@media screen and (max-width: 500px) {
	#q { width: 200px }
	#social { position: absolute; right: 0px; top: 0px }
	#yhoo_rect_ads { visibility: hidden }
	#yhoo_text_ads { visibility: hidden }
	.query #header { margin-top: 65px }
	#formarea form { margin-top: -15px }
	.msg { display: none }
	.web-query-header  { position: absolute; left: 0px; top: 0px; z-index: 2 }
	#recursive { display: none }
	#recent { display: none }
	.home #afs_wide { display: none }
}

input.addr{ vertical-align: middle; background: #EEEEFF; color: black; font-size: 12px; font-family: Georgia; border-top: #C0C0C0 solid 1px;border-left: #C0C0C0 solid 1px; border-bottom: #808080 solid 2px;border-right: #808080 solid 2px; cursor: pointer; margin-bottom: 5px; width: 180px; height: 30px }
div.hide  { display: none }
span.hide  { display: none }
div.show  { display: inline }
span.msg  { font-family: Arial; font-size: 13px; font-style: italic }
span.source { color: black; border: blue dotted 1px; padding: 4px; background: #FFFFEE; font-size: 12px; font-family: Verdana }
span.small{ font-size: 12px }
span.math { font-family: Arial; font-size: 10px }
span.provider { font-family: Georgia; font-size: 10px; color: black }
div.footer { font-size: 12px; color: silver; font-family: Georgia }
span.ver  { font-family: Verdana; color: silver; font-size: 10px }
div.footer span.count  { font-family: Courier; font-size: 12px; float: left }
div.footer span.engine { color: #C0C0C0; float: right; text-align: right; font-size: 10px }
pre a         { text-decoration:none; color: black }
pre a:visited { color: black }
pre a:hover   { text-decoration:underline; background: yellow; color:black }
pre a.ref     { border-bottom: 1px dotted gray }
img.pronun { cursor: pointer; color: blue; max-height: 16px }
span.sound      { font-size: 12px }
a.p             { text-decoration:none; color: blue; border-bottom: gray dotted 1px }
a.p:visited     { color: blue; border-bottom: gray dotted 1px }
a.p:hover       { text-decoration:none; background: yellow; color: red }
td.cword        { font-size: 26px; color: black; font-weight: bold }
td.cword_pinyin { padding-left: 20px; font-size: 12px; color: gray }
span.num        { color: #202020 }
span.word       { color: black; border-bottom: gray dotted 1px; font-weight: bold; font-size: 26px; font-family: Verdana }
form.nomargin   { margin: 0 }
span.err        { color: blue; font-size: 12px }
input#afs { display: none }
div.right { float: right }
div.left  { float: left }
xiframe { width: 130px }
div.calendar_year { font-family: Courier; border: 1px solid black; width: 640px; padding: 10px; margin-left: 30px }
div.calendar_month { font-family: Courier; border: 1px solid black; width: 205px; padding: 10px; margin-left: 30px }
span.year { font-family: Arial; font-size: 24px }
span.t { font-family: Verdana }

.ad_header {color:#000;font-weight:bold;padding-bottom:0px;font-size:12px}
.ad_line1 {color:#0000FF;font-size:14px; text-decoration:underline}
.ad_text {color:#000000;font-size:12px; text-decoration:none}
.ad_url {color:#008000;font-size:12px;margin-bottom:12px; text-decoration:none}

.search_header{background:#eee;padding:4px;font-size:15px;font-weight:bold}
.wide_ads {background:#ffffff; width: 500px; font-family: Verdana; font-size: 10px; border: 1px solid silver; margin: 5px}
.narrow_ads {background:#eeffff}
#ipv6_enabled_www_test_logo { float: right }
#cse-search-box { display: inline }
#search-box { display: inline; width: 100px; text-align: left; margin-top: 0; margin-left: -3px; margin-bottom: 5px; height: 40px }
#google_search  { vertical-align: middle; background: #EEEEFF; color: #66c; font-size: 12px; font-family: Georgia; border: #A0A0C0 solid 1px; cursor: pointer; margin-bottom: 5px; border-top: #ddf solid 1px; border-left: #ddf solid 1px }
#logo { margin:3px 5px 0 0; border: 0px }
#fb_cmt { position: fixed; right: 0px; top: 340px }


.web-query-header  { position: absolute; right: 1px; top: 0px; z-index: 2 }
.web-query-right   { float: right; text-align:right; margin-top; 15px; position: absolute; right: 0px; top: 62px; z-index: 2 }
.web-query-insert  { margin: 5px 0 10px 0 }
.web-query-footer  { float: left }

.scupio-query-right { float: right; margin-top; 65px; position: absolute; right: 0px; top: 670px; z-index: 0 }
.scupio-query-right.fixed { position: fixed; right: 0px; top: 0px; z-index: 1 }

.web-address-right { float: right; text-align:right; margin-top; 15px; position: absolute; right: 0px; top: 62px }
.web-calc-right    { float: right; text-align:right; margin-top; 15px; position: absolute; right: 0px; top: 62px }

#yhoo_top_banner   { position: fixed; right: 170px; top: 0px; z-index: 0; display: none; background: #EEFFFF; }
#yhoo_right_banner   { position: fixed; right: 0px; top: 605px; z-index: 1; display: none; background: #EEFFFF; }
#yhoo_rect_ads     { width: 300px; height: 250px; position: fixed; right: 170px; top: 70px; background: #EEFFFF; }
#yhoo_text_ads     { width: 268px; height: 200px; position: fixed; right: 165px; top: 60px; background: #EEFFFF; padding: 15px; border: 1px solid #dddddd }

#yhoo_text_ads2    { width: 270px; height: 130px; position: fixed; right: 1px; top: 400px; padding: 10px; background: #E6FFF0; border: 1px solid #dddddd }

#ypaAdWrapper-cdict_1 { width: 300px; height: 200px; position: fixed; right: 170px; top: 550px; padding: 0px }
#ypaAdWrapper-cdict_2 { width: 300px; height: 200px; position: fixed; right: 170px; top: 550px; padding: 0px }


#afs_box           { width: 250px; height: 200px; position: absolute; right: 182px; top: 335px; padding: 15px; z-index: 10 }
#afs_wide          { width: 300px; height: 200px; position: fixed; right: 350px; top: 120px }

#eng_addr { display: inline-block; font-size: 14px; width: 400px; font-family:  Verdana }
#pano     { margin-top: 5px; margin-left: 10px }
#map      { margin-left: 10px; border: 0px solid black; width: 500px; height: 300px }
.rfcpage  { border-bottom: 1px solid orange; width: 730px; height: 3px; page-break-after: always }
#contactX { position: absolute; top: 0px; right: 0px; cursor: pointer; font-size: 11px; color: #ccc; padding: 2px 3px; z-index: -100; display: none; margin-right: 5px }
#contact { float: right; cursor: pointer; font-size: 11px; color: #ccc; padding: 2px 3px; z-index: -100; display: none; margin-right: 5px }
#contact-form { display: block }
.ui-dialog { border: 1px solid gray; background: white; box-shadow: 5px 5px 8px 0 gray }
.ui-dialog-titlebar { background: black; color: white; font-size: 14px; padding: 5px 5px }
.ui-dialog-titlebar-close { color: yellow; float: right; font-weight: bold }
.ui-dialog-content { font-size: 10px; padding: 5px 5px; background: white }
.ui-dialog-content table { background: white }
.ui-dialog-content th { text-align: right; font-size: 10px; background: white; vertical-align: middle }
.ui-dialog-content td { font-family: Verdana; font-size: 10px; background: white }
.ui-dialog-content input { border: 1px solid gray; background: #efe; font-size: 14px; font-family: Verdana }
.ui-dialog-content textarea { border: 1px solid gray; background: #efe; font-size: 14px; font-family: Verdana }
.ui-dialog-content input[type=submit] { border: 1px solid gray; background: #eef; font-family: Verdana; cursor: pointer; font-weight: bold }
#rnd { display: none }

.sitemajiad { display: none }
#recursive { font-size:11px; color: gray }

.vtube { margin-left: 20px; width: 550px; overflow: hidden; position: relative; margin-bottom: 2px; z-index: 1 }
.vtube img { float: left; opacity: 0.5 }
.vtube a { text-decoration: none; cursor: pointer }
.vtube a:hover img { opacity: 1 }
.vtube a:hover:after { content: url('https://assets.cdict.net/play.png'); position: absolute; left: 5px; top: 5px }
.vtube a:hover .vcap { color: blue; background: #CCFFFF }
.vtube a:hover .vcap u { color: red; text-decoration: none; text-shadow: #fcc -1px -1px 1px; }
.vtube a:hover .vcapzh { opacity: 1 }
.vtube a:hover .vtitle { color: green }
.vtube .vcap { float: left; display: inline-block; font-size: 16px; width: 450px; height: 1em; line-height: 1em; overflow: hidden; padding: 1px 0 1px 10px; font-family: Georgia; color: #202020 }
.vtube .vcapzh { float: left; display: inline-block; font-size: 12px; width: 450px; height: 1em; line-height: 1em; overflow: hidden; padding: 5px 0 1px 10px; font-family: Georgia; color: black; opacity: 0 }
.vtube .vtitle { float: left; font-style: italic; right: 1px; width: 450px; text-align: right; bottom: 1px; display: inline-block; font-size: 12px; overflow: hidden; padding: 5px 0 1px 10px; color: #808080 }

.outlink { margin-left: 50px; display: inline; font-size: 12px }
.outlink a { text-decoration: none; cursor: pointer; color: blue; font-size: 16px }
.outlink a:hover { text-decoration: none; color: red; font-size: 22px; background: inherit }
.link-ads { width: 60%; height: 30px }

.query-feeds { margin: 0; width: 500px }

.welcome {
    height: 18px;
    width: 110px;
    margin: 1px;
    color: gray;
    padding-top: 2px;
    font-size: 12px;
}
.line-bot {
    height: 18px;
    width: 110px;
    margin: 1px;
    padding-top: 2px;
    color: white;
    border-radius: 4px;
    background: #05c755;
    text-align: center;
    vertical-align: center;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}
.line-bot a { color: white }
.line-bot a:hover { text-shadow: 2px 2px 3px black; }