@charset "utf-8";

.eco {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;}
.container {width:100%; margin:0 auto; max-width:1128px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.oh{overflow:hidden;}

.con1{background:url(images_au/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:7.09% 0 10.63%;}
.con1 .tit{display:block; max-width:480px; margin:0 auto 57%; width:55%;}
.youtubeBox{width:100%; box-sizing:border-box; border:13px solid #1ea464; height:646px; margin:0 auto; position:relative;}
.youtubeBox iframe{position:absolute; top:0 ;left:0; width:100%; height:100%;}

.con2{background:url(images_au/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:10.63% 0 12.67%;}
.con2 .tit{display:block; max-width:358px; margin:0 auto 5%; width:62%;}
.con2 .box{background:url(images_au/box.png) no-repeat center center / 103% 100%; position:relative; padding:10% 0; width:100%; margin:auto;}
.con2 .box .deco{position:absolute; left:-11.5%; bottom:-3%;}
.con2 .box .deco2{position:absolute; right:5%; top:-3%;}
.con2 .box .desc{font-size:20px; color:#666666; margin-top:3%; line-height:1.4;}
.con2 .box .desc .no_br{display:block; height:13px;}
.con2 .box .play{display:block; width:42%; max-width:247px; margin:auto;}
.con2 .box .desc strong{color:#212121; font-size:1.2em; display:inline-block; margin-bottom:0.5%;}

.con3{font-size:22px;}
.con3 .padding{padding:10.63% 0;}
.con3 ul{margin-top:6%; display:flex; justify-content:space-between;}
.con3 .tit p:first-child{display:inline-block; width:70%; max-width:408px;}
.con3 .tit p:nth-child(2){color:#444444; line-height:1.5; margin-top:1.3%;}
.con3 ul li p{font-size:0.91em; color:#666666;}
.con3 ul li p:nth-child(2){margin-top:5%; line-height:1.4;}

.con4{background:url(images_au/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:9.13% 0 10.37%;}
.con4 .tit p:nth-child(1){display:inline-block; width:70%; max-width:356px;}
.con4 .tit p:nth-child(2){margin-top:2.5%; font-size:22px; line-height:1.5; color:#444; }
.con4 .tl{text-align:left;}
.con4 .desc{box-sizing:border-box; padding:6.5% 37% 6% 7%; background:#ffeb9b; display:inline-block; box-shadow: 2px 3px 7px #f6c825; position:relative; margin-top:12.32%;}
.con4 .desc .deco{position:absolute; top:-11%; right:-61%;}
.con4 .desc .sum{font-size:20px; color:#444444; padding-bottom:15%; margin-bottom:13%; position:relative;}
.con4 .desc .sum li:nth-child(2n-1){font-size:18px; color:#ffffff; background:#f75700; display:inline-block; padding:6px 13px; font-weight:bold; letter-spacing:1px; margin-bottom:4.5%;}
.con4 .desc .sum li:nth-child(2){margin-bottom:10%;}
.con4 .desc .sum:after{position:absolute; bottom:0; left:0; background:url(images_au/dashed.png); width:227px; height:1px; content:'';}
.con4 .desc .hash{color:#444444; font-size:24px; line-height:1.6; }
.con4 .desc .hash li:nth-child(1){color:#f75700; font-size:26px; }
.con4 .terms{color:#666666; font-size:20px; margin-top:11%; line-height:1.5;}

.con5{background:url(images_au/bg5.jpg) no-repeat center top / cover;}
.con5 .padding{padding:10.46% 0 10.28%;}
.con5 .tit p:nth-child(1){width:70%; display:inline-block;}
.con5 .tit p:nth-child(2){margin-top:2%; font-size:22px; line-height:1.5; color:#444; }
.con5 .tit strong{font-size:1.09em;}
.con5 .pd_wrap{margin-top:5%;}
.con5 .pd_wrap .row li{width:31.91%; margin-right:2.127%; float:left; max-width:360px; box-shadow: 7px 8px 8px rgba(243, 202, 46, 0.8);}
.con5 .pd_wrap .row li:last-child{margin-right:0;}
.con5 .pd_wrap .row2 li:first-child{margin-left:17.02%;}
.con5 .pd_wrap .row2{margin-top:2.127%;}
.con5 .random{color:#666666; font-size:20px; margin-top:5%; line-height:1.5;}

.con6{background:url(images_au/bg6.jpg) no-repeat center top / cover; font-size:20px;}
.con6 .padding{padding:10.638% 0;}
.con6 .tit {width:50%; display:inline-block; margin-bottom:5%;}
.con6 .box {padding:7.09% 5%; box-sizing:border-box; box-shadow: 7px 8px 8px #c60d04; background:#ffffff; color:#666666;}
.con6 .box1 P:nth-child(1){width:80%; display:inline-block;}
.con6 .box2 P:nth-child(1){width:60%; display:inline-block;}
.con6 .box P:nth-child(2){margin-top:1%;}
.con6 .box P:nth-child(3){margin-top:6%;}
.con6 .box2{margin-top:4%;}
.con6 .valid{font-size:1em; color:#ebebeb; margin-top:5%;}



@media screen and (max-width: 1128px){
.container2 {width:100%;}
.youtubeBox{width:90%; height:auto; padding-top:50.6%; border:5px solid #1ea464;}
}

@media screen and (max-width: 768px){
.con1 .padding{padding:3.09% 0 10.63%;}
.con2 .box{width:95%}
.con2 .box .desc{font-size:15px;}
.con2 .box .desc .no_br{display:block; height:5px;}
.con2 .box .deco{display:none;}
.con2 .box .deco2{display:none;}

.dn768{display:none;}

.con3{font-size:16px;}

.con4 .tit p:nth-child(2){font-size:16px;}
.con4 .desc .sum{font-size:18px;}
.con4 .desc .sum li:nth-child(2n-1){font-size:16px;}
.con4 .desc .deco{top:-2%; right:-52%; width:95%;}
.con4 .desc .hash{font-size:18px;}
.con4 .desc .hash li:nth-child(1){font-size:20px; }
.con4 .terms{font-size:15px;}

.con5 .tit p:nth-child(2){font-size:16px;}
.con5 .random{font-size:16px;}

.con6{font-size:16px;}
.con6 .box {display:inline-block; width:95%;}
}

@media screen and (max-width: 480px){
.con2 .box{padding:10% 0 20%;}

.con3 ul{display:block;}
.con3 ul li{display:inline-block; width:70%; margin-bottom:7%;}

.con4 .desc .deco{top:21%; right:-45%;}

.con5 .pd_wrap .row li{width:70%; margin-right:0; float:none; display:inline-block;margin-bottom:2.127%;}
.con5 .pd_wrap .row2 li:first-child{margin-left:0;}
.con5 .pd_wrap .row2{margin-top:0%;}
}