/* MVC compatibility rules; visual layout, images, and palette are retained from HiBeautyV1. */
.legacy-link-button { width: 100%; border: 0; padding: 5px; color: #fff; background: #ef017c; font: inherit; cursor: pointer; }
.legacy-image-button { border: 0; padding: 0; background: transparent; cursor: pointer; }
.message-captcha-image { border: 1px solid #ccc; }
.legacy-disabled { display: block; width: 132px; padding: 5px 5px 5px 20px; color: #999; }
.legacy-content-note { margin: 15px; padding: 15px; background: #fff; }
.legacy-content-note h2 { margin-left: 0; }
.content #mainCtn.faq-page { background-color: transparent; }
.faq-page .legacy-content-note { background-color: transparent; }
.faq-accordion .accordion-item, .faq-accordion .accordion-button, .faq-accordion .accordion-collapse { border: 0; }
.faq-accordion .accordion-button { background-color: transparent; box-shadow: none; }
.legacy-content-table { width: 96%; margin: 15px; background: #fff; }
.legacy-content-table th, .legacy-content-table td { padding: 7px; border: 1px solid #ccc; }
.legacy-content-table th { background: #f6c; color: #000; }
.legacy-months { margin: 10px 15px; }
.legacy-months a { margin-right: 10px; }
.legacy-login { width: 500px; margin-left: 15px; }
.legacy-login .form-control { max-width: 280px; }
.legacy-login .btn { background: #f36; border-color: #f36; }
.buy-page { width: 821px; padding: 15px; box-sizing: border-box; background: #fff; }
.buy-page h1, .buy-page h2 { color: #f36; }
.buy-page h2 { font-size: 20px; margin-top: 20px; }
.buy-form { padding: 0 15px 20px; }
.buy-payment-group { border: 1px solid #ddd; margin: 10px 0; padding: 10px 15px; }
.buy-payment-group legend { width: auto; float: none; padding: 0 8px; font-size: 16px; color: #666; }
.buy-option, .buy-price { display: inline-block; margin: 5px 20px 5px 0; }
.buy-option input, .buy-price input { margin-right: 6px; }
.buy-prices { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 20px; }
.container { box-sizing: content-box; max-width: none; padding-right: 0; padding-left: 0; }
.header, .header #menu, .header #search, .header #buy, #logo, #left, .sidebar1, .content, .sidebar1 .side_T, .sidebar1 .side_TS, .sidebar1 .side_M, .sidebar1 .side_B, .content #mainCtn { box-sizing: content-box; }
.header #menu { width: 403px; }
.header #search #search_textfield { box-sizing: content-box; }
.sidebar1 ul.nav { display: block; flex-direction: initial; }
.container #left .sidebar1 .side_M #afterSignin {
    background-image: url(../images/line_L.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #f36;
}
.container #left .sidebar1 .side_M #afterSignin p {
    font-size: 12px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
}
.sidebar1 ul.nav li { display: block; float: none; }
.sidebar1 ul.nav a.legacy-nav-active { color: #fff; background-color: #f3a0b7; }
.content #mainCtn #tab_bg { box-sizing: content-box; }
.room-info-page .room-info-status { vertical-align: middle; }
.room-info-page .room-info-action { display: inline-block; margin-right: 8px; }
.legacy-pagination { display: flex; gap: 12px; justify-content: center; margin: 12px 0; }
.legacy-pagination a { color: #f36; }
.content #mainCtn .favoriteList {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 135px 80px 220px minmax(0, 1fr) 99px;
    grid-template-rows: 28px auto auto;
    column-gap: 10px;
    row-gap: 0;
    width: 803px;
    min-height: 140px;
    height: auto;
    padding: 0 8px 10px;
    overflow: visible;
}
.content #mainCtn .favoriteList .state {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
}
.content #mainCtn .favoriteList .avatar_135x118 {
    grid-column: 1;
    grid-row: 1 / 4;
    float: none;
    margin: 8px 0 0;
}
.content #mainCtn .favoriteList .favor_Name {
    grid-column: 2 / 6;
    grid-row: 1;
    float: none;
    width: auto;
    margin: 6px 0;
    padding: 0;
}
.content #mainCtn .favoriteList .favor_infoA,
.content #mainCtn .favoriteList .favor_infoB,
.content #mainCtn .favoriteList .favor_life,
.content #mainCtn .favoriteList .favor_ACT {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content #mainCtn .favoriteList .favor_infoA {
    grid-column: 2;
    grid-row: 2 / 4;
}
.content #mainCtn .favoriteList .favor_infoB {
    grid-column: 3;
    grid-row: 2 / 4;
}
.content #mainCtn .favoriteList .favor_life {
    grid-column: 4;
    grid-row: 2 / 4;
    width: 320px;
    padding-right: 0;
}
.content #mainCtn .favoriteList .favor_ACT {
    grid-column: 5;
    grid-row: 2 / 4;
    align-self: end;
}