/*全站*/

* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

#container{background:#fff;}

#nav{ }
	#nav:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
	
	#nav .dropdown-menu .divider{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
	#nav > ul > li > .dropdown-menu:before {  position: absolute;  top: -7px;  left: 9px;  display: inline-block;  border-right: 7px solid transparent;  border-bottom: 7px solid #ccc;  border-left: 7px solid transparent;  border-bottom-color:rgba(0, 0, 0, 0.2);  content: '';}
	#nav > ul > li > .dropdown-menu:after {  position: absolute;  top: -6px;  left: 10px;  display: inline-block;  border-right: 6px solid transparent;  border-bottom: 6px solid #ffffff;  border-left: 6px solid transparent;  content: '';}



/*-----------------  sidebar ------------------請記得改 bg-color padding border 等等-*/

.navicon-line {    background-color: #eee;    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    height: 4px;    margin-bottom: 3px;    width: 24px;}
.sb-slidebar{text-align:left;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0957bc+0,00427c+87,00427c+87 */
background: url(../images/rright_bg.png) bottom no-repeat rgb(9,87,188); /* Old browsers */
background:url(../images/rright_bg.png) bottom no-repeat -moz-linear-gradient(top,  rgba(9,87,188,1) 0%, rgba(0,66,124,1) 87%, rgba(0,66,124,1) 87%); /* FF3.6-15 */
background:url(../images/rright_bg.png) bottom no-repeat -webkit-linear-gradient(top,  rgba(9,87,188,1) 0%,rgba(0,66,124,1) 87%,rgba(0,66,124,1) 87%); /* Chrome10-25,Safari5.1-6 */
background:url(../images/rright_bg.png) bottom no-repeat linear-gradient(to bottom,  rgba(9,87,188,1) 0%,rgba(0,66,124,1) 87%,rgba(0,66,124,1) 87%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0957bc', endColorstr='#00427c',GradientType=0 ); /* IE6-9 */ }
.sb-slidebar a{color:#fff ; font-size:16px}
.sb-slidebar li{padding:12px 15px ; border-bottom:1px solid rgba(124,159,212,1.00)}
	.sb-title{ padding:0.8em 1em; display:block;}
	/* Main Menu */
	.sb-menu {	padding: 0;	margin: 0;	list-style-type: none;}
	.sb-menu li {	width: 100%;	padding: 0;	margin: 0;}
		.sb-menu li ul{} .sb-menu > li li:last-child { border-bottom:0;}
	.sb-menu > li:first-child {}
	.sb-menu > li:last-child {	}
	.sb-menu li a {	width: 100%;	display: inline-block;	padding: 1em;  cursor:pointer;}
	.sb-menu li a:hover {	text-decoration: none;	}
	.sb-menu>li>a{text-transform:uppercase;}
	.sb-menu .divider{display:none;}
	.sb-menu li.active{background:rgba(5,19,73,0.8);}
	.sb-menu li.active a{background:rgba(5,19,73,0.8);}
	
	/* Submenus */
	.active a.sb-toggle-submenu::after{content: "\f107";font-family: FontAwesome;margin-left:20px}
	.active a.sb-submenu-active::after{content: "\f106";font-family: FontAwesome;margin-left:20px}
	.sb-submenu {	display: none;	padding: 0;	margin: 0;	list-style-type: none;	}

	/* Caret */
	span.sb-caret, i.sb-caret  {	width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent;}
	span.sb-caret, i.sb-caret {	border-top: 5px solid;	border-bottom: 0px solid transparent;}
	.sb-submenu-active > span.sb-caret, .sb-submenu-active > i.sb-caret  {	border-top: 0px solid transparent;	border-bottom: 5px solid;}
	
	#left-search{ padding:1em;}
		#left-search #search-input{width:calc(100% - 90px);}
	#left-lan ul, #left-lan li, #left-member-wrap ul, #left-member-wrap li{list-style:none; padding:0; margin:0;}
	#left-lan li{ padding: 1em;}
	
	#left-member-wrap li{ padding: 1em;}
	
	#left-smo{padding: 1em; }
	#left-smo a{float:left; margin-right:10px; margin-bottom:0.8em;}
	
.sb-menu>li>a::before{content: "\f0a9";font-family: FontAwesome;margin-right:5px}
.sb-menu>li>ul.sb-submenu>li>a{padding-left:20px; font-size:15px; background:rgba(107,107,107,1.00); line-height:1.3em;}
.sb-menu>li>ul.sb-submenu>li.active>a{background:rgba(107,107,107,0.8);}
.sb-menu>li>ul.sb-submenu>li>ul.sb-submenu>li a{padding-left:20px; font-size:15px; background:#fff}
.sb-menu li:hover { background:rgba(5,19,73,0.8)}

.sb-submenu .sb-submenu { background:#fff;}
.sb-menu .sb-submenu .sb-submenu  li a{color:#3E3E3E}







