@import url(https://fonts.googleapis.com/css?family=Gudea:400,700);
html {
    font-size: 10px
}

body {
    font-family: Gudea,Heiti,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei;
    font-weight: 400
}

.text-h1,h1 {
    font-size: 2.4rem
}

.text-h2,h2 {
    font-size: 2rem
}

.text-h3,h3 {
    font-size: 1.8rem
}

.text-h4,h4 {
    font-size: 1.6rem
}

.text-h5,h5 {
    font-size: 1.5rem
}

.text-h6,h6 {
    font-size: 1.4rem
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-weight: 400
}

.container {
    min-width: 760px;
    width: 760px;
    padding: 0 46px
}

@media only screen and (min-width: 992px) {
    .container {
        width:960px;
        padding: 0 2px
    }
}

a,a:focus,a:hover {
    text-decoration: none;
    outline: medium none;
    color: #222
}

h1.h2-size-title {
    font-size: 2rem
}

#FullBannerBlock {
    position: relative
}

#FullBannerBlock.vacationEvent h1.pageTitle,#FullBannerBlock.vacationEvent h2.pageDesc {
    position: absolute;
    z-index: 1;
    width: 310px;
    left: 50%;
    margin-left: -155px;
    font-size: 32px;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    top: 57px;
    font-family: Gudea,Heiti,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei
}

@media only screen and (min-width: 768px) {
    #FullBannerBlock.vacationEvent h1.pageTitle,#FullBannerBlock.vacationEvent h2.pageDesc {
        top:150px;
        font-size: 54px;
        position: absolute;
        z-index: 1;
        width: 697px;
        left: 50%;
        margin-left: -348.5px
    }
}

@media only screen and (min-width: 992px) {
    #FullBannerBlock.vacationEvent h1.pageTitle,#FullBannerBlock.vacationEvent h2.pageDesc {
        font-family:Gudea,Heiti,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei;
        position: absolute;
        z-index: 1;
        width: 955px;
        left: 50%;
        margin-left: -477.5px
    }
}

#FullBannerBlock.vacationEvent h2.pageDesc {
    font-size: 1.8rem;
    top: 110px
}

@media only screen and (min-width: 768px) {
    #FullBannerBlock.vacationEvent h2.pageDesc {
        top:226px;
        font-size: 30px
    }
}


#FullPageBanner {
    width: 100%;
    height: 100%;
    min-width: 320px
}

#FullPageBanner > .pcBanner {
    display: none;
}

#FullPageBanner > .mbBanner {
    width: 100%;
    height: 200px;
    display: block;
    object-fit: cover;
    object-position: 50% 50%;
}

@media only screen and (min-width: 768px) {
    #FullPageBanner {
        width: 100%;
        height: 100%;
        min-width: 760px
    }

    #FullPageBanner > .mbBanner {
        display:none;
    }

    #FullPageBanner > .pcBanner {
        width: 100%;
        height:400px;
        display: block;
        object-fit: cover;
        object-position: 50% 50%;
    }
}

.rwd .container {
    min-width: 320px;
    width: 320px;
    padding: 0
}

@media only screen and (min-width: 768px) {
    .rwd .container {
        min-width:760px;
        width: 760px;
        padding: 0 46px
    }
}

@media only screen and (min-width: 992px) {
    .rwd .container {
        min-width:960px;
        width: 960px;
        padding: 0 2px
    }
}

.container.vacationEvent .blockTitle {
    margin: 20px 0
}

@media only screen and (min-width: 768px) {
    .container.vacationEvent .blockTitle {
        margin:40px 0 30px
    }
}

.container.vacationEvent .blockTitle .regionH3,.container.vacationEvent .blockTitle .regionH3 span {
    font-size: 2rem
}

@media only screen and (min-width: 768px) {
    .container.vacationEvent .blockTitle .regionH3,.container.vacationEvent .blockTitle .regionH3 span {
        font-size:2.4rem
    }
}

@media only screen and (min-width: 992px) {
    .container.vacationEvent .blockTitle .regionH3,.container.vacationEvent .blockTitle .regionH3 span {
        font-family:Gudea,Heiti,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei
    }
}

.container.vacationEvent .blockTitle .subTitle {
    display: none;
    color: #666
}

@media only screen and (min-width: 768px) {
    .container.vacationEvent .blockTitle .subTitle {
        display:block;
        font-size: 1.5rem;
        font-size: 1.6rem;
        font-size: 2rem;
        margin-top: 10px
    }
}

@media only screen and (min-width: 992px) {
    .container.vacationEvent .blockTitle .subTitle {
        font-family:Gudea,Heiti,"\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei
    }
}

.container.vacationEvent .contentImgTitle.picItem .picItem-img {
    background-color: #efefef;
    background-position: 50%;
    background-size: cover!important
}

@media only screen and (min-width: 768px) {
    .container.vacationEvent .contentImgTitle.picItem .picItem-img {
        background-size:auto!important
    }
}

.container.vacationEvent .sellBlock {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.container.vacationEvent .sellBlock .contentImg1LinePrice {
    float: left;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    width: 320px;
    height: 274px;
    margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .container.vacationEvent .sellBlock .contentImg1LinePrice.size-l {
        width:440px;
        height: 390px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice.size-m {
        width: 328px;
        height: 252px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice.size-s {
        width: 216px;
        height: 189px
    }
}

@media only screen and (min-width: 992px) {
    .container.vacationEvent .sellBlock .contentImg1LinePrice.size-l {
        width:631px;
        height: 540px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice.size-m {
        width: 470px;
        height: 360px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice.size-s {
        width: 309px;
        height: 262px
    }
}

@media only screen and (min-width: 768px) {
    .container.vacationEvent .sellBlock .contentImg1LinePrice {
        margin-bottom:12px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice:first-child,.container.vacationEvent .sellBlock .contentImg1LinePrice:nth-child(4),.container.vacationEvent .sellBlock .contentImg1LinePrice:nth-child(6) {
        margin-right: 12px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice:nth-child(7) {
        margin-bottom: 0
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice:nth-child(8) {
        position: absolute;
        bottom: 0
    }
}

@media only screen and (min-width: 992px) {
    .container.vacationEvent .sellBlock .contentImg1LinePrice {
        margin-bottom:16px
    }

    .container.vacationEvent .sellBlock .contentImg1LinePrice:first-child,.container.vacationEvent .sellBlock .contentImg1LinePrice:nth-child(4),.container.vacationEvent .sellBlock .contentImg1LinePrice:nth-child(6) {
        margin-right: 16px
    }
}

.container.vacationEvent .sellBlock .contentImg1LinePrice:last-of-type {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .container.vacationEvent .sellBlock {
        margin-top:20px
    }

    .container.vacationEvent .sellBlock .more .more-link .moreImg {
        display: none
    }

    .container.vacationEvent .sellBlock .more .more-link span {
        float: none;
        text-align: center;
        border: 1px solid #119d36;
        color: #119d36;
        font-size: 1.5rem;
        font-size: 1.6rem;
        height: 32px;
        line-height: 30px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -khtml-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px
    }

    .container.vacationEvent .sellBlock .more .more-link.pull-right {
        float: none!important
    }
}

.contentImg1LinePrice {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 0;
    overflow: hidden
}

.contentImg1LinePrice .contentImg1LinePrice-pic-border {
    border: none;
    width: 100%;
    height: 100%
}

.contentImg1LinePrice .contentImg1LinePrice-pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.contentImg1LinePrice .contentImg1LinePrice-title {
    color: #fff;
    -webkit-text-shadow: 0 2px 4px rgba(0,0,0,.5);
    -moz-text-shadow: 0 2px 4px rgba(0,0,0,.5);
    -ms-text-shadow: 0 2px 4px rgba(0,0,0,.5);
    -o-text-shadow: 0 2px 4px rgba(0,0,0,.5);
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 4px;
    position: absolute;
    top: calc(50% - 38px - 1.2rem);
    text-align: center
}

@media only screen and (min-width: 992px) {
    .contentImg1LinePrice .contentImg1LinePrice-title {
        top:calc(50% - 24px - 1.2rem)
    }
}

.contentImg1LinePrice .contentImg1LinePrice-gray-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(34,34,34,.69);
    color: #fff;
    height: 76px
}

@media only screen and (min-width: 992px) {
    .contentImg1LinePrice .contentImg1LinePrice-gray-bg {
        height:48px
    }
}

.contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row {
    width: 100%;
    height: 76px;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (min-width: 992px) {
    .contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row {
        height:48px
    }
}

.contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-title2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 12px;
    width: 100%;
    position: relative;
    font-size: 1.5rem;
    font-size: 1.6rem
}

@media only screen and (min-width: 992px) {
    .contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-title2 {
        padding-top:0;
        height: 48px;
        line-height: 48px;
        width: 72%;
        padding-right: 10px
    }
}

@media only screen and (min-width: 768px) {
    .contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-title2 {
        font-size:15px
    }
}

.contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-price {
    padding: 0;
    margin: 0;
    text-align: right;
    position: relative;
    bottom: -6px;
    font-size: 1.3rem
}

@media only screen and (min-width: 992px) {
    .contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-price {
        bottom:37px
    }
}

.contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-price span {
    color: #f60;
    font-size: 2rem
}

.contentImg1LinePrice .contentImg1LinePrice-gray-bg .contentImg1LinePrice-price-row .contentImg1LinePrice-price .contentImg1LinePrice-up {
    font-size: 1.3rem;
    color: #fff;
    padding: 0;
    margin: 0 0 0 3px
}

.contentImg1LinePrice:hover {
    -moz-box-shadow: 0 4px 4px 0 rgba(34,34,34,.4);
    -ms-box-shadow: 0 4px 4px 0 rgba(34,34,34,.4);
    -o-box-shadow: 0 4px 4px 0 rgba(34,34,34,.4);
    -webkit-box-shadow: 0 4px 4px 0 rgba(34,34,34,.4);
    box-shadow: 0 4px 4px 0 rgba(34,34,34,.4)
}

.contentImg1LinePrice:hover .contentImg1LinePrice-pic {
    border-color: #55d040
}

.contentImg1LinePrice:hover .contentImg1LinePrice-pic:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(34,34,34,.4)
}