.circle_top{
	width:300px; 
	height:300px; 
	
	box-shadow: 1px 1px 20px;
	border-radius: 700px;
	cursor:pointer;
	float:left;
	margin: 0px 80px;
	}
.circle_top2{
	float:left;
	width:300px; 
	height:300px;
	background:rgba(0,0,0,0.57);
	border-radius: 700px;
	opacity:0;
	transition:opacity 0.6s ease-in;
	}
.circle_top2:hover{
	float:left;
	width:300px; 
	height:300px;
	background:rgba(0,0,0,0.57);
	border-radius: 700px;
	opacity:1;
	transition:opacity 0.6s ease-in;
	}

.circle{
	width:200px; 
	height:200px; 
	
	box-shadow: 1px 1px 20px;
	border-radius: 160px;
	cursor:pointer;
	}
.circle2{
	width:200px; 
	height:200px;
	background:rgba(0,0,0,0.57);
	border-radius: 160px;
	opacity:0;
	transition:opacity 0.6s ease-in;
	}
.circle2:hover{
	width:200px; 
	height:200px;
	background:rgba(0,0,0,0.57);
	border-radius: 160px;
	opacity:1;
	transition:opacity 0.4s ease-in;
	}

.circle_b{
	font-family:"微軟正黑體";
	text-align:center;
	color:rgba(63,63,63,1.00);
	}

.button_top{
	width: 220px;
height: 100%;
float: left;
background:none;
margin: 0px 40px;
color:rgba(35,35,35,1.00);
transition:0.5s background ease-in;
cursor: pointer;	
text-shadow:rgba(110,110,110,0.50);
	}
.button_top:hover{
	transition:0.5s color ease-in;
	color:rgba(227,176,0,0.93);
	}

#banner{
	width: 100%;
height: 50px;

text-align: center;
background: rgba(74,74,74,1);
position:fixed;
box-shadow: 0 0 20px -3px #000;
opacity:0.6;

float: left;
top:-65px;
z-index: 2000;
transition: 0.5s opacity;
	}

#banner:hover{
	opacity:1;
	transition: 0.5s opacity;
	}

.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

.bottom{
	left:0;
	width: 100%;
text-align: center;
position: fixed;
z-index: 50;
background:url(../background.png);
bottom: 0px;
height: 33px;
border-top: 3px solid #fff;
box-shadow: 1px 1px 10px #000;
font-size: 16px;
font-family: "微軟正黑體";
transition:height ease 0.5s;

	}
.bottom:hover{
	height:60px;
	transition:height ease 0.5s;
	}
.topright{


letter-spacing: 5px;


opacity: 0.7;
transition:opacity ease 0.5s;
}
.topright:hover{
opacity: 1;
transition:opacity ease 0.5s;
}

a {  

height: 16px; 
color: #740001; 

transition:.6s color;

}
a:hover {  

height: 16px; 
color: #E49C00;
transition:.6s color;
}