@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
html,
body {
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 16px;
	line-height: 1.8rem;
	font-weight: 300;
}
.logo {
	width: 300px;
	margin-top: 70px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 5;
}
.dropdown-menu {
	border: 1px solid #101010;
	border-radius: 0px;
	background-color: #101010;
	background-color: rgba(0,0,0,.85);
}
.dropdown-menu>li { border-bottom: 1px solid #333; }
.dropdown-menu>li>a {
	color: #9d9d9d;
	font-size: 15px;
	line-height: 1.5;
}
.dropdown-menu>li>a:hover {
	color: #fff;
	background-color: #101010;
}
.dropdown-header {
	font-size: 15px;
	color: #fff;
	line-height: 1.5;
}
.home {
	position: absolute;
	top: 3px;
	left: 52px;
	z-index: 999;
}
.fb {
	position: absolute;
	top: 12px;
	right: 30px;
	display: none;
}
.navbar-brand { display: none; }
.dropdown:hover .dropdown-menu { display: block; }
#bottomMenu.fix { position: absolute; }
@media (max-width: 767px) {
.dropdown-menu { width: 100%; }
.fb {
	right: 18vw;
	display: block;
}
.navbar-brand { display: block; }
.home,
#controller,
.drawing { display: none; }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (min-width: 768px) {
ul.dropdown-menu {
	max-height: 600px;
	min-width: 320px;
	overflow-y: auto;
}
ul.dropdown-menu::-webkit-scrollbar { width: 10px;}
ul.dropdown-menu::-webkit-scrollbar-track { background-color: #333;}
ul.dropdown-menu::-webkit-scrollbar-thumb { background-color: #666;}
ul.dropdown-menu::-webkit-scrollbar-thumb:hover { background-color: #999;}
}
@media (min-width: 980px) {
}
@media (min-width: 1200px) {
.fb { display: block; }
}