/*****Nav*****/
.navbar-brand img {
	width: 100px;
}
.nav-btn:hover, .nav-btn.active {
	background: #ecd357 !important;
	color: #0A112C !important;
	font-weight: bold;
}
.navbar-inverse {
	background-color: #111016;
	border-color: #111016;
}

#main {
	padding-top: 50px;
}


/******Footer*****/
.footer_box {
	color: #FFF;
	background-color: #111016;
	padding: 50px 10% 15px 10%;
}

.footer_title {
	font-size: 19px;
	line-height: 30px;
	color: #E0E0E0;
	font-weight: 100;
	font-style: italic;
	padding-bottom: 20px;
	-webkit-font-smoothing: antialiased;
}

.footer_title img {
	width: 100px;
	margin-right: 20px;
}

.footer_section {
	float: left;
	font-size: 
}

.footer_section h3 {
	font-size: 17px;
	padding-bottom: 5px;
}

.footer_section ul li, .footer_section a {
	list-style: none;
	color: #FFF;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
}

.footer_section a:hover {
	color: #666;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.footer_section ul {
	padding: 0px;
}

.copy_right {
	text-align: center;
	color: #999;
}


/******Help*****/
#help_icon {
	position: fixed;
	right: 30px;
	bottom: 30px;
	background-color: #ecd357;
	border-radius: 25px;
	width: 50px;
	height: 50px;
	display: block;
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	-moz-box-shadow:0px 0px 10px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 0px 10px rgba(20%,20%,40%,0.5);
	box-shadow:0px 0px 10px rgba(20%,20%,40%,0.5);
	color: #333;
}

#help_box {
	position: fixed;
	right: 15px;
	bottom: 0px;
	height: 300px;
	width: 340px;
	z-index: 5000;
	-moz-box-shadow:0px 0px 10px rgba(20%,20%,40%,0.5);
	-webkit-box-shadow:0px 0px 10px rgba(20%,20%,40%,0.5);
	box-shadow:0px 0px 10px rgba(20%,20%,40%,0.5);
	z-index: 3000;
	display: none;
}


/******訊息泡泡css******/
.notice_bubble {
	width: 30px;
    height: 22px;
    text-align: center;
    background: #ecd357;
    position: relative;
    border: solid 1px #333;
    margin-top: -2px;
    color: #333;
    border-radius: 10px;
    display: none;
    font-size: 9px;
}


/*箭頭下*/
.notice_bubble .arrow_b_int {
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: #ecd357 transparent transparent transparent;
    position: absolute;
    bottom: -9px;
    right: 13px;
}


/**** dropdown-menu ****/
.dropdown-menu {
	width: 250px;
}

.dropdown-menu>li>a {
	white-space: initial;
	overflow-wrap: break-word;
}


/***hint***/
div.growlUI { 
	background: url("../images/check.png") no-repeat 10px 10px; margin-top: 50px;
}

div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left;
}

/**** 星號 ****/
div.star-image { 
	background-size: cover;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDcuOTQgNDcuOTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk0IDQ3Ljk0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxnPjxwYXRoIHN0eWxlPSJmaWxsOiNGRkNDMDAiIGQ9Ik0yNi4yODUsMi40ODZsNS40MDcsMTAuOTU2YzAuMzc2LDAuNzYyLDEuMTAzLDEuMjksMS45NDQsMS40MTJsMTIuMDkxLDEuNzU3ICBjMi4xMTgsMC4zMDgsMi45NjMsMi45MSwxLjQzMSw0LjQwM2wtOC43NDksOC41MjhjLTAuNjA4LDAuNTkzLTAuODg2LDEuNDQ4LTAuNzQyLDIuMjg1bDIuMDY1LDEyLjA0MiAgYzAuMzYyLDIuMTA5LTEuODUyLDMuNzE3LTMuNzQ2LDIuNzIybC0xMC44MTQtNS42ODVjLTAuNzUyLTAuMzk1LTEuNjUxLTAuMzk1LTIuNDAzLDBsLTEwLjgxNCw1LjY4NSAgYy0xLjg5NCwwLjk5Ni00LjEwOC0wLjYxMy0zLjc0Ni0yLjcyMmwyLjA2NS0xMi4wNDJjMC4xNDQtMC44MzctMC4xMzQtMS42OTItMC43NDItMi4yODVsLTguNzQ5LTguNTI4ICBjLTEuNTMyLTEuNDk0LTAuNjg3LTQuMDk2LDEuNDMxLTQuNDAzbDEyLjA5MS0xLjc1N2MwLjg0MS0wLjEyMiwxLjU2OC0wLjY1LDEuOTQ0LTEuNDEybDUuNDA3LTEwLjk1NiAgQzIyLjYwMiwwLjU2NywyNS4zMzgsMC41NjcsMjYuMjg1LDIuNDg2eiIgZGF0YS1vcmlnaW5hbD0iI0VEOEExOSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI0VEOEExOSI+PC9wYXRoPjwvZz4gPC9zdmc+) !important;
}