/*countdown*/
.container .countdown.sticky{left:0;z-index:2}
.countdown.sticky .timer{padding-left:230px}
/* common */
.beansprout b{font-weight:700;font-family:inherit;color:inherit}
.beansprout h3{border-bottom:0;margin-bottom:0;padding-bottom:0}
.beansprout section{text-align:center;}
.beansprout article{margin:0 auto}
.beansprout .mo{display:none}
/* sec1 */
.sec1{background: #E3F2FD url(/assets/images/freepass/beansprout_sec1_bg.jpg) no-repeat top center;background-size:cover;padding:237px 0 60px}
.sec1 .inner{max-width:1120px}
.sec1 .arti1{margin-bottom:260px}
.sec1 .arti1 h3{position:relative;font-family:'EsaManru';color:#fff;font-size:90px;font-weight:700;letter-spacing:-1.8px;line-height:105px;text-shadow: 10px 10px 10px #00000A1A;margin:0 auto 60px;max-width:800px}
.sec1 .arti1 h3 .blue{color:#00FFBA;font-family:inherit;}
.sec1 .arti1 h3 .yellow{color:#FFEA00;font-family:inherit;}
.sec1 .arti1 h3 .sticker{position:absolute;top:-50px;right:-50px;}
.sec1 .arti1 h4{font-family:'EsaManru';color:#fff;font-size:28px;font-weight:700;line-height:42px;padding:42px 0;background-image:url(/assets/images/freepass/beansprout_sec1_titletop.png), url(/assets/images/freepass/beansprout_sec1_titlebottom.png);background-position:top center, bottom center;background-repeat:no-repeat;margin-bottom:60px;}
.sec1 .arti1 h5{background:url(/assets/images/freepass/beansprout_sec1_event.png) no-repeat center top;background-size:contain;padding-top:10px;color:#fff;font-size:26px;letter-spacing:-0.52px;font-weight:700;padding-bottom:75px;margin-bottom:40px;}
.sec1 .arti1 h5 .yellow{color:#FFF500}
.sec1 .arti1 ul li{color:#fff;letter-spacing:-0.52px;font-weight:500;line-height:42px;font-size:26px;}
.sec1 .arti1 .imgArea{margin-top:-110px;}
.sec1 .arti2{position:relative;padding-top:55px;}
.sec1 .arti2::after{content:'';position:absolute;top:0;left:0;height:95%;width:100%;background:url(/assets/images/freepass/beansprout_sec1_bg2.png) no-repeat left top;background-blend-mode:multiply;background-size:contain;mix-blend-mode:multiply}
.sec1 .arti2 h3{font-size:35px;font-weight:700;letter-spacing:-2.1px;color:#4E4E4E;margin-bottom:54.5px;}
.sec1 .arti2 b{font-family:'Gmarket';letter-spacing:-0.8px;color:#368BFF;padding:20px 0 5px;display:block;}
.sec1 .arti2 span{font-size:22px;letter-spacing:-1.5px;color:inherit;vertical-align:top;font-weight:500;}
.sec1 .arti2 .textArea{z-index:1;position:relative;background:#fff;border-radius:30px;box-shadow: 0px 3px 40px #368BFF33;max-width:596px;margin:0 auto;padding: 34px 0;margin-bottom:54px;}
.sec1 .arti2 .textArea::after{content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:35px;height:29.15px;background:url(/assets/images/freepass/beansprout_sec1_infotop.png) no-repeat top center;}
.sec1 .arti2 .textArea::before{content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:35px;height:29.15px;background:url(/assets/images/freepass/beansprout_sec1_infobottom.png) no-repeat top center;}
.sec1 .arti2 .textArea p{color:#191919;font-size:18px;letter-spacing:-0.54px;line-height:26px;font-weight:500;margin-bottom:20px;}
.sec1 .arti2 .textArea p:last-of-type{margin-bottom:0;}
.sec1 .arti2 ul{max-width:580px;text-align:left;margin:0 auto;}
.sec1 .arti2 ul li{color:#4E4E4E;font-size:20px;letter-spacing:-0.6px;line-height:34px;font-weight:700;background: url(/assets/images/freepass/beansprout_sec1_list_icon.png) no-repeat left center;padding-left:20px;}
/* sec2 */
.sec2{background: #0D112E url(/assets/images/freepass/beansprout_sec2_bg.png) no-repeat top center;background-size:cover; padding:80px 0 55px;}
.sec2 .inner{background:url(/assets/images/freepass/beansprout_sec2_titlebg.png) no-repeat top center;background-size:contain;}
.sec2 h3{color:#0EFFBA;font-size:26px;font-family:'EsaManru';font-weight:700;margin-bottom:25px;}
.sec2 h4{font-family:'EsaManru';font-size:35px;font-weight:700;color:#fff;padding-bottom:45px;}
.sec2 h4 u{font-size:27px;font-weight:700;display:inline-block;margin-bottom:15px;}
.sec2 h4 b{color:#0EFFBA;}
/* sec3 */
.sec3{padding:100px 0 122px;}
.sec3 .inner{max-width:920px;}
.sec3 h4{color:#505050;font-size:24px;font-weight:700;letter-spacing:-0.72px;margin-bottom:15px;margin-top:-30px;}
.sec3 h4 span{color:#368BFF}
.sec3 h5{color:#505050;letter-spacing:-0.6px;font-size:20px;font-weight:400;margin-bottom:35px;}
.sec3 .imgArea1{margin-bottom:100px;}
.sec3 .arrow{padding:20px 0;}
.priceArea{display:flex;justify-content:space-between;background-size:contain;background-repeat:no-repeat;border-radius:4px;overflow:hidden;background-position:right top;box-shadow:20px 20px 20px rgba(0,0,0,0.1);margin-bottom:50px;}
.priceArea:last-of-type{margin-bottom:0;}
.priceArea.red{background-image:url(/assets/images/freepass/beansprout_sec3_price1_right.png);border-bottom:1px solid #F8BBD0;border-top:1px solid #F8BBD0;}
.priceArea.blue{background-image:url(/assets/images/freepass/beansprout_sec3_price2_right.png);border-bottom:1px solid #81D4FA;border-top:1px solid #81D4FA;}
.priceArea .title{position:relative;width:27%;background-size:cover;background-repeat:no-repeat;background-position:left center;}
.priceArea .title .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;font-family:'Gmarket';font-weight:700;letter-spacing:-0.5px;line-height:23px;font-size:20px;color:#fff;}
.priceArea .title span{color:#FFFF00;font-family:inherit;}
.priceArea.red .title{background-image:url(/assets/images/freepass/beansprout_sec3_price1_left.png);}
.priceArea.blue .title{background-image:url(/assets/images/freepass/beansprout_sec4_price2_left.png);}
.priceArea .list{padding:45px 0 40px;text-align:left;}
.priceArea .list b{font-size:18px;font-weight:500;display:block;color:#191919;margin-bottom:15px;}
.priceArea .list ul{margin-bottom:15px;}
.priceArea .list ul li{font-size:16px;line-height:27px;color:#191919;}
.priceArea .list .info{font-size:16px;font-weight:500;}
.priceArea.red .list .info{color:#F06292;}
.priceArea.blue .list .info{color:#0091EA;}
.priceArea .applay{border-left:6px dotted #DBDBDB;margin:20px 0;width:39.5%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;}
.priceArea .applay .cancle{color:#767676;font-size:16px;text-decoration:line-through;display:block;margin-bottom:10px;}
.priceArea .applay .price{font-size:19px;font-weight:500;color:#191919;margin-bottom:20px;}
.priceArea .applay .price b{font-size:33px;font-family:'Roboto';}
.priceArea .btnApplay{background:#191919;border-radius:4px;width:243px;height:64px;color:#fff;font-size:18px;font-weight:500;}
/*section6*/
.section6 {padding:80px 0 90px 0;background-color:#f2f2f2}
.section6 .tit-area{text-align: left}
.section6 .tit-area strong {color:#707070;font-size:37px;font-weight:500}
.section6 .tit-area strong span{display: inline-block;vertical-align: top;margin-top:0;margin-right: 10px}
.section6 .cont1 .tab-area {margin-top: 28px;text-align:center}
.section6 .cont1 .tab-area ul{width:100%;display:table;table-layout:fixed;border-collapse:collapse}
.section6 .cont1 .tab-area li {display:table-cell;width:auto;border:1px solid #B0B0B0;background:#D5D5D5;color:#000;position: relative;cursor: pointer;height: 79px;vertical-align:middle;line-height:1.3;font-size: 25px;font-weight: 500;letter-spacing: -1.5px}
.section6 .cont1 .tab-area li.on {border-color:#000;color:#fff;background:#000}
.section6 .cont1 .tab_con {padding: 55px 70px 70px 70px;background-color: #ffffff;text-align: left;}
.section6 .cont1 .tab_con .tab-cont {display: none;}
.section6 .cont1 .tab_con .tab-cont dt {margin-bottom: 8px;color: #000000;font-size: 25px;font-weight: bold;letter-spacing: -1.5px;}
.section6 .cont1 .tab_con .tab-cont dd {margin-bottom: 40px;color: #000000;font-size: 18px;letter-spacing: -1.5px;line-height:25px}
.section6 .cont1 .tab_con .tab-cont dd:last-of-type{margin-bottom:0}
@media all and (max-width:1280px){
	/* countdown */
    .container .countdown{height:80px}
    .container .countdown .timer{height:inherit}
    .container .countdown .timer li{font-size:18px}
    .container .countdown .timer li span.num{font-size:35px;width:40px;height:50px;line-height:50px}
    .container .countdown .timer li span.days_text{font-size:18px}
    .container .countdown .timer li.seperator img{width:5px}
	/* sec1 */
	.sec1{padding-top:180px;background-size:200% 93%}
	.sec1 .arti1{margin-bottom:130px}
	.sec1 .arti1 h3{font-size:80px;line-height:95px;margin-bottom:30px}
	.sec1 .arti1 h3 .sticker{width:200px;right:-15px;top:-32px}
	.sec1 .arti1 h4{font-size:24px;line-height:35px;padding:30px;background-size:28px;margin-bottom:35px}
	.sec1 .arti1 h5{font-size:20px;padding-bottom:60px;margin-bottom:15px}
	.sec1 .arti1 ul li{font-size:20px;line-height:34px}
	.sec1 .arti1 .imgArea{margin-top:-80px}
	/* sec3 */
	.priceArea .btnApplay{width:220px;height:55px}
}
@media all and (max-width:1000px){
	/*sec1*/
	.sec1{padding-top:160px;background-size:180% 90%}
	.sec1 .arti1 h3{font-size:70px;line-height:85px}
	.sec1 .arti1 h3 .sticker{width:170px}
	/*sec3*/
	.sec3 h4{margin-top:0}
	.priceArea .applay{width:34.5%}
	.priceArea .btnApplay{width:170px;height:50px;font-size:16px}
	/*section6*/
	.section6 .cont-area .cont1 .txt1{font-size:17px}
	.section6{padding: 60px 0 70px}
	.section6 .tit-area strong{font-size:30px}
	.section6 .tit-area strong span{width:26px}
	.section6 .cont1 .tab-area li{width:33.3%;font-size:25px}
	.section6 .cont1 .tab_con{padding: 40px 50px 60px}
}
@media all and ( max-width:910px ){	
	.beansprout .pc{display:none}
	.beansprout .mo{display:inline-block;}
	/*sec1*/
	.sec1{background-image:url(/assets/images/freepass/mo_beansprout_sec1_bg.jpg);background-size:contain;padding:60px 0 100px}
	.sec1 .arti1{margin-bottom:380px}
	.sec1 .arti1 h3{font-size:50px;line-height:60px}
	.sec1 .arti1 h3 .sticker{width:140px;top:-25px}
	.sec1 .arti1 h4{font-weight:500;font-size:22px;line-height:32px;}
	.sec1 .arti1 h5{background-image:url(/assets/images/freepass/mo_beansprout_sec1_event.png);padding:10px 0 34px;font-size:16px;background-position:left 60% top}
	.sec1 .arti1 ul li{font-size:18px;line-height:30px}
	.sec1 .arti1 .imgArea{margin-top:0;padding-top:50px}
	.sec1 .arti2::after{width:50%;top:-60px;left:40px}
	.sec1 .arti2 ul{text-align:center}
	.sec1 .arti2 ul li{background-position:left top 10px;text-align:center;display:inline-block;padding-bottom:10px}
	.sec1 .arti2 ul li:last-of-type{padding-bottom:0}
	/*sec2*/
	.sec2{background-image:url(/assets/images/freepass/mo_beansprout_sec2_bg.jpg);}
	.sec2 .inner{background:none;}
	.sec2 h3{font-size:22px}
	.sec2 h4{font-size:30px;line-height:40px;padding-bottom:0;background: url(/assets/images/freepass/mo_beansprout_sec2_titlebg.png) no-repeat bottom center;background-size:contain}
	.sec2 h4 u{font-size:25px;letter-spacing:-1px;margin-bottom:0}
	/*sec3*/
	.sec3 h3{width:120%;margin-left:-10%}
	.sec3 h4{font-size:20px;margin-top:-20px}
	.sec3 h5{font-size:18px;line-height:24px;margin-bottom:70px}
	.sec3 .infoBox{display:block;max-width:638px;margin:0 auto}
	.sec3 .infoBox ul{border-radius:20px;border:1px solid #368BFF;box-shadow: 0px 3px 40px #00000029;background:#fff;overflow:hidden;margin-bottom:60px;}
	.sec3 .infoBox ul:last-of-type{margin-bottom:0}
	.sec3 .infoBox .title{background:#368BFF;color:#fff;font-weight:500;letter-spacing:-0.9px;height:60px;line-height:60px;font-size:20px}
	.sec3 .infoBox dl{display:flex;height:80px;align-items:center;text-align:left;border-bottom:1px solid #DBDBDB;margin: 0 20px}
	.sec3 .infoBox dl:last-of-type{border-bottom:0}
	.sec3 .infoBox dt{width:39.5%;color:#368BFF;font-size:16px;line-height:24px;font-weight:700;letter-spacing:-0.72px}
	.sec3 .infoBox dd{color:#191919;font-size:16px;line-height:24px;letter-spacing:-0.72px;white-space:nowrap}
	.sec3 .arrow img{width:32px}
	.priceArea{flex-direction:column;align-items:center;text-align:center;background:none!important;border-radius:30px;overflow:hidden;max-width:638px;margin:0 auto 50px}
	.priceArea.red{border:2px solid #F8BBD0}
	.priceArea.blue{border:2px solid #368BFF}
	.priceArea.red .title{background-image:linear-gradient(112deg, #FF5252 0%, #F48FB1 100%)}
	.priceArea.blue .title{background-image:linear-gradient(112deg, #3949AB 0%, #4FC3F7 100%)}
	.priceArea .title{width:100%;padding:30px 0 20px;}
	.priceArea .title .text{position:static;transform:translateY(0);font-size:25px;line-height:30px}
	.priceArea .list{text-align:center;padding:20px 0}
	.priceArea .list b{font-size:22px;font-weight:700}
	.priceArea .list ul li{font-size:20px}
	.priceArea .list .info{font-size:18px}
	.priceArea .applay{width:90%;border-left:0;border-top:10px dotted #DBDBDB;margin:0;padding:20px 0 30px}
}
@media all and ( max-width:750px ){
	/* countdown */
	.countdown.sticky .timer{padding-left:0}
    .container .countdown{height:auto}
    .container .countdown .timer{display:block;width:100%;text-align:center;padding:2rem 0}
    .container .countdown .timer li{font-size:0;display:inline-block}
    .container .countdown .timer li:nth-of-type(1){font-size:2.9rem;display:block;margin-bottom:2rem}
    .container .countdown .timer li:last-child{font-size:2.9rem;display:block;margin-top:2rem}
    .container .countdown .timer li span.num{width:6.4rem;height:8rem;line-height:7.4rem;font-size:5.5rem}
    .container .countdown .timer li span.days_text{position:relative;bottom:1rem;font-size:2.8rem}
    .container .countdown .timer li.seperator img{width:0.6rem;padding-bottom:1rem}
	/* common */
	.beansprout .inner{padding:0}
	/* sec1 */
	.sec1{padding:6.7rem 0 10rem}
	.sec1 .inner{width:90%}
	.sec1 .arti1{margin-bottom:49.3rem}
	.sec1 .arti1 h3{font-size:6.9rem;line-height:8rem;text-shadow: 1rem 1rem 1rem #00000A1A;margin:0 auto 4rem}
	.sec1 .arti1 h3 .sticker{width:18.9rem;top:-3.5rem;right:-2.7rem;}
	.sec1 .arti1 h4{font-size:3rem;line-height:4.2rem;padding:4rem 0;background-size:4rem;margin-bottom:5rem}
	.sec1 .arti1 h5{padding:1.5rem 0 4.7rem;font-size:2.4rem;margin-bottom:0;background-position:left 2rem top}
	.sec1 .arti1 ul li{line-height:4rem;font-size:2.6rem}
	.sec1 .arti1 .imgArea{padding-top:10rem}
	.sec1 .arti2{padding-top:0;}
	.sec1 .arti2::after{top:-19rem;left:0;width:35.2rem}
	.sec1 .arti2{width:85%}
	.sec1 .arti2 h3{font-size:3.5rem;margin-bottom:8.8rem}
	.sec1 .arti2 b{padding:2rem 0 1rem;}
	.sec1 .arti2 span{font-size:2.2rem}
	.sec1 .arti2 .textArea{border-radius:3rem;box-shadow: 0px 0.3rem 4rem #368BFF33;padding: 4rem 0;margin-bottom:6.6rem}
	.sec1 .arti2 .textArea::after{width:4.4rem;height:3.7rem;background-size:contain}
	.sec1 .arti2 .textArea::before{width:4.4rem;height:3.7rem;background-size:contain}
	.sec1 .arti2 .textArea p{font-size:2.4rem;letter-spacing:-0.72px;line-height:3.6rem;margin-bottom:2rem}
	.sec1 .arti2 ul li{font-size:2.4rem;line-height:3.6rem;background-size:2.2rem;padding-left:3rem;background-position:left top 0.8rem}
	/* sec2 */
	.sec2{padding:11.4rem 0 5.5rem}
	.sec2 h3{font-size:3.2rem;margin-bottom:2.1rem;}
	.sec2 h4{font-size:4rem;line-height:5rem}
	.sec2 h4 u{font-size:3.6rem}
	/*sec3*/
	.sec3{padding:4.3rem 0 12rem;}
	.sec3 .inner{width:85%}
	.sec3 h3{width:130%;margin-left:-15%}
	.sec3 h4{font-size:2.6rem;margin-bottom:1.5rem;margin-top:-3rem;}
	.sec3 h5{font-size:2.4rem;margin-bottom:10rem}
	.sec3 .imgArea1{margin-bottom:10rem}
	.sec3 .infoBox ul{border-radius:2rem;box-shadow: 0px 0.3rem 4rem #00000029;margin-bottom:6rem;}
	.sec3 .infoBox .title{height:8rem;line-height:8rem;font-size:3rem}
	.sec3 .infoBox dl{height:12rem;margin: 0 6%}
	.sec3 .infoBox dt{font-size:2.4rem;line-height:3.6rem}
	.sec3 .infoBox dd{font-size:2.4rem;line-height:3.6rem}
	.sec3 .arrow img{width:3.3rem}
	.sec3 .arrow{padding:3rem 0;}
	.priceArea{border-radius:3rem;box-shadow:2rem 2rem 3rem #0000001A;margin-bottom:7rem}
	.priceArea .title .text{line-height:4.9rem;font-size:4.2rem;}
	.priceArea .list{padding:6rem 0 5rem}
	.priceArea .list b{font-size:3.2rem;margin-bottom:1.2rem;}
	.priceArea .list ul{margin-bottom:3.7rem}
	.priceArea .list ul li{font-size:3rem;line-height:4.9rem}
	.priceArea .list .info{font-size:2.6rem}
	.priceArea .applay{border-width:1.6rem;padding:6rem 0 7rem}
	.priceArea .applay .cancle{font-size:3.6rem;margin-bottom:0;}
	.priceArea .applay .price{font-size:4.8rem;margin-bottom:4.4rem;}
	.priceArea .applay .price b{font-size:7.8rem}
	.priceArea .btnApplay{border-radius:0.4rem;width:27rem;height:8rem;font-size:3rem}
	/*section6*/
	.section6{padding: 5rem 0 6rem}
	.section6 .inner{width:90%}
	.section6 .tit-area strong {font-size:2.3rem}
	.section6 .tit-area strong span{margin-top:-0.3rem;margin-right:1rem;width:2.7rem}
	.section6 .cont1 .tab-area{margin-top:4rem}
	.section6 .cont1 .tab-area li{height:7rem;font-size:2.2rem}
	.section6 .cont1 .tab_con{padding:3rem 2rem 6.5rem}
	.section6 .cont1 .tab_con .tab-cont dt{margin-bottom:3rem;font-size:2.2rem}
	.section6 .cont1 .tab_con .tab-cont dd{margin-bottom:6.5rem;font-size:1.8rem;line-height:3rem}
  }
  @media all and ( min-width:750px ){
    /* countdown */
    .sticky .timer li:nth-of-type(1), .sticky .timer li:last-child{display: inline-block!important}
}