@charset "UTF-8";

.frame-layout-300 ul{
padding: 5px 0;
margin: 5rem 0 2rem 0;
border-bottom: 1px solid #ccc; 
}

.frame-layout-300 ul li{
list-style: none;
margin: 0;
display: inline;
}

.frame-layout-300 ul li a{
padding: 5px 1em;
margin-left: 3px;
border: 1px solid #eb6209;
border-bottom: none;
background: #fff;
text-decoration: none;
font-weight:400;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.frame-layout-300 ul li a:link { color:#5a5a5a; }
.frame-layout-300 ul li a:visited { color: #667; }

.frame-layout-300 ul li a:hover
{
color: #fff;
background: #eb6209;
border-color: #eb6209;
}

.frame-layout-300 ul li a#current
{
background: white;
border-bottom: 1px solid white;
}

@media screen and (max-width: 1024px) {
.frame-layout-300 ul li:nth-child(5){
list-style: none;
margin: 1rem 0 0 0;
display: block;
}
}

@media screen and (max-width: 600px) {
.frame-layout-300 ul li:nth-child(3){
list-style: none;
margin: 1rem 0 0 0;
display: block; float:left;
}
.frame-layout-300 ul li:nth-child(4){
list-style: none;
margin: 1rem 0 0 0;
display: block; float:none;
}
}