@charset "utf-8";
#rooms h3 {
    color: #138813;
    font-size: larger;
    line-height: 1.5em;
}
#rooms{ margin:1.5em auto; width:98%; font-size:15px; line-height:1.5em;}
#rooms .right{ float:right;}
#rooms .nccc{  }
#rooms table{ border:2px solid #AAA; background:#fff; width:100%; border-collapse: separate;border-spacing:0; overflow:hidden;font-size:1em; line-height:1.5em;margin:0.5em 0;}
#rooms th,
#rooms td{padding:0.3em 0.5em; text-align:center; border-left:1px dashed #999;}
#rooms td{border-top:1px solid #999;vertical-align: middle;}
#rooms th{ background-color:#ddd;}
#rooms .type{border-left:0;width:6em;}
#rooms .room{text-align:left;border-left: 0;}
#rooms th.room{text-align:center;}
#rooms .pricing, #rooms .province, #rooms .Meal{width:7em; }
#rooms .discount{width:12em; }
#rooms .discount i{ font-style:normal; font-size:0.85em; font-weight:normal;}

#rooms td.pricing{font-size:0.9em;text-decoration:line-through}
/** #rooms .txting{width:4em;cursor: pointer;}  **/
#rooms td.discount{font-size:0.85em;line-height:1.5em;}
#rooms td.discount b{line-height:1.3em;font-size:1.3em}
#rooms td.province{font-size:0.75em;line-height:1.5em; color:#F00;}
#rooms td.province b{line-height:1.3em;font-size:1.3em; font-weight:normal;}
#rooms .booking{width:6em;}
#rooms .booking a,
.rooms_button{display:block; background-color:#FC0; color:#000;border-radius:5px; text-align:center;}
.rooms_button{ display:inline-block; width:5em; margin:0 0.3em;}
#rooms .booking a:hover,
.rooms_button:hover{background-color:#c00; color:#fff;}

/* 房型內容 */
#rooms .directions{ display:none;}
#rooms .directions td{ border-top:1px dashed #999;border-left:0;}
#rooms .directions .txt{text-align:left; border-left:0;}
#rooms .directions .txt ul {
    padding: 5px 0 5px 20px;
	list-style:disc;
}
#rooms .directions .txt ol {
    padding: 5px 0 5px 20px;
	list-style:decimal ;
}
#rooms .directions .txt li {
    padding: 2px 0;
}
#rooms .directions .close{position:relative; margin:0 auto -4px auto;background:#CCC;border-radius:5px 5px 0 0;}
#rooms .directions .close:hover{background:#6cf; }
/*  */
.glyphicon-ok {
    font-size: 20px;
    font-family: 'df_icon';
    color: green;
}
.glyphicon-ok::after {
    content: "\e946";
}

#rooms .note {color: #990000;padding: 3px 5px;}
/**   sheng      **/
#rooms .project-box table{ border:2px solid #f00; }
#rooms .project-box th{background-color: #CCC;}
#rooms .project-box td{border-top:1px solid #999; position:relative;background-color:#EEE; }
#rooms .project-box {
    font-size: 1em;
    border-bottom: 1px dashed #999;
    padding: 5px 5px 2em 5px;
    background: #eee;
    position: relative;
    max-height: 15em;
    overflow: hidden;
    transition: .4s all;
}
#rooms .project-box > h3 i{border-left: 6px solid #3C627B;display: inline-block;height: 6px;
    vertical-align: initial; width: 0.8em; display: none;}
#rooms .project-box > h3 {
    color: #069;
    cursor: pointer;
    display: inline;
}
#rooms .project-box > h3:hover{
    color: #C00;
}
#rooms .project-box p{font-size:1em; }
#rooms .project-box p:first{display: none;}
#rooms .project-box time{ color:#F00;}
#rooms .project-box .txting {
    position: absolute;
    cursor: pointer;
    font-size: small;
    text-decoration: underline;
    color: #666;
    font-weight: normal;
    bottom: 0px;
    left: 0px;
    display: block;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #FFF 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #EEE 75%);
    padding-bottom: 1.2em;
}
#rooms .project-box .txting:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #EEE 100%);
    content: '';
    display: block;
    width: 100%;
    height: 50px;
}
#rooms .project-box.open .txting:before{
    display: none;
}
.project_content {
    overflow: hidden;
}
#rooms h3{
    padding-top: 25px;    
}
#rooms .project-box.open {
    max-height: 110em;
}
#rooms .txting {
    cursor: pointer;
    font-size: small;
    text-decoration: underline;
    color: #666;
    font-weight: normal;
    display: table-cell;
}
.txting .b, #rooms .txting.in .a{display:none}
.project-box .txting .b, .project-box .txting .a{
    padding: 0 20px;
    background:url(../images/icon.png) no-repeat 0px -120px;   
}
.project-box.open .txting.in span.b{
    display: inline;
    background:url(../images/open.png) no-repeat;
    margin-left: 10px;   
}
#rooms .close{    margin: 0 auto;font-style: normal;cursor: pointer;background: #CCC;
    border-radius: 5px 5px 0 0;padding: 0.2em 0.5em 0;display: block;width: 7em;
    height: 1.8em;}
#rooms .close:hover{ background:#6cf;}
#footer li.footer_mobile{
    display: none;
}  
.project-box .txting .b:hover, .project-box .txting .a:hover{
    color: #669900;
}

@media (max-width: 768px) {
#footer li.footer_PC{
    display: none;
} 
#footer li.footer_mobile{
    display: block;
}  
}