.RoomContent{
	max-width:1160px; 
	margin:auto;	
	display: inline-block;
	padding-top:20px;
	padding-bottom:20px;
}
.RoomContent div{
    text-align:center;
    /*width: 100%;*/
}
.RoomLine{
	display: inline-block;
    /*width:1160px;*/
    /*width: 100%;*/
}

.RoomDiv{
	min-width:356px;
	float:left;
	min-height: 380px;
	/*margin:15px;*/
    text-align:center;
}
.RoomDiv #title h2{
    margin: 5px 3px 6px;
    /*float: left;*/
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom:1px solid grey !important;
}
.RoomName{
    /*width:300px;*/
	min-height:100px;
    text-align: center;
}
.RoomName h2{
   /*
   width: 356px;
   height: 237px;
   position: absolute;
   */
   text-align: center;
}
.RoomName a:hover {
   /*opacity: 0;
   background-color: rgba(0,0,0,0.5);*/
}
.RoomName #overlay{
   width: 356px;
   height: 237px;
   position: absolute;
   overflow: hidden;
   background-color: black;
   opacity: 0;/*0.5*/
   display: block;
   position: relative;
}
.RoomName span {
}
.RoomName span:after {
    content: " / ";
}
.RoomName span:last-child:after {
    content: "";
}

.panel-heading{
    /*padding-top: 10px !important;*/
    padding: 0px !important;
    
}
.panel-heading .row div{
    margin-left: 15px;
    margin-right: 15px;
}
.panel-heading .row #title{
    padding: 10px 0;
}
.panel-heading .row .message{
    padding: 0 10px;
}
.panel-footer{
    margin: 0 15px 0 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: black;
}

.RoomDiv .panel-primary{
    border:0px !important;
    /*width: 100%;*/
    margin: 0 0 15px 0;
}
.RoomDetail a{
    color:white;
    text-decoration: none;
}
..RoomDetail a:hover{
    text-decoration:none !important;
    
}
.RoomOrder{
	margin-top: 20px;
	margin-bottom: 20px;
    text-align:center !important;
}
.RoomOrder a{
	background: #FF8800;
    font-size: 16px;
	color:#ffffff;
	padding:10px;
	border-radius: 5px;
	margin-right:5px;
	font-family:微軟正黑體;
	padding-left: 20px;
    padding-right: 20px;
    text-decoration:none;
}
.RoomOrder a:hover{
	color:#000000;
	background: #FFBB00;
}

.rc_head{
    width:100%;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    line-height: 10px;
    color:#666666;
}
.rc_RoomName{
    width:100%;
    text-align: left;
    /*border-bottom: 1px dotted #C3C3C3;*/
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px;
}
.rc_picrow{
    width:100%;
    margin:0px;
}
.rc_pic{
    /*width:50%;*/
    float:left;
    padding:5px;

}

.rc_pic .bx-wrapper{
    /*
    margin-left: 20px;
    margin-right:20px;
    */
    margin-left: 1px;
    margin-right:1px;
    margin-bottom:10px;
}
.bx-pager{
    /*max-height: 470px;*/
    max-height: 590px;
}

.rc_pic .bx-pager a {
    border: solid #ccc 1px;
    display: -webkit-inline-box;/*safari = =+ */
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /*margin: 5px;*/
    padding: 5px;
    margin-bottom: 15px;
    margin-left: 15px;
    /*margin-right: 15px;*/
}
.rc_pic .bx-pager a:hover,
.rc_pic .bx-pager a.active {
    border: solid #5280DD 1px;
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/images/controls2.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/images/controls2.png) no-repeat -43px -32px;
}
/*
.bx-wrapper .bx-next{
    right: 10px;
    background: url(/images/right.png) no-repeat;
}
.bx-wrapper .bx-next:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-prev{
    right: 10px;
    background: url(/images/left.png) no-repeat;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
*/
.roomSlider{
    margin:0px;
    padding:0px;
}
.rc_Content{
    font-size:15px;
    word-break: break-all;
}

.rc_Content .tab-content{
    margin-top:20px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom:20px;
}
.rc_Content bp{
    /*width:*/
}
/*
rc_Content table tr td{
    word-break: break-all;
}
*/
.button_div{
    margin:15px;
}
.button_div a{
    margin-right:10px;
}

.message {
    font-size: 18px;
    line-height:34px;
}
.message .label{
    font-size: 18px;
}
.rc_Content ul li{
    background: initial !important;
    color:initial !important;
}
.rc_Content ul li a{
    background: #cccccc;
}
.rc_pic .left{
    padding-left: 15px;
}
 .rowname{
     width:9%;
 }

@media screen and (max-width: 980px) {
    .RoomContent {
        max-width: 100%;
    }
    .RoomContent div{
        width: 100%;
    }
    .RoomMessage {
        font-size: 2.8vmin;
    }
    .RoomOrder a {
        font-size: 2.8vmin;
    }
    .RoomLine{
        max-width: 100%;
    }
    .message{
        /*font-size:2.5vmin;*/
        line-height:34px;
    }
    .message .label{
        font-size: 14px;
    }
    .tabs2{
        width:100%;
    }
    .rc_RoomName, .button_div a, a, .tab-content, td {
        /*font-size: 3vmin;*/
    }

    .bx-pager{
        /*max-height: 520px;*/
        max-height:105px;
    }
    .rc_pic{
        padding:0px;
    }
    .rc_pic .bx-pager a{
        display: table-cell;
        border: 0px;
    }
    .RoomLine row{
        margin:0 !important;
    }
    .RoomName{
        padding:0 !important;
        margin-bottom:5px !important;
    }
    .RoomName img{
        width: initial !important;
        height: initial !important;
        margin:0 !important;
        padding:0px 15px;
    }
    .RoomName a h2{
        text-align: center;
    }
    .RoomDiv{
        /*
        min-width:initial !important;
        */
        min-width:100px;
        min-height:initial !important;
        margin-bottom:10px;
        padding:0px !important;
        max-width:100% !important;
        width:100% !important;
        margin:auto;
    }
    
    .RoomDiv .panel-primary{
        width: 100%;

    }
    .rc_pic{
        padding:0;
    }
    .rc_picrow{
        margin:0 !important;
    }
    #title h2{
        font-size:20px;
        margin: 5px 0 6px;
        /*float: left;*/
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        border-bottom:1px solid grey !important;
    }
    h2{
        font-size:20px;
    }
    .RoomDetail{
        
        margin-left: 15px;
        margin-right: 15px;
        /*
        max-width:92%;
        */
        /*
        margin-left:auto;
        float: inherit !important;
        */
    }
    .content_panel {
        padding: 0px !important;
    }
    .nav-tabs{
        display:block !important;
    }
    .nav-tabs li{
        float:left !important;
        border-bottom: 1px solid lightgray;
    }
    .rowname{
         width:30%;
     }
}