@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: #3b003e;
	background-image: url(../images/albvlog_template01/albvlog_template01_bg.gif);
	background-repeat:no-repeat;
	background-position:20px top;
}
div.blog_div{
	width:980px;
	margin:0px auto;
	clear: both;
	overflow: visible;
}
div.blog_main_div{clear: both;height:100%;margin:0px}
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%;
}
div.blog_albumR_div{width:780px;float:right;height:100%; /*background-color:#FFFFFF;*/}
div.blog_logo{width:143px;margin: 0px auto 10px auto;}
div.blog_logo A{
	text-align: center;
	width:143px;
	height: 80px;
	DISPLAY: block;
	OVERFLOW: hidden;
	border:0px;
	background-image: url(../images/albvlog_template01/alb_logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div.blog_logo A SPAN {DISPLAY: none}
div.bloghdr{padding: 0px;width:160px;margin:15px auto 10px auto;}
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:#fff;margin:15px auto;font-size:125%;text-align: center;display: block;}
UL.blognav {width:160px;margin:5px auto;overflow: hidden;clear: both;}
UL.blognav LI {float:left;margin:8px auto;font-size:100%;width:160px;border-bottom:1px solid #fff}
UL.blognav A {text-decoration: none;COLOR: #ffffff;}
UL.blognav A:link {	text-align: left;text-decoration: none;COLOR: #ffffff;}
UL.blognav A:visited {text-align: left;text-decoration: none;COLOR: #ffffff;}
UL.blognav A:hover {
	text-align: left;
	text-decoration: none;
	COLOR: #FDCAFF;
}
div.blogadmin_bar{float:right;margin:10px;font-size:85%;overflow: hidden;clear: both; color:#FFFFFF;}
div.blogadmin_bar a{color:#FFFFFF;}
div.blogadmin_bar A:link {COLOR: #ffffff;}
div.blogadmin_bar A:visited {COLOR: #ffffff;}
div.blogadmin_bar A:hover {COLOR: #FDCAFF;}

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{background-color:#cecece;	border-top:1px solid #dbdbdb;color: #666666;font-size: 85%;background-position: left bottom;width:780px; float:right;}
div.blog_foot .blog_copyright{	text-align: right;float:right; margin:13px 22px 5px 5px; *margin:15px 10px 5px 5px;line-height: 200%;}
div.hakka_logo{height: 45px;width: 62px;margin : 15px 5px 8px 65px;}
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}


/*相簿輯列表*/
div.blog_box{width:98%;margin:10px auto 0px auto;height:auto;clear: both; background-color:#FFFFFF; padding:20px 0px 20px 16px;}
div.alb_Box {
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 20px 18px 10px 18px;
	WIDTH: 140px;
	border:1px solid #ccc;
	padding:3px;
	height:200px;
	background-color: #F7E1F4;
}
div.alb_Box div.alb_image {
	display: table-cell;
	OVERFLOW: hidden;
	WIDTH: 140px;
	HEIGHT: 135px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;



*display: block;*font-size: 122px;*font-family:Arial;}
div.alb_image img { border:4px solid #fff;vertical-align:middle;}
div.alb_Title {	font-size:115%;	TEXT-DECORATION: none;	width:auto;	margin:10px auto;background:url(../images/albvlog_template01/alb_dot.gif) no-repeat 1px 2px;padding-left:20px;}
div.alb_Title A {TEXT-DECORATION: none;color: #3B003E;}
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.alb_Box2 {DISPLAY: inline;FLOAT: left; MARGIN: 20px 18px 10px 18px; WIDTH: 140px;padding:3px;height:200px;}
div.alb_Box2 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_Box2 div.alb_image img { border:4px solid #fff;vertical-align:middle;}
div.alb_Box2 div.alb_Cont {font-size:90%;TEXT-DECORATION: none;width:100%;margin:10px auto;text-align: center;}

/*相簿瀏覽*/
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: 700px;HEIGHT: 690px;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:100%;margin:10px auto;text-align: left;height:auto}
div.alb_Box3_view {	background-color: #fff;	DISPLAY: inline-block;border:1px solid #ccc; margin:0px; width:97%; clear:both; overflow:hidden;}
div.alb_Box3 {DISPLAY: inline;FLOAT: left; MARGIN: 0px 10px 20px 14px; 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;;border-bottom:2px solid #ccc}
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.vedio_Box {
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 20px 10px 10px 10px;
	WIDTH: 340px;
	border:1px solid #ccc;
	padding:3px;
	background-color: #F7E1F4;
}
div.vedio_div{	float:right;width:190px;}
div.vedio_Box div.vedio_image {
	display: table-cell;
	OVERFLOW: hidden;
	WIDTH: 140px;
	HEIGHT: 135px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;

*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:auto;margin:5px auto 10px auto;background:url(../images/albvlog_template01/alb_dot.gif) no-repeat 1px 2px;padding-left:20px;border-bottom:2px solid #fff}
div.vedio_Title A {TEXT-DECORATION: none;color: #3B003E;}
div.vedio_Title A:visited {TEXT-DECORATION: none}
div.vedio_Title A:hover {TEXT-DECORATION: underline}
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;}
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.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: #F7E1F4;color:#3B003E}
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_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/albvlog_template01/bot_back.gif) no-repeat; OVERFLOW: hidden; WIDTH: 15px; HEIGHT: 15px;margin:0px auto}
div.bot_next A{DISPLAY: block; BACKGROUND: url(../images/albvlog_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/albvlog_template01/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; font-size:110%; font-weight:bolder;}
div.blog_box_cont{padding:5px 0px;text-align: left}
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:#F7E1F4;font-size:105%;}
LI.blog_name A:link {
	color:#F7E1F4;
}
LI.blog_name A:visited {
	color:#F7E1F4;
}
LI.blog_name A:hover {
	color: #FF6699;
}