/*================= games ==============================================================================*/
.container  .article_info_container{width: 100%;margin:0;}
.secondary_article .news_stress{    padding-top: 3rem;}
.feature_subtext p:nth-child(1),.feature_subtext p{
    padding: .5rem 0;
    line-height: 100%;
}
h5.phototitle {
    text-align: center;
    font-size: 25px;
    font-family: "PT Serif",Lato,Arial,"Microsoft JhengHei",sans-serif;
    padding: 3% 0 4%;
    position: relative;
    font-style: italic;
    letter-spacing: 1px;
}
h5.phototitle:after {
    content: "";
    display: inline-block;
    width: 6%;
    height: 6%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    border-radius: 2px;
    background: linear-gradient(80deg, #e80, #eb0);
    background: -webkit-linear-gradient(80deg, #e80, #eb0);
}
.article_info_container table,tr{width: 100%;}
.article_info_container tr{line-height: 250%;text-align: center;transition: .5s;}
.article_info_container tbody>tr:hover{background: linear-gradient(80deg, #eb0, #e80);color: #ffffff;}
.article_info_container thead tr{line-height: 200%;color:#e80;font-weight: 900;}
.article_info_container thead{border-bottom: #eee .1px solid;}

/* game截圖 */
.news_info_img{width: 100%;}
.news_info_img .d-flex{margin:-5px;}
.news_info_img .bs_shot{
    width:calc(50% - 10px) ;
    margin: 5px;
}
/* --------- TTG ------------------------------------------- */
.ttg_target {
    justify-content: space-evenly;
    padding: 1rem 0;
}


.ttg_target div {
    height: .8rem;
    width: 30%;
    /* background: red; */
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    position: relative;
}

.ttg_target div.at::before {
    content: '';
    /* background: black; */
    position: absolute;
    bottom: -1rem;
    border-bottom: .7rem solid black;
    border-left: .7rem solid transparent;
    border-right: .7rem solid transparent;
}

.ttg_target div.at::after {
    font-weight: 900;
    letter-spacing: .2rem;
    line-height: 2.07rem;
    color: #ffffff;
    font-size: 1.2rem;
    padding-left: 1.5rem;
    filter: drop-shadow(2.5px 1px 1.5px #420006a9);
}

.ttg_target div:nth-child(1).at::after {
    content: 'LOW';
}

.ttg_target div:nth-child(2).at::after {
    content: ' MEDIUN';
}

.ttg_target div:nth-child(3).at::after {
    content: 'HIGHT';
}

.ttg_target div:nth-child(1) {
    background: linear-gradient(90deg, greenyellow, rgb(221, 255, 0));
}

.ttg_target div:nth-child(2) {
    background: linear-gradient(90deg, yellow, rgb(255, 102, 0));
}

.ttg_target div:nth-child(3) {
    background: linear-gradient(90deg, orangered, red);
}


@media screen and (max-width:768px){

    .news_info_img .d-flex{margin:0;}
    .news_info_img .bs_shot{
        width:100%;
        margin: 0;
        padding: 0;
    }
    .ttg_target div.at::after{
        letter-spacing: .1rem;
        font-size: 1rem;
    }
    }