@charset "utf-8";
/* CSS Document */



.contentWrap .wrap{text-align:center; margin:0 auto;}
.contentWrap .wrap .videoBox{ width:100%;}
.contentWrap .wrap .videoBox ul{ margin:0 -5px;}
.contentWrap .wrap .videoBox ul li{ float:left; width:33.33%; box-sizing: border-box; padding:0 5px 15px;}

.contentWrap .wrap .videoBox ul li .itemBox{ width:100%;}
.contentWrap .wrap .videoBox ul li .itemBox .imgBox{ width:100%;}
.contentWrap .wrap .videoBox ul li .itemBox .imgBox img{display:block; width:100%;}
.contentWrap .wrap .videoBox ul li .itemBox .imgBox a{ display:block; transition:all 0.4s ease;}
.contentWrap .wrap .videoBox ul li .itemBox .imgBox a:hover{ opacity:0.5;}
.contentWrap .wrap .videoBox ul li .itemBox .txtBox{ width:100%; background:#fff; padding:15px 0;}
.contentWrap .wrap .videoBox ul li .itemBox .txtBox h3{ font-size:22px; color:#ff2725; font-weight:normal; font-family:微軟正黑體;}
.contentWrap .wrap .videoBox ul li .itemBox .txtBox p{ font-size:15px; color:#ff7373; line-height:1.6; font-family:微軟正黑體; text-align:left;}
.contentWrap .wrap .videoBox ul li .itemBox .txtBox span.text{ font-family:微軟正黑體; display:block; font-size:13px; color:#F88559; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:10px 0; letter-spacing:2px;}


.contentWrap .wrap .navBox{text-align:center; margin:0 auto;}
.contentWrap .wrap .navBox ul{ display:block; margin:0 auto; text-align:center;}
.contentWrap .wrap .navBox ul li{ float:left; width:25%; padding:0 5px; box-sizing: border-box;}
.contentWrap .wrap .navBox ul li a{ display:block; font-size:18px; color:#ff7373; background:#fff; border:1px #ff7373 solid; text-align:center; padding:10px 10px; transition:all 0.4s ease;}
.contentWrap .wrap .navBox ul li a:hover{ background:#ff7373; color:#eee;}
.contentWrap .wrap .navBox ul li a.active{ font-size:18px; color:#fff; background:#ff7373; font-weight:bold;}

/*==房型選單==*/
.contentWrap .wrap .navBox ul.rooms li{ width:16.66%; padding:0 5px 10px;}

.contentWrap .wrap .roomsTextBox{text-align:center; margin:0 auto; padding-top:20px;}
.contentWrap .wrap .roomsTextBox ul.roomsText{ display:block; margin:0 auto; text-align:center;;}
.contentWrap .wrap .roomsTextBox ul.roomsText li{ float:left; width:50%; box-sizing: border-box;}
.contentWrap .wrap .roomsTextBox ul.roomsText li a{ display:block; font-size:17px; color:#F88559; background:#fff; border:1px #F88559 solid; text-align:center; padding:5px 5px; transition:all 0.4s ease;}
.contentWrap .wrap .roomsTextBox ul.roomsText li a:hover{ background:#F88559; color:#eee;}
.contentWrap .wrap .roomsTextBox ul.roomsText li a.active{ font-size:17px; color:#fff; background:#F88559; font-weight:bold;}
.contentWrap .wrap  p{ text-align:left; color:#999; margin:20px 10px 0 10px; }


@media (max-width:1280px){
}


@media (max-width:1034px){
.contentWrap .wrap{ padding:0 20px;}	
}

@media (max-width:980px){
.contentWrap .wrap .videoBox ul li{ width:50%;}
}

@media (max-width:768px){
.contentWrap .wrap .navBox ul.rooms li{ width:33.33%; padding:0 5px 10px;}

}

@media (max-width:640px){
.contentWrap .wrap .videoBox ul li{ width:100%;}
}

@media (max-width:480px){
.contentWrapp .wrap .navBox b{ display: inline-block; font-size:15px; text-align:left;}
.contentWrap .wrap .navBox ul{ margin-top:30px;}
.contentWrap .wrap .navBox ul li{ width:50%; padding:0 5px 10px;}
.contentWrap .wrap .videoBox{ margin-top:30px;}

.contentWrap .wrap .navBox ul{ margin:30px -3px 0;}
.contentWrap .wrap .navBox ul.rooms li{ width:33.33%; padding:0 3px 6px;}
.contentWrap .wrap .navBox ul.rooms li a{ font-size:16px;}
}


@media (max-width:420px){
.contentWrap .wrap .navBox ul{ margin:30px -3px 0;}
.contentWrap .wrap .navBox ul li{ padding:0 3px 6px;}
}


@media (max-width:375px){
}


@media (max-width:320px){

.contentWrap .wrap .navBox ul.rooms li{ width:50%;}
.contentWrap .wrap .navBox ul.rooms li a{ font-size:14px;}
.contentWrap .wrap .titleBox h2 b{ display:block;}
}