/* 前台模組_數位相簿 */
.photoalbum_home {display: block;
	width: auto;
	margin: 0 auto;}



/*數位相簿模組001 開始*/
.photoalbum .background, .photoalbum .title, .photoalbum .base, .photoalbum .base2, .photoalbum .body  { background-image: url(../images/frame_content.gif); DISPLAY: block; position:relative; }
.photoalbum { POSITION: relative; margin: 0 0 0 15px; z-index: 400; width: 94%;}
.photoalbum .title {
	font-weight: bold;
	padding: 30px 20px 25px 0;
	font-size: 1.5em;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 75px;
	margin-right: -15px;
	color: #333399;
}
.photoalbum .background {
	background-repeat: no-repeat;
	background-position: left top;
	background: 0 0 20px 20px;
	margin-right: 15px;
}
.photoalbum .body {
	MARGIN-LEFT: 15px;
	POSITION: relative;
	HEIGHT: 1%;
	background-position: right -85px;
	margin-right: -15px;
	padding-right: 15px;
	background-repeat: no-repeat;
}
.photoalbum .base {
	DISPLAY: block;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: 15px;
	clear: both;
}
.photoalbum .base2 {
	MARGIN-LEFT: 15px;
	HEIGHT: 20px;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: -15px;
	padding-right: 15px;
} 
.photoalbum dd { float:left; position:relative; margin: 0;}
.photoalbum .pictitle { background-image:url(../images/icon/image.gif); padding-left:1.5em; color:#006600; background-repeat:no-repeat; float:right; }
.photoalbum .pictext { float: left; position:relative; width:126px; text-align:center; margin: 2px 0; color:#333333;}
.photoalbum .slider { width:132px; padding: 18px; position:relative; float: left; 
    background-image: url(../images/photofond002.gif); background-repeat:no-repeat; margin:0 1.3em;}
.photoalbum .picsmall  { width:126px; height:126px; margin-bottom:1em; }
.photoalbum .picsmall2  { margin-top:40px; width:auto;}
.photoalbum .pic {width:126px; padding:5px 1px 5px 5px; 
	position:relative;
	float: left;
	background-image: url(../images/picfond.gif);
	background-repeat:no-repeat;
	margin: 0 1em;
}
.photoalbum .pic2 {
	width:126px;
	padding:5px 2px;
	position: relative;
	float: left;
	background-image: url(../images/picfond.gif);
	background-repeat:no-repeat;
	margin: 0 0.2em;
}
.photoalbum .picarrow {	position:relative;}
.photoalbum .pic .picsmall  { width:120px; height:120px; }
.photoalbum .pic img { border: 0px;}
.wraptocenter { display: table-cell;   text-align: center;   vertical-align: middle; }
.wraptocenter  * { vertical-align: middle;}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
.photoalbum img { border: 3px; border-color: #fff; }
.photoalbum .texttitle { width:100%; font-weight:bold; font-size:1.2em; margin:0.8em 0; color:#006633;}
.photoalbum .text {
	text-align:left;
	width:85%;
}
.photoalbumlist .background, .photoalbumlist .title, .photoalbumlist .base, .photoalbumlist .base2, .photoalbumlist .body  { background-image: url(../images/pageframe001.gif);  position:relative;  }
.photolist {
	DISPLAY: block;
	POSITION: relative;
	margin: 3px;
}
.photolist .title {/* 基本設定， 標題設定 */
	font-weight: bold;
	padding: 10px 20px 15px 0;
	font-size: 15px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 20px;
	margin-right: -20px;
	color: #336600;
}
.photolist .background {
	DISPLAY: block;
	background-repeat: no-repeat;
	background-position: left top;
	background: 0 0 20px 20px;
	margin-right: 20px;
}
.photolist .body {
	DISPLAY: block;
	MARGIN-LEFT: 15px;
	POSITION: relative;
	HEIGHT: 1%;
	background-position: right -45px;
	margin-right: -15px;
	padding-right: 15px;
}
.photolist .base {
	DISPLAY: block;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-right: 30px;
	clear: both;
}
.photolist .base2 {
	DISPLAY: block;
	MARGIN-LEFT: 20px;
	HEIGHT: 25px;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: -30px;
	padding-right: 30px;
}

.photolist dd {
	background-image: url(../images/photo_bg_001.gif);
	margin: 0px;
	float: left;
	border: 0px solid #CCCCCC;
	display: block;
	height: auto;
	text-align: center;
	width:140px;
	height:100px;
}
.photolist img {
	border: 0px;
	border-color: #666666;
	margin:3px;
} /*person001 end*/

/*photo_001 相片模組 詳細內容 開始*/
.photo { width:550px;}
.photo .title, .photo .background, .photo .body, .photo .base, .photo .base2 { background-image:url(../images/sss.gif); background-repeat: no-repeat; DISPLAY: block; position:relative; }
.photo img { border-width: 8px;
	border-style: solid;
	border-color: #DDDDDD;}
.photo .title {font-weight: normal; padding: 5px 20px 5px 10px; font-size: 1.3em; text-align: center; background-position: right top; margin-left: 20px; margin-right: -20px; color: #006600; }
.photo .background { background-position: left top; background: 0 0 20px 20px;	margin-right: 20px;}
.photo .body { MARGIN-LEFT: 20px; POSITION: relative; HEIGHT: 1%; background-position: right -45px; margin-right: -20px; padding-right: 20px;}
.photo .base { background-position: left bottom; margin-right: 20px;}
.photo .base2 { MARGIN-LEFT: 20px; HEIGHT: 20px; background-repeat: no-repeat; background-position: right bottom; margin-right: -20px; padding-right: 20px; clear: both;} 
/*photo_001 相片模組 詳細內容 結束*/


.photoalh_002 .background, .photoalh_002 .title, .photoalh_002 .base, .photoalh_002 .base2, .photoalh_002 .body  { background-image: url(../images/pageframe001.gif); background-repeat: no-repeat; DISPLAY: block; position:relative;  }
.photoalh_002 { DISPLAY: block; POSITION: relative; margin: 13px 3px 3px 3px; z-index: 400; width: 720px;}
.photoalh_002 .title { font-weight: bold; padding: 10px 20px 15px 0; font-size: 15px; text-align: left; background-position: right top; margin-left: 20px; margin-right: -20px; color: #336600; }
.photoalh_002 .background { background-position: left top; background: 0 0 20px 20px; margin-right: 20px; }
.photoalh_002 .body { MARGIN-LEFT: 20px; POSITION: relative; HEIGHT: 1%; background-position: right -45px; margin-right: -20px; padding-right: 20px;}
.photoalh_002 .base { background-position: left bottom; margin-right: 20px; clear: both;}
.photoalh_002 .base2 { MARGIN-LEFT: 20px; HEIGHT: 20px; background-position: right bottom; margin-right: -20px; padding-right: 20px;} 
.photoalh_002 .pictext { float: left; position:relative; width:126px; text-align:center; margin: 2px 0; color:#333333;}
.photoalh_002 .slider { width:132px; padding: 18px; position:relative; float: left; background-image: url(../images/photofondgery.gif); background-repeat:no-repeat;}
.photoalh_002 .picsmall  { width:126px; height:126px; margin-bottom:10px; }
.photoalh_002 img { border: 3px; border-color: #fff; }
.photoalh_002 .texttitle, .photoalh_002 .text {
	position:relative;
	width:97%;
	margin-left:20px;
}

.photoalh_003 .background, .photoalh_003 .title, .photoalh_003 .base, .photoalh_003 .base2, .photoalh_003 .body  { background-image: url(../images/pageframe001.gif); background-repeat: no-repeat; DISPLAY: block; position:relative;  }
.photoalh_003 { DISPLAY: block; POSITION: relative; margin: 13px 3px 3px 3px; z-index: 400; width: 720px;}
.photoalh_003 .title { font-weight: bold; padding: 10px 20px 15px 0; font-size: 15px; text-align: left; background-position: right top; margin-left: 20px; margin-right: -20px; color: #336600; }
.photoalh_003 .background { background-position: left top; background: 0 0 20px 20px; margin-right: 20px; }
.photoalh_003 .body { MARGIN-LEFT: 20px; POSITION: relative; HEIGHT: 1%; background-position: right -45px; margin-right: -20px; padding-right: 20px;}
.photoalh_003 .base { background-position: left bottom; margin-right: 20px; clear: both;}
.photoalh_003 .base2 { MARGIN-LEFT: 20px; HEIGHT: 20px; background-position: right bottom; margin-right: -20px; padding-right: 20px;} 
.photoalh_003 .pictext { float: left; position:relative; width:126px; text-align:center; margin: 2px 0; color:#333333;}
.photoalh_003 .slider { width:132px; padding: 18px; position:relative; float: left; background-image: url(../images/photo_bg_004.gif); background-repeat:no-repeat;}
.photoalh_003 .picsmall  { width:126px; height:126px; margin-bottom:20px; }
.photoalh_003 img { border: 3px; border-color: #fff; }
.photoalh_003 .texttitle, .photoalh_003 .text { float:left; position:relative; width:97%; margin-left:20px;}