﻿
/*數位相本*/.Photoalbum{}

/*photoalbum_home_default 相片模組 首頁 開始*/
.photoalbum_home .background, .photoalbum_home .title, .photoalbum_home .base, .photoalbum_home .base2,.photoalbum_home .body  { background-image: url(../images/frame_home.gif); DISPLAY: block; background-repeat: no-repeat;  }
.photoalbum_home { POSITION: relative; margin:0 5px 0 0 ; z-index: 400; width:100%;}
.photoalbum_home .title { margin: 10px -25px  0  60px ;
  padding: 15px  25px  15px  0 ;
  font-weight: bold; background-position: right top; text-align:left; 	font-size: 1.3em; 	color: #990000 ; }
.photoalbum_home .subtitle {color: #666666; font-weight: bold; font-size: 0.75em;}
.photoalbum_home .background { background-position: left top; background: 0 0 25px 25px; margin-right: 15px; color: #336600;}
.photoalbum_home .body { MARGIN-LEFT: 60px; POSITION: relative; HEIGHT: 1%; background-position: right -75px; margin-right: -15px; padding-right: 15px;}
.photoalbum_home .base { background-position: left bottom; margin-right: 20px;}
.photoalbum_home .base2 {MARGIN-LEFT: 18px; HEIGHT: 30px; background-repeat: no-repeat; background-position: right bottom; margin-right: -20px; padding-right: 20px;} 
.photoalbum_home dd { float:left; margin:0;}
/*數位相簿_首頁_相片底圖*/ .photoalbum_home .slider {	width:126px; padding: 15px 15px 20px 15px; position:relative; float: left; margin:0px; background-image: url(../images/xphotofond004.gif);	background-repeat:no-repeat;}
/*數位相簿_首頁_相片縮圖*/ .photoalbum_home .picsmall  { width:126px; height:126px; margin:0; }
/*數位相簿_首頁_相片*/ .photoalbum_home img { border: 3px; border-color: #fff; }
.photoalbum_home .pictext a { float: left; position:relative; width:126px; text-align:center; margin: 18px 0 0 0; color: #006600;}
.photoalbum_home .pic { width:126px; padding:5px; position:relative; float: left;  background-image: url(../images/picfond.gif); background-repeat:no-repeat;}
.photoalbum_home .pic .picsmall  { width:120px; height:120px; }
.photoalbum_home .pic img { border: 0px;}
.photoalbum_home img { border: 3px; border-color:#CCCCCC;}
.photoalbum_home .subject, .photoalbum_home .content {float:left; position:relative; width:97%; margin-left:20px;}
/*photoalbum_home 相片模組 首頁 結束*/

/*photoalbum_side 相片模組 首頁 開始*/
.photoalbum_side .background, .photoalbum_side .title, .photoalbum_side .base, .photoalbum_side .base2, .photoalbum_side .body  { background-image: url(../images/frame_photoalbum_side.gif); DISPLAY: block; background-repeat: no-repeat; POSITION: relative; }
.photoalbum_side { POSITION: relative; margin:0; z-index: 400; width:100%;}
.photoalbum_side .title { padding: 16px 25px 20px 0; background-position: right top; margin-left: 170px; margin-right: -25px;}
.photoalbum_side .background { background-position: left top; background: 0 0 25px 25px; margin-right: 25px; color: #336600;}
.photoalbum_side .body { MARGIN-LEFT: 25px; HEIGHT: 1%; background-position: right -75px; margin-right: -25px; padding-right: 25px;}
.photoalbum_side .base { background-position: left bottom; margin-right: 25px;}
.photoalbum_side .base2 { MARGIN-LEFT: 18px; HEIGHT: 30px; background-repeat: no-repeat; background-position: right bottom; margin-right: -25px; padding-right: 25px;} 
/*數位相簿_首頁_相片底圖*/ .photoalbum_side .slider {	width:140px; padding: 18px 12px; position:relative; float: left; margin-bottom:5px; background-image: url(../images/photo_bg_005.gif); background-repeat:no-repeat;}
/*數位相簿_首頁_相片縮圖*/ .photoalbum_side .picsmall  { width:126px; height:126px; }
/*數位相簿_首頁_相片*/ .photoalbum_side img { border: 3px; border-color: #fff; }
.photoalbum_side dd { margin:0;	position:relative;}


/*photoalbum 相片模組 詳細內容 開始*/
.photoalbum .background, .photoalbum .title, .photoalbum .base, .photoalbum .base2, .photoalbum .body {background-image: url(../images/frame.gif); DISPLAY: block; background-repeat: no-repeat; font-weight:normal; color:#333333; position:relative; z-index: 400; }
.photoalbum { margin:0 !important;margin: 0 ;}
.photoalbum .title { margin: 0px -20px  0  45px;
	padding: 8px  20px  15px  0;
	font-weight: bold;
	background-position: right top;
	text-align:left;
	font-size: 1.3em;
	color: #000099; }
.photoalbum .subtitle {color: #666666; font-weight: bold; font-size: 0.75em;}
.photoalbum .background { margin: 0  20px 0  0 ;
  background-position: left top; background: 0 0 25px 25px; color: #336600;}
.photoalbum .body { margin: 0 -20px 0 25px ;   padding: 0  20px 0  0  ; min-height:400px;
  background-position: right -65px;
  position: relative; height: 1%; }
.photoalbum .base { margin: 0  25px 0  0 ;
  background-position: left bottom; }
.photoalbum .base2 { margin: 0  -25px 0  25px ;
  padding-right: 0 25px 0  0  ;
  height: 25px;
  background-repeat: no-repeat; background-position: right bottom; }
.photoalbum .pictext { float: left; position:relative; width:122px; text-align:center; margin: 0px 0 2px 0; color:#333333; height:34px !important; height:32px;}
.photoalbum .slider { width:130px; padding:17px; position:relative; float: left; background-image: url(../images/photofond004.gif); background-repeat:no-repeat; }
/*相簿列表小圖*/
.photoalbum .picalbum   { width:126px; height:130px; margin:0 0 14px 2px !important;margin:0 0 14px 0px; }
/*相片列表小圖*/
.photoalbum .picsmall { width:126px; height:130px; margin:0 0 14px 5px !important;margin:0 0 14px 3px; }
.photoalbum .picsmall2  { width:1px; margin: 40px 3px 0 3px;}
.photoalbum .picarrow {	position:relative; margin:0; float:left;}
.photoalbum .pic2 {
	width:130px;
	padding:4px 0 6px 0;
	position:relative;
	float: left;
	background-image: url(../images/picfond.gif);
	background-repeat:no-repeat;
	margin: 2px;
}
.photoalbum .piclist { width:680px;}
.photoalbum .pic {
	width:130px;
	padding:3px 0;
	position:relative;
	float: left;
	background-image: url(../images/picfond.gif);
	background-repeat:no-repeat;
	margin: 5px 4px;
}
.photoalbum .pic .picsmall, .photoalbum .pic2 .picsmall  { width:120px; height:120px; }
.photoalbum .pic img, .photoalbum .pic2 img, .photoalbum .picarrow img { border: 0px;}
.photoalbum img { border-color: #ccc; }
.slider .photoalbum img  { border: 3px;  }
.photoalbum .pictitle { background-image:url(../images/icon/image.gif); padding-left:20px; color:#990000; background-repeat:no-repeat; float:right; background-position:left 6px; }
.photoalbum .pictitle2 { background-image:url(../images/icon/image.gif); padding-left:20px; color:#990000; background-repeat:no-repeat; background-position:left center; margin-right:10px; }
.photoalbum .pictitle3 { background-image:url(../images/icon/p_right.gif); padding-left:26px; color:#003366; background-repeat:no-repeat; background-position:left top; margin-right:10px; font-weight:bold; line-height:2; border-bottom:1px dotted #333333; }
.photoalbum .returnalbumlist { background-image:url(../images/icon/photos.gif); padding-left:20px; background-repeat:no-repeat; background-position:left center; line-height:20px; margin-right:10px; color:#003300; }
.photoalbum .returnphotolist { background-image:url(../images/icon/images.gif); padding-left:20px; background-repeat:no-repeat; background-position:left center; line-height:20px; margin-right:10px; color:#003300; }
.photoalbum .autoplay { background-image:url(../images/icon/application_go.gif); padding-left:20px; color:#003300; background-repeat:no-repeat; float:right; background-position:left center;  line-height:20px; margin-right:10px;}
.photoalbum .autoplayoff { background-image:url(../images/icon/application_go.gif); padding-left:20px; color:#003300; background-repeat:no-repeat; float:right; background-position:left center;  line-height:20px; margin-right:10px;}
.photoalbum .returnalbumlist a, .photoalbum .autoplay a, .photoalbum .autoplayoff a,.photoalbum .returnphotolist a { color:#003300; }

.photoalbum .listindex2 { width:110px; margin:0 auto;}
.photoalbum .listindex2 img { border: 0;}
.photoalbum dd { margin:0; float:left;}
/*photoalbum 相片模組 詳細內容 結束*/

/*photo_001 相片模組 詳細內容 開始*/
.photo { width:550px;  }
.photo .title, .photo .background, .photo .body, .photo .base, .photo .base2 { background-image:url(../images/photo002.gif); background-repeat: no-repeat; DISPLAY: block; font-weight:normal; color:#333333; position:relative; z-index: 400; }
.photo .title {font-weight: bold; padding: 3px 20px 3px 10px; font-size: 13px; text-align: left; background-position: right top; margin-left: 20px; margin-right: -20px; color: #663366; }
.photo .background { background-position: left top; background: 0 0 20px 20px;	margin-right: 20px;}
.photo .body { MARGIN-LEFT: 20px; height: 1%; background-position: right -45px; margin-right: -20px; padding-right: 20px; min-height:50px;}
.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 相片模組 詳細內容 結束*/
/*數位相簿_內容_相片*/ .photo img { border: 3px; border-color: #ccc; }

