@charset "utf-8";

.hidden{clear:both;height:0;line-height:0;width:0;position:absolute;top:-9999px;left:-9999px}
.hide-on-pc{display:block}
.hide-on-mobile{display:none}
.common-btnType-7{position:relative;display:inline-block;margin-left: 30px;}
.common-btnType-7:first-child{margin-left: 10px;}
.common-btnType-7 input:hover{text-decoration:underline}
.common-btnType-7 a,.common-btnType-7 input{position:relative;display:inline-block;height:auto;padding:12px 52px;font-size:16px;line-height:26px;color:#fff;vertical-align:top;}
.common-btnType-7 .line-right{position:absolute;box-sizing:border-box;bottom:15px;right:0;height:calc(100% - 15px);border-left:3px solid #fff;border-bottom:2px solid transparent;transition-delay:0s}
.common-btnType-7 .line-right:after{content:'';position:absolute;box-sizing:border-box;bottom:-2px;right:0;height:0;transition-delay:0s}
.common-btnType-7 .line-top{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;border-bottom:3px solid #fff}
.common-btnType-7 .line-top:after{content:'';position:absolute;box-sizing:border-box;top:0;right:0;width:0;border-bottom:3px solid #e2293a;transition-delay:0s}
.common-btnType-7 .line-left{position:absolute;box-sizing:border-box;top:0;left:0;height:100%;border-right:3px solid #fff}
.common-btnType-7 .line-left:after{content:'';position:absolute;box-sizing:border-box;top:0;left:0;height:0;border-right:3px solid #e2293a;transition-delay:0s}
.common-btnType-7 .line-bottom{position:absolute;box-sizing:border-box;bottom:0;left:0;width:calc(100% - 16px);border-top:3px solid #fff}
.common-btnType-7 .line-bottom:after{content:'';position:absolute;box-sizing:border-box;bottom:0;left:0;width:0;border-top:3px solid #e2293a;transition-delay:0s}
.common-btnType-7 .line-diag{position:absolute;box-sizing:border-box;bottom:0;left:calc(100% - 16.3px);width:22px;border-top:3px solid #fff;transform:translate(0,-6.3px) skew(0,-30deg);transition-delay:0s}
.common-btnType-7 .line-diag:after{content:'';position:absolute;box-sizing:border-box;bottom:0;left:0;width:0;border-top:3px solid #e2293a;transition-delay:0s}

.skip a{position:absolute;left:-3000%}
.skip a:focus{display:inline-block;top:0;left:0;z-index:9999;width:20%;height:30px;background:#000;line-height:30px;color:#fff;text-align:center}
#skipCt{overflow-x:hidden;}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

body{overflow-x:hidden}
#box-main .box-wMainTop{position:relative;min-width:992px;min-height: 786px;font-family:'Times New Roman',Times,serif;}
#box-main .box-wMainTop .slick-wrap .slick-prev{position:absolute;top:50%;left:0;padding:19px 19px 19px 45px;z-index:100;font-size:16px;line-height:25px;color: #fdb3a9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
#box-main .box-wMainTop .slick-wrap .slick-prev:after{content:'';display:block;position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;border-top: 8px solid #fdb3a9;border-right:12px solid transparent;transition:width .2s ease;}
#box-main .box-wMainTop .slick-wrap .slick-next{position:absolute;top:50%;right:0;padding:19px 45px 19px 19px;z-index:100;font-size:16px;line-height:25px;color:#fff;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#box-main .box-wMainTop .slick-wrap .slick-next:after{content:'';display:block;position:absolute;bottom:0;right:0;box-sizing:border-box;width:100%;border-bottom:8px solid #fff;border-left:12px solid transparent;transition:width .2s ease}
#box-main .box-wMainTop .slick-wrap .slick-next:hover:after,#box-main .box-wMainTop .slick-wrap .slick-prev:hover:after{width:70%}

#box-main .box-wMainTop .slide-wrap{position:relative;min-height:500px;background: no-repeat 50% 50%;background-size:cover;overflow:hidden;}
#box-main .box-wMainTop .slide-wrap:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35)}
#box-main .box-wMainTop .slide-wrap.pcBgNone{background-image:none!important}
#box-main .box-wMainTop .slide-wrap.dimNone:after{display:none}
#box-main .box-wMainTop .slide-wrap .txt-wrap{position:absolute;top:50%;left:120px;right:120px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);text-align:center;z-index:100}
#box-main .box-wMainTop .slide-wrap .txt-wrap img{margin: 0 auto; zoom: 1; width: 100%; min-width: 340px; max-width: 1024px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-1{font-size:68px;line-height:78px;color:#fff;opacity:0;transform:translate(0,60px)}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-2{margin-top:10px;font-size:30px;line-height:53px;color:#fdb3a9;opacity:0;transform:translate(0,60px)}
#box-main .box-wMainTop .slide-wrap .txt-wrap .btn-1{margin-top:30px;opacity:0;transform:translate(0,60px)}
#box-main .box-wMainTop .slide-wrap.ani-on .txt-wrap .txt-1{opacity:1;transition:All 1s ease;transform:translate(0,0);transition-delay:.3s}
#box-main .box-wMainTop .slide-wrap.ani-on .txt-wrap .txt-2{opacity:1;transition:All 1s ease;transform:translate(0,0);transition-delay:.4s}
#box-main .box-wMainTop .slide-wrap.ani-on .txt-wrap .btn-1{opacity:1;transition:All 1s ease;transform:translate(0,0);transition-delay:.5s}

@media (max-width: 992px) {
#box-main .box-wMainTop{min-width:100%}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-1{font-size: 48px;line-height: 58px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-2{line-height: 33px;}
	
}
@media (max-width: 768px) {
.common-btnType-7 a,.common-btnType-7 input{font-size:14px;line-height:24px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-1{font-size: 38px;line-height: 48px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-2{font-size: 20px;line-height: 23px;}
}
@media (max-width: 640px) {
.common-btnType-7 a,.common-btnType-7 input{padding:5px 32px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap {top:45%;left:20px;right:20px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-1{font-size: 28px;line-height: 38px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-2{font-size: 16px;line-height: 19px;}
#box-main .box-wMainTop .slick-wrap .slick-prev{padding:0;font-size:0;top:0;line-height:0;}
#box-main .box-wMainTop .slick-wrap .slick-next{padding:0;font-size:0;top:0;line-height:0;}
	
}
@media (max-width: 480px) {
#box-main .box-wMainTop .slide-wrap .txt-wrap .btn-1{margin-top:50px}
	
}
@media (max-width: 360px) {
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-1{font-size: 20px;line-height: 28px;}
#box-main .box-wMainTop .slide-wrap .txt-wrap .txt-2{font-size: 14px;}
	
}
 
@keyframes sceneBalloon1{0%{transform:translate(0,0)}
50%{transform:translate(0,-10px)}
100%{transform:translate(0,0)}
}
@keyframes sceneBalloon2{0%{transform:translate(0,0)}
50%{transform:translate(-100px,0)}
100%{transform:translate(0,0)}
}
@keyframes sceneWave1{0%{-webkit-transform:rotateZ(0) translate3d(0,5px,0) rotateZ(0);-moz-transform:rotateZ(0) translate3d(0,5px,0) rotateZ(0);transform:rotateZ(0) translate3d(0,5px,0) rotateZ(0)}
100%{-webkit-transform:rotateZ(360deg) translate3d(0,5px,0) rotateZ(-360deg);-moz-transform:rotateZ(360deg) translate3d(0,5px,0) rotateZ(-360deg);transform:rotateZ(360deg) translate3d(0,5px,0) rotateZ(-360deg)}
}
@keyframes sceneWave2{0%{-webkit-transform:rotateZ(0) translate3d(0,10px,0) rotateZ(0);-moz-transform:rotateZ(0) translate3d(0,10px,0) rotateZ(0);transform:rotateZ(0) translate3d(0,10px,0) rotateZ(0)}
100%{-webkit-transform:rotateZ(-360deg) translate3d(0,10px,0) rotateZ(360deg);-moz-transform:rotateZ(-360deg) translate3d(0,10px,0) rotateZ(360deg);transform:rotateZ(-360deg) translate3d(0,10px,0) rotateZ(360deg)}
}
#box-main .box-wMainTop .slick-wrap .slick-dots{position:absolute;left:50%;bottom: 22%;transform:translate(-50%,0);}
#box-main .box-wMainTop .slick-wrap .slick-dots li{float:left;margin:0 9px}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon){display:inline-block;position:relative;width:20px;height:23px;font-size:0;line-height:0;vertical-align:top;transform:scale(.77);opacity:1;transition:All .5s ease}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer{position:relative;display:block;width:20px;height:20px}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer:before{content:'';display:block;position:absolute;top:50%;left:50%;width:18px;height:21px;background:url(../images/icons/icon_hexagon.png) no-repeat 50% 50%;background-size:100% 100%;opacity:.5;transform:translate(-50%,-50%)}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex0,#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex120,#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex240{position:absolute;box-sizing:border-box;width:100%;height:57.74%;left:0;top:21.13%}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex120{transform:rotate(120deg)}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex240{transform:rotate(240deg)}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex0 .line-1{position:absolute;box-sizing:border-box;top:0;left:0;height:0%;border-right:2px solid #fff}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex0 .line-2{position:absolute;box-sizing:border-box;bottom:0;right:0;height:0%;border-left:2px solid #fff}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex120 .line-1{position:absolute;box-sizing:border-box;top:0;left:0;height:0%;border-right:2px solid #fff}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex120 .line-2{position:absolute;box-sizing:border-box;bottom:0;right:0;height:0%;border-left:2px solid #fff}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex240 .line-1{position:absolute;box-sizing:border-box;top:0;left:0;height:0%;border-right:2px solid #fff}
#box-main .box-wMainTop .slick-wrap .slick-dots li a:not(.btn-icon) .icon-hexagonTimer .hex240 .line-2{position:absolute;box-sizing:border-box;bottom:0;right:0;height:0%;border-left:2px solid #fff}
#box-main .box-wMainTop .slick-wrap .slick-dots li.slick-active a:not(.btn-icon){transform:scale(1);opacity:1}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer:before{opacity:0}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer .ani-1{animation-name:hexagonLine1;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer .ani-2{animation-name:hexagonLine2;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer .ani-3{animation-name:hexagonLine3;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer .ani-4{animation-name:hexagonLine4;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer .ani-5{animation-name:hexagonLine5;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer .ani-6{animation-name:hexagonLine6;animation-duration:5s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer.pause .ani-1,#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer.pause .ani-2,#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer.pause .ani-3,#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer.pause .ani-4,#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer.pause .ani-5,#box-main .box-wMainTop .slick-wrap .slick-dots li.ani-on a:not(.btn-icon) .icon-hexagonTimer.pause .ani-6{animation-play-state:paused}

@media (max-width: 640px) {
#box-main .box-wMainTop .slick-wrap .slick-dots{width:100%;left:75%;}
}
@keyframes hexagonLine1{0%{height:0}
17%{height:100%}
34%{height:100%}
50%{height:100%}
67%{height:100%}
83%{height:100%}
100%{height:100%}
}
@keyframes hexagonLine2{0%{height:0}
17%{height:0}
34%{height:100%}
50%{height:100%}
67%{height:100%}
83%{height:100%}
100%{height:100%}
}
@keyframes hexagonLine3{0%{height:0}
17%{height:0}
34%{height:0}
50%{height:100%}
67%{height:100%}
83%{height:100%}
100%{height:100%}
}
@keyframes hexagonLine4{0%{height:0}
17%{height:0}
34%{height:0}
50%{height:0}
67%{height:100%}
83%{height:100%}
100%{height:100%}
}
@keyframes hexagonLine5{0%{height:0}
17%{height:0}
34%{height:0}
50%{height:0}
67%{height:0}
83%{height:100%}
100%{height:100%}
}
@keyframes hexagonLine6{0%{height:0}
17%{height:0}
34%{height:0}
50%{height:0}
67%{height:0}
83%{height:0}
100%{height:100%}
}
#box-main .box-wMainTop .slick-wrap .slick-dots li .btn-stop{display:none;width:12px;height:17px;margin-top:2px;background:url(../images/icons/icon_stop.png) no-repeat 50% 1px;vertical-align:top;font-size:0;line-height:0}
#box-main .box-wMainTop .slick-wrap .slick-dots li .btn-stop.show{display:inline-block}
#box-main .box-wMainTop .slick-wrap .slick-dots li .btn-play{display:none;width:12px;height:17px;margin-top:2px;background:url(../images/icons/icon_play.png) no-repeat 50% 1px;vertical-align:top;font-size:0;line-height:0}
#box-main .box-wMainTop .slick-wrap .slick-dots li .btn-play.show{display:inline-block}
#box-main .box-wMainTop .slick-wrap .slick-dots .line-bar{position:relative}
#box-main .box-wMainTop .slick-wrap .slick-dots .line-bar:after{content:'';display:block;position:absolute;top:2px;left:-24px;width:1px;height:17px;background:rgba(255,255,255,.3)}