@charset "utf-8";
/***GENERAL************/

.fL {
	float: left !important;
}
.fR {
	float: right !important;
}
.aC {
	text-align: center;
}
.clear {
	clear: both;
}
.clearL {
	clear: left;
}
.clearR {
	clear: right;
}
.clearFix {
	zoom: 1;
}
.clearFix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: "";
}
/* Main Setting
***********************/
* {
}
html, body {
	background:transparent;
}
#wrapper {
	width: 100%;
	margin: 0px auto;
}
#container
{ padding:10px 0px;}
#main {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	max-width: 1140px;
	padding-top:20px;
}
#main iframe
{ width:100%; height:300px; overflow:hidden; background:#fff;}

.btnNext
{ position:absolute; right:0px; top:50%; margin-top:-31px; width:33px; height:63px;}
.btnNext a
{ display:block; width:100%; height:100%;} 
.btnNext a .off
{ display:block;}
.btnNext a .on
{ display:none;}
.btnNext a:hover .off
{ display:none;}
.btnNext a:hover .on
{ display:block;}
.btnNext img
{ width:100%; height:auto;}


.btnPrev
{ position:absolute; left:0px; top:50%; margin-top:-31px; width:33px; height:63px;}
.btnPrev a
{ display:block; width:100%; height:100%;} 
.btnPrev a .off
{ display:block;}
.btnPrev a .on
{ display:none;}
.btnPrev a:hover .off
{ display:none;}
.btnPrev a:hover .on
{ display:block;}
.btnPrev img
{ width:100%; height:auto;}

.indicatorArea
{ }
.indicatorArea .innerArea
{ width:60px; padding:10px 0px; margin:0px auto;}
.indicatorArea li
{ float:left; width:10px; margin:0px 5px; cursor:pointer;}
.indicatorArea li img
{ width:10px; height:auto;}
.indicatorArea li .off
{ display:block;}
.indicatorArea li .on
{ display:none;}
.indicatorArea li:hover .off,
.indicatorArea li.highlight .off
{ display:none;}
.indicatorArea li:hover .on,
.indicatorArea li.highlight .on
{ display:block;}