@charset "utf-8";
/* CSS Document */
body { background-color: #3b003e; FONT-FAMILY: lucida grande,lucida sans unicode;}
td{line-height: 165%;}
div.blog_div{width:950px;background:#ffffff; }
div.blog_topbar{overflow: hidden;clear: both;height:100%;}
div.bloghdr{background: url(../images/2col_template01/blog_main_bg01.jpg); background-position:center center; background-repeat: no-repeat; height:200px; }
div.bloghdr A {COLOR: #fff;FONT-WEIGHT: bold; }
div.bloghdr H1 {font-size:155%;margin:30px 0px 0px 20px;COLOR: #fff;}
div.bloghdr H1 A {DISPLAY: block;text-decoration: none;COLOR: #fff;}
div.bloghdr H1 A:link {	text-align: center;text-decoration: none;COLOR: #fff;}
div.bloghdr H1 A:visited {text-align: center;text-decoration: none;COLOR: #fff;}
div.bloghdr H1 A:hover {text-align: center;	text-decoration: none;	COLOR: #FFB6DA;}
div.bloghdr H2 {font-size:100%;margin:60px 0px 0px 22px;COLOR: #FFB6DA;max-width:900px;}


UL.blognav {height:36px;margin:150px 0px 0px 22px;position: absolute;background: url(../images/2col_template01/blognav_bg.gif);background-position:left top; background-repeat:no-repeat;clear: both; width:380px;}
UL.blognav LI {float:left;margin:4px 9px 0px 5px;*margin:6px 9px 8px 5px;font-size:100%;}
UL.blognav A {text-decoration: none;COLOR: #222;}
UL.blognav A:link {	text-align: center;text-decoration: none;COLOR: #222;}
UL.blognav A:visited {text-align: center;text-decoration: none;COLOR: #222;}
UL.blognav A:hover {text-align: center;	text-decoration: none;	COLOR: #DD3557;}
#blog-album, #blog-mov, #blog-guestbook, #blog-blog, #blog-profile{	background-image: url(../images/2col_template01/menu_icon.gif);
	background-repeat: no-repeat;background-position:left top;padding:5px 0px 5px 25px;}
div.blogcol-R{margin-top:20px;width:240px;}
div.blogcol-M{margin-top:20px;width:710px;}
div.blog_main{/*background: url(../images/2col_template01/blog_main_bg.gif) repeat-y;*/}
div.blogcol-L{margin-top:20px;width:240px;}
div.blog_box{width:200px;margin:0px auto 25px auto;}
div.blog_box_mhd{background: url(../images/2col_template01/box_mhd.gif) no-repeat left bottom;/*height:30px;*/padding-left:45px;padding-top:8px;*padding-top:7px;font-weight: bold;color: #FFFFFF;font-size:125%;letter-spacing: 1px;}

/* 版權 */
div.blog_foot{background-color:#cecece;	border-top:1px solid #dbdbdb;color: #666666;font-size: 80%;background-position: left bottom;width:100%; overflow:hidden;}
div.blog_foot .blog_copyright{	text-align: right;float:right; margin:15px 30px 20px 5px;line-height: 200%;}
div.hakka_logo{height: 45px;width: 62px;margin : 15px 5px 15px 40px; float:left;}
div.hakka_logo A{background: url(../images/hakka_logo.gif) no-repeat left top;height: 45px;DISPLAY: block;OVERFLOW: hidden;border:0px;}
div.hakka_logo A SPAN {DISPLAY: none}

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

/* 窄欄列表 */
div.blog_box_cont UL.blog_list li {list-style-type: none;	margin:0 0 0 18px;list-style-image: url(../images/2col_template01/ul_icon.gif);}
div.blog_box_cont UL.blog_list A {color:#666666;/*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{padding-bottom:5px;margin-bottom:5px;color:#3D3131;}
div.blog_box_mhd A{color:#3D3131;}
div.blog_box_mhd A:link{color:#3D3131;}
div.blog_box_mhd A:visited{color:#3D3131;}
div.blog_box_mhd A:hover{color:#E10C50;}
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;}
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{	/*background: url(../images/2col_template01/post_title.gif) no-repeat left top;*/}
div.blog_Mcont_publish {font-size:80%;float:right;margin:7px 5px 0px 0px;color:#64248A;}/*發布時間*/
.month {}
.date {}
.day {}
.year {}
.time {}
div.blog_Mcont_title{font-size:125%;color:#DD3557;font-weight: bold;margin:0px 10px;padding-top:10px;background: url(../images/2col_template01/post_title.gif) no-repeat left bottom;padding-bottom:25px} 
div.blog_Mcont_title A {color:#DD3557;}
div.blog_Mcont_title A:link {color:#DD3557;}
div.blog_Mcont_title A:visited {color:#DD3557;}
div.blog_Mcont_title A:hover {color:#64248A;}
div.blog_Mcont_body{margin:15px 15px 15px 15px;}
blog_Mcont_body table{width:99%}
div.blog_more A{color:#d25a82;}
div.blog_more A:link {color:#d25a82;}
div.blog_more A:visited {color:#d25a82;}
div.blog_more A:hover {color:#3A3A3A;}
div.blog_Mcont_author{text-align: right;padding-right:1px;font-size:85%;margin:0px 10px;}
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_template01/Mcont_box_bottom.gif) no-repeat left bottom;*/padding-bottom:20px;width:680px;border:1px solid #3b003e;background:#ffffff;filter: Alpha(Opacity=90);/* for IE */
Opacity:0.9;/* for Firefox */margin-bottom:20px;}
div.back-to-top{width:95%;margin:0px 12px 0px auto}

/* 其他區塊呈現 */
div.blog_Mcont_box2{width:680px;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: #FC5E85;background-image: none;} 
table.blog_Mcont_table{margin:15px auto;width:98%;border:1px solid #F5C9D7;border-bottom:0px;border-right:0px;background:#ffffff;filter: Alpha(Opacity=80);/* for IE */
Opacity:0.8;/* for Firefox */}
table.blog_Mcont_table th, table.blog_Mcont_table td{padding:8px 5px;text-align: left;border-bottom:1px solid #F5C9D7;border-right:1px solid #F5C9D7;}
table.blog_Mcont_table th{background-color: #eee;}

/*文章條列*/
div.blog_Mcont_box3{width:680px;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} 
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;}
a.blog_page_on {color: #cc0000;text-decoration: none;font-weight: bold;}


/*回應*/
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: #403431;}
div.admin_id A:visited {TEXT-DECORATION: none;color: #403431;}
div.admin_id A:hover {TEXT-DECORATION: none;color: #336699;}
div.msg_answer{margin: 5px auto;width:100%;}
table.msg_reply{border: 1px solid #ccc;background: #F7E1F4;color:#3B003E}
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: #fff;padding:8px 17px;width:auto; border:dashed 1px #FC5E85;}
div.list_bar2{padding:8px 17px ;width:auto;margin:0px}

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

/*首頁相簿框&部落格聯播*/
div.blog_album_box, div.blog_jointlist_box{background-color: #eeeeee;width:690px;	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_template01/blog_album_mhd.gif);background-repeat: no-repeat;background-position: left 2px;border-bottom:1px solid #cccccc}
div.alb_Box {DISPLAY: inline; BACKGROUND: #f3f3f3; FLOAT: left; MARGIN: 10px 10px 10px 13px; 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: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 13px; WIDTH: 310px;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 0px 10px 0px;border:1px solid #ccc;padding:10px 20px;color:#53472e;}

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

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