div.mainLeft {float:left;width:450px;margin-right:0px;margin-top:0px;margin-bottom:0px;display:inline;word-wrap: break-word;}

div.mainRight {float:right;width:290px!important;width:277px;margin-left:0px;margin-top:0px;margin-bottom:0px;display:inline;word-wrap: break-word;}
div.mainRight ul {overflow:hidden;}
div.mainRight li {line-height:20px;display:block;padding:0;list-style-type:none;list-style-image:none;text-align:left;}

div#login {
	clear:both;
	position:relative;
	width:750px;
	border:#26A5E5 1px solid;
	background:#EFF2FB;
	overflow:hidden;
	padding:3px 0px 3px 0px;
	text-align:right;
	overflow:hidden;
	
}

#indexLogin{
	float:left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:20px;
	display:inline;
	width:220px;
	height:175px!important;
	height:172px;
	border:#015EB1 2px solid;
	background-image:url(../images/members_03.gif);
	background-repeat:repeat;
	
}
#indexLogin ul li{
	padding-top:3px;
	padding-bottom:2px;
	
}
#indexLogin div.title{
	background-color:#015EB1;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:3px;
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	FONT-FAMILY: "新細明體", "細明體";
}
#indexLogin div#middle{
	height:127px;
	display:block;
}
#indexLogin div.bottom{
	background-color:#015EB1;
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	color:#ffffff;
	FONT-FAMILY: "新細明體", "細明體";
	line-height:18px!important;
	height:18px!important;
	line-height:16px;
	height:16px;
}
#indexLogin div.bottom a{
	color:#ffffff;
}
#join{
	float:right;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:20px;
	display:inline;
	width:517px;
	height:175px!important;
	height:172px;
	border:#015EB1 2px solid;
	background-image:url(../images/members_03.gif);
	background-repeat:repeat;
}
#join div#title{
	background-color:#015EB1;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:20px;
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	text-align:left;
}


#join div#bottom2{
	background-color:#ffffff;

	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	FONT-FAMILY: "新細明體", "細明體";
	display:block;
	width:517px;
	margin-top:0px;
	line-height:15px!important;
	height:15px!important;
	line-height:16px;
	height:16px;

}
#join div#bottom2 span{
	font-size:14px;
	font-weight:bold;
	color:#0051A2;
}
#join div#bottom2 span.red{
	color:#CC0000;
}
#join div#bottom2 span#left{
	padding-left:20px;
	float:left;
	text-align:left;
}
#join div#bottom2 span#right{
	padding-right:20px;
	float:right;
	text-align:right;
}


#join div#bigMiddle{
	margin-top:10px;
	display:block;
	height:90px;
}
#join div#bottom1{
	margin-top:0px;
	padding-top:5px;
	padding-bottom:7px;
	display:block;
	text-align:center;
}
#join div#bigMiddle ul li{
	padding-top:3px;
	padding-bottom:3px;
}
#join div#bigMiddle ul li span.bold{
	font-weight:bold;
	color:#993399;
	font-size:15px;
}
#join div#bigMiddle ul li span.bigBold{
	font-size:16px;
	font-weight:bold;
}
#join div#bigMiddle span#left{
	padding-left:20px;
	float:left;
	display:inline;
}
#join div#bigMiddle span#middle{
	width:300px;
	display:inline;
}
#join div#bigMiddle span#middle img{
	margin-top:20px;
}
#join div#bigMiddle span#right{
	padding-right:20px;
	float:right;
	display:inline;
}
#search{
	width:400px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#search ul{
	display:block;
}
#search ul li{
	width:400px;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}
#search ul li a{
	font-size:12px;
}
#search ul li span.left{
	float:left;
	text-align:left;
}
#search ul li span.right{
	float:right;
	text-align:right;
}
#search ul li span.left span.space1{
	padding-left:35px;
}
#search ul li span.left span.space2{
	padding-left:90px;
}

.mainLeft .listTitle{
	width:450px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	clear:both;
}
.mainLeft .listTitle span.image{
	float:left;
	text-align:left;
}

.mainLeft .listTitle span.text{
	float:right;
	text-align:right;
	padding-top:8px;
	font-size:10pt;

}
.mainLeft .listBody{
	width:450px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	border:1px solid #0255B3;
	padding-top:0px;
	float:left;
}


.mainRight .listTitleRed{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	clear:both;
}
.mainRight .listTitleRed span.image{
	float:left;
	text-align:left;
}

.mainRight .listTitleRed span.text{
	float:right;
	text-align:right;
	padding-top:8px;

}

.mainRight .listTitleRed span.text a{
	color:#f49f93;
	font-weight:bold;
}
.mainRight .listBodyRed{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	border:1px solid #EC6E5F;
	padding-top:0px;
	float:left;
}

.mainRight .listBodyWhite{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	display:block;
	border:1px solid #ffffff;
	padding-top:0px;
	float:left;
}
.mainRight .listBodyWhite img{
	width:290px!important;width:277px;
}

.mainRight .listTitleYellow{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	clear:both;
}
.mainRight .listTitleYellow span.image{
	float:left;
	text-align:left;
	padding-top:8px;
	font-weight:bold;
	font-size:13px;
}

.mainRight .listTitleYellow span.text{
	float:right;
	text-align:right;
	padding-top:8px;

}

.mainRight .listTitleYellow span.text a{
	color:#FFD331;
	font-weight:bold;
}
.mainRight .listBodyYellow{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	border:1px solid #FFD331;
	padding-top:0px;
	float:left;
}




.mainRight .listTitleBlue{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	clear:both;
}
.mainRight .listTitleBlue span.image{
	float:left;
	text-align:left;
	padding-top:8px;
	font-weight:bold;
	font-size:13px;
}

.mainRight .listTitleBlue span.text{
	float:right;
	text-align:right;
	padding-top:8px;

}

.mainRight .listTitleBlue span.text a{
	color:#a7c2e4;
	font-weight:bold;
}
.mainRight .listBodyBlue{
	width:290px!important;width:277px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	display:block;
	border:1px solid #0255B3;
	padding-top:0px;
	float:left;
}


.mainRight .complaint{
	width:290px!important;width:277px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	float:left;
}

.mainRight .complaint ul{
	margin-left:30px;
}
.mainLeft .listBody ul{
	width:450px;
	float: left;
	margin-left:5px;
	display:block;
}

.mainLeft .listBody ul li{
	display:inline;
	text-align:left;
	line-height:25px;
}
.mainLeft .listBody ul li a{
	padding-left:2px;
	padding-right:2px;
}
.mainLeft .listBody ul li span.areaTitle{
	font-weight:bold;
	font-size:10pt;
}
.mainLeft .listBody ul li span.right{
	float:right;
	text-align:right;
	padding-right:10px;
}



#redTable td{
	text-align:center;
	height:18px;
	padding-top:2px;
}
#redTable td.red{
	font-weight:bold;
	color:#CC0000;
}
#redTable .head{
	font-weight:bold;
	background-color:#F7B8AE;
}
#redTable .rowColor1{
	text-align:center;
	background-color:#fffbfb;
}
#redTable .rowColor2{
	text-align:center;
	background-color:#fde9e8;
}
#redTable .trMouseOver{
	background-color:#FFCCCC;
	cursor:pointer;
}




#yellowTable td{
	text-align:center;
	height:18px;
	padding-top:2px;
}
#yellowTable td.red{
	font-weight:bold;
	color:#CC0000;
}
#yellowTable .head{
	font-weight:bold;
	background-color:#FFD331;
}
#yellowTable .rowColor1{
	text-align:center;
	background-color:#ffffff;
}
#yellowTable .rowColor2{
	text-align:center;
	background-color:#ffffcc;
}
#yellowTable .trMouseOver{
	background-color:#FFEE99;
	cursor:pointer;
}



#blueTable td{
	text-align:center;
	height:18px;
	padding-top:2px;
}
#blueTable td.blue{
	color:#0033CC;
}
#blueTable .head{
	font-weight:bold;
	background-color:#A7C2E4;
}
#blueTable .rowColor1{
	text-align:center;
	background-color:#e8f0f9;
}
#blueTable .rowColor2{
	text-align:center;
	background-color:#d2defd;
}
#blueTable .trMouseOver{
	background-color:#EBEBEB;
	cursor:pointer;
}
input.btn {
  font-size: 12px;
  letter-spacing:1px;
  padding: 2px;
  background-color:#FFF1AC;
  width:120px;

}