@charset "utf-8";

main .col-main { overflow: hidden; }
main .col-aside { float: left; width: 450px; padding-right: 20px; box-sizing: border-box; }

@media screen and (max-width: 800px) {
	main .col-aside { display: none; }
}


main #portrait { padding: 6px; margin-bottom: 20px; height: 238px; overflow: hidden; }
main #portrait a { display: inline-block; height: 122px; width: 92px; float: left; }
main #portrait a:hover { margin: -6px 0 0 -6px; padding-right: 6px; padding-bottom: 6px; }
main #portrait a img { border: 1px solid white; }
main #portrait a:hover img { border-color: #F00; }


main .user-box { margin-bottom: 20px; }
main .user-box .content { padding: 25px; }

main #login {}
main #login h3.error { color: #c00; margin-bottom: 10px; }
main #login form { overflow: hidden; margin-bottom: 20px; }
main #login form li { width: 170px; margin-bottom: 10px; }
[dir=ltr] main #login form li { float: left; padding-right: 20px; }
[dir=rtl] main #login form li { float: right; padding-left: 20px; }
main #login form label { display: block; line-height: 22px; }
main #login form input.text { width: 100%; display: block; border: 1px solid #666; padding: 2px; margin-bottom: 5px; }
main #login form p { line-height: 25px; }
main #login form p a:hover { text-decoration: underline; }
main #login button { display: block; }
main #login .button-link { display: inline-block; background: red; height: 30px; width: 200px; border: 1px solid hsl(0 0% 80%); border-radius: 2px;  line-height: 30px; color: white; cursor: pointer; text-align: center; box-sizing: border-box; }
main #login .register { text-align: center; }
main #login .register a { display: block; font-size: 30px; color: #F00; font-weight: bold; line-height: 50px; }
.ar main #login .register a { font-size: 40px; }

main #info ul { margin-bottom: 10px; }
[dir=ltr] main #info ul { float: left; margin-right: 30px; }
[dir=rtl] main #info ul { float: right; margin-left: 30px; }
main #info li { list-style: disc inside; }
main #info a:hover { text-decoration: underline; }
main #info li.red a { color: #F00; }


main #search {}
main #search li { width: 360px;	}
main #search li li { width: 100px; }
main #search input.text { width: 240px; }
main #search select { width: 242px; }


main #image-large { text-align: center; margin-bottom: 20px; padding-top: 6px; }
main #image-large a {}
main #image-large img { text-align: center; border: 1px solid white; }
main #image-large a:hover img { border-color: #F00; }

main #about {}