28 lines
1.2 KiB
CSS
28 lines
1.2 KiB
CSS
.ap_wrap {position:relative; width:1150px; margin:30px auto;}
|
|
@media (max-width: 1150px) {
|
|
.ap_wrap {position:relative; width:100%; padding:0 10px; margin:30px auto;}
|
|
}
|
|
|
|
.ap_pyo { width:100%; border:1px solid #d9d9d9; }
|
|
.ap_pyo thead th {width:15%; padding:0 20px; height:50px; color:#fff; background:#005aab; text-align:center}
|
|
.ap_pyo thead td {width:85%; padding:0 20px; border-bottom:1px solid #d9d9d9; color:#797979; text-align:left;}
|
|
|
|
@media (max-width: 650px) {
|
|
.ap_pyo thead th {width:30%;}
|
|
.ap_pyo thead td {width:70%;}
|
|
.ap_star_check li img {display:none;}
|
|
}
|
|
|
|
.ap_pyo tbody th {padding:10px 20px; font-weight:500; height:50px; color:#000; background:#f6f6f6; text-align:left; word-break:keep-all}
|
|
.ap_pyo tbody td.center {padding-bottom:15px; text-align:center;}
|
|
|
|
.ap_pyo .ap_star_check {text-align:center; margin:10px 0}
|
|
.ap_pyo .ap_star_check li {display:inline-block; text-align:center; margin:10px 30px}
|
|
|
|
.ap_pyo .ap_btn {padding:8px 20px; border:0; border-radius:4px; background:#686868; color:#fff; cursor:pointer; font-weight:bold}
|
|
.ap_pyo .ap_btn:hover {background:#333; color:#fff}
|
|
|
|
|
|
@media screen and (max-width: 600px){
|
|
.ap_pyo .ap_star_check li {margin:0px;}
|
|
} |