/*  
Theme Name: Airos Chou
Theme URI: http://www.sunflowamedia.com
Description: Web Design examples
*/

/* examples_body */
/*.examples_body {  border:0px solid #D1D1D1; 
	width: 99%; min-width:1000px; max-width:1400px;
	margin: 10px auto; 
	clear: both;
	position: relative;overflow:hidden; 
}*/
.examples_body,.examples_body2,.examples_body3,.examples_body4 {  border:0px solid #D1D1D1; 
	width: 1190px;
	margin: 30px auto; 
	clear: both;
	position: relative;overflow:hidden;
}

.examples_body{width:910px;}
.bx_wrap { 
		margin-left: 20px;
}

.bx_wrap a.prev {
	width: 16px;
	height:31px;
	line-height: 21px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 35px;
	left: 10px;z-index:999;
	text-indent: -9999px;overflow:hidden;
	background: url(../../images/leftarrow.png) no-repeat center center;
}
.bx_wrap a.prev:hover {
background: url(../../images/leftarrow_hover.png) no-repeat center center;	
}
.bx_wrap a.next {
	width: 16px;
	height:31px;
	line-height: 21px;
	right: 5px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 35px; z-index:999;
	text-indent: -9999px; overflow:hidden;
	background: url(../../images/rightarrow.png) no-repeat center center;
}
.bx_wrap a.next:hover {
background: url(../../images/rightarrow_hover.png) no-repeat center center;	
}
.bx_wrap2 {
	margin-left: 20px;
}

.bx_wrap2 a.prev {
	width: 30px;
	height: 30px;
	line-height: 21px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 55px;
	left: 0px;z-index:999;
	text-indent: -9999px;overflow:hidden;
	background: url(../../image/icon-arrow-l.gif) no-repeat 0 0;
}
.bx_wrap2 a.prev:hover {
	background: url(../../image/icon-arrow-l-on.gif) no-repeat 0 0;
}
.bx_wrap2 a.next {
	width: 30px;
	height: 30px;
	line-height: 21px;
	right: 0px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 55px; z-index:999;
	text-indent: -9999px; overflow:hidden;
	background: url(../../image/icon-arrow-r.gif) no-repeat 0 0;
}
.bx_wrap2 a.next:hover {
	background: url(../../image/icon-arrow-r-on.gif) no-repeat 0 0;
}


#example1 img,#example2 img,#example3 img,#example4 img{border:1px solid #ddd; padding:0px;display:block;}
#example1,#example2,#example3,#example4{ text-align:center;}

#example1 li span,#example2 li span,#example3 li span,#example4 li span{ /* width:263px; height:30px; line-height:30px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px;font-weight:normal; */}
#example1 li  a:hover span{/*  color:#EA281E; */}