#overlay{ background-image: url(/city/images/ind_img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/city/images/ind_img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/city/images/ind_img/overlay.png", sizingMethod="scale");
}

#talk {
	position: absolute;
	visibility: visible;
}
#sys-1 {
	position: absolute;
	visibility: hidden;
}
#sys-2 {
	position: absolute;
	visibility: hidden;
}
#message {
	position: absolute;
	visibility: hidden;
}
.glowyel {
	font: 12px Arial, Helvetica, sans-serif;
	filter: glow(color=#C09603,strength=1);
	width: 100%;
}
.glowgrey {
	font: 12px Arial, Helvetica, sans-serif;
	filter: glow(color=#6D6D6D,strength=1);
	width: 100%;
}

/* basic elements */
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.font {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #444444;
}
.font a:link {
	color: #444444;
}
.font a:visited {
	color: #444444;
}
.font a:hover {
	color: #DD3636;
	text-decoration: underline;
}
.f_grey {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	letter-spacing: 1px;
	color: #444444;
}
.f_grey_c {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	letter-spacing: 1px;
	color: #444444;
	text-align: center;
}
.f_red {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #DD3636;
}
.f_blue {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #165D95;
}
.f_blue a:link {
	color: #165D95;
}
.f_blue a:visited {
	color: #165D95;
}
.f_blue a:hover {
	color: #165D95;
	text-decoration: underline;
}
.f_gre {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #008176;
}
.f_org {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FF6600;
}
.h_grey {
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #444444;
}
.h_blue {
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #165D95;
}
.h_blue a:link {
	color: #165D95;
}
.h_blue a:visited {
	color: #165D95;
}
.h_blue a:hover {
	color: #165D95;
	text-decoration: underline;
}
.h_org {
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FF6600;
}
.fli_font {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #CBFEFF;
}
.fli_whi {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
}
.fli_yel {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFDE1;
}
.fli_grey {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #F6F6F6;
}
.fli_red {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFCCEB;
}
.fli_org {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFE8CC;
}
.fli_blue {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #BEF7FB;
}
.fli_gre {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #C1FFC7;
}



/* filter font */
.glowred {
	filter: glow(color=#C10137,strength=1);
	width: 100%;
}
.gloworg {
	filter: glow(color=#DA4902,strength=1);
	width: 100%;
}
.glowblue {
	filter: glow(color=#035D8B,strength=1);
	width: 100%;
}
.glowgre {
	filter: glow(color=#146831,strength=1);
	width: 100%;
}





/* layer talk */
.w-b1 {
	width: 867px;
	height: 10px;
}
.w-b2 {
	background: url(blog/images/blog_top_img/world_bg_2.gif);
	width: 867px;
}
.a {
	width: 830px;
	margin: auto;
}
.a-1 {
	height: 20px;
	margin: auto;
	padding-top: 5px;
}
.a-2 {
	height: 1260px;
}
.solid1 {
	background: #8C8C8C;
	width: 830px;
	height: 1px;
	margin: auto;
}
.dashed1 {
	background: url(blog/images/blog_top_img/line_2.gif);
	margin:auto;
}
.dashed2 {
	width: 830px;
}
.tit {
	float: left;
	width: 110px;
	height: 20px;
}
.ann {
	float: right;
	width: 125px;
}
.close {
	width: 15px;
	float: right;
}
.icon-g {
	float: left;
	width: 11px;
	margin: 13px 7px 0px 0px;
}
.con {
	width: 830px;
	margin: auto;
}
.c-1 {
	height: 37px;
}
.c-2 {
	height: 70px;
}
.c-3 {
	height: 90px;
}
.c-4 {
	height: 96px;
}
.c-5 {
	height: 45px;
}
.c-coll {
	float: left;
	margin: 13px 0px 0px 0px;
}
.c-tit {
	width: 80px;
}
.c_txt1 {
	width: 100px;
}
.c_txt2 {
	width: 270px;
}
.field {
	height: 15px;
}
.field1 {
	width: 340px;
}
.field2 {
	width: 155px;
}
.field1-bg {
	float: left;
	width: 340px;
	margin: 8px 2px 0px 0px;
}
.field2-bg {
	float: left;
	width: 155px;
	margin: 9px 2px 0px 0px;
}
.sel {
	float: left;
	width: 20px;
	margin: 8px 4px 0px 0px;
}
.sel-txt {
	width: 40px;
	float: left;
	margin: 13px 5px 0px 0px;
}
.sel-bg {
	float: left;
	width: 560px;
	height: 50px;
}
.explain {
	float: left;
	width: 560px;
	height: 80px;
	margin: 9px 5px 5px 0px;
}
.decide {
	width: 75px;
	height: 36px;
	margin: auto;
	margin-top: 5px;
}
.l_grey {
	border: 1px solid #666666;	
}


/* layer sys */
.sys-area {
	width: 195px;
	height: 41px;
	margin:auto;
}
.sys-btn1 {
	width: 88px;
	height: 31px;
	float: left;
	margin: 5px;
}
.sys-btn2 {
	width: 75px;
	height: 31px;
	float: left;
	margin: 5px;
}


/* layer message */
.message-con {
	float: left;
	width: 652px;
	margin: 0px 10px 5px 0px;
}
.m-no1 {
	background: #EFEFEF;
	height: 67px;
	padding-bottom: 8px;
}
.m-line {
	height: 53px;
	padding-bottom: 8px;
}
.m-con {
	float: left;
	height: 22px;
	margin: 10px 0px 0px 5px;
}
.m-icon {
	float: left;
	width: 12px;
	margin-right: 10px;
}
.m-name {
	float: left;
	width: 602px;
}
.m-icon1 {
	margin-top: 2px;
}
.m-text {
	float: left;
	width: 598px;
	padding-left: 27px;
}
.rank {
	width: 168px;
	margin: 10px 0px 5px 0px;
}
.r-coll {
	float: left;
}
.r-con {
	background: url(blog/images/blog_top_img/up_bg.gif);
	height: 15px;
	padding: 10px 10px 0px 10px;
}
.r-icon {
	width: 11px;
	margin-right: 6px;
}
.r-name {
	width: 103px;
	height: 11px;
}
.r-up {
	width: 27px;
}