body{font-size:1em;font-family:arial,sans-serif}
body, td, div, p, a, span{line-height:1.4em}

.menu{color:#FFF;line-height:1.5em}

.a{color:#008000;}
a:link, a:visited, a:active{color:#586024;text-decoration:none}
a:hover{text-decoration:underline}

.q a:visited, .q a:link, .q a:active, .q{text-decoration:none;color:#586024}
.q a:hover{text-decoration:underline}

.bg{background-color:#FDFFF7}
.w{background-color:#FFF}
.i,.i:link{color:#a90a08}
.z{display:none}
div.n {margin-top: 1ex}

.ch{cursor:pointer;cursor:hand}
.img{cursor:pointer;cursor:hand;border:#CCC 1px solid;width:100px}
.imgpda{border:#CCC 1px solid;width:100px}
.imgusr{cursor:pointer;cursor:hand;width:50px}
.imgusr2{border:none;}
.imgusrx{height:20px;border:none;margin:1px 4px;vertical-align:middle}
.imgusrxf{height:20px;border:none;margin:1px 4px;float:left}
.imgusrpda{width:50px}
.imgmk{border:none;margin:5px 5px 0px 2px}
.imgmap{cursor:pointer;cursor:hand;border:none;margin:1px 0;vertical-align:middle}

.wimgblkf{margin-right:4px;display:block;float:left;width:100px;height:80px;overflow:hidden;border:#CCC 1px solid;background-color:#fff}
.wimgblk{padding:3px;display:block;float:left;width:94px;height:74px;overflow:hidden}
.wimgblk[class] {margin:3px;padding:0}
.wimgblk img{cursor:pointer;cursor:hand;width:94px;border:none}
.woimgblk{background:url(img/panel_bg.gif);margin-right:4px;display:block;float:left;width:100px;height:80px;border:#CCC 1px solid;}

.simgblkc {display:block;float:left;margin:2px 0} /* container */
.simgblkf {margin-right:4px;display:block;float:left;width:75px;height:60px;overflow:hidden;border:#CCC 1px solid;background-color:#fff}
.simgblk {padding:3px;display:block;float:left;width:69px;height:54px;overflow:hidden}
.simgblk[class] {margin:3px;padding:0}
.simgblk img {cursor:pointer;cursor:hand;width:69px;border:none}
.soimgblk {background:url(img/panel_bg.gif);margin-right:4px;display:block;float:left;width:75px;height:60px;border:#CCC 1px solid;}
.soimgblka {cursor:pointer;cursor:hand;width:100%;height:100%}
    
.imgmapctl{cursor:pointer;cursor:hand;border:none;margin:2px 0px 2px 2px}

.t a:link, .t a:visited, .t a:active {color:#f8b838}

.t a.hotlink:link, .t a.hotlink:visited, .t a.hotlink:active {color:#FFF}

a.t:link, a.t:visited, a.t:active {color:#f8b838}

.t td, .t{color:#FFF;background-color:#9B38BB}
.t{line-height: 1.5em}
.t .hl, .t .err{color:#FFF}

.tsf{font-size:83%;color:#FFF;background-color:#9B38BB}
.thl{color:#ff0}

.panel_light{background-color:#F2FFC8}
.panel_gray{color:#FFF;background-color:#ddd}

.panel{color:#FFF;background-color:#9bbb38}
.panel .tip, .panel .tipsf{color:#EAFFA6;background-color:#9bbb38}
.panel .hl, .panel .err{color:#FFFF66;background-color:#9bbb38}
.panel a:link, .panel a:visited, .panel a:active {color:#FFF0FF}
.panel a.blink:link, .panel a.blink:visited, .panel a.blink:active{color:#FFF0FF}
.panel a.hotlink:link, .panel a.hotlink:visited, .panel a.hotlink:active{color:#ffff33}

.panel_link{cursor:pointer;cursor:hand;color:#FFF0FF}
.panel_link:hover{text-decoration:underline;cursor:pointer;cursor:hand;color:#FFF0FF}
.panel_hotlink{cursor:pointer;cursor:hand;color:#ffff33}

.panel_inner{color:#000;background-color:#FAFFE6}
.panel_inner .tip, .panel_inner .tipsf{color:#777;background-color:#FAFFE6}
.panel_inner .hl, .panel_inner .err{color:#F02000;background-color:#FAFFE6}
.panel_inner a:link, .panel_inner a:visited, .panel_inner a:active {color:#586024}
.panel_inner a.hotlink:link, .panel_inner a.hotlink:visited, .panel_inner a.hotlink:active{color:#F50505}

.panel_inner_sel{color:#FFF;background-color:#9bbb38}
.panel_inner_sel a:link, .panel_inner_sel a:visited, .panel_inner_sel a:active {color:#FFF0FF}

.panel_t{color:#FFF;background-color:#9bbb38; border-top:1px solid #778F2C} 
.panel_t a:link, .panel_t a:visited, .panel_t a:active{color:#FFF0FF}

.panel_b{color:#FFF;background-color:#9bbb38; border-bottom:1px solid #778F2C} 
.panel_tb{color:#FFF;background-color:#9bbb38; border-top:1px solid #778F2C; border-bottom:1px solid #778F2C;} 
.panel_tb a:link, .panel_tb a:visited, .panel_tb a:active{color:#FFF}

.panelframe{background-color:#FAFFE6; border:#778F2C 1px solid}

.menuhl{font-weight:bold;color:#A0FFFF}
a.menuhl:link, a.menuhl:active, a.menuhl:visited{font-weight:bold;color:#A0FFFF}

.tip{color:#777}
.tiptiny{font-size:70%; color:#777}
.tipsf{font-size:83%; color:#777}
.tip10{font-size:10pt; color:#777}
.sftiny{font-size:70%; line-height: 1.3em}
.sf{font-size:83%; line-height: 1.2em}
.sf10{font-size:10pt; line-height: 1.2em}
.sfg{font-size:83%; color:#DF7811; line-height: 1.2em}
.sfy{font-size:83%; color:#999900}

.grn{color:#DF7811}
.yel{color:#999900}

.hl{color:#F02000}
.err{color:#E00}

.delpoi{text-decoration:line-through;color:#777;font-family:"新細明體","細明體","MingLiU","PMingLiU"}

.errpanel{color:#000;background-color:#FF6A6A;padding:2px}
.errpanel a:link, .errpanel a:visited, .errpanel a:active{color:#FFF}
.errpanel_box{color:#000;background-color:#FF6A6A; border:1px solid #8C0000;padding:1px}
.errpanel_box a:link, .errpanel_box a:visited, .errpanel_box a:active{color:#FFF}
.okpanel_box{color:#FFF;background-color:#0000EE;border:1px solid #000080;padding:1px}
.okpanel_box a:link, .okpanel_box a:visited, .okpanel_box a:active{color:#FF0}

.pre{font-family:Courier New, Courier, mono; line-height: 1.3em}

a.hotlink:link, a.hotlink:visited, a.hotlink:active, .hotlink{color:#F02000}
a.tiplink:link, a.tiplink:visited, a.tiplink:active, .tiplink{color:#777}
a.glink:link, a.glink:visited, a.glink:active, .glink{color:#DF7811}
a.ylink:link, a.ylink:visited, a.ylink:active, .ylink{color:#999900}
a.blink:link, a.blink:visited, a.blink:active, .blink{color:#000}

.stbl {border-collapse:collapse; padding:0px; border-spacing:0px; border:0px}

.sep{padding:0; color:#DEDEDE}
b.sep{font-weight:normal;}
.sep2{padding:2px; color:#DEDEDE}
b.sep2{font-weight:normal;}
.vsep{border-right:1px dotted #CCCCCC; padding:0 8px}
b.vsep{font-weight:normal;}

/* selected tag */
.ton{font-size:12px;line-height:18px;text-decoration:none;border:#000 1px solid;white-space:nowrap}
a.ton:link, a.ton:visited, a.ton:active, .ton{color:#00e;background-color:#FFFF99}
a.ton:hover{text-decoration:none;color:#000;background-color:#ddd}

/* unselected tag */
.toff{font-size:12px;line-height:18px;text-decoration:none;white-space:nowrap;margin:0 1px}
a.toff:link, a.toff:visited, a.toff:active, .toff{color:#333;background-color:#ddd}
a.toff:hover{text-decoration:none;color:#000;background-color:#FFFF99}

/* preselected tag */
.tsel{font-size:12px;line-height:18px;text-decoration:none;border:#000 1px dashed;white-space:nowrap}
a.tsel:link, a.tsel:visited, a.tsel:active, .tsel{color:#333;background-color:#bff}
a.tsel:hover{text-decoration:none;color:#000;background-color:#FFFF99}

.nw{white-space:nowrap;}

.tlnk{white-space:nowrap}
a.tlnk:link, a.tlnk:visited, a.tlnk:active{color:#333;background-color:#E6E6E6}
a.tlnk:hover{color:#00f;background-color:#bbb}

.tmlnk{white-space:nowrap}
a.tmlnk:link, a.tmlnk:visited, a.tmlnk:active, .tmlnk{color:#333;background-color:#FFFF99}
a.tmlnk:hover{color:#00f;background-color:#ee0}

/* string in tag line */
.tgstr{display:block;float:left;padding-right:4px;white-space:nowrap}

/* block tag */
.btg, .ytg{font-family:Arial, sans-serif;font-size:11.5px;display:block;
    float:left;padding-left:9px;padding-right:2px;margin-top:1px;margin-bottom:2px;
    text-decoration:none;height:16px;white-space:nowrap}
.btg{background:url(img/tagE6E6E6.gif) center left no-repeat;border-right:1px solid #808080}
.ytg{background:url(img/tagFFFF99.gif) center left no-repeat;border-right:1px solid #808080}
a.btg:link, a.btg:visited, a.btg:active, .btg a:link, .btg a:visited, .btg a:active,
a.ytg:link, a.ytg:visited, a.ytg:active, .ytg a:link, .ytg a:visited, .ytg a:active{color:#808080}
a.btg:hover, a.ytg:hover{color:#FFF;text-decoration:none;background-color:transparent;background:url(img/tagSel.gif) center left no-repeat}
.btg a:hover, .ytg a:hover{color:#FFF;text-decoration:none;background-color:#4040FF}

/* 319 tag */
.tg319{font-family:Arial, sans-serif;font-size:11.5px;display:block;
    float:left;padding-left:0px;padding-right:0px;margin-top:1px;margin-bottom:2px;
    text-decoration:none;width:115px;height:16px;white-space:nowrap}
.tg319{background:url(img/tag319.gif)}
a.tg319:link, a.tg319:visited, a.tg319:active, 
.tg319 a:link, .tg319 a:visited, .tg319 a:active, .tg319 a:hover{text-decoration:none;background-color:transparent}

/* one line tag */
.bltg, .yltg{font-family:Arial, sans-serif;font-size:11.5px;display:block;
    float:none;padding-left:9px;padding-right:2px;margin-top:1px;margin-bottom:1px;
    text-decoration:none;height:16px;white-space:nowrap}
.bltg{background:url(img/tagE6E6E6.gif) center left no-repeat;border-right:1px solid #808080}
.yltg{background:url(img/tagFFFF99.gif) center left no-repeat;border-right:1px solid #808080}
a.bltg:link, a.bltg:visited, a.bltg:active, .bltg a:link, .bltg a:visited, .bltg a:active,
a.yltg:link, a.yltg:visited, a.yltg:active, .yltg a:link, .yltg a:visited, .yltg a:active{color:#808080}
a.bltg:hover, a.yltg:hover {color:#FFF;text-decoration:none;background-color:transparent;background:url(img/tagSel.gif) center left no-repeat}
.bltg a:hover, .yltg a:hover{color:#FFF;text-decoration:none;background-color:#4040FF}

/* round rectangle/frame */
b.rt{display:block; background: #FDFFF7}
b.rt *{font-size:1px;display:block; height: 1px; overflow: hidden}
b.rtf{display:block; background: #FDFFF7}
b.rtf *{font-size:1px;display:block; height: 1px; overflow: hidden; background: #9bbb38}
b.rti{display:block}
b.rti *{font-size:1px;display:block; height: 1px; overflow: hidden; background: #FDFFF7}
b.r0{margin: 0}
b.r1{margin: 0 1px}
b.r2{margin: 0 2px}
b.r3{margin: 0 3px}
.rw100{width:100%}
.rp1{padding:0 1px}
.rp2{padding:0 2px}
.rp4{padding:0 4px}
/***********************/

.pbg{background:url(img/panel_bg.gif)}

/* for tip window */
#fixedtipdiv {
    position:absolute;
    left:0;top:0;
    padding: 2px;
    border:1px solid black;
    font:normal 10pt Verdana;
    line-height:18px;
    z-index:999999;
}
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:999999;
  background-color:#fff; border:0px solid #000; 
  width:1px; padding:0px;
  color:#000; font-size:10pt; line-height:1.3;
}
div#tipDiv div.timg {text-align:center}
div#tipDiv div.txt {text-align:center; margin-top:6px}

/* ajax message right box */
div.ajaxmsg {
  position:absolute; visibility:visible; display:inline; z-index:999999;
  background-color:transparent;
  right:5px; top:5px; width:300px; padding:2px;
  color:#000; font-size:10pt; line-height:1.6;
}

/* ajax message left box */
div.ajaxlb {
  position:absolute; visibility:visible; display:inline; z-index:999999;
  background-color:transparent;
  left:5px; top:5px; width:400px; padding:2px;
  color:#000; font-size:10pt; line-height:1.6;
}

/** virtual earth **/
.ve_pushpin {position:relative;left:2px;top:-20px;}
.ve_pushpinmin {position:relative;left:6px;top:0px;}
.ve_pushpinbody {font-family:arial,sans-serif;font-size:12pt; line-height: 14pt}

/* recently visitor */
.recvis{width:60px;height:50px;overflow:hidden;display:block;float:left;
        margin-left:1px;margin-top:1px;padding:0px;
        border-top:1px solid #aaa;border-left:1px solid #aaa;
        border-right:2px solid #777;border-bottom:2px solid #777};
.recvis a {padding:0}
.recvis img{padding:0;border:0}
.recvis div{padding:0;text-align:center;position:relative;top:-10px;font-size:7pt;line-height:1.2em;
            color:#DF7811;background-color:#fff;white-space:nowrap}

.recvisx{width:30px;height:25px;overflow:hidden;display:block;float:left;
         margin:0px;padding:0px;
         border:1px solid #aaa;}
.recvisx a {padding:0}
.recvisx img{padding:0;border:0}
            
/* tag category switch */
.tgctgsw{padding:0 2px}
.tgctgsw span{font-weight:bold;font-size:10pt;line-height:12pt;display:block;margin:4px 0 0 0}
.tgctgsw span img{border:0; margin:0 4px 0 0}
.tgctgsw div{margin:0 0 0 14px}

/* tag category switch for gPoi page */
.tgctgsw2{padding:0 2px}
.tgctgsw2 #ctgsw{font-weight:bold;font-size:10pt;line-height:12pt;display:block;float:none;margin:4px 0 0 0;width:100%}
.tgctgsw2 #ctgsw img{border:0; margin:0 4px 0 0}
.tgctgsw2 div{margin:0 0 0 6px}

/* scroller */
#qk_scroller{width:100%;margin:0 10px 2px 0;height:18px;font-size:10pt;border:0}

/* modal dialog */
.modalDialog_transparentDivs{	
	filter:alpha(opacity=50);	/* Transparency */
	opacity:0.5;	/* Transparency */
	background-color:#555;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:2px solid #9bbb38;	
	padding:4px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FAFFE6;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=70);	/* Transparency */
	opacity:0.7;	/* Transparency */	
}