#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 {
transform: scaleX(1);
transform-origin: bottom left;
}

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

#bottom6 a::after,
#bottom7 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;
}

#bottom8 {
text-align: left;
padding-right: 20px;
padding-left: 20px;
}

#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 a::after {
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;
}

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

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

#main {
padding-right: 15px;
padding-left: 15px;
}

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