﻿
.evoslider.cycle
{
	position: relative;
    margin: 0 auto;
	border: 0px solid #fafafa;
	padding: 0px;
	overflow : visible;
}

/* Content preloader */
/*.evoslider.cycle .contentLoader
{
	position: absolute;
	bottom: 0;
	left: 0;
    width: 100%;
	height: 100%;
	z-index: 99;
	background: #fff url("spinner.gif") no-repeat center;
}*/

/* You can set up the border of the dl element here  */
.evoslider.cycle dl
{
	border: 0;
}


/* The hover state of the title bar */ 
.evoslider.cycle dt:hover
{
	cursor :pointer ;
}

/* The active state of the title bar */
.evoslider.cycle dt.active
{
	cursor :default;
}

/* 
The slide content area

The width and height will automatically be defined by the plugin.
*/
.evoslider.cycle dd 
{
	background: #fff;
}

/* Control navigation container */
.evoslider.cycle .controlNav 
{
	left : 45%; /*--點點位置--*/
	bottom : 40px;
	margin :0;
	border : 0;
}

.evoslider.cycle .control_wrapper 
{
/*	width: 100%;
	height: 100%;*/
	overflow: hidden;
}

/* Control list */
.evoslider.cycle .controlNav ul 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
}

/* The bullets control */
.evoslider.cycle .controlNav li.bullets 
{
	width : 20px;
	height : 20px;
	margin : 0px;
	padding :0;
	border :none;
	overflow: visible;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #7f7f7f;
	font-weight: bold;
	background : url("bullets.png") no-repeat;
}

/* Bullet last item */
.evoslider.cycle .controlNav li.bullets.last 
{
}

/* The hover state of the bullets control */
.evoslider.cycle .controlNav li.bullets:hover
{
	background: url("bullets.png") no-repeat -24px 0;
	color: #fafafa;
}

/* The active state of the bullets control */
.evoslider.cycle .controlNav li.bullets.active 
{
	background: url("bullets.png") no-repeat -24px 0;
	color: #fafafa;
}


/* Overlay text */
.evoslider.cycle .evoText.overlay 
{
	left:220px;/*--文字區塊跟左邊的距離*/
	top:30px;
	width: 1000px;
	height:710px;
	color: #000;
	/*padding: 30px;*/
	opacity: 0.8;
	margin:0 auto;
	/*
	-ms-filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.evoslider.cycle .evoText.overlay h3 {
	 margin:0; padding:0;
	 padding-bottom: 5px;
	color: #000;
	margin-bottom: 0;
	 font-size:56px;
	 font-family: 'Roboto', sans-serif; 
	 font-weight:500; 
	 line-height:60px;
	
}

.evoslider.cycle .evoText.overlay p {
	/*padding-top: 5px;*/
	margin:0; 
	margin:10px 0; font-size:18px;
	font-family: 'Open Sans', sans-serif;
	color:#336699; 
	font-weight:400; 
}

.evoslider.cycle .evoText.overlay .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.evoslider.cycle .evoText.overlay .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Partial left */
.evoslider.cycle .evoText.partialleft 
{
	width: 300px;
	background-color: #eee;
	padding: 30px;
	/*border-right: solid 5px #fafafa*/
}

.evoslider.cycle .evoText.partialleft h3 {
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 0;
	font-weight: bold;
	color: #4e4e4e;
}

.evoslider.cycle .evoText.partialleft p {
	padding-top: 5px;
	color: #4e4e4e;
	line-height: 2em;
}

.evoslider.cycle .evoText.partialleft .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.evoslider.cycle .evoText.partialleft .button:hover {
	background: #565656;
	text-decoration: none;
}

/* Partial right */
.evoslider.cycle .evoText.partialright 
{
	width: 520px;
	padding:30px 35px;
	/*border-left: solid 5px #0FF;*/
}

.evoslider.cycle .evoText.partialright h3 {
	
	padding-bottom: 5px;
	margin-bottom: 0;
	margin:0; font-size:56px
	;font-family: 'Roboto', sans-serif;
	color:#000000; 
	font-weight:500; line-height:60px; 
}

.evoslider.cycle .evoText.partialright p {
	padding-top: 5px;
	margin:0; margin:25px 0; 
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	color:#666; font-weight:400; 
	line-height:32px;
}

.evoslider.cycle .evoText.partialright .button {
	font-size: 12px;
	color: #f7f7f7;
	padding: 5px 10px;
	background: #db7030;
	display: inline-block;
	margin-top: 15px;
	text-transform: uppercase;	
	text-decoration: none;
}

.evoslider.cycle .evoText.partialright .button:hover {
	background: #565656;
	text-decoration: none;
}

