header {	
	}
	.navbar {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.navbar-brand {
		display: block;
		margin-right: 2rem;
	}
	.head_menu .nav-link svg path {
	    color: #00bbff;
	}
	.head_menu .nav-link:focus svg {
	    transition: 0.3s;
	    transform: rotate(-180deg);
	}
	.head_menu .bg-light {
		background-color: #202329!important;
		border-bottom: solid 0.25rem #00bbff;
	}
	/*navbar縮減動畫 start*/
	nav.navbar{
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	nav.navbar.shrink {
  		padding: 0.5rem 0;
	}
	nav.navbar .navbar-brand img {
		transform: scale(1,1);
		width: auto;
	}
	nav.navbar.shrink .navbar-brand img {
  		transform: scale(0.8,0.8);
  		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	nav.navbar.shrink .dropdown-menu[data-bs-popper] {
		margin-top: 21px;
	}
	nav.navbar.shrink .menu_pdt .dropdown-menu[data-bs-popper] {
		margin-top: 12px;
	}
	nav.navbar.shrink .head_language .dropdown-menu[data-bs-popper] {
		margin-top: 0.5rem;
	}
	/*navbar縮減動畫 end*/
	.navbar-toggler {
		padding: 0.25rem;
		border: none;
	}
	.navbar-toggler:focus {
		box-shadow: 0 0 0 0.1rem #00bbff;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		line-height: 14px;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin-right: 1rem;

	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color:  #00bbff;
	}
	.head_menu .container {
		position: relative;
	}
	.head_menu ul li img {
		margin-left: 6px;
		margin-bottom: 3px;
	}
	.head_menu .menu_pdt {
		position: unset;
	}
	.head_menu .menu_pdt .dropdown-menu.show {
		width: 100%;
		display: flex;
		padding: 1.5rem 0;
	}
	.head_menu .menu_pdt .dropdown-menu[data-bs-popper] {
		margin-top: 20px;
	}
	.head_menu .menu_pdt ul {
		margin-bottom: 1rem;
	}
	.head_menu .menu_pdt ul h3 {
		font-weight: 400;
		font-size: 20px;
		color: #00bbff;
		font-family: 'Fjalla One', sans-serif;
		text-transform: uppercase;
	}
	.head_menu .dropdown-menu {
		background-color: rgba(0,40,60,0.8);
		border-radius: 0 0 8px 8px;
		border: none;
		padding: 1rem 0.5rem;
	}
	.pdt_4 {
		flex: 0 0 auto;
		width: 25%;
	}
	.pdt_5 {
		flex: 0 0 auto;
		width: 20%;
	}
	.head_menu .dropdown-menu li a {
		color: #fff;
		font-size: 16px;
		padding: 0.5rem 1rem;
		display: block;
	}
	.head_menu .dropdown-menu li a:hover {
		color: #202329;
		font-weight: unset;
	}
	.head_menu .dropdown-menu li a .pdt_title {
		display: flex;
		align-items: center;
	}
	.head_menu .dropdown-menu li a img {
		margin-left: 4px;
	    filter: invert(58%) sepia(29%) saturate(4791%) hue-rotate(161deg) brightness(102%) contrast(103%);
	    height: 22px;
	}
	.head_menu .dropdown-menu li a:hover img {
		opacity: 1;
		transition: 0.3s;
		filter: invert(100%) sepia(0%) saturate(7468%) hue-rotate(104deg) brightness(101%) contrast(101%);
	}
	.head_menu .dropdown-menu li a:hover h3 {
		color: #fff;
		transition: 0.3s;
	}
	.dropdown-item:focus, .dropdown-item:hover {
	    background-color: #00bbff;
	    border-radius: 4px;
	}
	.dropdown-menu[data-bs-popper] {
		margin-top: 1.8rem;
	}
	.head_menu .active-item {
		box-shadow: 0 0 3px 0 #00bbff inset;
		border-radius: 4px;
		color: #00bbff!important;
		font-weight: bold; 
	}
	/*search css start*/
	.head_search {
		display: flex;
		justify-content: center;
	}
	.head_search .search_sm {
		display: none;
	}
	.head_search .search {
		position: relative;
	}
	.head_search .search .input {
	    border-radius: 99px;
	    background-color: #303239;
	    border: 0;
	    font-size: 14px;
	    padding: 15px;
	    height: 44px;
	    width: 44px;
	    transition: width 0.3s ease-in;
	    color: #fff;
	    text-align: right;
	}
	.head_search .btn {
	    border-radius: 99px;
	    background-color: #303239;
	    border:none;
	    position: absolute;
	    left: 0;
	    top: 0;
	    cursor: pointer;
	    height: 44px;
	    width: 44px;
	    transition: transform 0.3s ease-in;
	    display: flex;
	    justify-content: center;
	    align-items: center;
		padding: 0px;
	}
	.head_search .btn img {
		filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(29deg) brightness(100%) contrast(106%);
		height: 30px;
		padding: 0 6px;
	}
	.head_search .btn:hover, .head_search .btn:active {
		background-color: #00bbff;
		box-shadow: none;
		transition: 0.3s;
	}
	.head_search .btn:focus, .input:focus {
		outline:none;
	}
	.head_search .search.active .input {
		width: 180px;
	}
	.head_search .search.active .btn {
		transform: translateX(0);
	}
	.btn-check:focus+.btn, .btn:focus {
		background-color: #00bbff;
	}
	/*search css end*/
	.head_language_m {
		display: none;
	}
	.head_language {
		margin-left: 0.7rem;
	}
	.material-symbols-outlined {
		font-size: 30px;
		color: #fff;
	}
	.head_language .nav-link {
		width: 44px;
		height: 44px;
		line-height: 44px;
		border-radius: 99px;
		background-color: #303239;
		text-align: center;
		color: #fff;
		font-size: 14px;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.head_language .nav-link img {
		filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(29deg) brightness(100%) contrast(106%);
		height: 30px;
		padding: 0 6px;
	}
	.head_language .nav-link:hover, .head_language .nav-link:active {
		background-color: #00bbff;
	}
	.head_language .language_btn {
		display: none;
	}
	.head_language .dropdown-menu[data-bs-popper] {
		right: 0;
		left: auto;
		margin-top: 1.1rem;
	}
	.head_language .dropdown-menu {
		background-color: #202329;
	}
	.head_language .dropdown-menu li a {
		color: #fff;
	}
	.head_language .dropdown-menu li a:hover {
		color: #00bbff;
		background-color: #303239;
	}
	:lang(ar) .me-auto {
		/*direction:rtl;*/
		margin-left: auto;
		margin-right: unset!important;
	}

	:lang(ar) .navbar-brand {
		margin-right: 0;
		margin-left: 2rem;
	}
	:lang(ar) .head_language {
		margin-right: 0;
		margin-right: 0.7rem;
	}
	:lang(ar) .head_language .dropdown-menu[data-bs-popper] {
		left: 0;
		right: auto;
	}
	:lang(ar) .dropdown-menu li {
		text-align: right;
	}

@media screen and (max-width:1200px)	{
	.head_menu .container {
		max-width: 100%;
	}
}
@media screen and (max-width:991px)	{
	.head_menu .dropdown-menu {
		/*background-color: rgba(0,80,105,0.9);*/
	}
	.pdt_4, .pdt_5 {
		width: 50%;
	}
}
@media screen and (max-width:767px)	{
	html, body{
		width: 100%;
		height: 100%;
	}
	html{
		overflow: hidden;
	}

	body{
		position: relative;
		overflow: auto;
	}
	.fsp_logo {
		flex-grow: 1
	}
	.head_language {
		display: none;
	}
	.head_language_m {
		display: block;
		border-top: none;
		margin-left: 0;
		margin-right: 10px;
	}
	.head_language_m .dropdown {
		position: unset;
	}
	.head_language_m .dropdown-menu {
		top: 44px;
		position: absolute!important;
		margin: 0;
		width: 100%;
		overflow: scroll;
		height: 100vh;
		padding-bottom: 100px;
	}
	.head_language {
		margin-left: 0;
	}
	.head_menu .dropdown-menu[data-bs-popper] {
		background-color: #303239;
		border-radius: 10px;
	}
	.head_menu .head_language .dropdown-menu[data-bs-popper] {
		margin-top: 0.9rem;
		border-radius: unset;
	}
	.head_menu .menu_pdt .dropdown-menu[data-bs-popper] {
		margin-top: 0;
	}
	.head_menu .menu_pdt .dropdown-menu.show {
		padding: 0;
		padding-bottom: 14px;
	}
	.head_menu .navbar-nav .nav-link.show {
		border-bottom: none;
	}
	.head_menu .bg-light {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	nav.navbar .navbar-brand img {
		transform: scale(0.8,0.8);
	}
	.head_menu .navbar-collapse {
		/*background-color: #2d3036;*/
		border-radius: 10px;
		margin-top: 0.7rem;
		height: 100vh;
		overflow: auto;
		padding-bottom: 100px;
	}
	.head_menu .nav-link svg {
	    display: none;
	}
	.head_menu ul .nav-item .nav-link {
		padding: 1rem 0;
		margin: 0 1rem;
		font-size: 16px;
		font-weight: 600;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		text-align: center;
		color: #00bbff;
	}
	.head_menu .dropdown-menu {
		background-color: #202329;
		border-radius: 10px;
		text-align: center;
		margin-top: 0;
	}
	.head_menu .dropdown-menu li a .pdt_title {
		display: unset;
	}
	.head_menu .dropdown-menu .pdt_title img {
		display: none;
	}
	.pdt_4, .pdt_5 {
		width: 100%;
	}
	.head_menu .dropdown-menu li ul {
		background-color: rgba(255,255,255,0.05);
		border-radius: 6px;
	}
	.head_menu .dropdown-menu ul li {
		padding: 0.2rem 0;
	}
	.head_menu .dropdown-menu ul {
		margin-top: 14px;
		margin-bottom: 0;
	}
	.head_menu .dropdown-menu .dropdown-item {
		padding: 0.5rem 1rem;
	}
	.head_menu .menu_pdt ul h3 {
		color: #00bbff;
		padding: 0.7rem 0;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.head_search {
		display: block;
		padding: 4% 5%;
	}
	.head_search .search_lg {
		display: none;
	}
	.head_search .search_sm {
		display: block;
	}
	.head_search .search_sm .btn {
		right: 0;
		left: auto;
		background-color: #00bbff;
	}
	.head_search .search_sm .input {
		width: 100%;
		text-align: center;
		background-color: rgba(255,255,255,0.05);
	}
}
@media screen and (max-width:576px)	{
}