﻿body {
	margin: 0px;
	background: #58b url(img/bodybgtop.jpg) top repeat-x;
	font: 12px Verdana;
	color: #888;
}
a {
	text-decoration: none;	
}

/*---------------------------頭---------------------------*/
#page {  
	background: url(img/pagebg.jpg) repeat-y;
	width: 980px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
#main {   
	*width: 960px;
	_width: auto;
}
#header {   
	background: url(img/margin_line.jpg) bottom repeat-x;
	height: 100px;
}
#header h1 {
	float: left;
	padding-top: 0px;
}
#header h2 {
	font: 13px "微軟正黑體";
	margin-top: 10px;
	float: right;
	padding-right: 20px;
}
#header h3 {
	float: right;
	padding-right: 10px;
	margin-top: 10px;
}
#header h2 a{
	color: #888;
}
#header h2 a:hover {
	color: #f90;
}
.hd_btn {    
	float: left;
	margin: 0 5px;
	}

.style_keying{    
	font-size: 13px;
	color: #555;
}
.blue {  
	color: #13449e;
	}
/*-----------------------相簿開始---------------------------*/

#album {
margin:0;
margin-left:10px;
margin-top:5px;
padding:0;
width:960px;
height:1030px \9;
*height:1035px;
_height:1030px;
}
#album_main{
height:920px;
}
/*-----------頭------------------*/
#album_header{
margin-left:0px;
text-align:center;
background: url(img/album_bg.jpg) repeat-x;
height:87px;
}
#hleft{
float:left;
height:87px;
width:630px;
padding:0px;
margin:0px;
}
#hphoto{
float:left;
height:87px;
width:196px;
padding:0;
margin:0;
}
#search{
float:right;
width:400px \9;
_width:300px;
}
#search_text{
float:left;
_text-align:right;
width:250px;
height:auto;
margin-top:20px;
margin-left:110px \9;
_margin-left:0px;
color:#FFFFFF;
_color:#ffffff;
font:13px "微軟正黑體";
}
#search_go{
float:right; 
width:38px; 
height:36px; 
margin-top:15px;
}
.hlink{
float:right;
text-align:center;
color:#FFFFFF;
_color:#ffffff;
font: 13px "微軟正黑體";
width:300px;
margin-top:10px;
margin-left:50px;
font:13px "微軟正黑體";
}
.hlink a{
color:#FFFFFF;
}
#hright{
float:right;
height:87px;
width:330px;
_width:310px;
text-align:left;
}
#hright a{
color:#FFFFFF;
}
#clause{
float:left;
margin-top:62px;
font:13px "微軟正黑體";
color:#FFFFFF;
height:auto;
width:95px;
_width:55px;
text-align:right;
margin-left:12px;
}
#login{
float:right;
width:210px;
height:65px;
margin-top:10px;
margin-right:10px;
_margin-right:5px;
padding:0px;
color:#FFFFFF;
font:13px "微軟正黑體";
border:solid #ffffff 1px;
}
#keying{
float:left;
font:12px "微軟正黑體";
width:140px;
height:50px;
margin:10px 0px 5px 5px;
padding:0px;
}
#inter{
float:right;
width:50px;
margin-top:30px;
margin-right:5px;
}
/*------------左--------------*/
#scol{
float:left;
width:240px;
height:940px;
margin:5px 0 0 5px;
padding:0;
}
.tool{
border:1px #79b3ea solid;
margin:5px 5px 10px 5px;
margin:5px 5px 10px 5px \9;
*margin:5px 5px 5px 5px;
padding-bottom:5px;
}
.tool a{
color:#333333;
}
.tool h1{
font:16px "微軟正黑體";
font-weight:bold;
color:#326696;
padding:10px 0 5px 5px;
margin:000 5px;
width:210px;
border-bottom:#4e85ca 1px solid;
}
.tooltext{
font:14px "微軟正黑體";
color:#333333;
padding:6px 0 3px 15px;
padding:6px 0 3px 15px \9;
*padding:4px 0 3px 15px;
margin:0;
margin-top:3px \9;
margin-bottom:2px \9;
*margin-top:0px;
*margin-bottom:0px;
}
.line{
margin-left:8px;
margin-right:8px;
}
.tool h2{
font:14px "微軟正黑體";
color:#7a0505;
padding:6px 0 3px 8px;
margin:000 5px;
}
.blogtext{
font:14px "微軟正黑體";
color:#333333;
padding:0px 0 5px 20px;
*padding:0px 0 0px 20px;
}
#travelbg{
width:210px;
background-color:#eff3f6;
margin:5px 0 2px 8px;
padding-bottom:10px;
}
#travelbg img{
margin:10px 0 5px 8px;
}
#travelbg a{
color:#333333;
font:12px "微軟正黑體";
margin-left:8px;
}
/*------------右--------------*/
#mcol{
float:right;
width:700px;
height:940px;
margin-top:10px;
margin-left:5px;
padding:0;
}
#region{
width:700px;
height:360px;
margin:0;
padding:0;
}
.mcol_tool{
width:690px;
height:360px;
margin:0;
padding:0;
}
.r_h1{
float:left;
width:130px \9;
*width:130px;
_width:130px;
height:35px;
margin:0;
padding:0;
}
.r_h1 h1{
font:16px "微軟正黑體";
font-weight:bold;
color:#326696;
padding:8px 0 0 5px;
margin:000 10px;
_margin:0 4px 0 4px;
width:105px;
letter-spacing:9px;
border-bottom:#4e85ca 4px solid;
float:left;
}
.list{
margin:5px 0 0 0;
padding:0px;
float:left;
width:70px;
height:32px;
background:url(img/index6.png) no-repeat;
text-align:center;
}
.list a{
color:#333333;
font:14px "微軟正黑體";
letter-spacing:5px;
}
.list p{
margin:0;
padding:10px 0 0 0;
width:69px;
height:10px;
}
.list:hover{
background:url(img/index4.png) no-repeat;
}
/*--精選大圖--*/
.photo{
float:right;
border:#79b3ea 1px solid;
width:688px;
height:320px;
border:1px #79b3ea solid;
}
.photo2{
float:right;
border:#79b3ea 1px solid;
width:688px;
height:320px;
border:1px #79b3ea solid;
display : none;
}
.photo_b{
background-color:#eff3f6;
margin:7px 0 0 7px;
margin:7px 0 0 7px \9;
_margin:7px 0 0 5px;
float:left;
width:320px;
height:305px;
}
.photo_b1{
margin:10px;
margin-bottom:6px;
width:300px;
height:225px;
}
.photo_b2{
font:13px "微軟正黑體";
color:#333333;
text-align:left;
width:295px;
height:50px;
margin:0;
margin-left:15px;
padding:0;
}
.photo_b2 h2{
font:16px "微軟正黑體";
color:#60030a;
padding:0;
margin:0;
margin-bottom:5px;
}
.photo_b2 h3{
font:13px "微軟正黑體";
color:#555555;
padding:0;
margin:0;
}
/*--精選小圖--*/
.photo_s1{
background-color:#f5f6f6;
margin:7px 0 0 0px;
padding:0;
float:left;
width:350px;
height:152px;
height:152px \9;
_height:145px;
text-align:left;
border-bottom:1px #cccccc solid;
}
.photo_sa{
width:190px;
height:auto;
float:left;
margin:0;
padding:0;
}
.photo_sb{
font:13px "微軟正黑體";
color:#333333;
margin:0;
margin-top:10px;
padding:0;
float:right;
width:155px;
width:155px \9;
_width:150px;
height:130px;
}
.photo_sb a{
color:#0a6003;
}
.photo_sb h2{
font:14px "微軟正黑體";
color:#60030a;
padding:0;
margin:0;
margin-bottom:10px;
}
.photo_sb h3{
font:13px "微軟正黑體";
color:#333333;
padding:2px 0 0 0;
margin:0;
}
.photo_s2{
background-color:#f5f6f6; 
margin:0px 0 0 0px;
padding:0;
float:left;
width:350px;
height:152px;
text-align:left;
}
.photo_s1 img,.photo_s2 img{
margin:10px 5px 10px 10px;
margin:10px 5px 10px 10px \9;
_margin:9px 5px 8px 8px;
}

/*--end--*/
/*--名人精選--*/
#repute{
width:700px;
height:360px;
margin:5px 0 5px 0;
}
#repute_tool{
float:right;
float:right \9;
*float:none;
width:350px;
height:30px;
padding:0;
margin:0;
text-align:right;
}
.list2{
margin:5px 0 0 0;
padding:0px;
float:left;
width:86px;
height:32px;
background:url(img/index7.png) no-repeat;
text-align:center;
}
.r2_h1{
float:left;
width:432px;
height:35px;
margin:0;
padding:0;
}
.r2_h1 h1{
font:16px "微軟正黑體";
font-weight:bold;
color:#326696;
padding:8px 0 0 5px;
margin:000 12px;
_margin:000 6px;
width:105px;
letter-spacing:9px;
border-bottom:#4e85ca 4px solid;
float:left;
}
.list2 a{
color:#333333;
font:14px "微軟正黑體";
letter-spacing:5px;
}
.list2 p{
margin:0;
padding:10px 0 0 4px;
width:80px;
height:15px;
}
.list2:hover{
background-image:url(img/index5.png);
}
.photo3{
float:right;
border:#79b3ea 1px solid;
width:688px;
height:320px;
border:1px #79b3ea solid;
}
.photo4{
float:right;
border:#79b3ea 1px solid;
width:688px;
height:320px;
border:1px #79b3ea solid;
display : none;
}
/*--end--*/
/*---照片類型---*/
.c_photo{
border:#accfef 1px solid;
width:580px;
height:198px;
background-color:#FFFFFF;
}
.c_photo-2{
border:#accfef 1px solid;
width:580px;
height:198px;
background-color:#FFFFFF;
display : none;
}
#category_tool{
margin:9px 0 0 0;
width:690px;
height:200px;
background:url(img/index11.png) no-repeat;
background-position:right;
}
#blank{
float:left;
text-align:center;
width:580px;
height:200px;
margin:0;
padding:0;
}

#category_id{
float:right;
width:100px;
height:190px;
margin:0px;
padding:0px;
}
#category_id h2{
font:14px "微軟正黑體";
font-weight:bold;
color:#326696;
padding:10px 0 0 0px;
padding:10px 0 0 0px \9;
_padding:12px 0 0 0px;
margin:0px 12px 0 0px;
margin:0px 12px 0 0px \9;
_margin:0px 5px 0 0px;
width:80px;
letter-spacing:4px;
border-bottom:#4e85ca 4px solid;
float:right;
}
#category{
float:right;
width:90px;
height:160px;
font:13px "微軟正黑體";
color:333333;
margin:5px 8px 0 0;
padding:0px;
letter-spacing:5px;
}
#category_id ul{
text-align:center;
margin:0px 0 5px 0;
margin:0px 0 5px 0 \9;
_margin:0px 0 5px 5px;
padding:0px;
}
#category_id li{
display:block;
margin:12px 0 12px 0px;
margin:12px 0 12px 0px \9;
_margin:5px 0 12px 0px;
padding:0;
}
#category_id a{
color:#333333;
padding:5px 0 2px 5px;
}
#category_id a:hover{
border-bottom:1px #0000FF dotted;
}
/*---左邊照片圖框---*/
.c_photo1{
float:left;
margin:9px 0 9px 9px;
margin:9px 0 9px 9px \9;
_margin:9px 0 9px 3px;
padding:0px;
width:135px;
height:180px;
}
.c_photo1 img{
margin:0px;
padding:0px;
}
.c_photo2{
float:left;
margin:9px 0 9px 0px;
padding:0px;
height:180px;
width:144px;
width:144px \9;
_width:140px;
background-color:#eff3f6;
text-align:left;
}
.c_photo3{
float:left;
margin:9px 0 9px 0px;
padding:0;
width:135px;
height:180px;
}
.c_photo4{
float:left;
margin:9px 0 9px 0px;
padding:0;
height:180px;
width:144px;
background-color:#eff3f6;
text-align:left;
}
#blank h2{
font:14px "微軟正黑體";
color:#60030a;
padding:10px 0 0 5px;
margin:0;
margin-bottom:10px;
}
#blank h3{
font:13px "微軟正黑體";
color:#333333;
padding:2px 0 0 5px;
margin:0px;
}

#blank a{
font:13px "微軟正黑體";
color:#0a6003;
padding:0px 0 0 5px;
margin:0px;
margin-bottom:5px;
}

/*-----------------------相簿結束---------------------------*/
/*------------------------尾-----------------------------*/

#info {    
	background: url(2010/margin_line.jpg) repeat-x top;
	width: 960px;
	padding-top: 20px;
	margin-left: 10px;
	text-align: center;
	font-size: 11px;
	background-color:#fff;

}


