img {border:0px}

.pagination{
	text-align: right;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #333333;
	text-decoration: none;
	color: #666666;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #FFFFFF;
	color: #CCCCCC;
	background-color: #333333;
}

.pagination li.currentpage{
	font-weight: bold;
	padding: 0 5px;
	border: 1px solid #333333;
	background-color: #333333;
	color: #CCCCCC;
}

.pagination li.disablepage{
	border: 1px solid #333333;
	color: #333333;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	font-family: Arial, "新細明體";
}

.pagination li.nextpage{
	font-family: Arial, "新細明體";
}
/***IE6使用*****/
* html .pagination li.currentpage, * html .pagination li.disablepage{
margin-right: 5px;
padding-right: 0;
}

/*照片*/
.imagefloat_left{
	float:left;
	margin:0px 10px 0px 0px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	}
.imagefloat_right{
	float:right;
	margin:0px 0px 0px 5px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
}

.imagefloat{
	margin:5px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
}

.imagefloat_width img{
   width:220px;
   height:146px;}


.imagefloat_width{
	margin:5px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:220px;
	float:left;
}
.imagefloat_width p
{
	width:100%;
	margin:0;
	padding:1em 0;
	color:#666666;
	text-align:center;
	}
	
.imagefloat_widthB img{
   width:699px;
   height:495px;}


.imagefloat_widthB{
	margin:5px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:715px;
	float:left;
}
.imagefloat_widthB p
{
	width:100%;
	margin:0;
	padding:1em 0;
	color:#666666;
	text-align:center;
	}
.imagefloat_width1 {
	margin:5px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:235px;
	float:left;
}
.imagefloat_width1 p
{
	width:100%;
	margin:0;
	padding:1em 0;
	color:#666666;
	text-align:center;
	}
	
.imagefloat_height{
	margin:5px;
	padding:8px;
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:160px;
	float:left;
	
}
.imagefloat_height p
{
	width:100%;
	margin:0;
	padding:0.5em 0;
	color:#666666;
	text-align:center;
	
	}

/*--左導覽選單--*/
.leftList
{
	font-size:0.8em;
	text-align:left;
	font-weight:bold;
	
	} 
.leftList ul{ 
	list-style:none;
	margin:0 0 0px 0px;
	padding:0px 10px 0 0;
} 

.leftList li{
	background:url(../../images/arrow.gif) no-repeat 0.8em 1em;
	padding:10px 0 5px 28px;
	border-bottom:1px dashed #666600;
	height:18px;
}

.leftList li.first{border:none;}

.leftList li.b{border:none;font-weight:bold;}

.leftList li a#tab_current{
    background-color : #fff;
    color            : #F87F11;
}
.leftList li a{
	text-decoration:none;
	color:#003333;
	display:block;
} 
  
.leftList li a:hover{
	text-decoration:underline;
	color:#993333;

	}

/** 目前所在位置樣式 **/	
#breadcrumb{
background:  url("../../images/list_red.gif") no-repeat left center;
padding:0px 0px 0px 8px;
color:#999;
}

#breadcrumb a{
background:  url("../../images/list_gray.gif") no-repeat right center;
padding-right: 12px; 
margin:3px;
color:#999;
}

#breadcrumb a:visited,#breadcrumb a:active{
color:#999;
}

#breadcrumb a:hover{
color:#999;
}

fieldset 
{
    padding:0px 0px 10px 0px;
    margin:20px 0px 0px 0px;
    }

legend
{    
   padding:5px 5px 3px 5px;
   margin:5px 5px 5px 5px;
   color:#008000;
   font-weight:bold;
   font-size:13px;     
   background-image:url("legend_style.gif");
   }


/** 線上導覽預約表格標頭 **/
.reservation th
{
    text-align:center;
    }
 
/** 後端管理表格標頭 **/
.manage th
{
    text-align:center;padding:5px 0px 5px 0px;color:#4444FF;
    }

.manage_style th
{
    text-align:center;padding:5px;color:#4444FF;
    }
    
.manage_style td
{
    text-align:center;
    }

/** 最新消息主旨置左 **/
.manage_news th
{
    text-align:center;padding:5px 0px 5px 0px;color:#4444FF;
    }

.manage_news td
{
    text-align:left;padding:2px;
    }

    
 /* 線上訂購照片陰影 */ 
#shadow1 {display:inline-table;
          padding:16px 20px 19px 20px;
          float:inherit;
          background:url(../../images/shadow.gif) right bottom no-repeat}
          
img.shadow_border{border:1px solid #ccc;}

.act {text-align:center;}

.interaction_top
{
    background:url(../../images/interaction_style_01.gif) no-repeat;
    padding:3px;
    }
    
.interaction_middle
{
    background:url(../../images/interaction_style_02.gif);
    background-repeat:repeat-y;  /* 讓圖片以縱軸方式呈現 */
    text-align:left;
    padding:10px;

    }

 .interaction_bottom
{
    background:url(../../images/interaction_style_03.gif) no-repeat;
    }

.order_color 
{
    color:Red;
    }
	
/*明信片*/
.postcardlist{
margin:20px 35px 0px 35px;}

.postimage{
background:url(../../images/postcard-bg.png) no-repeat;
float:left;
margin:0px 15px 20px;
width:212px;}

.postimage .thumbnails {
width:212px;
margin-bottom:10px;
}	

.postimage .thumbnails  img{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #669966;
padding:5px;}

.postimage p {
margin:0;
padding-right:10px;
text-align:center;
}

/** 教育園地照片排列 **/
.photolist ul{
    padding-left:25px;
    *padding-left:25px;
    _padding-left:0px;
    }
    
.photolist li{
    width: 220px;
    min-height:170px;
    border: 1px solid #ccc;
    background:#fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    zoom: 1;
    *display: inline;
    _height:170px;
    padding:8px;
    }
    
.photolist li p{
	margin:0;
	padding:1em 0;
	color:#666666;
	text-align:center;
	}
	
/** 影音專區 **/
.videoBlock{
    border:1px solid #d3d3d3;
    background:#f0f0f0;
    margin:20px;
    }
    
.videoBlock h1{
    color:#fff;
    font-size:130%;
    font-weight:bold;
    height:30px;
    margin:1px;
    padding:5px 5px 1px 10px;
    text-align:left;
    background:#83b779;
    }

.videoBlock p{
    text-align:center;
    margin:0 auto;
    padding:10px;
    }