@charset "utf-8";
.in_paper img {
    margin-bottom: -5px;
}

.shadow {
    box-shadow: 0px 0px 7px #bcbcbc;
}

.fc2 {
    color: #878787;
}

.fc3 {
    color: #666666;
}

.in_text {
    margin-top: 11px;
    line-height: 25px;
    width: 595px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.in_read {
    padding: 2.5px 10px;
    background-color: #bf4f4f;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 5px;
    display: inline-block;
    line-height: 14px;
    color: #ffffff;
}

/*下方切頁*/
.page_no_div {
    margin: 29px auto 0 auto;
    /*width: 240px;*/
    display: table;
    overflow: hidden;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 7px #bcbcbc;
    -webkit-box-shadow: 0px 0px 7px #bcbcbc;
    box-shadow: 0px 0px 7px #bcbcbc;
}

.page_no {
    background: #ffffff;
    width: 29px;
    height: 25px;
    text-align: center;
    border-right: 1px solid #e7ecf0;
    float: left;
    color: #919191;
    cursor: pointer;
    line-height: 24px;
}

.page_no:hover {
    background: #bf4f4f;
    color: #ffffff;
}

.page_no_active {
    background: #bf4f4f;
    color: #ffffff;
}

.page_no_left {
    background: #ffffff;
    width: 29px;
    height: 25px;
    text-align: center;
    border-right: 1px solid #e7ecf0;
    float: left;
    cursor: pointer;
    background-image: url(../images/no_left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    font-size: 0em;
}

.page_no_left:hover {
    background: #bf4f4f;
    background-image: url(../images/no_left_click.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
}

.page_no_right {
    background: #ffffff;
    width: 29px;
    height: 25px;
    text-align: center;
    border-right: 1px solid #e7ecf0;
    float: left;
    cursor: pointer;
    background-image: url(../images/no_right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
    font-size: 0em;
}

.page_no_right:hover {
    background: #bf4f4f;
    background-image: url(../images/no_right_click.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
}

.page_no_right2 {
    background: #ffffff;
    width: 29px;
    height: 25px;
    text-align: center;
    float: left;
    cursor: pointer;
    background-image: url(../images/no_right2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 7px;
    font-size: 0em;
}

.page_no_right2:hover {
    background: #bf4f4f;
    background-image: url(../images/no_right2_click.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 7px;
}

/*下方切頁 結束*/
@media screen and (min-width: 1280px) {
    /*如果使用者之視窗寬度 >= 1000px，將會再載入這裡的 CSS。 電腦*/
    .in_div {
        margin: 29px auto 0 auto;
        background: #ffffff;
        width: 950px;
    }

    .in_phone {
        float: left;
        overflow: hidden;
        border-left: 4px solid #bf4f4f;
        border-top: 4px solid #bf4f4f;
        border-right: 4px solid #bf4f4f;
        border-bottom: 4px solid #bf4f4f;
        width: 299px;
    }

    .in_div_left {
        width: 615px;
        float: left;
        padding: 9px 12px;
    }

    .in_border {
        width: 582px;
        border-bottom: solid #dedede 1px;
        margin: 13px auto 0 auto;
    }

    .in_text {
        margin-top: 11px;
        line-height: 25px;
        width: 595px;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .pagination {
        margin: 28px auto 10px 512px
    }

    .in_div img {
        width: 355px;
        height: 253px;
    }

    /*.page_title{
          float:left;
          font-size: 15px;
          letter-spacing: 1px;
          margin-bottom: 10px;
    }*/
    .in_time {
        margin: 15px 0 0 0;
    }

    .in_paper {
        float: right;
        margin: 0;
    }

    .in_title {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .in_div_left .in_paper img {
        width: 21px;
        height: 21px;
    }

    .in_div .in_phone img {
        width: 100%;
        height: 100%;
    }

    .in_div .photo_text img {
        width: 16px;
        height: 16px;
        margin: 0 5px -1px 0;
    }
}

@media screen and (max-width: 1279px) {
    /*如果使用者之視窗寬度 <= 999px，將會再載入這裡的 CSS。手機板*/
    .in_div {
        cursor: pointer;
        margin-top: 10px;
        background: #ffffff;
        width: 100%;
    }

    .in_div:hover .in_phone {
        border-left: 4px solid #fcb853;
        border-top: 4px solid #fcb853;
        border-right: 4px solid #fcb853;
        border-bottom: 4px solid #fcb853;
    }

    .in_phone {
        width: 99%;
        height: calc(40vw);
        float: left;
        overflow: hidden;
        border-left: 4px solid #bf4f4f;
        border-top: 4px solid #bf4f4f;
        border-right: 4px solid #bf4f4f;
        border-bottom: 4px solid #bf4f4f;
        position: relative;
    }

    .pagination {
        margin: 28px auto 10px calc(25vw)
    }

    .in_phone img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .in_div img {
        width: 100%;
        height: calc(25vw);
    }

    .in_div_left {
        width: 100%;
        float: left;
        padding: 9px 0px;
    }

    .in_border {
        width: 582px;
        border-bottom: solid #dedede 1px;
        margin: 13px auto 0 auto;
        display: none;
    }

    .in_text {
        margin-top: 11px;
        line-height: 25px;
        width: 595px;
        text-align: justify;
        text-justify: inter-ideograph;
        display: none;
    }

    /*.page_title{
          font-size: 15px;
          letter-spacing: 0px;
          margin-bottom: 10px;
    }*/
    .in_time {
        margin: 0px 6px 0 6px;
    }

    .in_title {
        font-size: 16px;
        letter-spacing: 1px;
        margin: 3px 6px 0 6px;
    }

    .in_paper {
        float: right;
        margin: -3px 6px 0 6px;
    }

    .in_div_left .in_paper {
        display: none;
    }

    .in_div .in_phone img {
        width: 100%;
        height: 100%;
    }

    .in_div .photo_text img {
        width: 16px;
        height: 16px;
    }
}

@media screen and (max-width: 800px) {
    .in_div img {
        width: 100%;
        height: calc(35vw - 20px);
    }
}

@media screen and (max-width: 680px) {
    .in_phone {
        width: 98%;
    }
}