﻿* {
    margin: 0px;
    padding: 0px;
}

body {
    background-image: url("/image/h_bg.png");
}

#ii img {
    width: 100%;
    display: flex;
}

#data {
    width: 100%;
    padding: 0px 16px;
    padding-top: 40px;
    box-sizing: border-box;
    overflow: scroll;
}

.news {
    width: 100%;
    display: flex;
    margin: 16px 0px;
    border: 1px solid #786052;
    box-sizing: border-box;
    position: relative;
}

    .news > div > img {
        width: 120px;
        height: 90px;
        display: flex;
    }

    .news > div:nth-child(2) {
        flex: 1;
        width: 0px;
        padding: 12px 16px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .news > div:nth-child(2) > div {
            width: 100%;
        }

            .news > div:nth-child(2) > div:first-child {
                color: black;
                font-size: 15px;
            }

            .news > div:nth-child(2) > div:last-child {
                color: #786052;
                font-size: 13px;
                display: flex;
            }

                .news > div:nth-child(2) > div:last-child > div {
                    border-top: 1px solid #786052;
                    border-bottom: 1px solid #786052;
                    padding: 4px;
                }

    .news > div:last-child {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .news > div:last-child > div:first-child {
            position: relative;
            width: 100%;
            height: 100%;
        }

            .news > div:last-child > div:first-child > div {
                width: 15px;
                height: 15px;
            }

                .news > div:last-child > div:first-child > div:nth-child(1) {
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    transform: rotate(-90deg);
                    background-image: url("/image/ns1.png");
                }

                .news > div:last-child > div:first-child > div:nth-child(2) {
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    background-image: url("/image/ns1.png");
                }

                .news > div:last-child > div:first-child > div:nth-child(3) {
                    position: absolute;
                    bottom: -1px;
                    left: -1px;
                    transform: rotate(180deg);
                    background-image: url("/image/ns1.png");
                }

                .news > div:last-child > div:first-child > div:nth-child(4) {
                    position: absolute;
                    bottom: -1px;
                    right: -1px;
                    transform: rotate(90deg);
                    background-image: url("/image/ns1.png");
                }
