@charset "utf-8";
/* CSS Document */
html {height:100%;}
body {margin:0px;font-size:80%;	line-height: 165%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;
	height:100%;background-color: #d6b886;background-image: url(../images/albvlog_template02/bg.gif);}
div.blog_div{width:980px;margin:0px auto;clear: both;overflow: visible;}
div.blog_main_div{clear: both;height:100%;margin:0px; overflow:hidden; background-image:url(../images/albvlog_template02/blog_main_repeatbg.gif); background-repeat:repeat-y;background-position: left top;}
DL, DT, DD, UL, OL, H1, H2, TH, TD, PRE, FORM, INPUT, TEXTAREA, BLOCKQUOTE, FIELDSET{padding: 0px;line-height: normal;}
OL, UL {LIST-STYLE-TYPE: none;}
div.blog_albumL_div{width:200px;float:left;/*background:#312c26;*/height:100%;background-image: url(../images/albvlog_template02/blog_albumL_div.gif);background-repeat: no-repeat;	background-position: right top;}
div.blog_albumR_div{width:780px;float:right;height:100%;background-image: url(../images/albvlog_template02/blog_albumR_div.gif);background-repeat: no-repeat;	background-position: left top;}
div.blog_logo{width:177px;margin: 10px auto;padding-top:20px}
div.blog_logo A{text-align: center;	width:177px;background: url(../images/albvlog_template02/logo.gif) no-repeat left top;height: 33px;DISPLAY: block;OVERFLOW: hidden;border:0px;}
div.blog_logo A SPAN {DISPLAY: none}
div.bloghdr{padding: 0px;margin:15px auto 10px 30px;}
div.bloghdr A {}
div.bloghdr H1 {line-height: normal;}
div.bloghdr H1 A {DISPLAY: block;text-decoration: none;}
div.bloghdr H2 {font-weight: normal;color:#2c0404;font-size:125%;text-align: center;display: block;	width:165px;
	margin:1px 0px 0px 0px;/**background-image: url(../images/albvlog_template02/bloghdr_bg.gif);background-repeat: no-repeat;
	background-position: center top;*/padding-top:15px;}
UL.blognav {width:150px;margin:5px 0px 5px 10px;overflow: hidden;clear: both;}
UL.blognav LI {float:left;margin:8px auto;font-size:120%;width:150px;}
UL.blognav A {text-decoration: none;COLOR: #70895b;padding-left:15px;}
UL.blognav A:link {	text-align: left;text-decoration: none;COLOR: #70895b;}
UL.blognav A:visited {text-align: left;text-decoration: none;COLOR: #70895b;}
UL.blognav A:hover {text-align: left;	text-decoration:underline;	COLOR: #4c6636;}
#blog-album, #blog-mov, #blog-work, #blog-guestbook, #blog-blog, #blog-profile{
	margin:5px 0px 0px 0px;float:left;background-image: url(../images/albvlog_template02/b_btns.gif);background-position: left 14px;
	background-repeat: no-repeat;padding:8px 0px 5px 0px;border-bottom: 1px dashed #b8b8b8;}
div.blogadmin_bar{float:right;margin:25px 50px 10px 10px;font-size:85%;overflow: hidden;clear: both;}
div.adminblog_footer{font-size: 83%;overflow: hidden;padding:15px 30px 0px 10px;height:40px;line-height: 185%;background:#fff;}
div.spacer {clear: both;margin: 0px;padding: 0px;}
P ,SPAN ,div{WORD-BREAK: break-all;}

/* 版權 */
div.blog_foot{color: #666666;font-size: 85%;padding:5px;height: auto;width:770px;float:right; clear:both; margin:10px auto;}
div.blog_foot .blog_copyright{	text-align: right;float:right; margin:10px 45px 0px 0px; *margin:10px 30px 0px 0px;line-height: 155%;}
div.hakka_logo{height: 40px;width: 65px;margin : 8px 5px 5px 30px;}
div.hakka_logo A{background: url(../images/hakka_logo.gif) no-repeat left top;height: 40px;DISPLAY: block;OVERFLOW: hidden;border:0px;}
div.hakka_logo A SPAN {DISPLAY: none}


/*相簿輯列表*/
div.alb_Box {
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 20px 0px 10px 10px;
	WIDTH: 160px;
	border:0px;
	padding:3px;
	height:200px;
	background-image: url(../images/albvlog_template02/alb_image_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:16px;
}
div.alb_Box div.alb_image { display: table-cell;OVERFLOW: hidden;WIDTH: 160px;HEIGHT: 135px;text-align: center;	vertical-align: middle;*display: block;*font-size: 122px;*font-family:Arial;}
div.alb_image img { vertical-align:middle;}
div.alb_Title {
	font-size:115%;
	TEXT-DECORATION: none;
	width:auto;
	margin:15px auto 0px auto;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}
div.alb_Title A {TEXT-DECORATION: none;	color: #033896;	}
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:0px auto 0px auto;text-align: center;}
span.alb_Num{COLOR: #cc0000;}

/*相簿列表*/
div.alb_Box2 {DISPLAY: inline;FLOAT: left; MARGIN: 20px 0px 5px 10px; WIDTH: 140px;padding:3px;height:220px;	
background-image: url(../images/albvlog_template02/alb_image_bg.gif);background-repeat: no-repeat;	background-position: left top;padding-top:16px;}
div.alb_Box2 div.alb_image { display: table-cell;OVERFLOW: hidden;WIDTH: 140px;HEIGHT: 135px;text-align: center;vertical-align: middle;*display: block;*font-size: 122px;*font-family:Arial;}
div.alb_Box2 div.alb_image img {vertical-align:middle;}
div.alb_Box2 div.alb_Cont {font-size:90%;TEXT-DECORATION: none;width:100%;margin:20px auto 10px auto;text-align: center;}
div.alb_Box2 div.alb_Cont A {TEXT-DECORATION: none;color: #35302a;	}
div.alb_Box2 div.alb_Cont A:visited {TEXT-DECORATION: none;color: #35302a;	}
div.alb_Box2 div.alb_Cont A:hover {TEXT-DECORATION: none;color: #241e18;	}

/*相簿瀏覽*/
div.alb_Box_view {DISPLAY: inline;FLOAT: left; MARGIN: 20px 18px 10px 18px; WIDTH: 700px;padding:3px;}
div.alb_Box_view div.alb_image { display: table-cell;OVERFLOW: hidden;WIDTH:680px;HEIGHT: 680px;text-align: center;vertical-align: middle;background-color: #ddd;*display: block;*font-size: 616px;*font-family:Arial;}
div.alb_Box_view div.alb_image img { border:4px solid #fff;vertical-align:middle;}
div.alb_Box_view div.alb_Cont {font-size:90%;width:95%;margin:10px auto;text-align: left;height:auto}
div.alb_Box3_view {	background-color: #fff;	DISPLAY: inline-block;border:1px solid #ccc;margin-left:15px; width:96%;}
*html div.alb_Box3_view {	background-color: #fff;	DISPLAY: inline-block;border:1px solid #ccc;margin:0px auto;width:98%;}
div.alb_Box3 {DISPLAY: inline;FLOAT: left; MARGIN: 0px 5px 20px 5px; WIDTH: 140px;padding:3px;}
*html div.alb_Box3 {DISPLAY: inline;FLOAT: left; MARGIN: 20px 5px 20px 9px; WIDTH: 140px;padding:3px;}
div.alb_Box3 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_Box3 div.alb_image img { border:4px solid #fff;vertical-align:middle;}
div.alb_Box3 div.alb_Cont {font-size:90%;width:100%;margin:10px auto;text-align: left;height:auto}
div.alb_Box_view div.alb_Title {font-size:115%;	TEXT-DECORATION: none;	width:auto;	margin:10px auto;text-align: center;	background-image: none;color: #336699;}
div.arrL {float:left;height: auto;width: auto;margin:20px 2px 20px 8px}
div.arrR {float:right;height: auto;width: auto;margin:20px 8px 20px 2px}

/*影音輯列表*/
div.blog_box{
	width:95%;
	margin:10px 0px 40px 10px;
	height:auto;
	clear: both;
}
div.vedio_Box {DISPLAY: inline;  FLOAT: left; MARGIN: 20px 6px 10px 0px; WIDTH: 350px;border:0px;padding:3px 3px 30px 10px;background-image: url(../images/albvlog_template02/vedio_image_bg.gif);background-repeat: no-repeat;	background-position: left top;}
div.vedio_div{	float:right;width:190px;margin-right:20px;}
*html div.vedio_div{	float:right;width:180px;margin-right:10px;}
*+html div.vedio_div{	float:right;width:180px;margin-right:10px;}
div.vedio_Box div.vedio_image {display: table-cell;OVERFLOW: hidden;WIDTH: 140px;HEIGHT: 135px;	text-align: center;
vertical-align: middle;*display: block;*font-size: 122px;*font-family:Arial;padding:0px;}
div.vedio_image img { border:4px solid #fff;vertical-align:middle;}
div.vedio_Title {font-size:115%;TEXT-DECORATION: none;width:90%;margin:5px auto 10px auto;background-image: url(../images/albvlog_template02/line.gif);background-repeat: no-repeat;background-position: bottom;padding:15px 0px 10px 0px;text-align: center;}
div.vedio_Title A {TEXT-DECORATION: none;color: #336699;text-align: left;}
div.vedio_Title A:visited {TEXT-DECORATION: none;text-align: left;}
div.vedio_Title A:hover {TEXT-DECORATION: underline;text-align: left;}
div.vedio_Cont {font-size:90%;TEXT-DECORATION: none;width:100%;text-align:left;float:right;}
div.vedio_Num{font-size:90%;TEXT-DECORATION: none;width:100%;margin:10px auto 3px auto;float:right;}
span.vedio_Num{COLOR: #cc0000;}

/*影音瀏覽*/
div.vedio_Box_view {DISPLAY: inline;FLOAT: left; MARGIN: 20px 18px 10px 18px; WIDTH: 700px;padding:3px 3px 3px 3px;}
div.vedio_Box_view div.vedio_image { display: table-cell;OVERFLOW: hidden;WIDTH: 700px;HEIGHT: 540px;text-align: center;vertical-align: middle;background-color: #ddd;*display: block;*font-size: 483px;*font-family:Arial;}
div.vedio_Box_view div.vedio_image img { border:4px solid #fff;vertical-align:middle;}
div.vedio_Box_view div.vedio_Cont {font-size:90%;width:100%;margin:10px auto;text-align: left;height:auto}
div.alb_Box_view div.alb_Title {font-size:115%;	TEXT-DECORATION: none;width:auto;margin:5px 0px 10px 0px;background-image: url(../images/albvlog_template02/line.gif);background-repeat: repeat-x;background-position: bottom;padding:15px 0px 10px 20px;}
div.vedio_Cont table{border-top:1px solid #ccc;width:100%;margin:10px auto;}
div.vedio_Cont table td{border-bottom:1px solid #ccc;padding:8px 5px;}

/*回應*/
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;}
table.msg_list th{padding:3px;text-align: left;color: #fff;background-color: #666;}
table.msg_list td{border-bottom:1px solid #ccc;}
div.admin_id, div.msg_time{margin:0px 0px 5px 0px;}
div.admin_id a{TEXT-DECORATION: none;color: #336699;}
div.admin_id A:visited {TEXT-DECORATION: none}
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;background: #fff6c3;color:#ff5400}
table.msg_reply td{border: 0px;}
div.msg_Box_div 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}

/*連結*/
a{color: #666;	text-decoration: none;}
a:link {color: #666;text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {color: #cc0000;text-decoration: none;}
a.blog_page_on {color: #cc0000;text-decoration: none;font-weight: bold;}

/*頁數連結*/

.pagebtn DIV A SPAN {DISPLAY: none;}
div.bot_back_home A{DISPLAY: block; BACKGROUND: url(../images/albvlog_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/albvlog_template02/bot_back.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}
div.bot_next A{DISPLAY: block; BACKGROUND: url(../images/albvlog_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/albvlog_template02/bot_next_end.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}

/* font CSS Document*/
.textstyle_01 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #cc0000;}

/* 大頭貼 */
blog_profile UL{text-align: center;}
UL.blog_profile LI.blog_img{width:135px;margin:0px auto;}
UL.blog_profile LI.blog_name{text-align: center;margin:5px auto 0px auto;}
div.blog_box_cont{padding:5px 0px;text-align: left;width:165px;margin:5px 0px 0px 0px;}
div.blog_box_cont img{text-align: center;}
div.blog_box_cont UL {padding:0px;	margin:0px;	LIST-STYLE-TYPE: none;text-align: left;	line-height: 175%;}
LI.blog_name A {color:#d43c3c;font-size:105%;}
LI.blog_name A:link {color:#d43c3c;}
LI.blog_name A:visited {color:#d43c3c;}
LI.blog_name A:hover {color:#d25a82;}