.article-content img{margin:10px;}
/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
br{letter-spacing: normal;}

/*--------------------------navigation 部落格描述*/
#navigation{display:inline;float:left;margin-top:30px;margin-left:20px;}
#navigation a{color:#006666;}
#link-album{display:inline;}
#link-blog{display:inline;margin-left:10px;}
#link-guestbook{display:inline;margin-left:10px;}
#link-profile{display:inline;margin-left:10px;}

/*-------------------------------------authority後台管理*/
.menu_item{
	float: left;
	display:block;
}
#authority{
	line-height: 18px;
	text-align: left;
        height: 18px;
overflow: hidden;
_overflow: none;
_height: 1%;
		}
	#authority a{
		font-size:11px; *font-size:10px;
		color:#2382b0;
		padding-left: 5px;
		margin-left: 3px;
		}
	#authority a:hover{
		color:#fff;}
/*--------------------------all setting*/
.skiplink{display:none;}
#blog-category{display:none;}




body{font-size: 12px;
     background:url("res/images/tripass/TV_map.gif") left top repeat-x #9bdff3;
	font-family: arial;
	color:#333;
	}
body a{
	color: #10254f !important;
}
#body-div{position:relative; width: 900px; margin: 0px auto;}
#controller_manage{float:left;}		

#container{border: 1px #309cd0 solid; background: #fff;}
#header{
	height: 65px;
	padding-top:30px;
	margin-bottom: 1px;
	background: url("res/images/tripass/book.png") no-repeat left top;
	}
#login-bar{
    display:none;
    margin-left:600px;
	padding-top:22px;
	_padding-top:0px;
	font-size: 11px; *font-size:10px;
	color:#fff;
	position: absolute;
	top: 2px;
	right: 5px;
	}
	#login-bar a{color:#fff;}
	#login-bar a:hover{color:#333;}
#banner{
	
	padding-left: 60px;
	}
#blog_description{
padding:0px 330px 0px 10px;height: 35px;color: #45c4ea; font-size: 11px;overflow: hidden;}
#blog_title{}
#blog_title a{
             display:block;
			 width: 250px;
			 height: 25px;
			 font-size: 0px;
			 text-indent: -5000px;
			 
            }

#main{border-top: 1px #309cd0 solid;overflow: hidden;
_overflw: none; _height: 1%;
      }
* html #content{width:629px;}
#content{
	float:left;
	width: 630px;
	padding-top: 20px;
	border-right:1px solid #d3d3d3;
	}
#spotlight{
    width:570px;
	background:#f6f6f6;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	margin-bottom: 10px;
	}
#spotlight h5{
	padding: 5px 10px;
	background:#eee;
	color:#069;
	}
#spotlight-text{
	padding: 5px 10px 10px 10px;
	font-size: 11px; *font-size:10px;
	line-height: 18px;
	}
.article{
	margin-bottom: 20px;
	overflow: hidden;
	background:#fff;
	padding: 0px 15px;
	_padding: 0 0 0 10px;
	}
.article-head{
	margin-bottom: 10px;
	}
.publish {
	padding: 3px 0px 0px 35px;
	_padding: 3px 0px 0px 20px;
	font-size: 10px;
	color:#309cd0;
	font-family: Century Gothic;
	text-align: left;
	line-height: 13px;
	}
.title{
	height: 31px;
	background: url("res/images/tripass/book_title.png") no-repeat left top;
	padding: 1px 30px 0px 45px;
	font-size: 20px;
	font-family: Simhei,Gulim, MS Gothic;
	letter-spacing: -1px;
	line-height: 30px;
	}
	.title a{color:#10254f;}
	.title a:hover{color: #069;}

.article-body{
	padding: 0px 10px 0px 25px;
	_padding: 0px 0px 0px 0px;
	}
.article-content{
	margin-bottom: 10px;
	font-size:13px;
	letter-spacing: 1px;
	_border:0px solid red;
	_height:auto;
	_width:580px;
	_padding: 0px 0px 0px 20px;
	line-height: 170%;
	color:#333;
	overflow: hidden;
	} 
	.article-content a{color:green;}
	.article-content a:hover{color:#366;}

.bookmark, 
.author,
.forward{
	color:#0880c9;
	text-align: right;
	font-size:11px; *font-size:10px;
	line-height: 150%;
	letter-spacing:0;
	} 
.bookmark img{width: auto; height: auto;}
.author a,
.forward a{
	color:#0880c9;
	}
#article-adsense{
	margin: 10px 0;
	}

.article-footer{
	line-height: 150%;
	background:#f6f6f6;
	color:#555;
    padding:5px 10px;
	}
	.article-footer a{color:#666;}
	.article-footer a:hover{color:#333;}
.history{
	display:none;
	float: right;
	width: 270px;
	}
.refer{
	float: left;
	width: 270px;
	} 
.back-to-top{
	clear: both;
	text-transform: uppercase;
	font: 10px Century Gothic;
	letter-spacing:0;
	text-align: right;
	} 
	.back-to-top a{
		background:#ccc;
		padding: 0px 3px;
		line-height: 20px;
		color:#999;
		}
	.back-to-top a:hover{
		background:#aaa;
		color:#fff;
		}
/*--------------------------list測攔*/
.main-list {width: 560px;
	margin: 20px auto;
	
	}
.main-list table{width: 100%;}
.main-list h3 {}
.main-list th{
	line-height: 25px;
	color:#006699;
	}
.main-list td{
	line-height: 22px;
	padding: 0px 10px;
	background:#d3e395;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	}
	.main-list td a{color:#666;}
	.main-list td a:hover{color: green;}
.list-num{display:none;}
td.list-date {
	background:#fff;
	font: 10px Tahoma;
	width: 50px;
	color:#aaa;
	letter-spacing:0;
	padding: 0 3px;
	}
.list-title img{float: right;
	margin-left:3px;
	}
#murmur-list td.list-date {
	padding: 3px;
	}
.list-visit,
.list-comment{
	width: 40px;
	}

.user-post-box{
	width: 560px;
	margin: 20px auto;
	} 

.user-post-title{
	margin: 10px 0;
	background: #006699;
	color:#fff;
	padding: 0px 5px;
	line-height: 25px;
	font-weight: bold;
	}
/*-------------------------post-comment迴響*/
.post-comment{
	background:#fff;
	padding-left:20px;
	width:580px;
	}
.post-comment span{
	font-family:Simhei;
    font-size:large;
	color:gray;

	}
.comment_line{overflow:hidden;border:0px solid red;margin-top:5px;}

.comment_title {
	padding-top:5px;
	}
#content .post-comment a{color:#fff;
	display: block;
	width: 100%;
	height: 100%;
	}
.single-post{
	width: 535px;
	margin: 20px auto;
	background:#eee url(post2.jpg) left bottom no-repeat;
	padding-bottom: 15px;
	font-size: 11px;
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	}
.post-info{
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	color:#666;
	background: url(post1.jpg) left top no-repeat;
	}
.post-photo{
	float: left;
	width: 110px;
	text-align: center;
	}
.post-photo img{
	border: 1px solid #fff;
	}
.post-text,
.reply-text{
	float: right;
	width: 410px;
	line-height: 18px;
	padding-right: 10px;
	color:#006699;
	}
.reply-text{
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	padding-top: 5px;
	color:#333;
	}
.reply-text p{
	display:none;
	}
.single-post.secret{
	background:#eee;
	padding:0;
	}
.single-post.secret .post-text{
	float: none;
	width: auto;
	padding: 5px 0 5px 10px;
	color:#222;
	}

/*--------------------------comment-form 迴響*/
#comment-form {
	background: #f6f6f6;
	padding: 5px;
	width: 525px;
	margin: 10px auto;
	}	
#comment-form p {
	color: #bbb;
	text-align: right;
	margin: 0px 10px 5px;
	}
#comment-form table {
	width: 100%;
	border: none;
	}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
	color: #999;
	vertical-align: top;
	border: none;
	padding: 2px 5px;
	}
#comment-form table th {
	color: #999;
	vertical-align: top;
	width: 100px;
	border: none;
	padding: 2px 5px;
	}
#comment-form table th font { display: none; }
#comment-form input {
	height: 17px;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	border: none;
	border-bottom: 1px solid #ccc;
	background: none;
	}
#comment-form input.radio {
	border: none; width: auto;	background: none;margin:0; padding:0;
	}
#comment-form input#blogcommenttext_name{
	width: 85%; 
	}
#comment-form textarea {
	width: 99%;
	height: 90px;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	border: 1px solid #ccc;
	background: #fff;
	}	
.page{
	margin: 10px 20px;
	font-size:11px;
	font-family: Arial;
	}
.page a{
	margin: 0 5px;
	color:#666;
	}
.page a:hover{
	color:#a8c524;
	}
.page span{
	background:#eee;
	padding: 0 3px;
	}	
	
#links{_width: 260px;
	float:right;
	width: 267px;
	overflow: hidden;
	background: #f3f3f3;
	}
.vip_account{width:150px;}
.vip_password{width:150px;}

.box{

	}
.box-title{
	font-size: 13px;
	font-weight: bold;
	color:#244da0;
	height: 24px;
	padding: 7px 10px 0px 35px;
	background: url("res/images/tripass/book_icon.png") no-repeat 3px 3px #d2e7ed;
	}
.box-text{
	line-height: 160%;
	margin-bottom: 10px;
	color:#666;
	}
	.box-text a{color:#999;}
	.box-text a:hover{color:#97b711;}
	.box-text li,
	.box-text div,
	.box-text input{
		border-top: 1px #fff solid;
		border-bottom:1px #d3d3d3 solid;
		padding: 3px 10px;
	}
.box-more{
	text-align:right;
	font-size:11px; *font-size:10px;
	margin: 5px 0;
	}
	.box-more a{
		border: 1px solid #fff;
		border-right: 1px solid #acd2e2;
		border-bottom: 1px solid #acd2e2;
		padding: 1px 5px;
		color:#7ea5c7
		}
	.box-more a:hover{
		border: 1px solid #fff;
		border-left: 1px solid #acd2e2;
		border-top: 1px solid #acd2e2;
		}
.atom_subscribe a{ }
.atom_subscribe img{margin-top:5px;}
#widgetid_23{
	border:0px solid red;
	position: absolute;
	top: 45px;
	right: 15px;
	padding:0;
	margin: 0;
	background: none;
}
#widgetid_23 .box-title{
	display: none;
}
#widgetid_23 .box-text,
#widgetid_23 .box-text ul{
	padding: 0;
	margin: 0;
}
#widgetid_23 .box-text li{
	padding: 0;
	margin: 0;
	border: none;
}
#widgetid_23 .box-text ul a{
	font-size: 0px;
	text-indent: -5000px;
	display: block;
	width: 275px;
	height: 47px;
}
#headshot ul,
#search ul,
#visitor ul, #crumb ul,
#broadcast ul{
	overflow: hidden; _overflow: none; _height: 1%;
	}
#visitor li, #crumb li{
	float: left;
	line-height: 0;
	margin: 0px 1px 1px 0px;
	display: inline;
	}
#visitor li img, #crumb li img{ width: 45px; height: 45px; border: 1px solid #fff;}
#broadcast .broadcast-photo{float: left; width: 50px; line-height: 0;}
#broadcast .broadcast-photo img{width: 40px; height: 40px; border: 1px solid #fff;}
#broadcast .broadcast-time a{color:#8c6e99;}
#broadcast .broadcast-text a{color:#5d7dbe;}
#broadcast .broadcast-text a:hover{color:#333;}

#headshot li{
	width: 70px;
	float: right;
	}
#headshot-img{
	float: left !important;
	width: 90px !important;
	}
#headshot-img img{
	border: 2px solid #fff;
	}
#search li{float: left;}
#search li input{
	height: 18px;
	padding:0;
	color: #333;
	font-size:11px;
	border: 1px solid #ddd;
	}
	#search li input#search-submit{
		height: 20px;
		width: 45px;
		padding:0;
		color:#fff;
		background:#73a9c8;
		margin-left: 5px;
		margin-top: 3px;
		border:0;
		}
#calendar table{
	width: 80%;
	margin: 0  auto;
	}
	#calendar table th{
		text-align: center;
		}
	#calendar table td{
		font-size:11px;
		text-align: center;
		border:1px solid #e9f4fd;
		background:#fff;
		line-height: 20px;
		}
		#calendar table td a{
			background:#a9cdeb;
			display: block;
			color:#fff;
			}
#archive select{
	width: 180px;
	margin-bottom: 5px;
	background:#fff;
	border:1px solid #ccc;
	font: 11px arial;
	}
#murmur .murmur-time{
	color:#666;
	font: 11px Century Gothic;
	}
#murmur .murmur-text{
	padding: 5px 0;
	}
#latest-comment li,
#subscription li,
#latest-trackback li{
	margin-bottom: 2px;
	color:#666;
	}
#latest-comment a,
#subscription a,
#latest-trackback a{
	display: block;
	width: 99%;
	color:#3399cc;
	}
#latest-comment a:hover,
#subscription a:hover,
#latest-trackback a:hover{
	color:#85b94d;
	}

#contact-info{
	position: absolute;
	top: 80px;
	right: 0px;
	width: 200px;
	}
#contact-info .box-title{
	width: 59px;
	height: 19px;
	background: url(contact.jpg) left top no-repeat;
	font-size:0;
	text-indent: -5000px;
	margin-bottom:5px;
	}
#contact-info .box-text{
	color:#fff;	
	margin: 0;
	font-size:11px; *font-size:10px;
	}
#footer{
	clear: both;
	color:#fff;
	padding: 20px 20px;
	text-align: center;
	background: #2c64af;
	}
	#footer a{color: #fff !important;}
#powered{display:none;}
	#footer a{color:#006666;}


.imagediv{text-align:center;font-size:12px;}
.imagediv img{padding:0px;border:0px solid #aaa;}
#loader{cursor:pointer;}
.s_sub_title{font-weight:bold;text-align:left;margin-top:20px;}
.s_text_content{margin:10px auto;width:auto;padding:0px 10px 0px 20px;}
.s_image_description{border:1px solid #AAAAAA;width:500px;padding:10px;margin:10px auto;font-size:12px;}
.s_image_body{}
.s_description_body{text-align:left;padding:6px 3px 0px 3px;color:#0066CC;}
.s_more_images{text-align:right;text-decoration:underline;}