/* Full-overlay start */
@charset "utf-8";
/* CSS Document */

.tablet-ver,
.mobile-ver { display:none; }
.desktop-ver { display:block; }

.full-overlay { display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1020; user-select:none; -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; }
.full-overlay:before { content:""; display:block; width:100%; height:100%; position:fixed; left:0; top:0; background-color:#000; opacity:.5; }

.full-overlay .btn-close { display:block; width:22px; height:22px; position:absolute; right:10px; top:10px; z-index:101; overflow:hidden; cursor:pointer; }
.full-overlay .btn-close:before { content:""; display:block; width:150%; height:3px; position:absolute; left:-28%; top:40%; transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg); background-color:#333333; }
.full-overlay .btn-close:after { content:""; display:block; width:150%; height:3px; position:absolute; left:-21%; top:40%; transform:rotateZ(-45deg); -webkit-transform:rotateZ(-45deg); background-color:#333333; }

.full-overlay .container { width:100%; max-width:779px; margin:74px auto; position:relative; background-color:#FFF; color:#677279; font-size:15px; line-height:1.5em;  padding:0; }
.full-overlay .container .slideshow { width:100%; overflow:hidden; }
.full-overlay .container .slideshow > div { width:100%; }
.full-overlay .container .slideshow > div > .image { width:100%; padding-top:50px; border-bottom:solid 1px #f0f0f0; background-color:#f5f5f5; }
.full-overlay .container .slideshow > div > .image div { width:598px; margin:auto; position:relative; }
.full-overlay .container .slideshow > div > .image img { display:block; width:100%; border:solid 1px #bebebe; border-bottom:none; }
.full-overlay .container .slideshow > div > .image img.image-a { animation-name:changeImage1; -webkit-animation-name:changeImage1; animation-duration:5s; -webkit-animation-duration:5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; }
.full-overlay .container .slideshow > div > .image img.image-b { position:absolute; left:0; top:0; animation-name:changeImage2; -webkit-animation-name:changeImage2; animation-duration:5s; -webkit-animation-duration:5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; }
.full-overlay .container .slideshow > div > .content { width:89%; margin:auto; padding:45px 0 30px 0; }
.full-overlay .container .slideshow > div > .content h2 { margin-bottom:25px; color:#000; font-size:1.3em; font-weight:bold; text-align:center; }
.full-overlay .container .slideshow > div > .content p { word-break:normal; text-align:center; }

.full-overlay .container .slideshow-btn { display:block; width:47px; height:47px; position:absolute; top:45%; z-index:101; cursor:pointer; border-radius:50%; background-color:#FFF; }
.full-overlay .container .slideshow-btn.disabled { display:none; }
.full-overlay .container .slideshow-btn span { display:block; width:20px; height:20px; margin:14px auto 0 auto; position:relative; overflow:hidden; }
.full-overlay .container .slideshow-btn span:before { content:""; display:block; width:100%; height:3px; position:absolute; top:71%; background-color:#EC1A2D; }
.full-overlay .container .slideshow-btn span:after { content:""; display:block; width:100%; height:3px; position:absolute; top:11%; background-color:#EC1A2D; }

.full-overlay .container .slideshow-btn.prev { left:-10%; }
.full-overlay .container .slideshow-btn.prev span:before { transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg); }
.full-overlay .container .slideshow-btn.prev span:after { transform:rotateZ(-45deg); -webkit-transform:rotateZ(-45deg); }

.full-overlay .container .slideshow-btn.next { right:-10%; }
.full-overlay .container .slideshow-btn.next span:before { transform:rotateZ(-45deg); -webkit-transform:rotateZ(-45deg); }
.full-overlay .container .slideshow-btn.next span:after { transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg); }
.full-overlay .container .slideshow-pager { width:100%; margin:auto; padding-bottom:32px; position:relative; z-index:101; text-align:center; }
.full-overlay .container .slideshow-pager span { display:inline-block; width:15px; height:15px; margin:0 2%; cursor:pointer; border-radius:50%; text-indent:-9999px; background-color:#b9b9b7; }
.full-overlay .container .slideshow-pager span.cycle-pager-active { background-color:#ec2840; }

@keyframes changeImage1 {
	0% { opacity:0; }
	30% { opacity:0; }
	50% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}

@keyframes changeImage2 {
	0% { opacity:1; }
	30% { opacity:1; }
	50% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes changeImage1 {
	0% { opacity:0; }
	30% { opacity:0; }
	50% { opacity:1; }
	80% { opacity:1; }
	100% { opacity:0; }
}

@-webkit-keyframes changeImage2 {
	0% { opacity:1; }
	30% { opacity:1; }
	50% { opacity:0; }
	80% { opacity:0; }
	100% { opacity:1; }
}


@media only screen and (max-width:1023px) {

	.desktop-ver,
	.mobile-ver { display:none; }
	.tablet-ver { display:block; }
	
	body.mobile-now.openTips { height:100%; }
	.mobile-now .mainWrapper.openTips { height:50%; overflow:hidden; }
	
	.full-overlay .container { margin:15px auto; }
	.full-overlay .container .slideshow > div > .image { padding-top:40px; }
	.full-overlay .container .slideshow > div > .image div { width:478px; }
	.full-overlay .container .slideshow-btn { top:45%; border:solid 1px #bebebe; }
	.full-overlay .container .slideshow-btn.prev { left:5%; }
	.full-overlay .container .slideshow-btn.next { right:5%; }
	
	.full-overlay.mobile { position:fixed; }
	.full-overlay.mobile .container { height:100%; margin:auto; overflow:scroll; }
	.full-overlay.mobile .container .slideshow > div > .image { padding-top:8%; }
	.full-overlay.mobile .container .slideshow > div > .image div { width:65%; }
	.full-overlay.mobile .container .slideshow > div > .content { width:87%; }
	.full-overlay.mobile .container .slideshow-btn { display:none; }
	
	.full-overlay.mobile .container .slideshow-pager { padding-bottom:5%; position:fixed; left:0; bottom:0; }

}


@media only screen and (max-width:767px) {

	.desktop-ver,
	.tablet-ver { display:none; }
	.mobile-ver { display:block; }
	
	.full-overlay { position:fixed; }
	.full-overlay .container { width:100%; height:100%; margin:auto; overflow:scroll; }
	.full-overlay .container .slideshow > div > .image div { width:65%; }
	.full-overlay .container .slideshow-btn { top:20%; }
	.full-overlay .container .slideshow-pager { padding-bottom:5%; position:fixed; left:0; bottom:0; }
	
	.full-overlay .container .slideshow > div > .image { padding-top:6%; }
	.full-overlay .container .slideshow > div > .content { width:87%; padding-top:20px; }
	.full-overlay .container .slideshow > div > .content h2 { margin-bottom:10px; }

}


@media only screen and (max-width:414px) {

	.full-overlay.mobile .container .slideshow-pager span { width:10px; height:10px; }

}


@media only screen and (max-width:320px) {
	
	.full-overlay.mobile .container .slideshow > div > .image { padding-top:5%; }

}