img{max-width:100%;}
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
font-family:微軟正黑體, 'Open Sans', sans-serif;
   font-size: 100%;
   background-image: linear-gradient(to right bottom, #ffffff, #ffe4de, #fdefec, #fdfbfc, #ffffff);
   color:#000;
}
area{
outline:none;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration:none;
	color:#3B3B3B;
}
body a:hover{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration:none;
	color:#653a93;
}


#cityevent a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration:none;
	color:#4a5399;
	font-weight:bold;
}
#cityevent a:hover{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration:none;
	color:#393;
}
#btn_t a{
	color:#fff;
	

}
#btn_t a:hover{
	color:#fffeec;

}
.btn_class{
	color:#fff;
	font-size:1.2em;
	cursor:pointer;
}
.btn_class:hover{
	color:#fffeec;
	font-size:1.2em;
}
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
	margin-top:20px; margin-bottom:20px;
}
DIV.quotes A {
	BORDER: #c4c4c4 1px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; COLOR: #565557; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; TEXT-DECORATION: none; background-color:#f5f5f5; border-radius:4px;
}
DIV.quotes A:hover {
	BORDER: #939393 1px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; COLOR: #565557; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; TEXT-DECORATION: none; background-color:#dadada; border-radius:4px;
}
DIV.quotes A:active {
	BORDER: #c4c4c4 1px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; COLOR: #565557; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; TEXT-DECORATION: none; background-color:#dadada; border-radius:4px;
}
DIV.quotes SPAN.current {
	BORDER: #939393 1px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; COLOR: #565557; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; TEXT-DECORATION: none; background-color:#dadada; border-radius:4px;
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid; border-radius:4px;
}
.news_table{
padding-top:20px; padding-bottom:20px; border-bottom:1px solid #db4d37;
}
.news_table2{
padding-top:20px; padding-bottom:10px; border-bottom:1px solid #db4d37;
}
.news_left{
	width:24%; float:left;
}

.news_right{
	width:76%;float:left
}
.news_left2{
	width:16%; float:left;
	margin-left:2%;
	margin-right:2%;
}
.news_right2{
	width:80%;float:left
}
.news_date{
	width:95%; margin-right:5%; background-color:#00a1e9; color:#FFF; text-align:center; line-height:24px; padding:10px;
}
.news_date_day{
	font-size:2em; font-weight:bold;
}
.news_date_year{
	font-size:0.8em;
}
.news_title{
	color:#000; font-size:1.1em; padding-bottom:10px;
}
.t_table{
	margin:1em 5em;
}
.t_pic{
	margin-bottom:2em; text-align:center;
}
#news_table a{
	color:#71737a;

}
.path_link{
	margin-bottom:50px;
	margin-left:0px;
}
.circle {
    display: inline-block;
    width: 200px;
    height:150px;
	margin-right:10px;
	margin-top:10px;
    background:#fff;
}
.inner {
    background-size:cover;
    background-position:center center;
    height: 100%;
}
.clearfix{
	clear:both;
}
.con_title{
	text-align:center;
	font-size:2em;

}
.con_title2{
font-size:1.2em;
margin-bottom:20px; text-align:left; background-color:#ffdbc3;padding:10px 14px; border-radius:50px;  border:1px dashed #db4d37;
}