@charset "utf-8";
.fixed_content{display:flex;justify-content:space-between;max-width: 1100px;margin:auto;}
.fixed_content figure{text-align:center;}
.fixed_content figure figcaption{font-size:20px;}
#fixed_bar{opacity:0;transition:opacity 0.5s;max-height:0;overflow:hidden;}
#fixed_bar::after{content:" ";display:block;clear:both;}
.fixed #fixed_bar{display:block;position:fixed;align-items:stretch;overflow:inherit;top:0;left:0;width:100%;z-index:10;background:#fff;box-shadow:0px 0px 10px #000;opacity:1;max-height:9em;}
.fixed #fixed_bar_inside{display:block;position:fixed;align-items:stretch;overflow:inherit;top:0;left:0;width:100%;z-index:10;background:#fff;box-shadow:0px 0px 10px #000;opacity:1;max-height:9em;}
.fixed_menu{width:75%;}
.fixed_menu .search_bar{padding:0;padding-top:12px;}
.search_bar *{vertical-align:middle;}
.search_bar ul{display:flex;justify-content:space-between;text-align:center;}
.search_bar li input, .search_bar li select{    border: 1px solid;
    font-size: 1em;
    height: 35px;
    padding: 0 0 0 5px;
    width: 100%;
    color: #666;}

body#index .search_bar li input, body#index .search_bar li select{height: 45px;
    color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    background: none;}
body#index .search_bar li option{
        color: #fff;
    background: rgba(0, 0, 0, 0.8);}
html.fixed body#index .search_bar li input,html.fixed body#index .search_bar li select{color: #666;height: 35px;}

#fixed_bar .logoicon ,#fixed_bar_inside .logoicon {
       width: 2.5em;
    transition: font-size 0.5s;
    font-size: 100px;
    margin-top: 0.2em;
}

    .container.fixed_content figure figcaption {
        font-size: 20px;
    }
    .container.fixed_content ul.container li a {
        font-size: 1em;
    }

#rooms_search_bar li{flex-grow:2;margin-right:5px;}
#rooms_search_bar input.btns{flex-grow:2;
	border: 0;
	cursor: pointer;
	background: #F90;
	color: #000;
	font-size: 1.1em;flex: 2 1 0;}
.search_button{display:none}
ul.nav{background: #fff;display:flex;max-width: 1100px;margin: auto}
ul.nav li{flex:1;}
ul.nav li a{font-size:1.3em;color:#000;display:block;text-align:center;padding:15px 0 10px;border-bottom:5px solid #fff;}
ul.nav li a:hover{border-bottom:5px solid #fcae12;box-sizing:border-box;display:block;}

#pc_nav ul.nav{flex:1;border-bottom:3px solid #eee; } 
/*.fixed #nav ul.nav li{border:none;} */
.fixed #pc_nav ul.nav{border:none;}

@media (max-width:740px){
body {margin-bottom: 50px;}

#rooms_search_bar li{margin-right:0;}
#fixed_nav #nav{overflow:hidden;display:block;max-height:0; /*position:absolute; */top:0;left:0;right:0;transition:max-height 0.5s,top 0.5s; position: fixed;}
#fixed_bar .logoicon,#fixed_bar_inside .logoicon {
       font-size: 75px;
    padding-left: 10px;
    margin: 0;
}
.fixed #pc_nav ul.nav{border:none;}
.fixed #fixed_nav .nav_button{display:block}
	


.menu_opan #nav ul.nav li{flex:1;border-bottom:3px solid #eee; }
	
#rooms_search_bar li{padding:0.5em 0;}
#rooms_search_bar input.btns{height:45px;display:block;width:100%;margin:0.5em 5px 0.5em 0;}
.search_button {display: block;background-color: #FBAD13;width: 100%;box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);text-align: center;font-size: 20px;padding: 7px 0;}
	
.nav_button{width:1em;height:1em;display:block;z-index:50;position:absolute;right:0;margin:0;font-size:60px;}
.fixed body#tab-2 #pc_search_container{position: fixed; bottom: 0;left: 0;right: 0;    z-index: 100;}
.open #pc_search_container,
.fixed .open #pc_search_container{z-index:60;background:rgba(0, 0, 0, 0.8);height:100vh;max-height:100vh;position:fixed;top:0;left:0;width:100%}
#pc_rooms_search{display:none;position:relative;top:50%;margin:-100px 0;}
.open #pc_rooms_search{display:block;}
.open .search_button{display:none;}
.search_bar ul{display:block;width:85%;margin:auto;}
.nav_button span, .nav_button span::after, .nav_button span::before{background:#fa0;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:transform .4s;width:100%;}
.nav_button span{transition:background 0s 0.3s;text-indent:-9999px;line-height:0;top:45%;width:60%;left:20%;height:10%;}
.nav_button span::before{transform:translate(0,200%)}
.nav_button span::after{transform:translate(0,-200%)}
	
/*	
.menu_open .nav_button span{background:none;}*/
.menu_open .nav_button span::before{transform:rotate(-45deg);}
.menu_open .nav_button span::after{transform:rotate(45deg);} 
#fixed_nav.menu_open #nav{max-height:90em;top:59px;transition:max-height 0.5s,top 0.5s;box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}
	 
ul.nav{display:block;
	border-bottom: 0;}
ul.nav li {
	flex: 1;border-top: 1px solid #eee;
}
ul.nav li a{border-bottom: 0; color: #999;
    display: block;
    font-size: 18px;
    padding: 1em 0;
    text-align: center;}
ul.nav li a:hover,#mobile_nav li a:hover{border: 0;color:#fcae12}
#fixed_nav ul.nav {background: #FFF;
	border-bottom: 0;}
/*#pc_nav {
	display: none
} */
	
}