，以及data用兩次
都是因為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:無效,改用
*/
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;}
#linkback{clear:both;margin:1em;padding:.5em;border:dotted thin #EDFBEC;}
#linkback .warning_line{border-left:.5em solid #BBC4FF;border-bottom:1px solid #BBC4FF;padding-left:.5em;}
#linkback .linkback_article{width:80%;border:1px dotted #BBC4FF;padding:.5em;color:#563;background-color:#ffe;margin-bottom:1em;}
#linkback .linkback_article h3{color:#4ae;}
#linkback 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]，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,#linkback,#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;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;}
/* 參考資料 */
#reference_list_layer>h3{color:#e73;cursor:pointer;}
#reference_list_contents dl,#reference_list_contents ul,#reference_list_contents ol{background-color:#DFE;margin-left:2em;padding:.5em;border-radius:.1em;}
#reference_list_contents li{border-bottom:1px dotted #cde;}
/* 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;border-radius:.5em;opacity:.9;filter:Alpha(Opacity=90);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;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;width:95%;}
.c3 .dateStamp{display:block;clear:both;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;}
/* 原始碼用 */
code{border:solid 1px #ad3;color:#64f;background-color:#eef;}
code.block{display:block;white-space:pre-wrap;margin-bottom:1em;padding:.5em;padding-top:0;}
/* for YouTube video */
iframe[src*=".youtube."]{float:right;width:640px;height:360px;max-width:99%;border:0;}