@charset "utf-8";
@media screen and (min-width: 950px) {
.newopen_v2 span{
    margin-left: -210px;
    width: 420px;
}
.newopen_v2:before,
.newopen_v2:after{
    margin-left: -230px;
    top: 6px;
}
.newopen_v2:before{
    border-bottom: 58px solid #ccc;
    border-left:29px solid transparent;
    border-right:29px solid transparent;
    width: 460px;
}
.newopen_v2:after{
    border-top: 58px solid #ccc;
    border-left:29px solid transparent;
    border-right:29px solid transparent;
    width: 460px;
}
}
@media screen and (min-width: 800px) and (max-width: 950px) {
.htlname{
    font:normal 20vh/0.9 'Dancing Script', serif;
}

/*飯店介紹*/
.introArea .introTxt h3,
.introArea .introTxt1 h3{
    font: normal 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}
.introArea .introTxt p,
.introArea .introTxt1 p{
    font: normal 14px/1.5 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}
.newopen_v2 span{
    font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
}
}

@media screen and (min-width: 640px) and (max-width: 799px) {

#kvBox{
    height:520px;
     padding: 30% 0 0;
}
#kvBox.kv0{
     background:url(../img/kv0m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}

#kvBox.kv2{
     background:url(../img/kv2m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv3{
     background:url(../img/kv3m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv4{
     background:url(../img/kv4m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv5{
     background:url(../img/kv5m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv6{
     background:url(../img/kv6m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv7{
     background:url(../img/kv7m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv8{
     background:url(../img/kv8m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv10{
    background:url(../img/kv10m.jpg) center top no-repeat;
    background-attachment: none;
    background-size: cover;
}
#video1{
    margin: 0 auto;
    width: 924px;
    height: 520px;
    display: block;
}
.header {
    height: 520px;
}

.htlname{
    font:normal 15vh/0.9 'Dancing Script', serif;
}
.mvBox{
    display: block;
    width:90%;
    margin:0 auto;
}
.mvTxt{
    display: block;
    width:90%;
}
.reasonList li{
    width:49.5%;
}

/*飯店介紹*/
.introTitle{
    padding:24px 0 8px;
}

.introArea .imgBox,
.introArea .imgBox1{
    width:100%;
    float:none;
}

.introArea .introTxt,
.introArea .introTxt1{
    position:relative;
    z-index: 1;
    width: 100%;
    left:0;
    top:0;
    margin-top:0;
}
.introArea .introTxt h3,
.introArea .introTxt1 h3{
    font: normal 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}
.introArea .introTxt p,
.introArea .introTxt1 p{
    font: normal 14px/1.5 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}

.roomTxt{
    width:90%;
    display: block;
    margin:0 auto 100px;    
}
.roomList{
    width:90%;
    display: block;
    margin:0 auto 100px;
}
.locateBox{
    width:49%;
}
.newopen_v2 span{
    font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
}
}

@media screen and (max-width: 639px) {
#kvBox{
    height:480px;
     padding: 35% 0 0;
}
#kvBox.kv0{
     background:url(../img/kv0m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}

#kvBox.kv2{
     background:url(../img/kv2m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv3{
     background:url(../img/kv3m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv4{
     background:url(../img/kv4m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv5{
     background:url(../img/kv5m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv6{
     background:url(../img/kv6m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv7{
     background:url(../img/kv7m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv8{
     background:url(../img/kv8m.jpg) center top no-repeat;
     background-attachment: none;
     background-size: cover;
}
#kvBox.kv10{
    background:url(../img/kv10m.jpg) center top no-repeat;
    background-attachment: none;
    background-size: cover;
    background-position-y: 0;
}
.coverh1{
    margin-top: 20%;
}

.coverh1 em{
    font:400 2.5vh/0.8 'Niconne', serif;
}
/* .coverh1{
    font:400 20px/1.8 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    margin-top:30%;
}
.coverh1 strong{
    font:400 10vh/0.8 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    margin-bottom:30px;
} */
#video1{
    margin: 0 auto;
    width: 924px;
    height: 520px;
    display: block;
}
.header {
    height: 520px;
}

.htlname{
    font:normal 12vh/0.9 'Dancing Script', serif;
    margin:0 auto 8px;
}
.subname strong{
    font:400 4vh/0.9 'Niconne', serif;
}
.mvBox{
    display: block;
    width:90%;
    margin:0 auto;
    padding:0;
}
.mvTxt{
    display: block;
    width:90%;
    margin:0 auto;
}
.reasonList li{
    width:90%;
}

.wrap{
    background:url(../img/wrapBg1.png) left top repeat-y,none;
    background-size: 100%;
}



/*飯店介紹*/
.introTitle{
    padding:24px 0 8px;
}
.introArea .imgBox,
.introArea .imgBox1{
    width:100%;
    float:none;
}

.introArea .introTxt,
.introArea .introTxt1{
    position:relative;
    z-index: 1;
    width: 100%;
    left:0;
    top:0;
    margin-top:0;
}
.introArea .introTxt h3,
.introArea .introTxt1 h3{
    font: normal 20px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}
.introArea .introTxt p,
.introArea .introTxt1 p{
    font: normal 13px/1.5 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;  
}

.roomTxt{
    width:90%;
    display: block;
    margin:0 auto 100px;    
}

.roomList{
    width:90%;
    display: block;
    margin:0 auto 100px;
}

.locateBox{
    width:90%;
}

.bnArea img{
    width: 100px;
    height: auto;
}
.newopen_v2 span{
    font: normal 16px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
}


}

@media screen and (max-width: 839px) {

    .htlname2{
        font:normal 15vw/0.9 'Dancing Script', serif;
    }
    .roomIntroText{font: normal 14px/1.2 "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;padding:0px 0px;margin-bottom: 10px;}
}