#top {background-color:#FFFFFF;}
#top .container {padding-top:10px;position:relative;}
#top-navi {color:#666;}
#top-navi a {margin-left:5px;margin-right:5px;}
.top-right {
  display: flex;
  align-items: center;
}
#yoku {height:20px;overflow:hidden;}
#yoku a {margin-right:7px;margin-left:7px;}
@media only screen and (min-width: 992px){
#top-navi {position:absolute;right:15px;top:20px;z-index:2;}
}
header {background-color:#FFFFFF;}
.header-bottom {background-color:#2D287F;height:50px;margin-bottom:5px;}
.header-inner {margin-left:-15px;margin-right:-15px;}
#menu .nav li:hover  a, #menu .nav li a {
  color: #fff;text-decoration:none;
}
#logo {margin-left:0px;max-width:363px;}
.header-top {position:relative;margin-top:0px;margin-bottom:10px;}
.btn_search {
	position: relative;
	width:100%;
	max-width:350px;float:right;top:5px;margin-right:15px;
}
#mahardhiSearch, #search {
  display: flex;
  width: 100%;
}
#findsyousai {color:#fff;height:40px;line-height:40px;white-space: nowrap;}
#findsyousai a {color:#fff;}
#findsyousaismp {color:#fff;display:none;height:40px;position:relative;width:90px;margin-right:10px;}
#findsyousaismp #fss01 {position:absolute;height:33px;line-height:32px;top:5px;left:0px;width:14px;}
#findsyousaismp #fss02 {position:absolute;height:33px;line-height:16px;top:5px;left:14px;width:33px;}
#findsyousaismp a {color:#fff;}
.nav .hiden_menu {display: none;}

@media only screen and (max-width: 1006px){
	#menu-header i {cursor:pointer;}
	#menu {margin-left:20px;}
	#menu .nav li:hover  a, #menu .nav li a {
	color: #151515;text-decoration:none;
	display:block;
	}
	#menu_icon {width:40px;height:40px;margin-top:5px;}
	.smphdn {display:none;}
	.navbar-nav > li {clear: both;}
}
@media only screen and (max-width: 992px){
.header-bottom {height:50px;}
.nav .hiden_menu {display:block;}
}
@media only screen and (max-width: 667px){
#header_book {display:none;}#logo {margin-left:0px;}
#top-navi {font-size:80%;}
}
#menu .btn-navbar {background-color:#2D287F;}
#menu-header {background-color:#2D287F;}
.main-item.active .toggled > .fa-plus::before, .toggle-menu.active > .fa-plus::before {
  content: "\f068";
}
@media only screen and (max-width: 450px){
#findsyousai {display:none;}
#findsyousaismp {display:inline;}
.btn_search {width:70%;margin-right:0px;}
#mahardhiSearch > input {width:180px;}
#mahardhiSearch .btn-search button {margin-right:-15px;}
/*footer*/
.footer-middle {display: block;}
.position-footer-left { border-left: 1px solid var(--border-color);border-right: 1px solid var(--border-color);margin-bottom:0px;}
.footer_aboutus {
display: flex;
justify-content: center;
}

}
@media only screen and (max-width: 400px){
.btn_search {width:80%;margin-right:0px;}
#mahardhiSearch > input {width:180px;}
}
@media only screen and (max-width: 350px){
.btn_search {width:80%;margin-right:0px;}
#mahardhiSearch > input {width:140px;}
#top-navi {font-size:10px;}
#top-navi a {margin:1px;}
}