.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; } }