@media (min-width:1201px) {

	.room-cbp{

		width:96%;

		margin:15px auto;

	}



}



@media (max-width: 1200px) {

	/* 首頁最新消息 */

	.ind-new{

		background-position:bottom left 180px;

	}

	.ind-new-con{

		width: 75%;

	}



	/* 首頁關於好樣 */

	.ind-features-box{	

		background-position: 0px 0px;

	}

	.ind-features-con{

		float: right;

	    padding: 20px 30px 20px 125px;

	    height: 520px;

	}

	.ind-features-con .ind-fea-show{

		width: 100%;

		padding-top: 20px;

		margin: 0 auto;		

		clear: both; 

	}

	.ind-features-con .ind-fea-show .ind-fea-item .text {

		white-space: nowrap; 

		color: white;

		font-size: 16px;

	}

	.ind-features-con .ind-fea-show h3{

		font-size: 20px;

	}

	.ind-room-con{

		float: left;

		width: 76%;

	    height: 520px;

	    box-sizing:border-box;

	    padding: 20px 150px 20px 30px ;

	}

	.ind-room-con .item-p{

		width: 50%;

		float: left;		

		font-size: 19px;

		margin-top: 50px;

	}

	.ind-room-con .item-con{

		width: 50%;

		margin-top:5px; 

	}	

	.ind-room-con .item-con .item-show{

		position: relative;

  		width: calc(100% - 20px);

  		height: auto;

  	}

  	.ind-room-con .item-con .item-show .image {

	  display: block;

	  width: auto;

	  height: 220px;

	}

	/* 認識好樣 */

	.about-imglist{

		width: 25%;

	}

	.about-story {

	    margin-top: -50px;

	}



	/* footer專用 */

	.footer-note{

		width: 100%;

	}

	.footer-note .note-con{

		width: 16.66666%;

		box-sizing: border-box;

		padding:0 10px;	

	}

	.footer-note .note-con img{

		width: 100%;

	}

	.footer-note .note-con .tit{

		font-size: 13px;

	}



	.young-order{	

		width: 52%;

	}

	.young-info{

		width: 35%;

	}	

	.young-qr{

		width: 13%;

	}

	.young-qr img{

		width: 100%;

		padding:0 10px 10px;

	}

	

	.banner-room {		

	    background-size: 100% auto; 

	    height: 345px;

	}

	.banner-package,

	.banner-news,

	.banner-about,

	.banner-good,

	.banner-mustknow,

	.banner-traffic {

		background-size: cover; 

		height: 345px;	

	}



	.banner-room .tit-header,

	.banner-package .tit-header,

	.banner-news .tit-header,

	.banner-about .tit-header,

	.banner-good .tit-header,

	.banner-mustknow  .tit-header

	.banner-traffic .tit-header{

		width: 750px;

		font-size: 50px;

		position: absolute;

		bottom:-20px;

		right:0;

	    left:0;

	    margin:auto;

	}



	.roomlist-info{

		width: 100%;

		box-sizing: border-box;

		margin:30px auto;

		display: block;

		background-position: top right;

		background-size: 105px 256px;

		padding-bottom: 0px;

		margin-bottom: 10px;

	}

	.roomlist-photolist{

		width: 100%;

		box-sizing: border-box;

		margin:30px auto;

		display: block;

	}

	.roomlist-info-r .con-info{

		float:left;

		margin-left:0;

	}

	.roomlist-info-r .con-price{	

		float:left;

	}

	

	.room4{

	background-image: none; 

	}

	.room4-list{

		width: 100%;

		float: right;

		border:0px solid #000;

		padding-bottom: 20px;

	}



}

@media (max-width: 1023px) {

	.ow-navigation .nav.navbar-nav > li{

		text-align: center;

		border-bottom:1px solid rgba(255,255,255,.5);

	}

	.ow-navigation .nav.navbar-nav > li.active> a,

	.ow-navigation .nav.navbar-nav > li:hover> a{

		background:url(../images/icon-active.png), url(../images/icon-active-r.png);

		background-position: left bottom, right bottom;

		background-repeat: no-repeat;

		padding-left: 0px;	

		line-height: 25px;

		border-bottom:1px solid #000;

	}

	.ow-navigation .nav.navbar-nav > li.active,

	.ow-navigation .nav.navbar-nav > li:hover{

		border-bottom:0;

	}	

	.room4-list{

		width: 100%;

	}

	.good-section-show .carousel-content-1 h3{

	color:#3e73ea;

	padding:110px 0 0 0;	

	}		

	.good-section-show .carousel-content-1 h3 span{

		border-top: 2px dotted #11035e;

		line-height: 2em;

		display: block;

		text-align: right;

		margin-left: 50px;

	}	



}



@media (max-width: 991px){

	.ow-navigation .navbar-brand {

    	margin: 3px 0;

	}	

}



@media (max-width: 767px) {	

	.navbar-header img.nav-logo{

		width: 76%;

	}

	.header-border .menu-icon > div {

		padding:40px 5px 0 5px;

	}

	.ow-navigation .navbar-brand img { 

		display:inline-block;

	}

	.menu-icon {

    right: 65px;

	}



	/* 認識好樣 */

	.about-imglist{

		width: 50%;

	}



	/* 首頁關於好樣 */

	.ind-abo-img{

		width: 100%;

		margin-left:0;	

	}

	.ind-abo-img img{

		padding-right:0px;

	}

	.ind-abo-con{

		width: 100%;

	}

	

	/* 首頁好樣的特色 */

	.ind-features-box{		

		background-size: 120%;

		background-position: 0px -200px;		

	}

	.ind-features-con{

		float: right;

		width: 100%;

		margin-top:190px;		

    	padding: 20px;

	    height: auto;

	    box-sizing:border-box;

	    background: 

	        linear-gradient(135deg, transparent 250px, #ffffff 0) top left;

	    background-size: 100% 100%;    

	    background-repeat: no-repeat;  

	}

	.ind-features-con .ind-fea-show{

		width: 100%;

	}

	.ind-features-con .ind-fea-show h3{

		font-size: 20px;

	}

	.ind-fea-show .fea-title a{

		font-size: 16px;

	}

	.ind-features-con .ind-fea-show .ind-fea-item .text {

		font-size: 15px;

	}

	.ind-features-con .ind-fea-show .ind-fea-item .text span{

		display: block;

	}

	.ind-room-box{

		background-size: 100%;

		background-position: 0px 0px;

	}

	.ind-room-con{

		float: left;

		width: 100%;

		margin-top:190px;

		padding: 0px;

	    height: auto;

	    background: 

	            linear-gradient(-135deg, transparent 250px, #ffffff 0) top right;

	    background-size: 100% 100%;    

	    background-repeat: no-repeat; 

	}

	.ind-room-con .item-p{

		width: 100%;

		float: left;

		padding-top: 30px;

		padding-left: 80px;

		color:#f36026;

		font-size: 20px;

		background:#fff;

	}

	.ind-room-con .item-con{

		width: 100%;

		padding:0 20px 20px 20px;

		margin-top:20px;

	}		

	.ind-room-con .item-con .item-show{

		position: relative;

	  	width: calc(100% - 20px);

	  	height: auto;

	}

	.ind-room-con .item-con .item-show .image {

	  display: block;

	  width: 100%;

	  height: auto;

	}



	/* 首頁最新消息 */

	.ind-new{

		background-image:none;

		padding:20px 15px 0 30px;

	}

	.ind-new-con{

		width: 100%;

	}

	



	/* footer */
  .footer-note{
  	flex-wrap: wrap;
  }
	.footer-note .note-con{
		
		width: 50%;		
		margin-bottom: 20px;

	}

	.young-order{	

		width: 100%;

	}

	.young-info{

		width: 100%;

		margin-top:20px;

		padding:15px;

		border-right:0px solid #fff;

		border-left:0px solid #fff;

		border-top:1px solid #fff;

		border-bottom:1px solid #fff;

	}

	.young-order .f-tel{

		width: 55%;	

		margin-top:30px;

	}	

	.young-order h3 span{

		display: block;

		text-align: center;

		margin-bottom: 10px;

	}	

	.young-qr{

		margin-top:20px;

		width: 100%;

	}

	.young-qr img{		

		width: 50%;

		padding:0 15px;

	}

	/* 房間 */



	.banner-room,

	.banner-package,

	.banner-news,

	.banner-about,

	.banner-good,

	.banner-mustknow,

	.banner-traffic {		

	    height: 170px;

	}

	.banner-room .tit-header,

	.banner-package .tit-header,

	.banner-news .tit-header,

	.banner-about .tit-header,

	.banner-good .tit-header,

	.banner-mustknow .tit-header,

	.banner-traffic .tit-header{

		width: 350px;

		font-size: 30px;

		bottom:-10px;

	}

	/* 好樣的特色 */

	.good-section{

		padding:10px;

	}



	.good-section-show .carousel-control{

		top:415px;

	}





	.roomlist-info{	

		background-position: top right;

		background-size: 105px 256px;

		padding-bottom: 0px;

		margin-bottom: 10px;

	}

	.roomlist-info .con-info,

	.roomlist-info .con-price{

		width: 100%;

	} 

	.roomlist-info .con-price{

		padding-top: 20px;

	}

	.roomlist-photolist{

		margin-top: 10px;

	}

	/* 套裝 */ 

	.section-package{

		background-size: 0;

	}	

	.package-add-item{

		width: calc(50% - 20px);

		margin: 10px;	

	}

	/* 最新消息 */

	.news-box {

    width: calc(100% - 20px);

	}

	.shiptime{

	margin-top: 30px;

}

	

}

@media screen and (min-width: 769px) and (max-width: 1700px){ 

	.section-package{

		background-size: 300px 272px;

	}	

}



@media (max-width: 375px) {	

	.navbar-header  .navbar-brand {

    	width: 70%;

	}

	.navbar-header .navbar-brand img{

		width: 90%;

	}

	.ind-new-con .new-block{

		width: 100%;

	}

	.good-section-show .carousel-control{

		top:370px;

	}



}