#main .wrapTitleMain {
    top: 51%;
}

#main .wrapTitleMain .titleMain {
    font-size: 22px;
    letter-spacing: 6.5px;
}

/*areaIntroduce*/
.areaIntroduce {
    margin-bottom: 120px;
}

.areaIntroduce .restaurantTitle {
    font-size: 16px;
    margin-bottom: 47px;
}

.areaIntroduce .restaurantTxt {
    margin-bottom: 0;
}

/*End-areaIntroduce*/

/*areaBanquet*/
.areaBanquet {
    margin-bottom: 147px;
}

.areaBanquet .numberTypePlace {
    line-height: 1.4;
    margin-bottom: 62px;
}

.areaBanquet .banquetMap {
    text-align: right;
}

.areaBanquet .banquetMap .banquetPhoto {
    position: relative;
    display: inline-block;
    width: 102%;
    margin-left: -7px;
    padding-right: 16px;
}

.areaBanquet .banquetMap .banquetPhoto.smailPhoto {
    width: 584px;
    margin-bottom: 24px;
    padding-right: 0;
    margin-left: 0;
}

.areaBanquet .banquetMap .banquetPhoto img {
    width: 100%;
}


/*HOVER*/
.areaBanquet .banquetMap .banquetPhoto .banquetHv {
    position: absolute;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv .arrowAnimation {
    position: relative;
    animation: 2s ease-out 0s infinite pulsate;
    background: #c8bc9673 none repeat scroll 0 0;
    border-radius: 100px;
    display: block;
    height: 16px;
    width: 16px;
    margin: auto;
    cursor: pointer;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv .arrowAnimation:before {
    content: "";
    position: absolute;
    background: #c8bc964d none repeat scroll 0 0;
    border-radius: 100px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    z-index: -1;
}

.areaBanquet .banquetMap .banquetPhoto .banquet-01 {
    top: 42px;
    right: 300px;
}

.areaBanquet .banquetMap .banquetPhoto .banquet-02 {
    top: 42px;
    right: 158px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-03 {
    top: 55.8%;
    right: 59.1%;
    transform: translate(-50%, -50%);
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-04 {
    top: 56%;
    right: 38.5%;
    transform: translate(-50%, -50%);
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-05 {
    top: 73px;
    right: 482px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-06 {
    top: 83px;
    right: 333px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-07 {
    top: 74px;
    right: 190px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-08 {
    top: 181px;
    right: 174px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-09 {
    top: 238px;
    right: 547px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-10 {
    bottom: 392px;
    right: 335px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-11 {
    bottom: 409px;
    right: 481px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-12 {
    bottom: 399px;
    right: 626px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-13 {
    bottom: 181px;
    right: 509px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-14 {
    bottom: 233px;
    right: 676px;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.banquet-15 {
    bottom: 396px;
    left: 139px;
}

@keyframes pulsate {
    0% {
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(3.5, 3.5);
        opacity: 0.0;
    }
}

.areaBanquet .banquetMap .banquetPhoto ..banquetHv .box {
    position: relative;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv .showPopup {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 370px;
    z-index: 2;
    border-radius: 2px;
    padding: 10px;
    border: 1px solid #42352D;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.areaBanquet .banquetMap .banquetPhoto .banquetHv.show .showPopup {
    display: block;
}
.areaBanquet .banquetMap .banquetPhoto .banquetHv .showPopup .popupPhoto{
    margin-bottom: 10px;
}
.areaBanquet .banquetMap .banquetPhoto .banquetHv .showPopup .popupTitle{
        margin-bottom: 5px;
}
/*End-areaBanquet*/

/*areaTab*/
.areaTab {}

.areaTab .listTab li {
    min-width: 83px;
    width: auto;
}

.areaTab .listTab li a {
    padding: 5px 8px 4px;
}

.areaTab .tabBox {
    padding: 74px 0 121px;
    margin-bottom: 52px;
}

.areaTab .banquetTable {
    padding: 0 14px;
}

.areaTab .banquetTable table {
    width: 100%;
}

.areaTab .banquetTable tr {
    border-bottom: 1px solid #707070;
    background: #fff;
}

.areaTab .banquetTable tr:first-child,
.areaTab .banquetTable tr:last-child {
    border: 0;
}

.areaTab .banquetTable tr th {
    font-size: 14px;
    color: #fff;
    background: #42352D;
    border-right: 1px solid #fff;
    padding: 13px 10px 8px;
    font-weight: 200;
}

.areaTab .banquetTable tr th:nth-child(1) {
    width: 304px;
}

.areaTab .banquetTable tr th:nth-child(2) {
    width: 206px;
}

.areaTab .banquetTable tr th:nth-child(3) {
    width: 154px;
}

.areaTab .banquetTable tr th:nth-child(4) {
    width: 156px;
}

.areaTab .banquetTable tr th:last-child {
    border: 0;
}

.areaTab .banquetTable tr td {
    font-size: 16px;
    text-align: center;
    padding: 32px 0;
}

.areaTab .banquetTable.tableMini {
    width: 600px;
    margin: auto;
    padding: 0;
}

.areaTab .banquetTable.tableMini tr th {
    font-size: 14px;
    padding: 2px 5px;
}

.areaTab .banquetTable.tableMini tr td {
    font-size: 14px;
    padding: 18px 0 7px;
}

.areaTab .banquetTable.tableMini tr th:nth-child(1) {
    width: 158px;
}

.areaTab .banquetTable.tableMini tr th:nth-child(2) {
    width: 107px;
}

.areaTab .banquetTable.tableMini tr th:nth-child(3) {
    width: 80px;
}

.areaTab .banquetTable.tableMini tr th:nth-child(4) {
    width: 81px;
}

.areaTab .wrapInfo {
    padding-top: 0;
    margin-bottom: 65px;
}

/*End-areaTab*/


@media(max-width: 1300px) and (min-width: 769px) {
    .areaBanquet {
/*         overflow-x: auto; */
    }

    .areaBanquet .banquetMap {
        /* width: 1200px; */
    }
}

@media (max-width: 1250px) and (min-width: 769px) {
    .areaTab .listTab li {
        margin: 0 1%;
    }

    .areaTab .banquetTable {
        overflow-x: auto;
    }

    .areaTab .banquetTable table {
        width: 1152px;
    }

    .areaTab .banquetTable.tableMini table {
        width: 100%;
    }
}

@media (max-width: 1080px) and (min-width: 769px) {
    .listTab {
        flex-wrap: wrap;
        max-width: 818px;
        margin: auto;
    }
    .listTab li.active:before{
        content: "";
        display: none;
    }
}

@media(max-width: 768px) {
    #main .wrapTitleMain {
        top: 47.4%;
        left: 50.7%;
    }

    #main .wrapTitleMain .titleMain {
        font-size: 17px;
        letter-spacing: 5px;
    }

    .areaIntroduce {
        padding: 8px 0 0;
        margin-bottom: 27px;
    }

    .areaIntroduce .restaurantTitle {
        margin-bottom: 58px;
    }

    .areaBanquet {
        margin-bottom: 110px;
    }

    .areaBanquet .numberTypePlace {
        line-height: 2;
        margin-bottom: 36px;
    }

    .areaBanquet .banquetMap {
        overflow-x: auto;
        margin-bottom: 27px;
    }

    .areaBanquet .banquetMap .banquetPhoto.smailPhoto {
        width: 150%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .areaBanquet .banquetMap .banquetPhoto {
        width: 150%;
        margin-left: 0;
        padding-right: 0;
    }

    .areaBanquet .banquetMap .banquetPhoto .banquetHv {
        display: none;
    }

    .areaBanquet .areaBtn a {
        max-width: 222px;
        background: #fff;
        padding: 11px 9px;
        font-size: 14px;
        width: 100%;
    }

    /*areaTab*/
    .areaTab {}

    .areaTab .wrapInfo .boxInfoHotel {
        padding-top: 0;
    }

    .areaTab .tabBox {
        padding: 31px 0 21px;
        margin-bottom: 67px;
    }

    .areaTab .listTab {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 101.9%;
        margin-left: -1.1%;
        margin-bottom: 7px;
    }

    .areaTab .listTab li {
        width: 49.4%;
        margin: 0 0 9.6px;
        padding-bottom: 0;
    }


    .areaTab .listTab li a {
        position: relative;
        padding: 6px 0;
        font-size: 12px;
    }

    .areaTab .listTab li.coral a {
        padding-right: 7px;
    }

    .areaTab .listTab li a:before {
        content: "";
        position: absolute;
        right: 9px;
        top: 50%;
        width: 5px;
        height: 5px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        transform: translateY(-50%) rotate(135deg);
        transition: all 0.3s;
    }

    .areaTab .listTab li.active a:before {
        transform: translateY(-50%) rotate(225deg);
    }

    .areaTab .listTab li.coral a:before {
        right: 7px;
    }

    .areaTab .banquetTable {
        overflow-x: auto;
    }

    .areaTab .banquetTable table {
        width: 100%;
        width: 700px;
        margin: auto;
    }

    .areaTab .banquetTable tr th {
        font-size: 16px;
    }

    .areaTab .banquetTable tr td {
        font-size: 14px;
    }

    .areaTab .banquetTable tr th:nth-child(1) {
        width: 150px;
    }

    .areaTab .banquetTable tr th:nth-child(2) {
        width: 100px;
    }

    .areaTab .banquetTable tr th:nth-child(3) {
        width: 100px;
    }

    .areaTab .banquetTable tr th:nth-child(4) {
        width: 100px;
    }

    .areaTab .banquetTable tr th:last-child {
        border: 0;
    }

    .areaTab .wrapInfo {
        margin-bottom: 18px;
    }

    .areaTab .banquetTable.tableMini {
        width: 288px;
    }

    .areaTab .banquetTable.tableMini.tableTow {
        margin-bottom: 16px;
    }

    .areaTab .banquetTable.tableMini table {
        width: 100%;
    }

    .areaTab .banquetTable.tableTow tr th {
        width: 159px !important;
    }

    .areaTab .banquetTable.tableTow tr th:nth-child(2) {
        width: 129px !important;
    }

    .areaTab .banquetTable.tableMini tr th:nth-child(1) {
        width: 72px;
    }

    .areaTab .banquetTable.tableMini tr th:nth-child(2) {
        width: 82px;
    }

    .areaTab .banquetTable.tableMini tr th:nth-child(3) {
        width: 134px;
    }

    .areaStayPlan .numberTypePlace {
        margin-bottom: 42px;
    }

    /*End-areaTab*/
}