.arenaBreakout{
    background-color: #000;
}
.arenaBreakout-partOne{
    width: 100%;
    height: 1005px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec1-bg.webp');
    background-size: 2560px 1005px;
    background-repeat: no-repeat;
    background-position: top center;
}
.arenaBreakout-partOne .arenaBreakout-partOne-main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 184px;
    box-sizing: border-box;
}
.arenaBreakout-partOne .arenaBreakout-partOne-main .arenaBreakout-partOne-txt1{
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "MiSans VF";
    font-size: 84px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
}
.arenaBreakout-partOne .arenaBreakout-partOne-main .arenaBreakout-partOne-txt1 span{
    color: #D5583A;
    font-family: "MiSans VF";
    font-size: 84px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    margin-left: 40px;
}
.arenaBreakout-partOne .arenaBreakout-partOne-main .arenaBreakout-partOne-txt2{
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: MiSans;
    font-size: 48px;
    font-style: normal;
    font-weight: 380;
    line-height: normal;
    margin-top: 14.87px;
    margin-bottom: 28.16px;
}
.arenaBreakout-partOne .arenaBreakout-partOne-main .arenaBreakout-partOne-txt3{
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: MiSans;
    font-size: 26px;
    font-style: normal;
    font-weight: 380;
    line-height: normal;
    margin-top: 21.38px;
    margin-bottom: 69.46px;
}
.arenaBreakout-partOne .arenaBreakout-partOne-main .arenaBreakout-partOne-btn{
    width: 351px;
    height: 95px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec1-btn.png');
    background-size: 351px 95px;
    background-repeat: no-repeat;
    background-position: center ;
    cursor: pointer;
}
.arenaBreakout-partTwo{
    width: 100%;
    height: 977px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec2-bg.webp');
    background-size: 2560px 977px;
    background-repeat: no-repeat;
    background-position: top center;

}
.arenaBreakout-partTwo .arenaBreakout-partTwo-main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 44px;
    box-sizing: border-box;
}
.arenaBreakout-partTwo .arenaBreakout-partTwo-main .arenaBreakout-partTwo-txtbox{
    width: 510px;
    height: 107px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec2-txtbg.png');
    background-size: 510px 107px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 58px;
    font-style: normal;
    font-weight: 550;
    line-height: 107px; 
    text-transform: uppercase;
}
.arenaBreakout-partTwo .arenaBreakout-partTwo-main .arenaBreakout-partTwo-txt{
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 30px;
    font-style: normal;
    font-weight: 520;
    line-height: normal; /* 0px */
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 566px;
}
.arenaBreakout-partTwo .arenaBreakout-partTwo-main .arenaBreakout-partTwo-txt2{
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 26.094px;
    font-style: normal;
    font-weight: 380;
    line-height: 42.403px; /* 162.5% */
    letter-spacing: -0.783px;
    text-transform: uppercase;
    padding-left: 235px
}
.arenaBreakout-partTwo .arenaBreakout-partTwo-main .arenaBreakout-partTwo-txt2 span{
    padding-left: 38px;
}
.arenaBreakout-partTwo .arenaBreakout-partTwo-main .arenaBreakout-partTwo-txt2 img{
    margin-right: 10px;
}
.arenaBreakout-partThree{
    width: 100%;
    height: 886px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec3-bg.webp');
    background-size: 2560px 886px;
    background-repeat: no-repeat;
    background-position: top center;
}
.arenaBreakout-partThree .arenaBreakout-partThree-main{
    width: 1230px;
    height: 100%;
    margin: 0 auto;
    padding-top: 176px;
    box-sizing: border-box;
}
.arenaBreakout-partThree .arenaBreakout-partThree-main .arenaBreakout-partThree-txt1{
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 26.094px;
    font-style: normal;
    font-weight: 380;
    line-height: 42.403px; /* 162.5% */
    letter-spacing: -0.783px;
    text-transform: uppercase;
    padding-left: 782px;
}
.arenaBreakout-partThree .arenaBreakout-partThree-main .arenaBreakout-partThree-txt1 span{
    padding-left: 38px;
}
.arenaBreakout-partThree .arenaBreakout-partThree-main .arenaBreakout-partThree-txt1 img{
    margin-right: 10px;
}
.arenaBreakout-partFour{
    width: 100%;
    height: 920px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec4-bg.webp');
    background-size: 2560px 920px;
    background-repeat: no-repeat;
    background-position: center top;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 72px;
    box-sizing: border-box;
}
.arenaBreakout-partFour-txtbox{
    width: 510px;
    height: 107px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec4-txtbg.png');
    background-size: 510px 107px;
    background-repeat: no-repeat;
    background-position:center;
    margin: 0 auto 12px;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-txt1{
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 58px;
    font-style: normal;
    font-weight: 550;
    line-height: 107px; 
    text-transform: uppercase;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-txt2{
    color: #FFF;
    text-align: center;
    font-family: MiSans;
    font-size: 44.896px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    margin-bottom: 30.78px;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box {
    display: flex;
    width: 972.75px;
    height: 516.513px;
    margin:20.36px auto 0;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item {
    width: 465.795px;
    margin-right: 41px;
    flex-shrink: 0;
    padding-top:245.49px;
    box-sizing: border-box;

}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item-txt{
    color: #F5F5F5;
    text-align: center;
    font-family: MiSans;
    font-size: 22.448px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    margin-bottom: 30.05px;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item:nth-child(2)  .arenaBreakout-partFour-box-item-txt{
    color: #000;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26.45px;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top-li {
    margin-right: 33.06px;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top-li:last-child p{
    text-align: center;
}
.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top-li:last-child{
    margin-right: 0;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top-li p:first-child {
    color: #EA3323;
    font-family: MiSans;
    font-size: 33.064px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.936px;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item:nth-child(2) .arenaBreakout-partFour-box-item-top-li p:first-child {
    color: #00FF94;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top-li p:first-child span {
    font-size: 15.871px;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-top-li p:last-child {
    color: #FFF;
    font-family: MiSans;
    font-size: 16.83px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.7;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-bottom ul li {
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: MiSans;
    font-size: 16.83px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 13.23px;
}

.arenaBreakout-partFour .arenaBreakout-partFour-main .arenaBreakout-partFour-box .arenaBreakout-partFour-box-item .arenaBreakout-partFour-box-item-bottom ul li img {
    margin-right: 7.07px
}
.arenaBreakout-partFive{
    width: 100%;
    height: 698px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec5-bg.webp');
    background-size: 2560px 698px;
    background-repeat: no-repeat;
    background-position:top center ;
}
.arenaBreakout-partFive .arenaBreakout-partFive-main{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 34px;
    box-sizing: border-box;
}
.arenaBreakout-partFive .arenaBreakout-partFive-main .arenaBreakout-partFive-txt1{
    width: 582px;
    height: 107px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec5-txtbg.png');
    background-size: 582px 107px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 58px;
    font-style: normal;
    font-weight: 550;
    line-height: 107px;
    text-transform: uppercase;
    margin-bottom: 217px;
}
.arenaBreakout-partFive .arenaBreakout-partFive-main .arenaBreakout-partFive-txt2{
    color: #D5583A;
    font-family: MiSans;
    font-size: 38.281px;
    font-style: normal;
    font-weight: 600;
    line-height: 89.413px; /* 233.574% */
    padding-left: 50px;
}
.arenaBreakout-partFive .arenaBreakout-partFive-main .arenaBreakout-partFive-txt3{
    color: #FFF;
    font-family: MiSans;
    font-size:26.094px;
    font-style: normal;
    font-weight: 380;
    line-height:42.403px; 
    padding-left: 50px;
}
.arenaBreakout-partFive .arenaBreakout-partFive-main .arenaBreakout-partFive-txt3 span{
    padding-left: 38px;
}
.arenaBreakout-partFive .arenaBreakout-partFive-main .arenaBreakout-partFive-txt3 img{
    margin-right: 9.84px;
}
.arenaBreakout-partSix{
    width: 100%;
    height: 618px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec6-bg.webp');
    background-size: 2560px 618px;
    background-repeat: no-repeat;
    background-position:top center ;
   }
   .arenaBreakout-partSix .arenaBreakout-partSix-main{
       width: 1200px;
       height: 100%;
       margin: 0 auto;
       padding-top: 43px;
       box-sizing: border-box;
   }
   .arenaBreakout-partSix .arenaBreakout-partSix-main .arenaBreakout-partSix-txtbox{
       width: 267px;
       height: 69px;
       background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec6-txtbg.png');
       background-size: 267px 69px;
       background-repeat: no-repeat;
       background-position:center;
       margin: 0 auto;
   }
   .arenaBreakout-partSix .arenaBreakout-partSix-main .arenaBreakout-partSix-txt1{
        color: #FFF;
        text-align: center;
        font-family: "MiSans VF";
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 69px;
        text-transform: uppercase;

   }
   .arenaBreakout-partSix .arenaBreakout-partSix-main .arenaBreakout-partSix-txt2{
        color: #FFF;
        text-align: center;
        font-family: MiSans;
        font-size: 26.09px;
        font-style: normal;
        font-weight: 330;
        line-height: 64.188px; /* 246.024% */
   }
   .arenaBreakout-partSeven {
    width: 100%;
    height: 707px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec7-bg.webp');
    background-size: 2560px 100%;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 100.26px;
    box-sizing: border-box;
}

.arenaBreakout-partSeven  .arenaBreakout-partSeven-main {
    width: 1180px;
    height: 100%;
    margin: 0 auto;
}

 .arenaBreakout-partSeven .arenaBreakout-partSeven-txt {
    color: #FFF;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 60px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 80px;
}
.arenaBreakout-partSeven .arenaBreakout-partSeven-txt span{
    color: #D5583A;
    font-family: "MiSans VF";
    font-size: 60px;
    font-style: normal;
    font-weight: 550;
    line-height: normal;
    text-transform: uppercase;
}

 .arenaBreakout-partSeven .arenaBreakout-partSeven-ul {
    display: flex;
    justify-content: center;
}

 .arenaBreakout-partSeven .arenaBreakout-partSeven-ul li {
    text-align: center;
    margin-right: 70px;
}
 .arenaBreakout-partSeven .arenaBreakout-partSeven-ul li img{
    width: 124px;
    height: 124px;
}

 .arenaBreakout-partSeven .arenaBreakout-partSeven-ul li:last-child {
    margin-right: 0px;
}

 .arenaBreakout-partSeven .arenaBreakout-partSeven-ul .arenaBreakout-partSeven-ul-p1 {
    color: #D5583A;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 630;
    line-height: normal;
    margin-top: 29px;
    margin-bottom: 10px;
}

 .arenaBreakout-partSeven .arenaBreakout-partSeven-ul .arenaBreakout-partSeven-ul-p2 {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
}
.arenaBreakout-partEight{
    width: 100%;
    height: 2355px;
    background-image: url('/article/img/battlenet/arenaBreakout/arenaBreakout-sec8-bg.webp');
    background-size: 2560px 100%;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 100px;
    box-sizing: border-box;
}

.arenaBreakout-partEight .arenaBreakout-partEight-main {
    width:1200px;
    height: 100%;
    margin: 0 auto;
}
.arenaBreakout-partEight .arenaBreakout-partEight-txt{
    text-align: center;
    color: #FFF;
    font-family: "MiSans VF";
    font-size: 60px;
    font-style: normal;
    font-weight: 620;
    line-height: normal;
    text-transform: uppercase;
  
}
.arenaBreakout-partEight .arenaBreakout-partEight-txt span{
    color: #D5583A;
    text-align: center;
    font-family: "MiSans VF";
    font-size: 60px;
    font-style: normal;
    font-weight: 620;
    line-height: normal;
    text-transform: uppercase;
}
.arenaBreakout-partEight .blizzard-partFour-news a li p:nth-child(2){
    color: #FFF;
}
.arenaBreakout-partEight .blizzard-partFour-news li p:nth-child(3){
    color: #FFF;
    opacity: 1;
}
.arenaBreakout-partEight .blizzard-partFour-news li p:nth-child(4){
    color: rgba(255, 255, 255, 0.6);
}