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

/*首頁*/
.index-logo{ width:230px; margin:30px 0 20px 30px;}
.index-txt{ width:50%; float:right; margin:0 15px 30px 15px; line-height:20px; color:#666; font-size:13px; text-align:justify; border-left:solid 2px #aaa; padding:0 0 0 20px;}
.index-content{ width:100%; margin:10px auto; padding:0 20px;}
.mygallery{
	width:100%;
	margin: 10px 0;
	position:relative;
}
.mygallery img{ width:100%; padding:5px;}
.enter a{
	font-size:1.2em;
	position:absolute;
	background:rgba(0,0,0,0.6);
	color:#fff;
	width:80px;
	height:40px;
	line-height:40px;
	display:block;
	text-decoration:none;
	text-align:center;
	left:44%;
	bottom:90px;
	
}
.enter a:hover{
	background:rgba(245,245,245,1);
	color:#000;
}

.enter-mobile a{display:none;}



/* --電腦版型------------------------------------- */
/*內頁*/
#WRAPPER{width:1400px; margin:0 auto;}
header{
	width:100%;
	height:160px;
	background:#f2f2f2;
}

.logo{ float:left; width:230px; height:120px; margin:20px 80px 20px 0;}

#menu{float:left;}

#TOP-MENU{display:none;}
#TOP-MENU #BTN{}
#NAV{ width:910px; height:160px;}
#NAV ul{}
#NAV li{float:left;}
#NAV li a{
	display:block;
	width:130px;
	height:160px;
	padding:90px 0 0 0;
	text-align:center;
	text-decoration:none;
	color:#666;
}
#NAV li a:hover{
	color:#000;
	background:url(../images/menu-bg.jpg);}

#nav ul li.ok{ 
	text-align:center;
	width:130px;
	height:160px;
	float:left;
	padding:85px 0 0 0;
	background:url(../images/menu-bg.jpg);
	color:#000;
}
.icon{
	width:170px;
	padding:80px 0 0 15px;
	float:left;
}

article{text-align:center;}
article .title{
	margin:50px 0 30px 0;
	height:80px;
}



.container{max-width:1588px; overflow:hidden; padding: 20px;}
.container{ margin:0 auto 50px auto;}
.mySlideshow .animated{position:absolute;}

.first{background:url("../images/index-photo1.jpg") center no-repeat;}
.first a,.first img{display:block;}
.first a{ top:80px; left:39%; margin-left:-165px;}
.first div{
	font-family:'Open Sans Condensed', sans-serif;
	font-size:50px;
	bottom:80px;
	left:39%;
	width:320px;
	text-align:center;
	margin-left:-160px;
}
.second{background:url("../images/index-photo2.jpg") center no-repeat;}
.second img{ top:160px; right:19%;}
.third{background:url("../images/index-photo3.jpg") center no-repeat;}
.third img{ top:100px; left:23%;}




footer{
	font-size:12px;
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#f2f2f2;
	text-align:center;
	text-transform:uppercase;
}
footer a{ color:#666;}
footer a:hover{ color:#000; position:relative; top:1px; left:1px;}


/* --手機版型------------------------------------- */

@media screen and (max-width:768px){
	
	.index-content{ width:100%; margin:0; padding:20px; min-width:320px;}
	.index-logo{ width:230px; margin:30px auto;}
	.content{}
	.index-txt{ 
		width:100%; 
		float:none;
		margin:0 15px 30px 0;
		padding:0 20px 0 20px;
		font-size:18px;
		line-height:30px; 
	}
	.enter a{ display:none;}
	.enter-mobile a{
		width:100px;
		height:40px;
		font-size:20px;
		line-height:40px;
		color:#fff;
		background-color:rgba(0,0,0,0.6);
		display:block;
		border-radius:5px;
		-webkit-border-radius:5px;
		text-align:center;
		margin:20px auto;
	}
	

	
	#WRAPPER{min-width:320px;}	
	header{
		width:100%;
		height:160px;
		background:#f2f2f2;
	}
	
	.logo{ display:none;}
	
	#menu{float:none;}
	#TOP-MENU{
		display:block;
		width:100%;
		height:60px;
		position:relative; /* 外層相對 */
		background-color:#A00;
	}
	#TOP-MENU #BTN{  /* 製作手機版 右上角的按鈕 */
		display:block;
		width:60px;
		height:40px;
		background-image:url(../images/btn.png);
		
		position:absolute;  /* 子層絕對 */
		right:5px;
		top:10px;
		text-indent:-9999px;
	}
	#NAV{
		width:100%;
		height:auto; /* 高度自動 */
		background-color:#f2f2f2;
		
		display:none;  /* 把主選單先關掉 */
	}
	#NAV ul{}
	#NAV li{
		width:100%;
		float:none; /* 取消 float */
	}
	#NAV li a{
		display:block;
		width:100%;
		height:50px;
		line-height:50px;
		text-align:center;
		text-decoration:none;
		background-color:#Ffff;
		border:1px solid #f5f5f5;
		color:#F00;
	}
	
	#NAV li a:hover{
		background-color:#f5f5f5;
		border:1px solid #f5f5f5;
	}
	
	.icon{
		display:none;		
	}

}