/* CSS Document */

.mainNav {
	width: 100%;
	margin-bottom: 30px;
	border: 1px solid rgba(230,230,230,1); 
}
	/* 第一層 */
	.mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mainNav ul li {
		border-bottom: 1px dashed rgba(230,230,230,1); 
	}

	.mainNav ul > li:last-of-type {
		border-bottom: none; 
	}

	.mainNav ul li a {
		color: #333;
		font-weight: 600;
		display: block;
		line-height: normal;
		padding: 10px 20px 10px 10px;	/* padding-right 必需是按鈕寬度的一半 */
		text-decoration: none;
	}

	.mainNav ul li a:hover {
		background: rgba(230,230,230,.3); 

	}
	.mainNav ul li.active > a {}

		/* 第二層 */
		.mainNav ul ul li:first-of-type {
			border-top: 1px dashed rgba(230,230,230,1);
		}

		.mainNav ul ul li a {
			color: #666;
			display: block;
			font-size: 1em;
			line-height: normal;
			padding: 10px 20px 10px 25px;	/* padding-right 必需是按鈕寬度的一半 */
		}
		.mainNav ul ul li a:before {
			font-family: 'FontAwesome';
			content: '\f152';	/* fa-dot-circle-o */
			content: '\f105';
			padding-right: 5px;
			color: #663300;
			font-weight: normal;
		}

		.mainNav ul ul li.active > a:before {
			color: #E74847;
		}
	
		/* 第三層 */
		.mainNav ul ul ul li a {
			padding: 10px 20px 10px 45px;
		}

		.mainNav ul ul ul li a:before {
			color: #006699; 
		}

		/* 第四層 */
		.mainNav ul ul ul ul li a {
			padding: 10px 20px 10px 65px;
		}
		.mainNav ul ul ul ul li a:before {
			color: #666600;
		}

	/* Accordion Button */
	.mainNav ul li.has-subnav .accordion-btn {
		color: #868686; 
		background: rgba(127,127,127,.05); 
		font-size: 18px;
		border-left: 1px solid rgba(127,127,127,.15);
		font-weight: 700;
	}