.social{ display: inline-block; position: absolute;  margin-top: -50px; z-index: 5; left: calc(50% + 300px);}
.line_base {line-height:0px}
#wrapper{width: 100%; background-image: url(/images/event/2019/oldthingsdiy/bg.gif);position: relative;font-weight: 500;}
.main_vs{width: 100%; background-image:url(/images/event/2019/oldthingsdiy/bg_05.png);position: relative;height:860px;background-repeat: no-repeat;background-position: center;top:80px;box-sizing: border-box;}
.main_vs a{display: block; position: absolute; top:-65px; left:15px;}
.title{display: block; position: absolute; left: 50%; margin-left: -600px;top:-80px;background-repeat: no-repeat;}
.title_768{ display: none;}
.title img , .title_768 img{ width: 100%;}
.content{display: block;max-width: 1200px; margin: 0 auto; background-color: #eec74d; padding: 40px 70px; box-sizing: border-box;font-size: 1.2em;}
.content h2+span{display: block; margin-top:20px;}
.content section{margin-bottom: 30px;}
.step ul {list-style-type: decimal;list-style-position:outside; margin-left: 20px;}
.step ul li{margin-bottom: 10px;}

.content a , .content li a{color:#d0392a;text-decoration: underline;}
.pic a{display: inline-block;margin-right: 20px;}
.pic img{width: 100%;}
.prize{display: flex; flex-direction:row;flex-wrap: wrap;justify-content:flex-start;}
.prize div{box-sizing: border-box; text-align: center;margin: 15px;}
.prize div p{color:#d0392a;font-weight: 600;}
.prize div span{font-size: 14px;line-height:16px;font-weight:600;color: #333;}
.prize a{text-decoration: none;}
.content .btn{text-align: center; margin: 0 auto; display: block; width: 250px;height: 60px;border-radius:25px; background-color: #2a2a2a; line-height: 60px;text-decoration: none; color: #eec74d; font-size: 1.6em;}
.content .btn:hover{ background-color:#d0392a;color: #fff; }

.rule{display: block;max-width: 1200px; margin: 0 auto; background-color: #333;padding: 40px 70px; box-sizing: border-box;color: #fff;font-size: 15px; }
.rule ul{list-style-type: decimal;list-style-position:outside; margin-left: 20px;}
.rule p{margin-bottom: 10px;}
.rule p span{color: #d0392a;display: block;}
.rule ul li{margin-bottom: 10px;}

.sponser{ display: flex; max-width: 1200px; margin: 0 auto;justify-content:center;line-height: 50px;margin-top: 20px;font-size: 20px;}
.sponser img{margin: 0 10px;}
footer{position: relative;margin-top: 20px;}

@media (max-width:1024px) {    
    .title img {
        width: 100vw;
        margin-left: 8vw;
    }
    .social { left: unset; right: 0px; margin-top: -60px;}
    
}

@media (max-width:768px) {    
    
    .function ul li a{font-size:1.2em;padding:0 15px ;}
    .function ul li a:before{display: none;}
    .title{display: none;}
    .title_768{display: block;}
    .social { margin-top: -70px; }
}

@media (max-width:640px) {  
    .main_vs{background-image: none;height:380px;}
    .sponser{display: block;text-align: center;}
    .prize{justify-content:center;}
    
}

@media (max-width:480px) {  
     .main_vs{background-image: none;height:300px;}
    .content , .rule{padding:20px 30px;}
}