@charset "utf-8";
/* CSS Document */
.wrap{background:url(../images/bg.jpg) center top no-repeat;width:100%; position:relative;}
body{background: #000;font-family: "Noto Sans SC", sans-serif;}
.content{width:1000px; margin:0 auto; position:relative;padding-top: 327px;}
.menu-wrap{display: flex;justify-content: center;margin-bottom: 120px;}
.menu-wrap a{display: block;background: url(../images/nav_btn.png) no-repeat;text-align: center;width: 110px;height: 48px;line-height: 48px;color: #ffd100;font-size: 18px;margin: 0 10px;}
.match-info{display: flex;justify-content: space-between;margin-bottom: 30px;}
.info-wrap{background: url(../images/matchInfo_bg.png) no-repeat;width: 322px;height: 248px;position: relative;}
.info-wrap h2{text-align: center;line-height: 45px;color: black;font-size: 16px;}
.info-wrap h2 span{color: #5f29c4;}
.info-wrap img{display: block;position: absolute;bottom: 15px;right: 15px;}
.match-text{width: 277px;margin: 0 auto;font-size: 12px;color: white;line-height: 36px;}
.club-ID{border-bottom: 2px solid #ffd100;font-size: 16px;}
.match-address{display: flex;}
.match-address span{display: block;width: 40%;}
.match-address p{width: 60%;}
.match-award-wrap h2,.match-process h2,.match-rule h2{display: block;margin: 0 auto 30px;text-align: center;font-size: 26px;color: #ffd100;background: url(../images/title_arrow_2.png) center bottom no-repeat;line-height: 65px;letter-spacing: 5px;}
.match-club h2{display: block;margin: 0 auto 30px;text-align: center;font-size: 26px;color: #ffd100;background: url(../images/title_arrow_1.png) center bottom no-repeat;line-height: 65px;letter-spacing: 5px;}
.award-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.award-style_01{width: 449px;height: 311px;background: url(../images/award_bg_1.png) no-repeat;position: relative;margin-bottom: 30px;}
.award-style_02{width: 449px;height: 268px;background: url(../images/award_bg_2.png) no-repeat;position: relative;margin-bottom: 30px;}
.award-s-list{width: 449px;display: flex;justify-content: space-between;height: 268px;margin-bottom: 30px;}
.award-style_03{width: 161px;height: 267px;background: url(../images/award_bg_3.png) no-repeat;position: relative;}
.award-style_04{width: 276px;height: 267px;background: url(../images/award_bg_4.png) no-repeat;position: relative;}
.award-style_05{width: 449px;height: 251px;background: url(../images/award_bg_5.png) no-repeat;position: relative;margin-bottom: 30px;}
.award-list h3{display: block;height: 60px;line-height: 60px;color: #5f29c4;font-size: 26px;margin: 0 auto;position: relative;width: 140px;text-align: center;}
.award-list .award-style_03 h3{width: 65px;}
.award-list h3::before{display: block;position: absolute;content: "";height: 60px;width: 35px;background: url(../images/award_arrow_L.png) center no-repeat;left: -37px;top: 0;}
.award-list h3::after{display: block;position: absolute;content: "";height: 60px;width: 35px;background: url(../images/award_arrow_R.png) center no-repeat;right: -37px;top: 0;}
.award-img{display: flex;justify-content: center;padding: 20px 0 0;}
.award-img div{margin: 0 10px;}
.award-img div img{display: block;margin: 0 auto;}
.award-img div p{text-align: center;font-size: 14px;color: #949494;line-height: 20px;margin-top: 5px;}
.award-tips{text-align: center;font-size: 14px;color: #949494;line-height: 20px;margin-top: 20px;}
.award-tips b{color: #5f29c4;font-weight: normal;}
.club-nav{display: flex;justify-content: space-between;height: 90px;width: 100%;}
.club-nav a{display: flex;align-items: center;width: 310px;height: 70px;border-top-left-radius: 50px;border-top-right-radius: 50px;background: white;flex-wrap: wrap;padding: 10px 0;}
.club-nav a p{text-align: center;font-size: 22px;color: #5f29c4;font-weight: bold;line-height: 40px;width: 100%;}
.club-nav a span{display: block;margin: 0 auto;width: 171px;height: 33px;text-align: center;line-height: 33px;background: #5f29c4;border-radius: 20px;font-size: 16px;color: white;font-weight: bold;}
.club-nav a.cur{background: #ffd100;}
.club-nav a:hover{text-decoration: none;}
.club-list{background: #ffd100;padding: 60px 0;display: flex;justify-content: center;}
.club-list div{margin: 0 30px 0;}
.club-list div img{display: block;margin: 0 auto;}
.club-list div p{text-align: center;font-size: 16px;color: black;font-weight: bold;line-height: 50px;}
.match-process{margin-top: 30px;}
.match-rule{margin-top: 40px;padding-bottom: 100px;}
.match-process p,.match-rule p{font-size: 18px;color: white;line-height: 40px;width: 90%;margin: 0 auto;}
.match-process p b,.match-rule p b{font-size: 20px;color: #ffd100;}

@media screen and (max-width: 1200px) {
    .wrap{background:url(../images/bg.jpg) center top no-repeat;width:100%; position:relative;background-size: 100%;}
    .top_link,#bottom-div{display: none;}
}