@charset "utf-8";

/* ****************************************************

	slideSection

***************************************************** */

#slideSection
{
	position:relative;
	width:100%;
	padding: 98px 0 180px;
	background:url(../img/bg/bg_glc_map.png) 50% 100% repeat-x ;
}

#slideSection *
{
	padding: 0;
	margin: 0;
	border: none;
}

#slideSection div.slideBox
{
	width: 100%;
	height: 295px;
	height: 319px;
	height: 350px;
	overflow: hidden;
/*	top: 166px;*/
	left: 0;
	position: relative;
	background: none;
}

#slideSection div.slideBox ul
{
	min-width: 100%;
	height: 108px;
	position: absolute;
	top: 94px;
	top: 118px;
	top: 143px;
	left: 0;
}

#slideSection div.slideBox ul li
{
	width: 192px;
	height: 108px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 0 rgba(0,0,0,0.2);
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -204px;
}

#slideSection div.slideBox ul li.move
{
	transition: left 0.45s 0.2s ease-out, box-shadow 0.05s linear, margin 0.05s linear;
	-webkit-transition: left 0.45s 0.2s ease-out, box-shadow 0.05s linear, margin 0.05s linear;
}

#slideSection div.slideBox ul.moving li
{
	box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);
	margin: 1px 0 0 1px;
}

/* ****************************************************

	bannerBox with QRcode (2016.11.28)

***************************************************** */

#slideSection .bannerQrBox
{
	width: 616px;
/*	height: 213px;*/
	height: auto;
	border-radius: 10px;
	box-shadow: 4px 4px 0 0 rgba(0,0,0,0.2);
	position: absolute;
	top: 70px;
	top: 95px;
	left: 50%;
	margin-left: -308px;
	background: #e60012;
}

#slideSection .bannerQrInner
{
	margin:3px;
	border:2px solid #fff;
	border-radius: 8px;
	background: #e60012;
	overflow:hidden;
}

#slideSection .bannerQrLogo
{
	float:left;
	width:276px;
	margin-left:10px;
}

#slideSection .bannerQrLogo dt
{
	margin:0;
	padding:40px 0 10px;
	color:#fff;
	font-size:14px;
	line-height:1.3;
	letter-spacing:1px;
	text-align:center;
}

#slideSection .bannerQrLogo dd
{
	padding-bottom:35px;
	text-align:center;
}

#slideSection .bannerQrApp
{
	float:right;
	width:310px;
	margin-right:10px;
	overflow:hidden;
}

#slideSection .bannerQrApp dl
{
	float:left;
	width:155px;
	margin-top: 48px;
}
#slideSection .bannerQrApp dl.banners
{
	margin-top: 51px;
}


#slideSection .bannerQrApp dt
{
	padding:0;
	text-align:center;
}

#slideSection .bannerQrApp dd
{
	text-align:center;
	margin: 8px 0 8px 0;
}

#slideSection .bannerQrApp dd a
{
	display:block;
	margin:0 auto;
}

#slideSection .bannerQrApp img
{
	vertical-align:bottom;
}

#slideSection .hughugLink
{
	width: 177px;
	height: 107px;
	position: absolute;
	top: -94px;
	right: 5px;
}

#slideSection .hughug
{
	display:block;
	width: 80px;
	height: 79px;
	position: absolute;
	bottom:0;
	right: 0;
	z-index:10;
}

#slideSection .balloon
{
	width: 117px;
	height: 49px;
	position: absolute;
	top:0;
	left: 0;
	z-index:1;
}

#slideSection .hughug + .balloon
{
	display:none;
}

#slideSection .hughug:hover + .balloon
{
	display:block;
}

/* ****************************************************

	additional text box

***************************************************** */

#slideSection .textBox
{
	padding-top:100px;
	padding-bottom:24px;
}

#slideSection .textBox p
{
	width:100%;
	margin:0 auto 1em;
	font-size: 18px;
	color:#fff;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
	text-align:center;
	line-height: 1.67;
}

/* adjust text width */
#slideSection .textBox p
{
	width:70%;
}

.howto #slideSection
{
	padding-top:0;
}

p.footerNotice
{
	color:#754b23;
	font-size: 12px;
	text-align:center;
	line-height: 1.58;
}