@charset "utf-8";

@media screen and (min-width: 1025px) {/*針對桌機*/
		.navbar-brand{
		    padding: 5px 5px;
		    height: auto;
		}
		nav.navbar.bootsnav{
			background:#FFFFFF;
		    border: none;
		    margin: 0px;
		}
		.navbar-nav{
			width:100%;			
		font-family: "Times New Roman", Arial, Helretica, sans-serif;
		    float: right;
		}
		nav.navbar.bootsnav ul.nav > li {
			width:18.5%;
			margin: 0 5px 0 5px;
			float:left;
			
		}
		nav.navbar.bootsnav ul.nav > li > a{
			
			padding:15px;			
			font-size:18px;
			font-weight:normal;
			font-family: "Times New Roman", Arial, Helretica, sans-serif;
		    color:#ffffff;
			text-align:center;
			background: #119ab3;
		}
		nav.navbar.bootsnav ul.nav > li:hover{
			color:#ffffff;
			
			font-family: "Times New Roman", Arial, Helretica, sans-serif;
		    background: #6199D2;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height:8px;
		    background: #99efff;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "+";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 32%;
		    right: 17px;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		
}
@media only screen and (min-width: 768px) and (max-width:1024px) {/*針對平板*/
.navbar-brand{
		    padding: 5px 5px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		    margin-bottom: 0px;
		}
		.navbar-nav{
		    float: left;
			width:100%;
			margin:0 0 0 0%;
		}
		
		nav.navbar.bootsnav ul.nav > li > a{
	font-size:16px;
	font-weight:normal;
	font-family: "Times New Roman", Arial, Helretica, sans-serif;
	color:#ffffff;
	padding: 17px;
			background: #119ab3;
	
	
	
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		    
			background: #6199D2;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 7px;
		    background: #99efff;;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "+";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10px;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		
		

}
@media only screen and (max-width:768px) {/*針對直向平板*/

.navbar-brand{
		    padding: 5px 5px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		    margin-bottom: 0px;
		}
		.navbar-nav{
		    float: left;
			width:100%;
			margin:0 0 0 0%;
		}
		nav.navbar.bootsnav ul.nav > li {
			width:100%;
			margin:0 ;
			float:left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
			width:100%;
	font-size:18px;
	font-family: "Times New Roman", Arial, Helretica, sans-serif;
	color:#686565;

	
	
	
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		    background: #f4f4f4;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 5px;
		    background: #48c1dc;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "+";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 15px;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		
}

@media only screen and (max-width: 767px) {/*針對手機*/
.navbar-brand{
		    padding: 5px 5px;
		    height: auto;
		}
		nav.navbar.bootsnav{
			float: right;
			background:#FFFFFF;
		    border: none;
			
		    margin-bottom: 0px;
		}
		.navbar-nav{
		   float: right;
		}
		nav.navbar.bootsnav ul.nav > li > a{
			font-size:14px;
			font-family: "Times New Roman", Arial, Helretica, sans-serif;
		    color:#ffffff;
			background: #119ab3;
		    padding: 20px;
			margin:0 8px 0 8px ;
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		     background: #6199D2;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 5px;
		    background: #99efff;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "+";
		    font-family: 'FontAwesome';
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10%;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "\f105";
		    transform: rotate(90deg);
		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		
}


@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
			
			
			nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }

			.nav > li:after{
		    content: "";
		    width: 1px;
		    height: 5px;
			display:none;
		    background: #34c9dd;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
			}
		}