/****ipa版用*****/
/*#295d80*/
body{
    background: #eee;
}
body{
    font-family: "微軟正黑體",Noto Sans,sans-serif;
}
body li {
    list-style: none;
    margin-bottom: 0.625rem;
}
ul{
    padding-inline-start: 40px;
}
.ios-index{
    background: #eee;
}
#wrap{
    width: 100%;
    max-width: 640px;
    margin: 0px auto;
}

#wrap h1 {
    color: #555;
    font-size: 2rem;
}

.game_icon h1 img{
    width: 60%;
}

@media screen and (max-width: 1299px){
    h2 {
        font-size: 1rem;
    }
}


.ios-index .box{
    padding: 50px 0 50px 0 ;
    width: 92%;
}

.ios-index .box .item{
    width: 100%;
    border-radius: 10px;
    margin: 0 auto 15px auto;
    padding: 0 0 15px 0;
}

.ios-index .box .item .body{
    padding: 22.5px 15px 0 15px;
}

.ios-index .box .item .body .text p{
    font-size: 1rem;
}

.ios-index .box .item .body .text p:last-child{
    font-size: 0.875rem;
    padding: 0.625rem;
}

.ios-index .box .item .button a{
    width: 85.333%;
    max-width: 250px;
    height: 2.8125rem;
    margin: 1rem auto 0 auto;
    background-color: #295d80;
}

.ios-index .box .item .button a:hover{
    background-color: #295d80;
}

.ios-index .box .item .button .tip{
    font-size: 0.94rem;
}

.ios-index .box .item .setup{
    width: 4.8rem;
    height: 2.5rem;
    line-height: 2.125rem;
    background-size: 4.8rem 2.5rem;
    left: -0.58rem;
    top: 0.8rem;
    font-size: 1rem;
    font-weight: 900;
}
#game__suggestions{
    height: 190px;
}
.game__suggestions_box{
    padding-bottom: 0;
}

.game__suggestions_box{
    border-radius: 0.625rem;
}
.ios-index .box .item .body .text p.textTitle{
    margin-top: 2.5rem;
    margin-bottom: 0.625rem;
    font-size: 1rem;
    color: #000;
    font-weight: 700;
}
.ios-index .box .item .body .text p.textContent{
    font-size: 0.875rem;
    color: #555;
    text-align: left;
    padding: 0.3rem;
    font-weight: 400;
}

.ios-index .box .item .body .text p.mt-2{
    margin-top: 2rem;
}
.ios-index .box .item .body .text p.mt-1{
    margin-top: 1rem;
}

.ios-index .box .item .body .text a{
    text-decoration: underline;
    color: #ecae32;
}

@media screen and (min-width: 768px){
    #game__suggestions a h4 {
        font-size: 1rem;
    }
}

.mt-2{
    margin-top: 2rem;
}

.textAlign_left{
    text-align: left;
}

.ios-index .box .item .body .text p.textAlign_left{
    text-align: left;
}
.qa_head {
    cursor: pointer;
    padding: 11px 20px;
    font-size: 16px;
}

.subs{
    /* line-height: 4rem; */
    font-size: 0.875rem;
    color: #555;
}
.qa_item .qa_head{
    color: #555;
    border: solid .5px #555;
    border-radius: 40px;
    margin: 15px 0;
}

.qa_head:hover {
    background-color: #295d80;
    border-radius: 40px;
    border-color: #295d80;
    color: #fff;
}

hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #3f464e;
}

.videoPlay{
    width: calc(100% - 0.625rem);
    margin: 0 auto;
    padding-top: 0.625rem;
    border-radius: 10px;
}

.videoPlay video{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}