API55128/Lottomat.SOA.API/txwl/css/main.css

.form-control-input {
	width: 100%;
	height: 32px;
	line-height: 2;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 10pt;
	padding-left: 5px;
	border-radius: 2px;
}

.no-sold {
	height: 84px;
	background-image: url(../img/to_be_sold.png);
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: 50% 50%;
}

.expired{
	height: 84px;
	background-image: url(../img/expired.png);
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: 50% 50%;
}

.button-edit-remove {
	cursor: pointer;
	width: 100%;
	height: auto;
	text-align: right;
}

.user-select-none {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cursor-pointer {
	cursor: pointer;
}
.adsd-wrapper {
    width: 100%;
    margin: 10px auto;
    overflow: hidden;
}

.adsd-wrapper {
    background-color: #faf8f2;
}

.ads-right .ads-box > div a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width:769px) {
    .desc-pc {
        display: none;
    }

    .ads-desc {
        text-align: left;
    }

        .ads-desc p {
            text-indent: 1rem;
            line-height: 2.6rem;
            font-size: 1.6rem;
            color: #c31a00;
        }

    .ads-right {
        width: 100%;
    }

        .ads-right .ads-box {
            width: 100%;
            overflow: hidden;
        }

            .ads-right .ads-box > div {
                width: 50%;
                float: left;
                text-align: center;
                line-height: 35px;
                ;
            }

                .ads-right .ads-box > div a {
                    font-size: 1.4rem;
                    display: block;
                    border: 1px solid #dddddd;
                }

                .ads-right .ads-box > div:nth-child(odd) a {
                    border-right: none;
                }

                .ads-right .ads-box > div:nth-child(1) a, .ads-right .ads-box > div:nth-child(2) a, .ads-right .ads-box > div:nth-child(3) a, .ads-right .ads-box > div:nth-child(4) a, .ads-right .ads-box > div:nth-child(5) a, .ads-right .ads-box > div:nth-child(6) a {
                    border-bottom: none;
                }
}

@media screen and (min-width:769px) {
    .desc-mobile {
        display: none;
    }

    .ads-desc {
        width: 3%;
        float: left;
        text-align: center;
    }

        .ads-desc p {
            border: 1px solid #dddddd;
            border-right: none;
            height: 83px;
            font-size: 1.8rem;
            padding: 5px 0;
            box-sizing: border-box;
        }

    .ads-right {
        width: 97%;
        float: left;
    }

        .ads-right .ads-box {
            width: 100%;
            overflow: hidden;
        }

            .ads-right .ads-box > div {
                width: 25%;
                float: left;
                text-align: center;
                line-height: 40px;
                ;
            }

                .ads-right .ads-box > div a {
                    display: block;
                    border: 1px solid #dddddd;
                    font-size: 1.8rem;
                }

                .ads-right .ads-box > div:nth-child(1) a, .ads-right .ads-box > div:nth-child(2) a, .ads-right .ads-box > div:nth-child(3) a, .ads-right .ads-box > div:nth-child(4) a {
                    border-bottom: none;
                }

                .ads-right .ads-box > div:nth-child(1) a, .ads-right .ads-box > div:nth-child(2) a, .ads-right .ads-box > div:nth-child(3) a, .ads-right .ads-box > div:nth-child(5) a, .ads-right .ads-box > div:nth-child(6) a, .ads-right .ads-box > div:nth-child(7) a {
                    border-right: none;
                }

                .ads-right .ads-box > div a.no-right {
                    border-right: none;
                }
}