/* 舊NS第一行不能放東西 */
@charset "UTF-8";/* "big5" */
@import url(../css.css);/* @import應包含在一開始時，這是相對於此.css檔而言的位置 */
/* @import url("bluish.css") print, projection, tv; */

/*
Put CSS at the top, scripts to the bottom.
http://stevesouders.com/examples/css-bottom.php
http://stevesouders.com/examples/js-middle.php

use one-time expressions

CSS Compressor	http://www.cssdrive.com/index.php/main/csscompressor/
CleanCSS本是為CSS減肥的工具，但也能檢查出拼寫錯誤。 

選擇 Web 2.0 Color 的調色板
http://jandan.net/2007/04/07/10-tools-to-help-you-select-a-web-20-color-palette.html


The list of keyword color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

MacIE5 CSS Hack
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
MacIE下如果對float的元素的父元素使用clear屬性，周圍的float元素佈局就會混亂。
很多瀏覽器在顯示未指定width的float元素時會有bug。指定元素時儘量使用em而不是px做單位。
IE在顯示指定了margin和padding的float元素時有bug。
保證float元素寬度之和小於99%。

the following rules apply only to IE:
* html{}
* html body{}
* html .foo{}

Easy CSS hacks for IE7
http://old9.blogsome.com/2006/04/29/css-hack-for-ie7/
*+html
>body
html*

http://realazy.org/blog/2006/11/07/ie7-are-you-ready/



in IE6, #_abc{} 需改成 #\_abc{} 才有用



重新設置CSS的瀏覽器默認樣式: Reset CSS	http://feed.yeeyan.com/articles/view/oceaniver/9104


http://chinese-school.netfirms.com/css12.htm
<link rel="stylesheet" type="text/css" href="~.css" title="~" media="screen,projection"/>
projection:投影机
rel="stylesheet" & title="~"決定了首選樣式，會被自動應用。一個檔只能決定一種首選樣式，但能用下面的方法取用多個樣式表（檔）：
<link rel="stylesheet" type="text/css" href="a.css" title="base"/>
<link rel="stylesheet" type="text/css" href="b.css" title="base"/>
rel="alternate stylesheet" [title="~"]:替代樣式


用
document.styleSheets[\d].disabled=true/false
document.styleSheets[\d].title
可控制要展示的樣式

標楷體:\006a19\006977\009ad4,DFKai-SB，這甚至可用在{}前的selector上，例如.\006a19\006977\009ad4{font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;}
http://www.w3.org/TR/REC-CSS2/selector.html	IE尚未支援?

設定置於一角的背景：
background-image: url(/~wakaba/-temp/2004/sw);background-position: right bottom;//background-position: top left;
background-color: transparent;background-attachment: fixed;background-repeat:no-repeat;
color: inherit;//inherit:繼承

對物件作特殊behave之設定：
-moz-binding:
http://jt.mozilla.gr.jp/projects/xbl/xbl.html
http://deztec.jp/site/tips/page/p0032.html
IE:
behavior:
MSDN
http://www5e.biglobe.ne.jp/~access_r/hp/css/css_behavior_001.html

置中（）	http://www.w3.org/Style/Examples/007/center.html	http://www.dw8.cn/dw8_4/453.asp	http://ued.taobao.com/blog/2007/11/20/job_test_explanation/
display:table-cell;
text-align:center;
vertical-align:middle;
// hack for ie
*display: block;
*font-size: 175px;	//	設置font-size可以讓IE顯示垂直居中的效果。根據我們的計算，高度/字體大小的比值為1.14左右時IE可實現垂直居中。

margin-left:auto;margin-right:auto;	直接 margin:0 auto; 也可以
img{display:block;}
width:6em;

垂直居中對表格來說是小菜一碟，只需指定單元格為vertical-align: middle即可，但這在css佈局中不管用。假設你將一個導航菜單的高度設為2em，然後在css中指定垂直對齊的規則，文字還是會被排到盒的頂部，根本沒有什麼區別。要解決這一問題，只需將盒的行高設為與盒的高度相同即可，以這個例子來說，盒高2em,那麼只需在css中再加入一條：line-height: 2em 就可實現垂直居中了!


細線表格 equivalent for cellspacing=0
table{border-collapse:collapse;}
http://www.blooberry.com/indexdot/css/properties/table/bcollapse.htm
equivalent for cellspacing=5px
IE5+
table{border-collapse: collapse;border-width: 5px;}
NN
table{border-collapse: collapse;border-spacing: 5px;}


expression()只能用在IE，所以pass

kbd{padding:0px 1px 0px 1px;border-width:1px 2px 2px 1px;border-style:solid;background-color:#faf6f6;color:#000;border-color:#edd #baa #baa #eed;}

<a>顯現之順序:	http://www.zeldman.com/dwws/read/	http://www.zeldman.com/dwws/pdfs/0735712018C_10.pdf
a:link{}a:visited{}a:hover{}a:active{}	http://www.meyerweb.com/eric/css/link-specificity.html

class="className1 className2"


優秀 CSS 資源網站 60 強！
www.cssbeauty.com
www.cssdrive.com
www.stylegala.com
www.cssmania.com


自動換行:
white-space:normal;word-break:break-all;


在IE瀏覽器中正確顯示PNG透明圖片:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');

通過同時使用兩個class(使用空格而不是逗號分割),這個段落將同時應用兩個class中制定的規則。如果兩者中有任何規則重疊，那麼後一個將獲得實際的優先應用。
border: 3px solid #000;這個例子中唯一需要指定的值只是樣式solid。


border-radius: http://webdesign.html.it/articoli/leggi/528/more-nifty-corners/1/

*/


/*base style*/
body{
 /*color:indigo;background-color:linen;*/
 /*	IE6 的背景閃爍 IE6 flicker http://old9.blogsome.com/2008/01/04/ie6-background-flicker-expression-override/
 zoom:expression(function(ele){document.execCommand('BackgroundImageCache',false,true);ele.style.zoom=1;}(this));*/
}

/*
http://b-oo-k.net/blog/blog.php/2006/8
黑底白字不是好設計
*/
.bgb{overflow-x:hidden;max-width:100%;color:#aff;background-color:black;background-image:url(../Colorless.png);}
.bgb a{color:#19f7f4;}
/* a[href]:before{content:" <";}a[href]:after{content:"> ";}*/ /* 属性選択子：有href屬性的<a>會加入文字！only moz */
.bgn{overflow-x:hidden;max-width:100%;color:#43b;background-color:#EEE;background-image:url(../ColorlessB.png);}
/* base list set	TODO:圖形改inline	http://www.skrenta.com/2007/05/14_rules_for_fast_web_pages_by_1.html */
.bgn ul li{list-style-image:url("img/li1.gif");}
.bgb ul li{list-style-image:url("img/li2.gif");}

.bgn ol,.bgn ul{color:#400080;}
.bgb ol,.bgb ul{color:#FCC6FD;}

dt{font-weight:bold;margin-top:.5em;}

.bgb dt{color:#80ffff;}
.bgb dd{color:#dcc9a3;}
.bgb dd dt{color:#d2d2ff;}
.bgb dd dd{color:#d6f3db;}
.bgb a:hover{color:#d22;}

.bgn dt{color:#804000;}
.bgn dd{color:#2c8966;}
.bgn dd dt{color:#379;}
.bgn dd dd{color:#571;}
.bgn a:hover{color:#e38;}


.bgb table{color:#fae;border:1px solid #58a;padding:0;/*background-color:#344;*/}
.bgb caption{color:#ff7;}
.bgb th{color:#aaf;border-right:1px solid #888;border-bottom:1pt solid #a8f;}
.bgb td{border-right:1px solid #888;border-bottom:1px solid #888;}

.bgn table{color:#137;border:1px solid #58b;padding:0;}
.bgb caption{color:#f67;}
.bgn th{color:#74b;border-right:1px solid #888;border-bottom:1pt solid #42b;}
.bgn td{border-right:1px solid #888;border-bottom:1px solid #888;}


blockquote{border:double 3px #509f00;margin-left:1em;padding:.5em;border-top:1px solid #80ff00;border-left:1px solid #80ff00;font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;}
.bgb blockquote{color:#faece2;background-color:#31112d;}
.bgn blockquote{color:#004040;background-color:#f5feda;}
blockquote p{margin-top:1em !important;}


/* 註解 */
rp,rt{font-size:.7em;vertical-align:text-bottom;}
.popupedTxt,.popupedTxt_bgb,.popupedTxt_bgn{font-weight:normal;cursor:default;border-bottom:1px dotted #3a8b46;}
/*	列印網頁時，自動地把頭文字展開成全稱
abbr:after{content:" (" attr(title) ")";}
*/
.popupedTxt{color:lime;background-color:navy;}
/* 下面的部分登記同時需要更改sPop() */
.popupedTxt_bgb{color:lime;}
.popupedTxt_bgn{color:brown;}
.popupedTxt_ruby_bgb{color:#eef96c;}
.popupedTxt_ruby_bgn{color:#ec0fc6;}
.popupedTxt_ruby_bgb,.popupedTxt_ruby_bgn{font-weight:normal;}
/*
.hid:after{content:'（請用滑鼠選取反轉）';}
*/
.neta .popupedTxt_bgn,.neta .popupedTxt_bgb,.neta .popupedTxt_ruby_bgn,.neta .popupedTxt_ruby_bgb,.hid .popupedTxt_bgn,.hid .popupedTxt_bgb,.hid .popupedTxt_ruby_bgn,.hid .popupedTxt_ruby_bgb{color:gray;}
.hide{display:none;}
.a,.popup{cursor:pointer;}/*	 class="popup" onclick="sPop(this)" title="	*/

.quote{}	/* 直接引用、截選或摘要 */
.noWC{}
.noWCount{display:inline;padding:0;margin:0;}

/*<style type="text/css">a:link{color:#87ceeb;background-color:brown}</style>	brown,indigo*/
input{color:#26822b;/*border:none;background-color:#d2ffff;*/}
.bgn input{color:#6200a4;background-color:#e4caff;}
p,.co,.c2{text-indent:1em;line-height:1.7em;}
/* .noLineHeight{line-height:1.2em;} */
.co p,.c2 p{margin-top:3em;}
p:first-letter{font-size:1.2em;}/* 首字縮排並稍微放大 */
.co{color:#cee8ff;}.bgn .co{color:#1020a4;}/* comment */
.co,.c2,#edit{border:double 4px green;-moz-border-radius:1em;padding:.5em;padding-bottom:0em}/* comment */
ol,ul{text-indent:0;}/* can't use when ul, or list-style-position:outside looks like it won't work */
.co ol.jb{list-style-image:url('img/ball.gif')}/* ol/ul */
.c2{border-color:#ccfabb;}.bgb .c2{border-color:#37829d;}/* comment 2 */
.c2 h2{color:peru;margin-bottom:.2em;margin-top:1em;font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;text-shadow:.05em .05em .1em #ecd, .1em .1em .1em #aaa;}
.co h2:before,.c2 h2:before{content:"《";}
.co h2:after,.c2 h2:after{content:"》";}
.c2 h3{color:#d62D75;/*letter-spacing:.1em;*/}
.c2 .subTitle{color:olive;border-right:2px solid orange;border-bottom:2px solid orange;width:4em;white-space:nowrap;}
.co h2{color:#8F5;margin-bottom:.2em;margin-top:1em;font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;}
.he{}/* head */
.ti{color:#f4e1a6;font-weight:800;font-size:2em;font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;}.bgn .ti{color:#0080FF;}/* title */
.tr{color:#e680c0;font-size:.8em;margin-left:1em}.bgn .tr{color:#800040;}/* translation */

/* menu */
.Menu{font-family:'細明體',sans-serif,FixedSys;}
.Menu p{text-indent:0;margin:0;margin-top:.5em;line-height:normal;}
.Menu p:first-letter{font-size:1em;}
#sM{font-size:.9em;}
.sMF{color:lime !important;text-decoration:underline overline !important;}	/* focus */
.sMB{color:coral !important;text-decoration:none !important;}	/* blur */

/* use setImage() */
.pImg{float:right;clear:left;}
img{border:none;}
.imgBox img{max-width:90%;max-height:50%;-moz-border-radius:9px;}	/* moz only 沒加.imgBox，套用至所有img的話，moz中initReview()無法作用！ */
/* a img{color:white} The only way to hide the border in NS 4.x */

/* use setImgBox() */
.imgBox{float:right;text-align:right;margin-bottom:.5em;margin-left:.5em;clear:both;}/*可惜不能用float:right;*/
/* 用.imgBox.box直接連起來Mozilla不接受 */
.imgBox .box{text-align:center;padding:.5em;color:green;background-color:#ece8fd;border:1px solid gray;border-right:3px double gray;border-bottom:3px double gray;width:450px;-moz-border-radius:1em;}
.imgBox .img{max-width:90%;border:2px solid #dad2fd;display:none;}
.imgBox .text{width:80%;/*white-space:nowrap;*/background-color:#f7f3fe;border:2px solid #f0edfe;padding:.2em;text-align:left;margin-top:.5em;text-indent:0;-moz-border-radius:.5em;}


/* 內文 */
.red,.bigred{color:red;}
em,.em{color:#f24071;font-weight:900;}
.emBox{display:block;color:#b00;background-color:#fffc7d;border:1px solid red;padding:.5em;margin-bottom:.5em;}
.emBox p:first-letter{font-size:1em;}
.emBox h3{color:#800040;}
.emBox h3:before{content:" >> ";}
.emBox h3:after{content:" << ";}
.green{color:green;}
.orange{color:orange;}
.big,.bigred{font-size:2em;}
.small{font-size:.8em;}
.blue1{color:#267edf;}
.neta,.hid{color:gray !important;background-color:gray !important;} /* 指定 !important 優先度會高於使用者自訂之style，但若使用者也用了!important，則使用者之優先度仍是較高 */
.bgn pre{color:#aa5080;line-height:1.2em;}
.bgb pre{color:pink;line-height:1.2em;}
.nC{color:#9B9B9B}/* never claer */
.fadeout/*,.secret*/{color:gray;}
/* http://www.w-frontier.com/stylesheet/subsup.html */
.sup,.up,.sub,.down,.ion{font-size:.8em;position:relative;}
.sup,.up{top:-.6em;/*vertical-align:super;*/}/* <sup> */
.sub,.down{top:.4em;/*vertical-align:sub;*/}/* <sub> */
.ion{top:-.6em;left:-.6em;}
.s/* <s> */{font-weight:100;color:gray;text-decoration:line-through;}
.clear,.clearAll{clear:both;}
.stamp{text-align:right;color:#4B9EB6;}
/* 專名號 proper noun mark http://zh.wikipedia.org/w/index.php?title=%E4%B8%93%E5%90%8D%E5%8F%B7&variant=zh-hk */
.proper_noun_mark{text-decoration:underline;}
b.proper_noun_mark{font-weight:normal;}
.proper_noun_mark:before,.proper_noun_mark:after{content:" ";}	/* 正確的專名號在「中國」和「北京」之間應有少許空隙。 */
/* 書名號 wavy book title mark 書名號裡邊還要用書名號時，外面一層用雙書名號，裡邊一層用單書名號。 http://zh.wikipedia.org/w/index.php?title=%E4%B9%A6%E5%90%8D%E5%8F%B7 */
.book_title_mark{font-style:italic;}	/* 在英文等西方語文中，則以斜體字標示書名。 */
b.book_title_mark{font-weight:normal;}
.book_title_mark:before{content:"《";}
.book_title_mark:after{content:"》";}
.book_title_mark .book_title_mark:before{content:"〈";}
.book_title_mark .book_title_mark:after{content:"〉";}

/*	文章(or心得)，請用<div class="archive">，不能用<p>
	會用<div class="archive">而不用<div class="archive">，以及data用兩次<div>都是因為IE的bug(?)
*/
.archive{font-size:.9em;padding:.5em;color:green;background-color:#ddddff;border:dashed 1px brown}
.archive h3,.archive .title{display:block;color:peru;font-size:1.8em;margin-bottom:0;font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;}/* 文章的標題 */
.archive .data,.archive .data_{display:block;text-align:right;}
.archive .data{color:brown;width:40%;background-color:#ffffc1;border:green 2px solid;margin-bottom:.5em;}/* 書的資訊 */
.archive .stamp{color:orange;margin-top:0;margin-bottom:0;}/* 時間及文章本身的戳記 */

/* search function */
#dselD{display:none;position:absolute;font-size:.8em;color:brown;background-color:#e4ef1b;border:1px solid red;opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=100,finishopacity=80);}
.dselT{color:blue}
.dselS{color:pink}
.site{color:green}/* website */
.site_h{color:red;background-color:#ccffcc;cursor:pointer;}

/* 評價 */
div.aDiv{text-align:right;margin-top:.5em;float:right;}/* appreciation div ;margin:2em:無效,改用<br/> */
table.aTab{text-align:right;/*float:right;*/color:beige;font-size:.9em;padding:0;border:none;}/* appreciation Table background-color:indigo; */
.bgn table.aTab{background-color:#354F24;}
tr.aTr{cursor:pointer;color:plum;display:block;text-align:right;}
td.aTd{border:solid 1px black;border-top-color:white;border-left-color:white;}/* appreciation tr */
.aScore{color:pink;font-weight:100;}
.aComment{color:khaki;}
.aDate{color:gold;}
.aWC{color:yellow;}

.surveyT{font-size:.9em;padding:0;color:#0fa840;float:right;}
.bgb .surveyT{color:#faf7af;}.co .surveyT{float:left;margin-right:4em;}
.surveyT caption{text-align:right;font-weight:bold;border-bottom:red 1px solid;color:#00bbaa;}
.bgb .surveyT caption{color:#ececff;border-bottom:red 1px solid;margin-right:3.5em;}
.surveyT td{border-bottom:gray 1px solid;border-left:#00a 1px solid;}
.bgb .surveyT td{border-left:snow 1px solid;}
.surveyT th{border-bottom:#001 1px solid;border-left:snow 1px solid;color:#004080;}
.bgb .surveyT th{color:#d7ffff;border-bottom:#ddddff 1px solid;}
.surveyT th.h{color:#ff8040;}
.bgb .surveyT th.h{color:#fcdbc7;}
.surveyT .h,.bgb .surveyT .h{border-left:none;}


#trackback{clear:both;margin:1em;padding:.5em;border:dotted thin #EDFBEC;}
#trackback div{border-left:.5em solid #BBC4FF;border-bottom:1px solid #BBC4FF;padding-left:.5em;}
#trackback input{width:35em;background-color:#FFE8FF;}

/* 列表 */
.Lhead,.Lhead_{cursor:pointer;color:brown}.Lhead{border-bottom:solid 2px gray;border-left:solid 1px blue}
.LTab{border:4px orange double;background-color:cyan;color:teal;font-size:.8em}/* white-space:nowrap don't work here */
/* .LTab TD{white-space:nowrap} white-space:nowrap work here,but not good. */
.Lsort{color:teal}
.LSel{color:brown;background-color:plum}

#ana{display:block;color:#d0cef9}/* analysis */
.anar{color:#aae8ba}
.anaa{color:#fbc6d5}

#viewList th{color:#FFFF80;}
#viewList td{color:#FF9DFF;}
#viewList .h th{color:#B9FFFF;background-color:#6B2812;}
#viewList .t td{color:#D5006A;background-color:#FFAAFF;}
#viewListError{display:none;color:#EAAABA;background-color:#522C4F;border:3px double #DAB5FF;}
#viewListError th{background-color:#A55E16;}
#viewListError td{background-color:#8B912B;}

#surveyCountDiv th{color:#400080;}
#surveyCountDiv td{color:#FF6868;}
#surveyCountDiv .h th{color:#2B51D7;background-color:#F8DBD1;}
#surveyCountDiv .anon th,#surveyCountDiv .anon td{color:gray;background-color:#C0C0C0;}


/* for trigger() */
.pm{color:orange;cursor:pointer;font-size:.9em;white-space:nowrap}
.cm,.cm2{display:none;margin-left:.3em;margin-bottom:.5em;padding-left:1em;border-left:#BFC5FF thin dotted;font-size:.8em;}
.cm{white-space:nowrap}

/* private */
.TE,#p_gcTE,.p_gcTE{width:98%;height:10em}	/* ,#p_s */
#p_s{color:gold;margin:1em}
	/* alpha:ms-help://MS.VSCC/MS.MSDNVS.1028/Filters/workshop/samples/author/filter/Alpha.htm
	ms-help://MS.MSDNQTR.2003FEB.1028/filters/workshop/author/filter/reference/filters/randomdissolve.htm */
#p_l{opacity:.85;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=85);color:#68ff60;background-color:#2f3f6a;border:2px solid yellow;margin:1em;padding:.5em;width:60%;white-space:nowrap;}
#p_l li{color:#b1efee}#p_l li a{color:#c1c1f7;background-color:#2b3962}
.TE,#p_gcTE,.p_gcTE{color:#2463ae;background-color:#dbfde0}

/* generateAllCode */
.gACsT{color:#263eac;background-color:#f7fdfd;border-color:blue}
.gACsT th{color:purple}
#gFilelistT{color:#472cb8;background-color:#f1f5fe;margin-left:1em;width:25em;}
#s_end{color:#ca59ab}

/* edit id不分大小寫！ */
#EditA{display:none;}
#edit{color:khaki;border:none;padding:0;}
#edit select,#edit input{font-size:.75em;color:#263eac;background-color:#e3c8ff;border-right:1px solid coral}
#edit #e_dF{font-size:.8em;font-family:'Arial';}
#edit input[type="text"]{}/* 亦可用[type=text]，<input type="text">only moz */
#edit select{font-size:.7em;}
#edit b{color:plum;cursor:pointer;}
#edit .pm{color:#def5d3}/* 這裡要留空白，不能用"#edit.pm"！需要用"#edit [tagName|*].pm" */
#edit .cm{border-left:none;margin:0;margin-right:5pt;}

/*	kousi用	加上filter:alpha(opacity=10);：因為IE5.5不吃DXImageTransform.Microsoft.Alpha，這樣用不能以.filters.alpha.opacity控制。	*/
.kousi{display:none;color:blue;background-color:#e2e0f8;border:double 3px red;padding:.5em;opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80,Style=0);filter:Alpha(Opacity=80,Style=0);z-index:2;overflow:auto;/*overflow：scrollbar*/}
.kousiBg{
	/*position:absolute;		*/
	background-color:blue;opacity:.3;filter:Alpha(Opacity=30,Style=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30,Style=0);z-index:1;height:100%;width:100%;background-repeat:repeat;top:0;left:0;
}
.kousiI{color:brown;background-color:#e6e6ff;cursor:pointer;border:1px solid red;white-space:nowrap;padding:2px;margin:2px;opacity:.8;/*CSS2*//*-moz-opacity:.8; Firefox 1.0*/filter:Alpha(Style=0,Opacity=80);/*IE*/}

.kousi h2{color:brown;margin-left:2em;}
.kousi input{color:#114f12;background-color:#fddbfb;border:1px brown solid;}

/* 將印表機用的擺這:IE4不支援? */
@media print{

#kousiTopP,#survey,#trackback,#dselD{display:none !important;}

}

#valid{border:none;background:none;text-align:right;}
#valid img{border:none;}

#sign{color:gray;display:inline;}

#reference{display:none;}
#surveyT{float:left;width:18em;}
#surveyForm{color:#7979ff;background-color:#f1e0fc;margin:0;border:dotted 1px #008040;padding:.5em;-moz-border-radius:1em;}
#surveyForm input,#surveyForm select{color:#887c26;background-color:#eafdee;}
#surveyForm input{border-bottom:solid 1px #400040;border-right:solid 1px #400040;color:#db6800;}
#surveyForm #id,#surveyForm #comment{color:#308b23;width:9em;border:solid 1px #ff8000;}
#surveyForm #comment{width:99%;}
#surveyForm select{color:#3970ee;font-size:.7em;}
#surveyForm .sImg{width:12px;height:15px;}


/* time stamp 用於小說中每段落的作成時間 */
.tS{display:none;color:#80ff00;}


/* 優秀作品box */
.exBox{color:#ffdbca;background-color:#320550;border:1px solid gold;padding:.5em;}

/* http://www.i18nguy.com/markup/right-to-left.html */
.Hebrew{font-family:Verdana, Arial, sans-serif;direction:rtl;unicode-bidi:embed;}

/* out link */
.linkBox,.linkBox2{display:block;position:absolute;padding:.3em;-moz-border-radius:.5em;opacity:.9;filter:Alpha(Opacity=90);-moz-border-radius:.5em;font-size:.8em;}
.linkBox{color:#20209F;background-color:#C8C8FF;border:3px double #FF80FF;min-width:13em;}
.linkBox a{color:#FF5A0B;}
.linkBox img{max-width:200px;max-height:80%;}
.linkBox .g{color:#935A06;font-size:1.2em;}
.linkBox .g b{color:#800000;}
.linkBox .n{color:#FF0080;font-weight:bold;font-size:1.2em;}
.linkBox .g{color:#008040;} /* good(OK) link */
.linkBox .t{color:#FF8040;font-weight:bold;} /* trouble link */
.linkBox .d{color:#E80000;font-weight:bold;} /* dead link */
.linkBox2{color:#800000;background-color:#DBFFD0;border:1px dotted #FF8000;}


.mapB{color:#17c;cursor:pointer;}
.mapD{margin:0;padding:.2em;background-color:#cff;-moz-border-radius:.5em;font-size:.9em;}
.mapLink{color:#824;cursor:pointer;}
.mapD span{color:#e93;}


/* regulateImage */
.noZoomImg{color:#8383C2;font-size:.7em;}
.noZoomImg b{color:#FF8686;cursor:pointer;text-align:right;}

/* 日記數位化計畫 */
.c3{
 /*background-color:#E7EAF8;*/
 display:block;color:#135920;border:double 3px #009100;padding:1.5em;text-indent:1em;
}
.c3 .annotation{display:block;color:#A57C29;background-color:#F0E9E6;padding:.2em;border:dotted 1px #616161;font-size:10pt;margin-top:1pt;}
.c3 .dateStamp{display:block;color:#DD2264;background-color:#FFFFC9;font-size:1.2em;border-bottom:#3DD150 1px solid;border-right:#3DD150 1px solid;margin:-1em;margin-top:.5em;margin-bottom:.1em;font-family:"標楷體",DFKai-SB,\006a19\006977\009ad4;}
.co .timeStamp,.c2 .timeStamp,.c3 .timeStamp{/*display:block;*/text-align:right;color:#9D9D9D;font-size:.8em;}
span.timeStamp{margin-left:.2em;margin-right:.5em;position:relative;top:.6em;}
.imgBox .timeStamp{display:inline;}

.functionSection{float:right;color:#FF0080;background-color:#D7FFFF;border:dashed 1px #FF8000;cursor:pointer;padding:1pt;}

/* 語助詞、顔文字 ╮(╯_╰)╭ */
.expletive{font-weight:000;color:#C0E;white-space:nowrap;}