/*  
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 {  border:0px solid #D1D1D1; 
	width: 1182px;
	margin: 10px auto; 
	clear: both;
	position: relative;overflow:hidden; 
}

.examples_body2 {  border:0px solid #D1D1D1; 
	width: 750px;
	margin: 0px auto; 
	clear: both;
	position: relative;overflow:hidden; 
}

.examples_body3 {  border:0px solid #D1D1D1; 
	width: 645px;
	margin: 0px auto; 
	clear: both;
	position: relative;overflow:hidden; 
}
.bx_wrap {
	
}

.bx_wrap a.prev {
	width: 25px;
	height: 64px;
	line-height: 21px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 50px;
	left: 0px;z-index:999;
	text-indent: -9999px;overflow:hidden;
	background: url(../../image/slide_tigger1.png) no-repeat 0 0;
}
.bx_wrap a.prev:hover {
	background: url(../../image/slide_tigger1.png) no-repeat 0 -130px;
}
.bx_wrap a.next {
	width: 25px;
	height: 64px;
	line-height: 21px;
	right: 0;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 50px; z-index:999;
	text-indent: -9999px; overflow:hidden;
	background: url(../../image/slide_tigger1.png) no-repeat -26px 0;
}
.bx_wrap a.next:hover {
	background: url(../../image/slide_tigger1.png) no-repeat -26px -130px;
}
.bx_wrap2 {
	margin-left: 0;
}

.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;
}

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

#example2 img{border:1px solid #ddd; padding:0px;}
#example2{ text-align:center; margin:10px auto;}
#example3 img{border:1px solid #ddd; padding:0px;}
#example3{ text-align:center; margin:10px auto; }
#example4 img{border:1px solid #ddd; padding:0px;}
#example4{ text-align:center; margin:10px auto; width:550px;}
#example0 li{float:left;margin-right:18px;}
#example0 li span{ width:220px; height:30px; line-height:30px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; color:#000; font-weight:normal;}
#example1 li span{ width:220px; height:30px; line-height:30px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; color:#000; font-weight:normal;}
#example2 li span{ width:138px; height:20px; line-height:20px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#000; font-weight:normal;}

#example3 li span{ width:138px; height:20px; line-height:20px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#000; font-weight:normal;}

#example4 li span{ width:195px; height:30px; line-height:30px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#000; font-weight:bold;}