@charset "utf-8";
/* CSS Document */

img { BORDER: 0px; }



body{
background: #000 url(../images/note/bg.jpg) no-repeat center top fixed; 
margin:0;
padding:0;
letter-spacing:0px;
font-size:12px;
line-height:18px;
font-family:"微軟正黑體", "Arial", "Microsoft JhengHei";
color:#434d0b;
text-align:left;
/*overflow-x:hidden; /*讓橫向捲軸隱藏*/
/*overflow-y:hidden; /*讓縱向捲軸隱藏*/
}

		a {
			color: #fff;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_fluid_dg {
			background: rgba(2,2,2,.5);
			clear: both; display: block; height: 20px; line-height: 20px; padding: 20px; position: relative; z-index: 1;
		}
		.fluid_container {
			bottom: 0; height: 100%; width:100%; left: 0; position: relative; right: 0; top: 0; z-index: 0;
		}
		#fluid_dg_wrap_4 {
			bottom: 0; height: 100%; left: 0;
			margin-bottom: 0!important;
			position: fixed; right: 0; top: 0;
		}
		.fluid_dg_bar {
			z-index: 2;
		}
		.fluid_dg_prevThumbs, .fluid_dg_nextThumbs, .fluid_dg_prev, .fluid_dg_next, .fluid_dg_commands, .fluid_dg_thumbs_cont {
			background: #222;
			background: rgba(2, 2, 2, .7);
		}
		.fluid_dg_thumbs {
			margin-top: -100px; position: relative; z-index: 1;
		}
		.fluid_dg_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.fluid_dg_overlayer {
			opacity: .1;
		}
		
	.AA{
	/*width:80%;
	height: 80%; */
	width:500px;
	height: 20px;
	position:absolute;
	top:60px; left:600px; right:0; margin:auto;
	color:#ffffff;
font-size:14px;
font-family:"微軟正黑體", "Arial", "Microsoft JhengHei";
	line-height:28px;
	letter-spacing:0px;
	z-index:99;
	}
	

	.top_shadow{
background-image:url(../images/index_top.png);
	width:100%;
	height:33px;
	position:absolute;
	top:0; left:0; right:0;  margin:auto;
	z-index:9998;
	}
	.bottom_shadow{
background-image:url(../images/index_bottom.png);
	width:100%;
	height:33px;
	position:absolute;
	bottom:0; left:0; right:0;  margin:auto;
	z-index:9998;
	}
	
.wrapper{
margin:auto;
padding:0;
position:relative;
width:50%;
height:531px;
text-align:left;
}	
.area-photo{
	position:absolute;
	width:100%;
	padding:0px;
	top:700px;

}

.wordarea{
	position: absolute;
	width: 725px;
	padding: 0px;
	top: 150px;
	left: 35px;
	z-index: 10;
	color: #ffffff;
	font-size: 13px;
	font-family: "微軟正黑體", "Arial", "Microsoft JhengHei";
	line-height: 20px;
	letter-spacing: 0px;

}

.fontbig {
	color:#faeda8;
font-size:1.5em;
font-family:"微軟正黑體", "Arial", "Microsoft JhengHei";	
font-weight:bold;
font-style: italic;
}

@media screen and (max-width: 820px) {
	
	.wordarea{
	/*background-image:url(../images/bg_black.png);	*/
	width:100%;
	height:150px;
	top:90px; left:0; right:0;  margin:auto;	
	text-align:left;	
	}
	
	.fontbig {
font-size:1.4em;
padding:2em;
}
	
}



/* .s1{position:absolute;top:1650px;} /*往下滑多少像素*/
/* ======================== Back To Top ===================== */
.scrollup{
	width:64px; 
	height:64px;
	position:relative;
	top:530px;
	left:50px;
	display:none; 
	z-index:10;
	}
.scrolldown{
	width:150px; 
	height:64px;
	position:absolute;
	bottom:50px; left:0; right:0;  margin:auto;
	
	z-index:10;
}
.scrolldown:hover{ opacity:1; background: url('../images/icon_down.png') no-repeat center center; }