#bottom1 a::before,
#main a::before {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(1);
transform-origin: bottom right;
transition: transform 0.25s ease-in;
}

#bottom1 a:hover::before,
#main a:hover::before {
transform: scaleX(0);
transform-origin: bottom right;
}

#bottom1 a,
#main a,
#top1 a {
color: #141414;
display: inline-block;
position: relative;
}

#bottom10 a::after,
#bottom9 a::after {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(0);
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}

#bottom10 a:hover::after,
#bottom6 a:hover::after,
#bottom7 a:hover::after,
#bottom9 a:hover::after,
#head_nav a:hover::after,
#top1 a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}

#bottom10 a,
#bottom9 a {
color: #9499b5;
display: inline-block;
position: relative;
}

#bottom6 a::after,
#bottom7 a::after,
#top1 a::after {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(0);
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}

#bottom6 a,
#bottom7 a,
#head_nav a {
color: #182260;
display: inline-block;
position: relative;
}

#head_nav a::after {
background-color: #00FFFF;
position: absolute;
width: 100%;
height: 5px;
bottom: 0;
left: 0;
content: "";
transform: scaleX(0);
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}

#main {
text-align: left;
position: relative;
max-width: 900px;
margin-right: auto;
margin-left: auto;
}

#navpath a:visited {
color: #141414;
}

#top3 {
text-align: left;
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}

SELECT {
font-size: 0.8rem;
background-color: #FFFFFF;
height: 25px;
border: 1px solid #8f8f9d;
border-radius: 3px;
}
