html, body, #wrap {
	height: 100%;
}
body > #wrap {height: auto; min-height: 100%;}
#main {
	padding-bottom: 31px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
} 
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
.clear {
	clear: none;
}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(image/top_gray.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font: 13px Verdana, Geneva, sans-serif;
	color: #555;
}
img {
	border-style: none;
}

ul, li,dd,dt ,dl{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.topTool {
	height: 23px;
	font-size: 12px;
}
.topTool .topTitle {
	background-image: url(image/topToolArrow.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
	background-position: 72px 4px;
	line-height: 23px;
	height: 23px;
	padding-right: 5px;
	padding-left: 5px;
	color: #666;
	text-decoration: none;
}
.topTool a.topTitle:hover, .topTool .on {
	color: #000;
	background-image: url(image/topToolArrowOver.jpg);
	background-position: 72px 4px;
}
.topTool ul {
	display:none;
	position: absolute;
	overflow: hidden;
	height: 0px;
	left: 0px;
}
.topTool li {
	float: left;
	position: relative;
	z-index: 30;
	margin-left: 0px;
}
.topTool ul li {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0px;
}
.topTool ul li a {
	display: block;
	padding: 3px;
	background-color: #FFF;
	color: #666;
	text-decoration: none;
}
.topTool ul li a:hover {
	color: #FFF;
	background-color: #999;
}
.topTool img {
	border-style: none;
}
.topTool .lookGroup a {
	width: 85px;
}
.topTool .worldLook a {
	width: 105px;
}
.topTool .mapLook a {
	width: 125px;
}
.topTool .taiwanLook a {
	width: 112px;
}
a:hover ,.searchTag .selected a{
	background-position: right;
	color: #FFF;
	text-decoration: none;
}

.searchTag .selected a {
	line-height: 25px;
}
.searchTag li a:hover {
	color: #FFF;
	line-height: 25px;
}
.search {
	display: block;
	background-image: url(image/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 100px;
	margin-top: 30px;
	text-align: center;
	padding-top: 15px;
	color: #333;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.searchTag, #searchBox {
	margin-left: 80px;
}
.searchBar {
	float: left;
	display: block;
	width: 700px;
}
.searchBar .searchTag li {
	margin-top: 20px;
}
.searchBar .searchTag, .searchBar #searchBox {
	margin-left: 20px;
}
.searchBar #searchBox input {
	height: 20px;
	line-height: 20px;
}
.searchBar #searchBox select {
	height: 23px;
	line-height: 20px;
}
.searchBar #searchBox a {
	background-image: url(image/searchIn.jpg);
	height: 24px;
	width: 54px;
}
.logo {
	float: left;
	margin-top: 20px;

	*margin-top: 17px;
	margin-left: 20px;
	border-style: none;
}
.searchTag li {
	float: left;
	margin-top: 40px;
}
.searchTag li a  {
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	float: left;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 25px;
	color: #202020;
	text-align: center;
}
.searchTag .c1 {
	background-image: url(image/castStore.jpg);
	width: 59px;
}
.searchTag .c2 {
	background-image: url(image/castSale.jpg);
	width: 76px;
}
.searchTag .c3 {
	background-image: url(image/castEvent.jpg);
	width: 57px;
}
.searchTag .c4 {
	background-image: url(image/castGoogle.jpg);
	width: 74px;
	text-indent: -8000px;
}
#searchBox {
	float: left;
	width: 500px;
	display: inline;
}
#searchBox a {
	background-image: url(image/search.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 55px;
	display: block;
	text-indent: -8000px;
	float: left;
	font-size: 0px;
	line-height: 0px;
}
#searchBox input {
	background-image: url(image/glass.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 23px;
	border: 1px solid #CCC;
	width: 250px;
	font-size: 15px;
	line-height: 23px;
	padding-left: 27px;
	margin-right: 5px;
}
#searchBox select {
	font-size: 15px;
	line-height: 27px;
	float: left;
	height: 27px;
	border: 1px solid #CCC;
	margin-right: 5px;
}
#searchBox.color1 input,#searchBox.color1 select{
	border: 1px solid #FBAB16;
}
#searchBox.color2 input,#searchBox.color2 select{
	border: 1px solid #BF88BF;
}
#searchBox.color3 input,#searchBox.color3 select{
	border: 1px solid #6DBF6D;
}
.search dl,#areas dl {
	float: left;
	width: 450px;
	text-align: left;
	display: inline;
	font-size: 13px;
	margin-left: 80px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #EAEAEA;
}
#areas dl {
	margin-left: 0px;
}
.search dt,#areas dt {
	float: left;
	background-image: url(image/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 18px;
	color: #390;
	height: 20px;
	display: block;
	width: 80px;
	line-height: 20px;
}
.search dd,#areas dd {
	float: left;
	display: block;
	margin-right: 10px;
}
.search a,#areas a{
	color: #666;
}
.search a:hover,#areas a:hover  {
	color: #F60;
	text-decoration: underline;
}
.add {
	float: right;
	width: 160px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.keyword strong {
	color: #F60;
	font-size: 15px;
}
.keyword {
	margin-left: 20px;
	height: 25px;
}
.keyword div {
	float: left;
	line-height: 25px;
}
strong.key {
	color: #C00;
}
#list {
	background-image: url(image/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 16px;
	margin-top: 20px;
	float: left;
	display: inline;
	width: 800px;
	line-height: 17px;
	margin-left: 20px;
}
.list {
	float: left;
	line-height: 19px;
}
.list li {
	float: left;
	display: inline;
	width: 770px;
	border-bottom: 1px dashed #E1E1E1;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 17px;
}
.list .even {
	background-color: #FEF4EF;
}
#listEvent li{
	width: 800px;
}
#listEvent .content{
	width: 765px;
}
a.shadow {
	display: block;
	background-image: url(image/shadow.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 10px;
	float: left;
	margin-right: 10px;
}
a.shadow:hover {
	background-position: right bottom;
}
.even a.shadow{
	background-image: url(image/shadow2.jpg);
	}
.shadow img {
	background-color: #FFF;
	padding: 2px;
	border: 1px solid #E0E0E0;
}
.content {
	float: left;
	width: 600px;
}
.content a {
	color: #F60;
	text-decoration: underline;
}
.content a:hover {
	color: #F60;
	text-decoration: none;
}
.content h2 {
	font-size: 16px;
	text-decoration: underline;
	margin-top: 7px;
	margin-bottom: 7px;
	display: block;
	color: #F60;
	font-weight: normal;
}
.content .address {
	color: #090;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}
.content a.bt {
	color: #FFF;
	text-decoration: none;
	background-color: #F90;
	display: block;
	padding-right: 2px;
	padding-left: 2px;
	border: 1px solid #F60;
	margin-top: 5px;
	width: 65px;
	text-align: center;
}
.content a.bt:hover {
	color: #FFF;
	background-color: #F60;
}
.pager {
	display: block;
	float: left;
	width: 790px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #F90;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pager span, .pager a {
	border: 1px solid #CCC;
	padding: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	color: #999;
}
.pager a {
	color: #F60;
	text-decoration: none;
	border-color: #F60;
}
.pager .on {
	color: #FFF;
	background-color: #F90;
	border: 1px solid #F60;
}
.pager a:hover {
	background-color: #FF9;
}
#keyAdd {
	width: 743px;
	margin-left: 20px;
	display: block;
	padding: 10px;
	background-color: #FFEBD7;
	margin-top: 10px;
	border: 1px solid #FFC7A2;
}
#keyAdd li {
	background-image: url(image/arrow2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}
#keyAdd h2 {
	margin-top: 10px;
	margin-bottom: 3px;
}
#keyAdd h2 a  {
	font-size: 15px;
	color: #F60;
	text-decoration: none;
}
#keyAdd h2 a:hover {
	color: #C00;
}
.themeEvent #keyAdd h2 a:hover {
	color: #C00;
}
.themeEvent #keyAdd{
	background-color: #E4F4D5;
	border: 1px solid #B7DFB9;
}
.themeEvent #keyAdd li {
	background-image: url(image/arrow3.jpg);
}
.themeEvent #keyAdd h2 a  {
	color: #55A95B;
}
.themeEvent .content a {
	color: #090;
}
.themeEvent .content a.bt {
	color: #FFF;
	background-color: #54A757;
	border: 1px solid #093;
}
.themeEvent .content a.bt:hover {
	color: #FFF;
	background-color: #093;
}
.themeEvent .content .address {
	color: #F60;
}
.themeEvent .content h2 {
	color: #090;
}
.themeEvent .list .even {
	background-color: #F0FEE7;
}
.themeEvent .pager {
	border: 1px dashed #6DBF6D;
}
.themeEvent .pager a {
	color: #55A95B;
	border-color: #269701;
}
.themeEvent .pager .on {
	background-color: #59AA65;
	border: 1px solid #269701;
}
.themeEvent .pager a:hover {
	background-color: #FF9;
}
.themeEvent .noResult {
	margin-left: 20px;
	margin-bottom: 10px;
}
.themeCount #keyAdd h2 a  {
	color: #975197;
}
.themeCount #keyAdd h2 a:hover {
	color: #C00;
}
.themeCount #keyAdd{
	background-color: #F4E8F4;
	border: 1px solid #DAB6DC;
}
.themeCount #keyAdd li {
	background-image: url(image/arrow4.jpg);
}
.themeCount .content a {
	color: #639;
}
.themeCount .content a.bt {
	color: #FFF;
	background-color: #BF7CBF;
	border: 1px solid #B245B2;
}
.themeCount .content a.bt:hover {
	color: #FFF;
	background-color: #A653AD;
}
.themeCount .content .address {
	color: #66F;
}
.themeCount .content h2 {
	color: #639;
}
.themeCount .list .even {
	background-color: #FEF;
}
.themeCount .pager {
	border: 1px dashed #B245B2;
}
.themeCount .pager a {
	color: #B245B2;
	border-color: #B245B2;
}
.themeCount .pager .on {
	background-color: #BF7CBF;
	border: 1px solid #B245B2;
}
.themeCount .pager a:hover {
	background-color: #F1DFFF;
}
.noResult  {
	margin-left: 20px;
	margin-bottom: 10px;
}
.noResult ul li {
	list-style-type: square;
	margin-left: 30px;
}
.noResult strong {
	font-size: 15px;
	font-weight: bold;
	color: #C00;
}
#area {
	background-image: url(image/area.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 108px;
	line-height: 24px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 5px;
	position: relative;
}
#area #areas {
	position: absolute;
	width: 0px;
	height: 0px;
	left: 101px;
	top: -69px;
	overflow: hidden;
}
#areas {
	background-color: #FEFBE0;
	cursor: pointer;
	display: none;
}
#areas dl {
	display: block;
	float: left;
}
#area.on {
	background-position: right;
	cursor: pointer;
}
#area.on #areas {
	border: 1px solid #CCC;
}
#footer {
	float: left;
	width: 100%;
	color: #999;
	text-align: center;
	line-height: 30px;
	height: 30px;
	background-color: #EAFFD2;
	position: relative;
	margin-top: -31px;
	clear:both;
	border-top: 1px dashed #B8CEAA;
}
#footer a {
	color: #090;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}