@charset "utf-8";
/* CSS Document */
body {background-color: #e5dec9;background-image: url(../images/2col_template02/bg.gif);}
td{line-height: 165%;}
div.blog_div{width:960px;background-image: url(../images/2col_template02/blog_main_bg.jpg);	background-repeat: no-repeat;}
div.blog_topbar{overflow: hidden;	clear: both;height:100%;}
div.bloghdr{height:130px;width:900px;margin:0px auto;}
div.bloghdr A {COLOR: #ffffff;FONT-WEIGHT: bold; }
div.bloghdr H1 {font-size:155%;margin:20px 0px 0px 60px;COLOR: #ffffff;}
div.bloghdr H1 A {DISPLAY: block;text-decoration: none;COLOR: #ffffff;}
div.bloghdr H1 A:link {	text-align: center;text-decoration: none;COLOR: #ffffff;}
div.bloghdr H1 A:visited {text-align: center;text-decoration: none;COLOR: #ffffff;}
div.bloghdr H1 A:hover {text-align: center;	text-decoration: underline;	COLOR: #e6e5e5;}
div.bloghdr H2 {font-size:100%;	COLOR: #333333;margin:50px 0px 0px 62px;COLOR: #ffffff;max-width:800px;}
/*UL.blognav {width:890px;height:36px;padding-left:10px;margin:145px 0px 0px 0px;}*/
UL.blognav {height:25px;padding-left:10px;margin:100px 0px 0px 500px;}
UL.blognav LI {float:left;margin:8px 2px;font-size:120%;}
UL.blognav A {text-decoration: none;COLOR: #ffffff;}
UL.blognav A:link {	text-align: center;text-decoration: none;COLOR: #ffffff;}
UL.blognav A:visited {text-align: center;text-decoration: none;COLOR: #ffffff;}
UL.blognav A:hover {text-align: center;	text-decoration: none;	COLOR: #43740d;}
#blog-album, #blog-mov, #blog-guestbook, #blog-blog, #blog-profile{
background-repeat: no-repeat;background-position: right top;padding:0px 10px 0px 10px;}
div.blogcol-R{margin-top:20px; width:240px;}
div.blogcol-L{ margin:20px 10px 0px 0px; width:230px;}

div.blogcol-M{margin-top:20px; width:640px; overflow:hidden;}
div.blog_main{margin-top:30px; background-color: #fff; background-image: url(../images/2col_template02/blog_main_bg.gif); background-repeat:no-repeat; width:900px; margin:0px auto; padding-top:20px; }


div.blog_box{width:100%;margin:0px auto 15px auto;}
div.adminbtn{width:900px;margin:10px auto 0px auto;}
div.bloglogin_bar{margin:10px 35px 5px 0px;}

/* 版權 */
div.blog_foot{background: url(../images/2col_template02/blog_bottom_bg.gif) no-repeat;border-top:none;color: #ffffff;height:85px; overflow:hidden;}
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%;}

/* 大頭貼 */
UL.blog_profile LI.blog_img{margin:5px 0px 0px 20px; padding:4px; border: #bdbdbd 1px dashed; }
LI.blog_name A {color:#f79700;font-size:105%;}
LI.blog_name A:link {color:#f79700;}
LI.blog_name A:visited {color:#f79700;}
LI.blog_name A:hover {color:#514a40; text-decoration:underline;}

/* 誰來我家 */
div.blog_visitor UL A IMG{BORDER: #a69d8f 1px solid; padding:2px;}
div.blog_visitor UL A:hover IMG {BORDER: #a69d8f 1px solid;}

/* 窄欄列表 */
div.blog_box{width:235px;margin:0px auto 25px auto;/*background: url(../images/2col_template02/blog_box_bg.gif) repeat-y left top;*/}
div.blog_box_mhd{background: url(../images/2col_template02/box_mhd.gif) no-repeat left top;height:30px;text-align: left;padding-top:10px;*padding-top:12px;padding-left:38px;font-weight: bold;color: #ffffff;font-size:125%;letter-spacing: 1px;}

div.blog_box_cont{/*background: url(../images/2col_template02/blog_box.gif) no-repeat left bottom;*/padding:0px 10px 5px 15px;}
div.blog_box_cont UL.blog_list li {list-style-type: none; margin:0px 0px 0px 18px; list-style-image: url(../images/2col_template02/ul_icon.gif);}
div.blog_box_cont UL.blog_list A {color:#6f726e;/*padding-left:15px;*/}
div.blog_box_cont UL.blog_list A:link {color:#666666;}
div.blog_box_cont UL.blog_list A:visited {color:#666666;}
div.blog_box_cont UL.blog_list A:hover {color:#333333;}
div.blog_box_mhd A{color:#ffd300;}
div.blog_box_mhd A:link{color:#ffd300;}
div.blog_box_mhd A:visited{color:#ffd300;}
div.blog_box_mhd A:hover{color:#ffffff;}
div.blog_list_more{text-align: right;font-size:85%; margin-right:5px;}
div.blog_box_cont UL.blog_list li A.admin_id{background:none;padding-left:0px;}
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_Mcont_mhd{border-bottom:1px dashed #cdcbcb; width:97%; margin:auto;/*	background-image: url(../images/2col_template02/blog_Mcont_box.gif);background-repeat: repeat-y;	background-position: left top;*/}
div.blog_Mcont_publish {font-size:80%;float:left;margin:12px 10px 0px 70px;	color:#d8d3f0;	position: absolute;}/*發布時間*/
.month {}
.date {}
.day {}
.year {}
.time {}
div.blog_Mcont_title{font-size:125%;color:#686386;font-weight: bold; text-align:right;background-image: url(../images/2col_template02/post_title.gif);	background-repeat: no-repeat;background-position: left top;padding:40px 20px 0px 0px;height:30px;width:auto;} 
div.blog_Mcont_title A {color:#686386;}
div.blog_Mcont_title A:link {color:#686386;}
div.blog_Mcont_title A:visited {color:#686386;}
div.blog_Mcont_title A:hover {color:#413b62;}
div.blog_Mcont_body{width:94%;margin:20px auto 10px auto}
div.blog_Mcont_body table td{padding:5px;}
div.blog_more A{color:#7e71c6;}
div.blog_more A:link {color:#7e71c6;}
div.blog_more A:visited {color:#7e71c6;}
div.blog_more A:hover {color:#d25a82;}
div.blog_Mcont_author{text-align: right;padding-right:1px;font-size:85%;width:94%;margin:0px auto}
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:#d25a82;}
div.blog_Mcont_box{/*background: url(../images/2col_template02/Mcont_box_bottom.gif) no-repeat left bottom;*/padding-bottom:20px;width:100%;margin:0px 0px 20px 0px;padding-left:0px;}
div.back-to-top{width:95%;margin:0px auto}

/* 其他區塊呈現 */
div.blog_Mcont_box2{width:630px;background-image: none;}
div.blog_Mcont_box2 div.blog_Mcont_body{width:96%;margin:20px auto 10px auto}
div.blog_Mcont_box2 div.blog_Mcont_mhd{background-image: none;}
div.blog_Mcont_box2 div.blog_Mcont_title{font-size:125%;color:#fff; text-align:left;font-weight: bold;margin:10px auto;padding:5px;background-color: #cad0c9;background-image: none;height:auto;} 
table.blog_Mcont_table{margin:15px auto;width:98%;border:1px solid #ccc;border-bottom:0px;border-right:0px}
table.blog_Mcont_table th, table.blog_Mcont_table td{padding:8px 5px;text-align: left;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
table.blog_Mcont_table th{background-color: #eee;}

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


/*回應*/
div.msg_Box{ WIDTH: 100%;}
div.msg_Box_div{width:95%;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: #f75700;}
div.admin_id A:visited {TEXT-DECORATION: none;color: #f75700;}
div.admin_id A:hover {TEXT-DECORATION:underline;color: #f75700;}
div.msg_answer{margin: 5px auto;width:100%;}
table.msg_reply{border: 1px dashed #ccc;background: #e1e0ec;color:#514e6b}
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{border:1px dashed #ccc;padding:8px 17px ;width:auto;}
div.list_bar2{padding:8px 0px 8px 17px ;width:auto;margin:0px}

/*頁數連結*/
.msg_page DIV A SPAN {DISPLAY: none}
div.bot_back_home A{DISPLAY: block; BACKGROUND: url(../images/2col_template02/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_template02/bot_back.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}
div.bot_next A{DISPLAY: block; BACKGROUND: url(../images/2col_template02/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_template02/bot_next_end.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;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:#4e94c0;}
table.calendar A:link {color:#4e94c0;}
table.calendar A:visited {color:#4e94c0;}
table.calendar A:hover {color:#df6e00;}
table.calendar .today{color: #cc0000;}
table.calendar .today A {color: #cc0000;}
table.calendar .today A:link {color: #cc0000;}
table.calendar .today A:visited {color: #cc0000;}
table.calendar .today A:hover {color: #df6e00;}

/*首頁相簿框&部落格聯播*/
div.blog_album_box{background-color: #bdbca8;width:100%; margin:30px 10px;}
div.blog_album_mhd{height:30px;font-size:125%; color:#ffffff;font-weight: bold;padding:8px 0px 0px 50px; background-image: url(../images/2col_template02/blog_album_mhd.gif);background-repeat: no-repeat;background-position: left 2px;border-bottom:1px dashed #fefefe;}

div.blog_jointlist_box{background-color: #bdbca8;width:100%; margin:30px 10px;}
div.blog_jointlist_mhd{height:30px;font-size:125%; color:#ffffff;font-weight: bold;padding:8px 0px 0px 50px; background-image: url(../images/2col_template02/blog_jointlist_mhd.gif);background-repeat: no-repeat;background-position: left 2px;border-bottom:1px dashed #fefefe;}


div.alb_Box {DISPLAY: inline; BACKGROUND: #f3f3f3; FLOAT: left; MARGIN: 10px 5px 10px 8px; WIDTH: 140px;padding:3px;height:auto;}
div.alb_Box div.alb_image { display: table-cell;OVERFLOW: hidden;WIDTH: 140px;HEIGHT: 135px;text-align: center;	vertical-align: middle;background-color: #ddd;*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:10px auto;}
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: #bdbca8; FLOAT: left; MARGIN: 10px 8px 10px 9px; WIDTH: 290px;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: #f75700;font-size:115%}
div.joint_Title A:visited {TEXT-DECORATION: none;color: #f75700;font-size:115%;}
div.joint_Title A:hover {TEXT-DECORATION: underline;color: #f75700;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.contentDiv{width:580px;overflow-x:auto;}
div.webeditDiv{width:600px;overflow-x:auto;}
div.feedBackDiv{width:580px;overflow-x:auto;}