@charset "utf-8";
/* CSS Document */
body {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(../images/2col_template04/blog_main_bg.jpg);
	background-position: top;
}
td{line-height: 165%;}
div.blog_div{width:960px;}
div.blog_topbar{
	overflow: hidden;
	clear: both;
	height:100%;
	margin-right:30px;
}
div.bloghdr{
	height:220px;
	width:900px;
	margin:20px auto 0px auto;
	background-repeat: repeat-x;
	background-position: left top;


}
div.bloghdr A {COLOR: #ffffff;FONT-WEIGHT: bold; }
div.bloghdr H1 {
	font-size:200%;
	margin:60px 0px 0px 35px;
	COLOR: #333366;
}
div.bloghdr H1 A {
	DISPLAY: block;
	text-decoration: none;
	COLOR: #FFFF00;
}
div.bloghdr H1 A:link {
	text-align: center;
	text-decoration: none;
	COLOR: #66CCFF;
}
div.bloghdr H1 A:visited {text-align: center;text-decoration: none;COLOR: #333366;}
div.bloghdr H1 A:hover {
	text-align: center;
	text-decoration: none;
	COLOR: #333366;
}
div.bloghdr H2 {
	font-size:100%;
	COLOR: #333333;
	margin:110px 0px 0px 38px;max-width:800px;
}
UL.blognav {
	width:900px;
	height:30px;
	margin-top:0px;
}
UL.blognav LI {
	float:left;
	font-size:125%;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 5px;
}
UL.blognav A {text-decoration: none;COLOR: #fff;}
UL.blognav A:link {text-decoration: none;COLOR: #fff;}
UL.blognav A:visited {text-decoration: none;COLOR: #fff;}
UL.blognav A:hover {
	text-decoration: none;
	COLOR: #333366;
}
#blog-album, #blog-mov, #blog-guestbook, #blog-blog, #blog-profile{
	display: block;
	margin: 0px 1px;
	padding:5px 15px;
}
div.blogcol-L{width:220px;background-color:#dde880;}
div.blogcol-R{
	width:220px;
	background-color:#FFFFFF;
	margin-left:15px
}
div.blogcol-M{
	width:660px;
	background-color:#FFFFFF;
	float:right
}
div.blog_main{
	overflow: visible;
	width:900px;
	margin:0px auto 0px auto
}

/* 版權 */
div.blog_foot{font-size: 85%;color: #666666;padding:5px;height:80px;margin-top:10px;width:960px;border-top-width: 2px;border-top-style: solid;border-top-color: #CCCCCC;}
div.blog_foot .hakka_logo{margin:25px 0px 0px 70px; width:65px; float:left;}
div.blog_foot .blog_copyright{	text-align: right;float:right; margin:30px 55px 0px 0px;line-height:200%;}


/* 大頭貼 */
LI.blog_name A {color:#3366CC;font-size:105%;}
LI.blog_name A:link {color:#3366CC;}
LI.blog_name A:visited {color:#3366CC;}
LI.blog_name A:hover {
	color:#3366CC;
}

/* 窄欄列表 */
div.blog_box{width:220px;margin:0px auto 5px auto;background: url(../images/2col_template04/blog_box_bg.gif) repeat-y left top;}
div.blog_box_mhd{background: url(../images/2col_template04/box_mhd.gif) no-repeat left top;height:48px;text-align: center;padding-top:24px;*padding-top:24px;font-weight: bold;color: #333;font-size:125%;letter-spacing: 1px;width:220px;margin:0px auto  0px auto;}
div.blog_box_cont{padding:0px 10px 5px 10px;}
div.blog_box_cont UL.blog_list li {list-style-type: none;	margin-left:15px;list-style-image: url(../images/2col_template04/ul_icon.gif);padding-bottom:2px;}
*html div.blog_box_cont UL.blog_list li {list-style-type: none;	margin-left:22px;list-style-image: url(../images/2col_template04/ul_icon_IE.gif);}
div.blog_box_cont UL.blog_list A {
	color:#6699FF;/*padding-left:15px;*/
	border-bottom: 1px dashed #53472e;
	display: block;
}
div.blog_box_cont UL.blog_list A:link {color:#6699FF;}
div.blog_box_cont UL.blog_list A:visited {color:#6699FF;}
div.blog_box_cont UL.blog_list A:hover {
	color:#405C8C;
}
div.blog_box_mhd A{color:#333;}
div.blog_box_mhd A:link{color:#333;}
div.blog_box_mhd A:visited{color:#333;}
div.blog_box_mhd A:hover{color:#798734;}
div.blog_list_more{text-align: right;font-size:85%;}
div.blog_box_cont UL.blog_list li A.admin_id{background:none;padding-left:0px;display: inline-block;border-bottom: none;}
div.blog_box_cont UL.show_list A {color:#666666;/*padding-left:15px;*/text-align: center;}
div.blog_box_cont UL.show_list A:link {color:#666666;}
div.blog_box_cont UL.show_list A:visited {color:#666666;}
div.blog_box_cont UL.show_list A:hover {color:#333333;}
div.blog_box_cont UL.show_list li{text-align: center;}
div.blog_box_cont UL.show_list li img{border:3px solid #ccc}
div.blog_box_cont ul.update_list, div.blog_box_cont ul.friends_list{text-align:center}
div.blog_timerss{margin:0px auto;}

/* 其他區塊呈現 */
div.blog_Mcont_box2{width:640px;margin:0px auto 15px auto;background-image: none;}
div.blog_Mcont_box2 div.blog_Mcont_mhd{background-image: none;}
div.blog_Mcont_box2 div.blog_Mcont_title{
	font-size:125%;
	color:#FFFFFF;
	font-weight: bold;
	margin:10px auto;
	padding:5px;
	background-color: #7AA3DA;
	background-image: none;
} 
table.blog_Mcont_table{
	margin:15px auto;
	width:100%;
	background-image: none;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699FF;
	border-right-color: #6699FF;
	border-bottom-color: #6699FF;
	border-left-color: #6699FF;
}
table.blog_Mcont_table th, table.blog_Mcont_table td{
	padding:8px 5px;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #6699FF;
	border-bottom-color: #6699FF;
}
table.blog_Mcont_table th{
	background-color: #D8E4F4;
}

/*文章條列*/
div.blog_Mcont_box3{width:640px;margin:0px auto 15px auto;background-image: none;border-bottom:1px solid #ccc}
div.blog_Mcont_box3 div.blog_Mcont_mhd{background-image: none;margin:5px 0px;}
div.blog_Mcont_box3 div.blog_Mcont_title{font-size:125%;color:#FFFFFF;font-weight: bold;margin:0px auto;padding:5px;background-color: #eee} 
div.blog_Mcont_box3 div.blog_Mcont_publish {font-size:80%;float:right;margin:7px 5px 0px 0px;color:#666}/*發布時間*/
div.blog_Mcont_box3 div.blog_Mcont_body{margin:0px 5px 0px 15px;background-image: none;}
a.blog_page_on {color: #cc0000;text-decoration: none;font-weight: bold;}
div.blog_Mcont_box2 div.blog_Mcont_author, div.blog_Mcont_box3 div.blog_Mcont_author{background-image: none;}

/* 文章區塊呈現 */
div.blog_Mcont_mhd{}
div.blog_Mcont_publish {font-size:80%;float:right;margin:12px 10px 0px 0px;color:#666}/*發布時間*/
.month {}
.date {}
.day {}
.year {}
.time {}
div.blog_Mcont_title{font-size:125%;color:#ff7328;font-weight: bold;padding:18px 0px 18px 16px;} 
div.blog_Mcont_title A {color:#ff7328;}
div.blog_Mcont_title A:link {color:#ff7328;}
div.blog_Mcont_title A:visited {color:#ff7328;}
div.blog_Mcont_title A:hover {color:#ff5a28;}
div.blog_Mcont_body{/*margin:25px 15px 15px 15px*/padding:0px 10px 15px 10px;}
div.blog_more A{color:#53472e;}
div.blog_more A:link {color:#53472e;}
div.blog_more A:visited {color:#53472e;}
div.blog_more A:hover {color:#798734;}
div.blog_Mcont_author{text-align: right;padding-right:10px;font-size:85%;width:96%;padding-top:0px;margin-top:0px;}
div.blog_Mcont_author A{color:#3A3A3A;}
div.blog_Mcont_author A:link {color:#3A3A3A;}
div.blog_Mcont_author A:visited {color:#3A3A3A;}
div.blog_Mcont_author A:hover {color:#ff7328;}
div.blog_Mcont_box{
	border:1px solid #B8CDEC;
	padding-bottom:20px;
	width:640px;
	margin:15px auto 15px auto
}
div.blog_Mcont_author, div.blog_Mcont_body,  div.blog_Mcont_box div.back-to-top{background: url(../images/2col_template04/Mcont_box_body.gif) repeat-y left top;}
div.back-to-top{padding-right:10px;width:96%}

/* 行事曆 */
div.blog_calendar{width: 90%;color: #333333;margin:0px auto;}
table.calendar_top{width: 98%; margin:0px;}
table.calendar{text-align: center;	font-family: Verdana, Arial, Helvetica, sans-serif;}
table.calendar th{	font-family: Verdana, Arial, Helvetica, sans-serif;	border-top: 1px dashed #9d9d9d;	border-bottom: 1px dashed #9d9d9d;}
table.calendar {color:#666666;}
table.calendar A {color:#3A3A3A;}
table.calendar A:link {color:#3A3A3A;}
table.calendar A:visited {color:#3A3A3A;}
table.calendar A:hover {color:#ff7328;}
table.calendar .today{color: #ff7328;}
table.calendar .today A {color: #ff7328;}
table.calendar .today A:link {color: #ff7328;}
table.calendar .today A:visited {color: #ff7328;}
table.calendar .today A:hover {color: #ff5a28;}

/*回應*/
div.msg_Box{ WIDTH: 100%;}
div.blog_Mcont_box div.msg_Box_div{width:100%;background: url(../images/2col_template04/Mcont_box_body.gif) repeat-y left top;margin: 0px auto;padding:10px 0px;}
div.msg_Box_div{width:99%;margin: 10px auto;}
div.msg_Box_div table{width:100%;margin: 0px auto;}
table.msg_list td{padding:8px 3px;vertical-align: top;}
table.msg_list th{padding:3px;text-align: left;color: #fff;background-color: #666;vertical-align: top;}
table.msg_list td{border-bottom:1px solid #ccc;}
div.admin_id, div.msg_time{margin:0px 0px 5px 0px;}
div.msg_time{font-size:85%;}
div.msg_time{float:right}
div.admin_id a{TEXT-DECORATION: none;color: #336699;}
div.admin_id A:visited {TEXT-DECORATION: none;color: #336699;}
div.admin_id A:hover {TEXT-DECORATION: none;color: #cc0000;}
div.msg_answer{margin: 5px auto;width:100%;}
table.msg_reply{
	border: 1px solid #ccc;
	color:#FF3300;
	background-color: #F0F5FB;
}
table.msg_reply td{border: 0px;}
div.msg_Box_div table.msg_page,  div.blog_Mcont_box2  table.msg_page{width:auto;text-align: center;margin:10px auto}
div.msg_Box_div table.reply {width:100%;text-align: center;margin:10px auto ;background: #eee;border:1px solid #ccc;padding:10px 0px 15px 0px}
div.list_bar{
	background-color: #DCE7F5;
	padding:8px 17px;
	width:auto;
}
div.list_bar2{padding:8px 0px ;width:auto;margin:0px}

/*頁數連結*/
.msg_page DIV A SPAN {DISPLAY: none}
div.bot_back_home A{DISPLAY: block; BACKGROUND: url(../images/2col_template04/bot_back_home.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}
div.bot_back A{DISPLAY: block; BACKGROUND: url(../images/2col_template04/bot_back.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}
div.bot_next A{DISPLAY: block; BACKGROUND: url(../images/2col_template04/bot_next.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}
div.bot_next_end A{DISPLAY: block; BACKGROUND: url(../images/2col_template04/bot_next_end.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}

/*首頁相簿框&部落格聯播*/
div.blog_album_box, div.blog_jointlist_box{
	background-color: #E1EAFF;
	width:640px;
	margin:10px auto;
}
div.blog_album_mhd, div.blog_jointlist_mhd{
	height:30px;
	font-size:125%;
	font-weight: bold;
	padding-left:30px;
	padding-top:5px;
*padding-top:8px;	background-image: url(../images/2col_template04/blog_album_mhd.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom:1px solid #cccccc
}
div.alb_Box {DISPLAY: inline;FLOAT: left; MARGIN: 10px 10px 10px 13px; WIDTH: 130px;padding:3px;height:auto;}
div.alb_Box div.alb_image { display: table-cell;OVERFLOW: hidden;WIDTH: 130px;HEIGHT: 135px;text-align: center;	vertical-align: middle;*display: block;*font-size: 122px;*font-family:Arial;}
div.alb_image img { border:4px solid #fff;vertical-align:middle;}
div.alb_Title {	text-align: center;clear: both;TEXT-DECORATION: none;	width:auto;	margin:5px auto;background:none;}
div.alb_Title A {TEXT-DECORATION: none;color: #336699;}
div.alb_Title A:visited {TEXT-DECORATION: none}
div.alb_Title A:hover {TEXT-DECORATION: underline}
div.alb_Cont {font-size:90%;TEXT-DECORATION: none;width:100%;margin:10px auto;text-align: center;}
div.alb_Num{font-size:90%;TEXT-DECORATION: none;width:100%;margin:10px auto 3px auto}
span.alb_Num{COLOR: #cc0000;}
div.joint_Box {DISPLAY: inline; BACKGROUND: #f3f3f3; FLOAT: left; MARGIN: 10px 10px 10px 12px; WIDTH: 285px;padding:5px;height:auto;border:1px solid #fff}
div.joint_Title {clear: both;TEXT-DECORATION: none;	width:auto;	margin:5px auto;background:none;}
div.joint_Title A {TEXT-DECORATION: none;color: #336699;font-size:115%}
div.joint_Title A:visited {TEXT-DECORATION: none;color: #336699;font-size:115%;}
div.joint_Title A:hover {TEXT-DECORATION: underline;color: #336699;font-size:115%;}
div.joint_Box div.admin_id{float:right;	text-align: right;padding-left:20px;	font-size:100%;	background: url(../images/user.gif) no-repeat left 5px;*background: url(../images/user.gif) no-repeat left 3px;}


/* 引用 */
div.msg_Box_div div.blog_Mcont_quote{margin:10px 5px 10px 5px;border:1px solid #c5d069;padding:10px 20px;color:#53472e;}

/* 延伸閱讀 */
div.msg_Box_div div.blog_Mcont_other{margin:10px 5px 10px 5px;border:1px solid #c5d069;padding:10px 20px;color:#53472e;}
div.msg_Box_div div.blog_other_title{font-size:15px;color: #ffa800;margin-bottom:10px;}

div.contentDiv{width:610px;overflow-x:auto;}
div.webeditDiv{width:600px;overflow-x:auto;}
div.feedBackDiv{width:610px;overflow-x:auto;}