@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative; height:415px; overflow:hidden; padding:35px 20px;box-sizing:border-box; z-index:5112;}
.msec-visual .bg{position:absolute; left:0; top:0; width:100%;height:100%; background:url(../_Img/main/visual-bg-black.png) no-repeat center center; background-size:cover; z-index:-1;transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-webkit-transition: transform 3s ease-in-out;-moz-transition: transform 3s ease-in-out;-o-transition: transform 3s ease-in-out;transition: transform 3s ease-in-out;/* -webkit-animation: visAni 5s infinite; -moz-animation: visAni 5s infinite; -o-animation: visAni 5s infinite;  animation: visAni 5s infinite; */}
.msec-visual.ani .bg{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.msec-visual .visual-slide{ max-width:1064px; margin:0 auto;}
.msec-visual .visual-slide .slick-list{margin:0 -15px;}
.msec-visual .visual-slide .item{margin:0 15px}
.msec-visual .visual-slide .item a{display:block; border-radius:20px; overflow:hidden;}
.msec-visual .visual-slide .item .desktop{}
.msec-visual .visual-slide .item .mobile{display:none;}
.msec-visual .visual-slide .item img{width:100%;height:340px;object-fit:cover;}

.msec-visual .visual-slide .slick-dots{position:absolute; right:0; width:100%; text-align:center; bottom:0; z-index:55; padding:25px;box-sizing:border-box; padding-right:45px;}
.msec-visual .visual-slide .slick-dots ul{height:auto;text-align:right; font-size:0; width:100%; height:10px;}
.msec-visual .visual-slide .slick-dots li{display:inline-block;vertical-align:top; margin:0 3px; padding:0; width:auto; height:10px;}
.msec-visual .visual-slide .slick-dots li button{ background:#fff; width:10px;height:10px; padding:0; position:relative; border-radius:10px}
.msec-visual .visual-slide .slick-dots li.slick-active button{background:#fff; width:30px;}

.msec-visual .visual-more{width:20px;height:20px;background:url(../_Img/main/visual-more.png) no-repeat center center rgba(0,0,0,0.7); border-radius:5px; position:absolute;right:20px; top:50%;margin-top:-10px; }
	@media only screen and (max-width:1064px){
		
	}
	@media only screen and (max-width:999px){
		.msec-visual{height:390px}
		.msec-visual .visual-slide .item img{height:320px;}
		.msec-visual .visual-slide .item .desktop{display:none;}
		.msec-visual .visual-slide .item .mobile{display:block;}
	}
	@media only screen and (max-width:680px){
		.msec-visual{padding:25px 15px; height:285px;}
		.msec-visual .visual-slide .item img{height:235px;}
		.msec-visual .visual-slide .slick-dots{padding:20px;padding-right:45px;}
	}
	@media only screen and (max-width:480px){
		.msec-visual{padding:20px 15px;height:212px;}
		.msec-visual .visual-slide .item img{height:172px;}


		.msec-visual .visual-slide .slick-dots{padding:15px;padding-right:45px;}
	}
	
	/*keyfream*/
	/*@keyframes visAni {
		0% {transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);}
		50% {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
		100% {transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);}
	}
	@-webkit-keyframes visAni {
		0% {transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);}
		50% {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
		100% {transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);}
	}*/



/* ======================================================
   .layer-wrap.vdetail
=========================================================*/
.layer-wrap.vdetail{ position:absolute;min-width:360px;width:100%; max-width:500px; border-radius:15px; background:#fff; box-sizing:border-box; left:-9999em; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.vdetail.active{left:50%;}
.layer-wrap.vdetail .layer-ov{padding:25px; }
.layer-wrap.vdetail .is-top{}
.layer-wrap.vdetail .is-top h2{font-size:20px; font-weight:700; color:#181818; letter-spacing:-0.03em; line-height:1.2em;}
.layer-wrap.vdetail .is-top p{font-size:15px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.2em; margin-top:7px}
.layer-wrap.vdetail .is-top .close{position:absolute; right:22px; top:22px; width:28px;height:28px; background:url(../_Img/sub/layer-close.png) no-repeat center center; background-size:70% auto;}
.layer-wrap.vdetail .is-con{margin-top:20px; max-height:496px; overflow-y:auto;}
.layer-wrap.vdetail .is-con ul{padding-right:15px;}
.layer-wrap.vdetail .is-con li{border-radius:25px;overflow:hidden;}
.layer-wrap.vdetail .is-con li img{width:100%;height:220px;object-fit:cover;}
.layer-wrap.vdetail .is-con li:nth-child(n+2){margin-top:15px;}
	@media only screen and (max-width:500px){
		.layer-wrap.vdetail{position:fixed;top:15%; height:100%; min-height:480px;overflow-y:auto; border-radius:0;-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);}
		.layer-wrap.vdetail.active{left:0}
		.layer-wrap.vdetail .layer-ov{padding:25px 20px; }
		.layer-wrap.vdetail .is-top h2{font-size:20px;}
		.layer-wrap.vdetail .is-top .close{right:17px; top:17px;}

		.layer-wrap.vdetail .is-con{max-height:none; overflow-y:visible;}
		.layer-wrap.vdetail .is-con ul{padding-right:0;}
		.layer-wrap.vdetail .is-con li{border-radius:20px;}
		.layer-wrap.vdetail .is-con li img{height:180px;width:100%;object-fit:cover;}
	}





/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{position:relative; max-width:1064px; margin:0 auto;box-sizing:border-box; padding:45px 20px 100px}
.msec-cont .gap70{height:70px;}
.msec-cont .gap45{height:45px;}

.msec-cont.ani .layer-wrap.joinGuide{}
.msec-cont .ov-bg{position:fixed; left:0; top:0; width:100%;height:100%; display:none !important;cursor:pointer;z-index:912;background:rgba(255,255,255,0.65)}

.msec-cont .layer-wrap.joinGuide{position:fixed; left:50%;bottom:0;width:324px; margin-left:-162px; z-index:1912; padding:20px 0;}
.msec-cont .layer-wrap.joinGuide:after{width:80px;height:80px; position:absolute;right:-32px; bottom:25px; background:url(../_Img/main/join-hand.png) no-repeat center center; display:block; content:"";z-index:1112;}
.msec-cont .layer-wrap.joinGuide a{color:#fff; background:#00215e; line-height:1.3em; padding:25px 0;border-radius:25px; font-size:16px;text-align:center; display:block; letter-spacing:-0.03em; position:relative ;z-index:1112;}
.msec-cont .layer-wrap.joinGuide a span{display:block; font-size:22px; font-weight:700; margin-bottom:7px; }
	
.msec-cont.before .before{display:block}
.msec-cont.before .after{display:none}	

.msec-cont.after .before{display:none}
.msec-cont.after .after{display:block}	

.msec-cont.after .layer-wrap.joinGuide{display:none !important}
.msec-cont.after .ov-bg{display:none !important}
	@media only screen and (max-width:1064px){
		
	}
	@media only screen and (max-width:999px){
		.msec-cont .gap70{height:50px;}
		.msec-cont .gap40{height:30px;}
	}
	@media only screen and (max-width:680px){
		.msec-cont{padding:30px 15px 70px}
		
		.msec-cont .layer-wrap.joinGuide{width:300px; margin-left:-150px}
		.msec-cont .layer-wrap.joinGuide:after{background-size:60px auto; right:-30px;}
		.msec-cont .layer-wrap.joinGuide a{font-size:15px;}
		.msec-cont .layer-wrap.joinGuide a span{font-size:20px}
	}
	@media only screen and (max-width:480px){
		
	}




/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative;}
.msec-01 .tits{position:relative;}
.msec-01 .tits h3{font-size:17px;font-weight:700; color:#333; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:17px; line-height:25px;}
.msec-01 .tits h3 span{font-size:22px; font-weight:700; font-family:"Roboto"; margin-right:10px;color:#181818; text-decoration:underline}

.msec-01 .cont{position:relative ;padding:0 45px;}
.msec-01 .cont .prev{width:28px;height:28px; position:absolute; left:0; top:50%;margin-top:-14px;background:url(../_Img/main/arrow-prev.png) no-repeat left center;background-size:100% auto;}
.msec-01 .cont .next{width:28px;height:28px; position:absolute; right:0; top:50%;margin-top:-14px;background:url(../_Img/main/arrow-next.png) no-repeat left center;background-size:100% auto;}
.msec-01 .cont .prev:hover{background-image:url(../_Img/main/arrow-prevo.png); display:block; opacity:1 !important;}
.msec-01 .cont .next:hover{background-image:url(../_Img/main/arrow-nexto.png); display:block; opacity:1 !important;}

.msec-01 .cont .owl-prev{cursor:pointer;text-indent:-9999em;width:28px;height:28px; position:absolute; left:0; top:50%;margin-top:-14px;background:url(../_Img/main/arrow-prev.png) no-repeat left center;background-size:100% auto;}
.msec-01 .cont .owl-next{cursor:pointer;text-indent:-9999em;width:28px;height:28px; position:absolute; right:0; top:50%;margin-top:-14px;background:url(../_Img/main/arrow-next.png) no-repeat left center;background-size:100% auto;}
.msec-01 .cont .owl-prev:hover{background-image:url(../_Img/main/arrow-prevo.png); display:block; opacity:1 !important;}
.msec-01 .cont .owl-next:hover{background-image:url(../_Img/main/arrow-nexto.png); display:block; opacity:1 !important;}

.msec-01 .cont .disabled{display:block !important; opacity:1 !improtant}

.msec-01 .cont .item a{display:block; text-align:center; line-height:1.2em; padding:15px 0; ;font-size:16px; letter-spacing:-0.03em;border-radius:22px;}
.msec-01 .cont .item a span{display:block; margin-top:5px;}
.msec-01 .cont .item.active a{background:#181818; color:#fff;}

.msec-01 .cont .item a.sat{color:#0152c0;}
.msec-01 .cont .item a.sun{color:#e60000;}

.msec-01 .cont .item.active a.sat, .msec-01 .cont .item.active a.sun{color:#fff;}

.msec-01 .cont ul{}
.msec-01 .cont ul:after{display:block; content:"";clear:both}
.msec-01 .cont li{float:left;margin-left:0}
.msec-01 .cont li:first-child{}
.msec-01 .cont li a{display:block; text-align:center; line-height:1.2em; padding:15px 0; ;font-size:16px; letter-spacing:-0.03em;border-radius:22px;}
.msec-01 .cont li.active a{background:#181818; color:#fff;}
.msec-01 .cont li a span{display:block; margin-top:5px;}

.msec-01 .cont li a.sat{color:#0152c0;}
.msec-01 .cont li a.sun{color:#e60000;}

.msec-01 .cont li.active a.sat, .msec-01 .cont li.active a.sun{color:#fff;}
	@media only screen and (max-width:1064px){
		
	}
	@media only screen and (max-width:999px){
		.msec-01 .tits h3{font-size:15px; margin-bottom:15px;}
		.msec-01 .tits h3 span{font-size:20px;}
		.msec-01 .cont .item a{ font-size:15px; border-radius:15px;}
		
	}
	@media only screen and (max-width:680px){
		.msec-01 .tits h3 span{font-size:19px;}

		.msec-01 .cont{padding:0;}
		.msec-01 .owl-stage-outer{overflow:visible !important}
		.msec-01 .cont .owl-prev, .msec-01 .cont .owl-next{display:none !important;}
		.msec-01 .cont .date-slide{overflow:visible !important}
		.msec-01 .cont li {width:auto !important; margin-left:10px;}
		.msec-01 .cont li:first-child{margin-left:0;}
		.msec-01 .cont .item a{font-size:14px; padding:10px 15px; box-sizing:border-box;}
		.msec-01 .cont .item a span{font-size:15px}
	}
	@media only screen and (max-width:480px){
		
	}


/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative;}
.msec-02 .tits{position:relative;}
.msec-02 .tits h3{font-size:17px;font-weight:700; color:#333; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:17px; line-height:25px;}
.msec-02 .tits h3 span{font-size:22px; font-weight:700; font-family:"Roboto"; margin-right:10px;color:#181818; text-decoration:underline}

.msec-02 .cont{position:relative ;padding:0 40px;}
.msec-02 .cont .prev{width:28px;height:28px; position:absolute; left:0; top:50%;margin-top:-14px;background:url(../_Img/main/arrow-prev.png) no-repeat left center;background-size:100% auto;}
.msec-02 .cont .next{width:28px;height:28px; position:absolute; right:0; top:50%;margin-top:-14px;background:url(../_Img/main/arrow-next.png) no-repeat left center;background-size:100% auto;}
.msec-02 .cont .prev:hover{background-image:url(../_Img/main/arrow-prevo.png); display:block; opacity:1 !important;}
.msec-02 .cont .next:hover{background-image:url(../_Img/main/arrow-nexto.png); display:block; opacity:1 !important;}
.msec-02 .cont .disabled{display:block !important; opacity:1 !improtant}

.msec-02 .cont ul{}
.msec-02 .cont ul:after{display:block; content:"";clear:both}
.msec-02 .cont li{float:left;margin-left:0}
.msec-02 .cont li:first-child{}
.msec-02 .cont li a{display:block; text-align:center; line-height:50px ;font-size:16px; letter-spacing:-0.03em;border-radius:50px;}
.msec-02 .cont li.active a{background:#181818; color:#fff;}
	@media only screen and (max-width:1064px){
		
	}
	@media only screen and (max-width:999px){
		.msec-02 .tits h3{font-size:15px; margin-bottom:15px;}
		.msec-02 .tits h3 span{font-size:20px;}
		.msec-02 .cont li a{line-height:45px; font-size:15px; border-radius:45px;}
	}
	@media only screen and (max-width:680px){
		.msec-02 .tits h3 span{font-size:19px;}

		.msec-02 .cont{padding:0;}
		.msec-02 .cont .prev, .msec-02 .cont .next{display:none !important;}
		.msec-02 .cont .place-slide{overflow:visible !important}
		.msec-02 .cont li {width:auto !important;margin-left:10px;}
		.msec-02 .cont li:first-child{margin-left:0;}
		.msec-02 .cont li a{line-height:40px; font-size:15px; border-radius:40px; padding:0 20px; box-sizing:border-box;}
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative;}
.msec-03 .tits{position:relative;}
.msec-03 .tits h3{font-size:22px;font-weight:700; color:#181818; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:17px; line-height:25px;}
.msec-03 .tits h3 span{font-size:15px; margin-left:10px; font-weight:400; color:#666}
.msec-03 .tits .ctrl{position:absolute;right:0; top:0; line-height:25px;padding-right:20px; font-weight:700;font-size:14px; background:url(../_Img/main/match-down.jpg) no-repeat right center; background-size:12px auto;}
.msec-03 .tits .ctrl.active{background-image:url(../_Img/main/match-up.jpg)}
.msec-03 .cont{}
.msec-03 .cont ul{border-top:2px solid #181818;border-bottom:1px solid #ccc;}
.msec-03 .cont li{}
.msec-03 .cont li:nth-child(n+2){border-top:1px solid #dedede;}
.msec-03 .cont li .vc{height:95px; display:flex;align-items: center; justify-content: left; position:relative;}
.msec-03 .cont li .txt{ padding:0 210px 0 140px; width:100%;box-sizing:border-box;}
.msec-03 .cont li .time{position:absolute; left:0; top:0;width:140px; text-align:center; font-weight:700; color:#181818; font-family:"Roboto"; line-height:95px;font-size:24px;}
.msec-03 .cont li .vtit{font-size:18px;font-weight:700; color:#181818; letter-spacing:-0.03em; line-height:1.2em;}
.msec-03 .cont li .vtxt{font-size:0; margin-top:3px; margin-left:-2px;}
.msec-03 .cont li .vtxt span{display:inline-block;vertical-align:top; background:#f4f4f4; line-height:22px ; padding:0 7px; font-size:13px; color:#434343; border-radius:15px; margin: 4px 2px}
.msec-03 .cont li a{width:200px;height:50px; position:absolute; right:0; top:50%; margin-top:-25px; line-height:50px ;text-align:center; background:#ececec; border-radius:50px; letter-spacing:-0.03em; font-size:16px; color:#555;}

.msec-03 .cont li .sold-btn{background:#d21a2b; color:#fff;}
.msec-03 .cont li .enter-btn{background:#0095fe; color:#fff;}
.msec-03 .cont li .end-btn{background:#ececec;color:#a0a0a0;}
	@media only screen and (max-width:1064px){
		.msec-03 .cont li .txt{padding:0 190px 0 120px}
		.msec-03 .cont li .time{width:120px; font-size:22px;}
		.msec-03 .cont li a{width:180px; border-radius:40px}
	}
	@media only screen and (max-width:999px){
		.msec-03 .tits h3{font-size:20px; margin-bottom:15px;}
		.msec-03 .tits h3 span{font-size:14px;}

		.msec-03 .cont li .vc{display:block; padding:17px 0; height:auto; min-height:50px;}
		.msec-03 .cont li .txt{padding:0 160px 0 100px}
		.msec-03 .cont li .time{width:100px; font-size:20px;}
		.msec-03 .cont li .vtit{font-size:17px;}
		.msec-03 .cont li .vtxt span{font-size:12px;}
		.msec-03 .cont li a{width:150px; border-radius:30px; font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.msec-03 .tits h3{font-size:19px;}

		.msec-03 .cont li .vc{}
		.msec-03 .cont li .txt{padding:0 10px 0 10px}
		.msec-03 .cont li .time{width:80px; font-size:18px;position:relative; left:auto; top:auto; width:auto; text-align:left; line-height:1.2em; margin-bottom:4px;}
		.msec-03 .cont li .time:before{display:inline; content:"["; margin-right:3px;}
		.msec-03 .cont li .time:after{display:inline; content:"]"; margin-left:3px;}
		.msec-03 .cont li .vtit{font-size:16px;}
		.msec-03 .cont li .vtxt span{font-size:12px;}
		.msec-03 .cont li a{position:relative ;right:auto; top:auto; margin-top:0; line-height:45px; height:45px;display:block;width:auto; border-radius:10px; font-size:15px; margin-top:10px; }
	}
	@media only screen and (max-width:480px){
		
	}