@charset "utf-8";

@import url('layout.css');
@import url('common.css');

body, html{overflow:hidden;min-width:360px;}

.loadingUi{z-index:9999999;position:fixed;top:0;left:0;width:100%;height:100%;}
.loadingUi:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.4}
.loadingUi div{position:absolute;top:0;left:0;right:0;bottom:0;width:320px;height:92px;line-height:92px;margin:auto;text-align:center;}
.loadingUi div span{display:inline-block;height:30px;width:30px;margin:0 4px;vertical-align:middle;border-radius:30px;animation:loading 1.2s infinite ease backwards;}
.loadingUi div .circle1{animation-delay:.1s;background:#1e9fe1}
.loadingUi div .circle2{animation-delay:.25s;background:#2aaf8e}
.loadingUi div .circle3{animation-delay:.35s;background:#a9d467}
.loadingUi div .circle4{animation-delay:.45s;background:#8c5edf}
@-webkit-keyframes loading{0%, 100%{transform: scale(0);} 40%, 60%{transform: scale(1);}}

header.load{opacity:1;top:0;}

@media (min-width: 1430px) {
	header.type .header{background:#fff ! important}
	header.type h1 a{background-image:url(../images/logo.png)  ! important}
	header.type{background:#fff ! important}
	header.type #gnbMenu .gnb .depth1 > a{color:#111 ! important}
	header.type .lang .btn_lang{background-image:url(../images/ic_lang.png)  ! important;}
	header.type .btn_allMenu{background-image:url(../images/ic_menu.png)  ! important;}

	.fp-viewing-setA header,.fp-viewing-setA header .header,.fp-viewing-setC header,.fp-viewing-setC header .header,.fp-viewing-setD header,.fp-viewing-setD header .header,
	.fp-viewing-setE header .header,.fp-viewing-setE header,.fp-viewing-setE header .header
	{background:transparent;transition:all 0.6s ease-in-out;}
	.fp-viewing-setA header h1 a,.fp-viewing-setC header h1 a,.fp-viewing-setD header h1 a,.fp-viewing-setE header h1 a
	{background-image:url(../images/logo_w.png)}
	.fp-viewing-setA header .lang .btn_lang,.fp-viewing-setC header .lang .btn_lang,.fp-viewing-setD header .lang .btn_lang,.fp-viewing-setE header .lang .btn_lang
	{background-image:url(../images/ic_lang_w.png);background-color:transparent}
	.fp-viewing-setA header .btn_allMenu,.fp-viewing-setC header .btn_allMenu,.fp-viewing-setD header .btn_allMenu,.fp-viewing-setE header .btn_allMenu
	{background-image:url(../images/ic_menu_w.png);}
	.fp-viewing-setA header .header:after,.fp-viewing-setC header .header:after,.fp-viewing-setD header .header:after,.fp-viewing-setE header .header:after
	{background-color:transparent}
	.fp-viewing-setA header #gnbMenu .gnb .depth1 > a,.fp-viewing-setC header #gnbMenu .gnb .depth1 > a,.fp-viewing-setD header #gnbMenu .gnb .depth1 > a,.fp-viewing-setE header #gnbMenu .gnb .depth1 > a
	{color:#fff}
}


/* fullPage 4.0.8 */
.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;display:block}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-table{display:flex;flex-direction:column;justify-content:center;width:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-prev{left:15px}.fp-next{right:15px}.fp-arrow{width:0;height:0;border-style:solid}.fp-arrow.fp-prev{border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-arrow.fp-next{border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height.fp-section{height:auto!important}.fp-scrollable .fp-section,.fp-scrollable .fp-slide{height:100vh;height:calc(var(--vh,1vh) * 100)}.fp-overflow{justify-content:flex-start}.fp-overflow{overflow-y:scroll;height:100%;outline:0}.fp-overflow.fp-table{display:block}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-snaps{overflow-y:auto!important;height:100%!important}.fp-snaps body{height:100%!important;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-y:scroll!important;scroll-behavior:smooth}.fp-snaps .fp-section{scroll-snap-align:start}.fp-snaps .fullpage-wrapper{height:auto!important}.fp-disable-snap body{scroll-behavior:unset!important;scroll-snap-type:none!important}.fp-scroll-mac .fp-overflow::-webkit-scrollbar{background-color:transparent;width:9px}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track{background-color:transparent}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:16px;border:4px solid transparent}.fp-warning,.fp-watermark{z-index:9999999;position:absolute;bottom:0}.fp-warning,.fp-watermark a{text-decoration:none;color:#000;background:rgba(255,255,255,.6);padding:5px 8px;font-size:14px;font-family:arial;color:#000;display:inline-block;border-radius:3px;margin:12px}
.fp-overflow{overflow-x:hidden}

aside .btn_top{opacity:1;}
.fp-viewing-setA aside .btn_top{opacity:0;}

section{overflow:hidden;z-index:11;position:relative;height:100%;box-sizing:border-box;}
section .con,section .box{overflow:hidden;position:relative;}
section .con,section .in,section .box{height:100%;}
section h2{margin:19vh 0 90px 0;text-align:center;color:#fff;font-size:58px;font-weight:900;}
section h2 span{display:block;margin-bottom:15px;font-size:38px;font-weight:500;}

.setA .box{position:relative;margin:0 auto;transition:all 1s ease-in-out;}
.setA .mainvisual{width:100vw;height:100%;}
.setA .mainvisual div{height:100% ! important;display:block ! important}
.setA .mainvisual .item{position:relative;}
.setA .mainvisual .item .img{position:absolute;top:0;left:0;right:0;bottom:0;}
.setA .mainvisual .item .img:before{opacity:.3;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transition:all 0.8s ease-in-out;}
.setA .mainvisual .item.it1 .img{background:url(../images/main/mainvisual1.jpg) no-repeat 0 50%/cover;}
.setA .mainvisual .item.it2 .img{background:url(../images/main/mainvisual2.jpg) no-repeat 0 50%/cover;}
.setA .mainvisual .item .txtg{position:relative;z-index:1;height:auto ! important;max-width:1700px;margin:0 auto;padding-top:34vh;}
.setA .mainvisual .item .txtg .txt1{font-size:26px;color:#00edff;}
.setA .mainvisual .item .txtg .txt2{margin-top:9px;font-weight:1000;font-size:70px;color:#fff;}
.setA .mainvisual .item .txtg .txt3{margin-top:10px;font-size:45px;color:#fff;}
.setA .mainvisual .slide-controller{display:none}

#myVideo{position:fixed;left:0;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;}
.video.landscape{display:block}
.video.portrait{display:none}

.scroll{z-index:99;position:absolute;left:0;right:0;bottom:48px;max-width:1700px;margin:0 auto;font-size:0;}
.scroll i{position:relative;display:block;width:20px;height:32px;background:url(../images/main/ic_scroll.png) no-repeat 0 50%/contain;animation:upDown 1s ease-in-out infinite;}
@keyframes upDown{0%, 100%{transform:translateY(0);}50%{transform: translateY(-10px);}}

.setB{background:#fff}
.setB h2{color:#222}

.setC .link{display:flex;height:100%;}
.setC .link li{z-index:2;position:relative;width:100%;height:100%;transition:all 0.6s cubic-bezier(0.42, 0, 0.58, 1);}
.setC .link li:after{opacity:1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .35);transition:all 0.3s ease-in-out;}
.setC .link a{position:relative;display:block;width:100%;height:100%;transition:all 0.3s ease-in-out;}
.setC .link div{z-index:1;position:absolute;left:62px;bottom:92px;width:500px;}
.setC .link div p{overflow:hidden;line-height:28px;height:0;margin-top:30px;font-size:20px;font-weight:500;color:#fff;transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.setC .link div:after{content:"";display:block;width:64px;height:65px;margin-top:38px;background:url(../images/main/ic_go.png) no-repeat 0 50%/contain;}
.setC .link div span{display:block;font-size:44px;font-weight:900;color:#fff;}
.setC .link .it1 a{background:url(../images/main/img_it1.png) no-repeat 50% 50%/cover;}
.setC .link .it2 a{background:url(../images/main/img_it2.png) no-repeat 50% 50%/cover;}
.setC .link .it3 a{background:url(../images/main/img_it3.png) no-repeat 50% 50%/cover;}
.setC .link .it2{z-index:1;overflow:hidden}
.setC .link .it4 a{background:url(../images/main/img_it4.png) no-repeat 50% 50%/cover;}
.setC .link li:hover{z-index:3;width:220%;overflow:hidden}
.setC .link li:hover p{height:120px;}
.setC .link li:nth-child(2):hover,.setC .link li:nth-child(3):hover{margin-left:-20px;width:calc(220% - 20px)}

.setD .con{background:url(../images/main/bg_setD.jpg) no-repeat 50% 0/cover;}
.setD .product .item{padding:0 20px}
.setD .product .item div{width:360px;height:360px;border-radius:30px;overflow:hidden;background:#fff}
.setD .product .item .thum{position:relative;height:280px;overflow:hidden}
.setD .product .item img{position:absolute;top:50%;left:50%;max-width:360px;margin:-180px 0 0 -180px;transition:all 0.3s ease-in-out;}
.setD .product .item .tit{height:50px;padding:0 12px;text-align:center;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.setD .product .item a:hover img{transform:scale(1.08);}
.setD .product .slide-pause,.setD .product .slide-play{display:none}
.setD .product .slick-arrow{z-index:1;position:absolute;width:64px;height:64px;top:0;bottom:0;left:130px;margin:auto 0;font-size:0;border-radius:100%;background:url(../images/main/ic_sArr.png) no-repeat 50% 50% rgba(0, 0, 0, .3);transition:all 0.3s ease-in-out;}
.setD .product .slick-next{right:130px;left:auto;transform:rotate(180deg);}
.setD .product .slick-arrow:hover{background-color:rgba(0, 0, 0, .8)}

.setE .con{background:url(../images/main/bg_setE.jpg) no-repeat 50% bottom/cover;}
.setE ul{display:flex;justify-content:center;gap:180px;}
.setE ul a{display:flex;align-items:center;justify-content:center;;width:394px;height:450px;text-align:center;color:#fff;font-size:40px;font-weight:900;border-radius:20px;box-shadow:0 0 12px rgba(0, 0, 0, .3);box-sizing:border-box;}
.setE ul a div:after{content:"";position:relative;display:block;width:30px;height:30px;margin:36px auto 0;background:url(../images/main/ic_plus.png) no-repeat 50% 50%/cover;}
.setE li:nth-child(1) a{background:url(../images/main/img_setE01.png) no-repeat 50% 50%/cover;}
.setE li:nth-child(2) a{background:url(../images/main/img_setE02.png) no-repeat 50% 50%/cover;}

.setF .con{background:url(../images/main/bg_setF.jpg) no-repeat 50% bottom/cover;}
.setF h2{position:relative;color:#111}
.setF h2 em{font-weight:400}
.setF h2:after{content:"";position:relative;display:inline-block;width:23px;height:23px;top:-23px;margin-left:12px;background:url(../images/main/ic_noti.png) no-repeat 0 50%/contain;}
.setF .notice{margin-top:-12px}
.setF .notice .item{padding:12px 15px}
.setF .notice .item div{width:480px;height:530px;padding:48px;border-radius:10px;overflow:hidden;background:#fff;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.setF .notice .item div:hover{box-shadow:0 0 12px rgba(0, 0, 0, .25);}
.setF .notice .item h3{display:inline-block;width:74px;height:38px;line-height:36px;margin-bottom:25px;text-align:center;font-size:18px;color:#336f99;font-weight:700;border-radius:30px;border:1px solid #336f99;box-sizing:border-box;}
.setF .notice .item .tit{height:72px;font-size:30px;font-weight:900;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.setF .notice .item .thum{overflow:hidden;position:relative;height:200px;margin-top:30px;border-radius:10px}
.setF .notice .item .date{margin-top:42px;font-size:16px;color:#61666b}
.setF .notice .item img{position:absolute;top:50%;left:50%;width:460px;height:330px;margin:-165px 0 0 -230px;transition:all 0.3s ease-in-out;}
.setF .notice .item a:hover img{transform:scale(1.08);}
.setF .notice .slide-pause,.setF .notice .slide-play{display:none}
.setF .notice .slick-arrow{z-index:1;position:absolute;width:64px;height:64px;top:0;bottom:0;left:130px;margin:auto 0;font-size:0;border-radius:100%;background:url(../images/main/ic_sArr.png) no-repeat 50% 50% rgba(0, 0, 0, .3);transition:all 0.3s ease-in-out;}
.setF .notice .slick-next{right:130px;left:auto;transform:rotate(180deg);}
.setF .notice .slick-arrow:hover{background-color:rgba(0, 0, 0, .8)}

.setG .slide-controller{display:none}
.setG .performance{padding:88px 0;background:#fff}
.setG .performance .item{padding:12px 20px}
.setG .performance .item div{display:flex;align-items:center;justify-content:center;width:298px;height:146px;border:1px solid #e4e4e4;border-radius:30px;overflow:hidden;transition:all 0.3s ease-in-out;}
.setG .performance .item img{max-width:260px;}
.setG .performance .item div:hover{box-shadow:0 0 12px rgba(0, 0, 0, .2);}

aside{bottom:60px}


/* resize */
@media (max-width: 1700px) {
	.scroll{left:20px;right:20px;bottom:20px}
	
	section h2{margin-bottom:60px}
	
	.setA .mainvisual .item .txtg{margin:0 20px}
	
	.setE ul a{height:350px}
	
	.setF .notice .item div{height:430px;padding:16px;}
	.setF .notice .item .thum{height:180px}
	.setF .notice .item .date{margin-top:20px}
}

@media (max-width: 1430px) {
	 header.type{border-bottom:0;}
}

@media (max-width: 1280px) {
	header{opacity:1;top:0}
	header.type,header.type .header{background:#fff;}
	header.type h1 a{background-image:url(../images/logo.png)}
	header.type .lang .btn_lang{background-image:url(../images/ic_lang.png);background-color:#ff}
	header.type .btn_allMenu{background-image:url(../images/ic_menu.png);}
	header.type .header:after{background-color:#ff}

	section{min-width:auto}
	section .con{height:calc(100% - 55px);padding-top:55px}
	section h2{margin:10vh 20px 6vh;font-size:38px}
	section h2 span{font-size:16px;}
	
	.setA .mainvisual .item .txtg{padding-top:28vh}
	.setA .mainvisual .item .txtg .txt1{font-size:18px}
	.setA .mainvisual .item .txtg .txt2{line-height:46px;font-size:46px;}
	.setA .mainvisual .item .txtg .txt3{font-size:22px}
	
	.setC .link{display:block;}
	.setC .link li{height:25%}
	.setC .link li:after{background: rgba(0, 0, 0, .2) ! important;}
	.setC .link li p{opacity:1;display:block;margin-top:12px}
	.setC .link li a:before{opacity:0;}
	.setC .link li:hover{width:100%}
	.setC .link a{position:relative;display:flex;align-items:center;background-size:cover ! important}
	.setC .link div{position:static;height:auto;padding:0 20px}
	.setC .link li:hover div{height:auto}
	.setC .link div p{height:auto;line-height:22px;font-size:14px;}
	.setC .link div p br{display:none}
	.setC .link div:after{position:absolute;top:20px;right:20px;width:32px;height:32px;margin:12px 0 0 0}
	.setC .link div span{margin-top:6px;font-size:20px;}
	
	.setD .product .item{padding:0 12px}
	.setD .product .item div{width:220px;height:240px;border-radius:10px;}
	.setD .product .item .thum{height:200px}
	.setD .product .item img{width:200px;height:200px;margin:-100px 0 0 -100px;}
	.setD .product .item .tit{height:24px;font-size:16px;-webkit-line-clamp:1;}
	.setD .product .slick-arrow{width:42px;height:42px;background-size:18px auto ! important}
	.setD .product .slick-prev{left:12px;}
	.setD .product .slick-next{right:12px;}
	
	.setE ul{display:block;}
	.setE ul li~li{margin-top:12px}
	.setE ul a{width:245px;height:130px;margin:0 auto;font-size:26px;border-radius:10px;}
	.setE ul div:after{width:20px;height:20px;margin-top:12px;}
	
	.setF h2{font-size:34px}
	.setF h2:after{position:absolute;width:16px;height:16px;top:0;margin-left:2px}
	
	.setF .notice .item{padding:6px}
	.setF .notice .item div{width:240px;height:300px;padding:10px;}
	.setF .notice .item h3{width:48px;height:22px;margin-bottom:12px;line-height:20px;font-size:12px;border-radius:10px;}
	.setF .notice .item .tit{height:45px;font-size:18px}
	.setF .notice .item .thum{height:130px;margin-top:16px;border-radius:6px;}
	.setF .notice .item img{width:320px;height:230px;margin:-115px 0 0 -160px;transition:all 0.3s ease-in-out;}
	.setF .notice .item .date{margin-top:30px;font-size:12px;}
	.setF .notice .slick-arrow{width:42px;height:42px;background-size:18px auto ! important}
	.setF .notice .slick-prev{left:12px;}
	.setF .notice .slick-next{right:12px}
	
	.setG .performance{padding:40px 0}
	.setG .performance .item{padding:12px}
	.setG .performance .item div{width:200px;height:106px;border-radius:10px}
	.setG .performance .item img{width:100%;max-width:200px;}
}

@media (max-width: 920px) {
	.setA .mainvisual .item.it1 .img{background: url(../images/main/mo/mainvisual1.jpg) no-repeat 50% 50% / cover;}
	.setA .mainvisual .item.it2 .img{background: url(../images/main/mo/mainvisual2.jpg) no-repeat 50% 50% / cover;}
	
	.video.landscape{display:none}
	.video.portrait{display:block}
}

@media (max-width: 540px) {
	
}




@media (max-width: 330px) { 
	body{font-size:13px;} 
}


/* motion */
.fp-viewing-setA .setA .box{max-width:100%;border-radius:0;}

.setA .mainvisual .item .txt1{opacity:0;transform:translateY(30px);transition:all 0.8s ease-in-out;}
.setA .mainvisual .item .txt2{opacity:0;transform:translateY(50px);transition-delay:200ms;transition:all 0.8s ease-in-out;}
.setA .mainvisual .item .txt3{opacity:0;transform:translateY(70px);transition-delay:400ms;transition:all 0.8s ease-in-out;}
.setA .mainvisual .item .img{transform:scale(1.108);transition:all 3s ease}
.setA .mainvisual .item.active .txt1,.setA .mainvisual .item.active .txt2,.setA .mainvisual .item.active .txt3{opacity:1;transform:translateY(0);}
.setA .mainvisual .item.active .img{transform:scale(1);}
.setA .mainvisual .item.active .img:before{opacity:0;}

.setB h2,.setC h2,.setD h2,.setE h2,.setF h2{opacity:0;transform:translateY(60px);transition:all 0.8s ease-in-out;transition-delay:400ms;}
.fp-viewing-setB .setB h2, .fp-viewing-setC .setC h2, .fp-viewing-setD .setD h2, .fp-viewing-setE .setE h2, .fp-viewing-setF .setF h2
{opacity:1;transform:translateY(0);}


.setD .product{opacity:0;transform:translateY(80px);transition:all 0.8s ease-in-out;transition-delay:600ms;}
.fp-viewing-setD .setD .product{opacity:1;transform:translateY(0);}

.setE ul{opacity:0;transform:translateY(80px);transition:all 0.8s ease-in-out;transition-delay:600ms;}
.fp-viewing-setE .setE ul{opacity:1;transform:translateY(0);}

.setF .notice{opacity:0;transform:translateY(80px);transition:all 0.8s ease-in-out;transition-delay:600ms;}
.fp-viewing-setF .setF .notice,.fp-viewing-setG .setF .notice{opacity:1;transform:translateY(0);}


@media only screen and (min-device-width : 360px) and (max-device-width : 480px) and (orientation : landscape) {#rotate-device {display: block !important;}}
#rotate-device{content:"";width:100%;height:100%;position:fixed;z-index:999999;top:0;left:0;background-color:#0f1010;background-image:url(../images/rotate.png);background-size:100px 100px;background-position:center;background-repeat:no-repeat;display:none}


.site-popup{/* display:none; */position:absolute;border-radius:20px;overflow:hidden;}
.site-popup img{max-width:100%!important}
.site-popup .pop-body{overflow-y:auto;background:#fff}
.site-popup .pop-body p{}
.site-popup .pop-footer{display:flex;position:relative;color:#6c6c6c;background-color:#fff;height:60px;text-align:center;font-size:17px;border-top:1px solid #cacbcc}
.site-popup .pop-footer input{position:absolute;opacity:0}
.site-popup .pop-footer div{width:50%;}
.site-popup .pop-footer div~div{border-left:1px solid #cacbcc}
.site-popup .pop-footer label,.site-popup .pop-footer a{cursor:pointer;display:block;width:100%;line-height:60px;}
.site-popup .text-close{position:relative;}
@media (max-width:768px) {
	.site-popup{width:auto!important;height:auto!important;left:20px!important;right:20px;top:80px!important;min-width:320px;max-width:480px;margin:0 auto;border-radius:12px;}
	.site-popup .pop-body{width:auto!important;height:auto!important}
	.site-popup .pop-body img{width:100%!important}

	.site-popup .pop-footer{height:40px;font-size:14px;}
	.site-popup .pop-footer label,.site-popup .pop-footer a{line-height:40px;}
}



@media (max-width: 1024px) {
#myVideo{bottom:auto;top:0;min-width:auto;min-height:auto;width:100%}
}
@media (min-width: 420px) and (max-height: 760px) {
#myVideo{bottom:auto;top:-200px}
}