@charset "utf-8";


.quickMainEmbedDepth1 > li:nth-of-type(1){background:url('../../img/common/quick/quickMainEmbed01.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(2){background:url('../../img/common/quick/quickMainEmbed02.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(3){background:url('../../img/common/quick/quickMainEmbed03.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(4){background:url('../../img/common/quick/quickMainEmbed04.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(5){background:url('../../img/common/quick/quickMainEmbed05.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(6){background:url('../../img/common/quick/quickMainEmbed06.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(7){background:url('../../img/common/quick/quickMainEmbed07.png') no-repeat center 15px;border-right: 1px solid #5a9bad}
.quickMainEmbedDepth1 > li:nth-of-type(8){background:url('../../img/common/quick/quickMainEmbed08.png') no-repeat center 15px}


.quickMainEmbedDepth1 > li:nth-of-type(1):hover {background:url('../../img/common/quick/quickMainEmbed01On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(2):hover {background:url('../../img/common/quick/quickMainEmbed02On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(3):hover {background:url('../../img/common/quick/quickMainEmbed03On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(4):hover {background:url('../../img/common/quick/quickMainEmbed04On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(5):hover {background:url('../../img/common/quick/quickMainEmbed05On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(6):hover {background:url('../../img/common/quick/quickMainEmbed06On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(7):hover {background:url('../../img/common/quick/quickMainEmbed07On.png') no-repeat center 15px}
.quickMainEmbedDepth1 > li:nth-of-type(8):hover {background:url('../../img/common/quick/quickMainEmbed08On.png') no-repeat center 15px}



.quickMainEmbedControl{
    display: block;
    position: fixed;
    left: 160px;
    bottom: 25px;
    z-index: 1000000;
    animation:/* balloonAni .5s 1 ease forwards , */balloonAni2 1s .5s infinite ease alternate;
}
.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#open{
    display: none;
}
.quickMainEmbedControl img#colose{
    display: block;
}
@-webkit-keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@-webkit-keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}
@keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}

.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:80px; 
    background-color: #127089;
    z-index: 999999;
    transition: .8s;
}
.quickMainEmbed .quickMainEmbedWrapper {width: 1210px;margin: 0 auto; height:inherit;}
.quickMainEmbed .quickMainEmbedDepth1 {height: inherit;display: -webkit-box;display: -ms-flexbox;display: flex}
.quickMainEmbed .quickMainEmbedDepth1 > li {height: inherit;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position:relative;border-left: 1px solid #5a9bad;}

.quickMainEmbed .quickMainEmbedDepth1 > li a {display:block;height:inherit}
.quickMainEmbed .quickMainEmbedDepth1 > li h2 {position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background: url(../../img/common/quick/quick_overBg.png) no-repeat center center;background-size: 100%;width: 90px;text-align: center;padding-top: 5px;color: #fff;font-weight: 400;font-size: 13px;transition:.5s}
.quickMainEmbed .quickMainEmbedDepth1 > li:hover h2 {color:#ceff3a}

.quickMainEmbed .quickMainEmbedDepth1 > div.title {
    position: relative;
    width:240px;
    margin-right:5px;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > img {
    position: absolute;
    top: -55px;
    left:0;
    z-index: 9999;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.callInfo {position:relative;margin-top: -20px;margin-left: 20px;}

.quickMainEmbed .quickMainEmbedDepth1 > div.callInfo img:last-child {position:absolute;left: 0;animation:quickTel 1.5s .1s infinite ease}
@-webkit-keyframes quickTel {
    0%,100% {opacity:0}
    50% {opacity: 1}
}
@keyframes quickTel {
    0%,100% {opacity:0}
    50% {opacity: 1}
}

#online_reserv_btn.quick_reserv {position:inherit;}
#online_reserv_btn:before {content: '';margin: 0 3px 0 0;background: url(../img/common/s_heart.png);width: 16px;height: 13px;display: inline-block;}

.quickCloseWrap {margin:-50px 20px 0 -50px}
.quickCloseWrap img {cursor:pointer}

/*.quickControlWrap {position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:1200px;z-index:999999}*/
.quickControlWrap .quickMainEmbedControl {left:15px}