@charset "utf-8";
/* CSS Document */
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

/* Main banner */ 
#BannerSmallBox{
	padding-top:5px;
	padding-bottom:5px;

}



.SmallBox_Off .BannerSmallLeftShadow{
	width:6px;
	height:83px;
	z-index:9;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('/home_banner/common/panelLeftShadow.png');
	background-repeat:no-repeat;	
}



.SmallBox_On .BannerSmallLeftShadow{
	width:6px;
	height:83px;
	z-index:9;
	position:absolute;
	top:0px;
	left:0px;

	background-image:none;
	background-color:transparent;
	background-repeat:no-repeat;	
}


.SmallBox_Off{
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom;
	
	position:absolute;
	top:0px;
	left:-10px;
	
	height:83px;
	
	margin-top:0px;
	
}
.SmallBox_Off b{
	width:85px;
	color:#666;
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	line-height:1.2em;
}

.SmallBox_On{
	height:91px;
	position:absolute;
	top:0px;
	margin-top:-5px;

	background-image:url('/home_banner/common/panelBase.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	
	-webkit-animation-name:Tab_Open;
	-webkit-animation-duration:0.2s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-iteration-count:1;
	-webkit-animation-direction:normal;
	
	/*IE 10 & FF 16*/
	animation-name:Tab_Open;
	animation-duration:0.2s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-direction:normal;
	
}
.SmallBoxTab{
	position:relative;
	background-image:url('/home_banner/common/panel.png');
	background-position:left;
	background-repeat:no-repeat;
	width:190px;
	height:85px;
	top:2px;
	z-index:100;
	margin-left:-2px;
}
.SmallBox_Off .SmallBoxTab{
	margin-top:0px;
	
}
.SmallBox_On .SmallBoxTab{
}
.SmallBox_On b{
	width:85px;
	color:#F00;
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	line-height:1.2em;
}

.SmallBoxImg{
	width:80px;
	margin-top:1px;
	padding-left:10px;
	padding-right:5px;
}
.SmallBoxPanel{
	display:table;
	padding-right:10px;
}

.SmallBoxLeftShadow{
	background:none;
	position:absolute;
	left:10px;
	width:5px;
	height:82px;
	margin-top:2px;
}


.SmallBox_Off .SmallBoxLeftShadow{
	background-image:url('/home_banner/common/panelLeftShadow.png');
	background-repeat:repeat-y;
	background-position:left;	
}

.SmallBox_Off .SmallBoxLeftShadowL{
	background-image:url('/home_banner/common/panelLeftShadowL.png');
	background-repeat:no-repeat;
	background-position:left;	
	position:absolute;
	top:2px;
	left:11px;
	width:178px;
	height:82px;
}


.SmallBoxRightShadow{
	background:none;
	position:absolute;
	left:184px;
	top:7px;
	width:10px;
	height:85px;
}

.SmallBox_Off .SmallBoxRightShadow{
	background-image:url('/home_banner/common/panelRiteShadow.png');
	background-repeat:no-repeat;
	background-position:left top;	
	
}

.SmallBoxBotShadow{
	background-color:#F0F0F0;
	background-image:url('/home_banner/common/panelLastBTMShadow.png');	
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	margin-top:-1px;
	top:426px;
	width:190px;
	height:10px;
}
.SmallBoxBotShadow2{
	background-color:#F0F0F0;
	background-image:url('/home_banner/common/panelLastBTMShadow_off.png');	
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	margin-top:-1px;
	top:426px;
	width:190px;
	height:10px;
}
#div_imgSlideInner{
	background-color:#FFF;
}

@-webkit-keyframes Tab_Open {
	0%	{left:-10px; margin-top:0px}
	100%{left:0px;	margin-top:-5px;}	
}

@keyframes Tab_Open {
	0%	{left:-10px; margin-top:0px}
	100%{left:0px;	margin-top:-5px;}	
}