/*!
* myCss v1.0.0
* Copyright © 2022 NetSoft Limited. All rights reserved.
*/
/*======================Temp Css========================*/
:root {
	--first_fontfamily: "Inter", "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
	--second_fontfamily: "IBMPlexMono", "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";

	--white: #fff;
	--white_filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(11deg) brightness(100%) contrast(105%);
	--black: #000;

	--grey_lightr: #F2F2F2;
	--grey_light: #D9D9D9;
	--grey_primary: #737373;
	--grey_dark: #2D2D2D;

	--orange_primary: #F8A95B;
	--orange_dark: #F79533;
	--orange_darkr: #D8822D;

	--blue_primary: #67C3EC;
	--blue_dark: #2BAAE2;
	--blue_darkr: #2490C0;
	--blue_darkest: #1F7BA3;


	--menu_bg_color: var(--blue_dark);
	--main_text_color: var(--black);
	--link_text_color: var(--blue_darkest);
	--link_hover_text_color: var(--black);
	--breadcrumb_text_color: var(--black);
	--breadcrumb_link_color: var(--black);
	--breadcrumb_link_hover_color: #003e6f;

	--fontsize_h1: 3.5rem;
	--fontsize_h2: 2.25rem;
	--fontsize_h3: 1.5rem;
	--fontsize_h4: 1.25rem;
	--fontsize_h5: 1rem;
	--fontsize_h6: 0.9rem;

	--borderradius1: 0.5rem;


	--container_padding_left: 7.5rem;
	--container_padding_right: 7.5rem;
}

#wrap {
	min-height: 100%;
	height: auto;
	overflow-x: hidden;
}

.clearBoth {
	clear: both;
}

body a {
	color: #00649d;
}

h1 {
	font-weight: bold;
	color: var(--black);
	text-align: left;
	display: block;
	font-size: 3rem;
	margin-bottom: 3rem;
}

h2 {
	margin-top: 0;
	margin-right: 0;
	padding-right: 0;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	color: var(--black);
	font-weight: bold;
}

h2 span {
	color: var(--black);
	font-size: 2rem;
	font-weight: 300;
}

.indexVersion h2 {
	color: var(--black);
	font-weight: bold;
}

h3,
.h3 {
	font-size: 2rem;
	margin-left: 0;
	padding: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0.75rem;
	font-weight: bold;
}

h4 {
	margin-top: 0;
	font-size: 1.2rem;
}

h5 {
	font-size: 1rem;
	margin-top: 0;
	color: var(--black);
}

body label {
	font-weight: inherit;
}

.mainContent li {
	margin-left: 0;
	margin-right: 0.6em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.mainContent hr {
	color: #bbb;
	max-width: 100%;
}

body .row {
	margin: 0;
	width: 100%;
	/*ie11*/
}

img,
table {
	border: 0;
}

table {
	border-collapse: collapse;
}

.access {
	position: absolute !important;
	/*	visibility: hidden;*/
	left: -9999px;
	font-size: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important;
	z-index: -1 !important;
}

.navbar-menu {
	position: relative;
	padding: 0;
	margin: 0;
	background-color: transparent;
	background-image: none;
	border: 0;
}

.mobileLangTool {
	float: right;
}

.searchToolBigWrapper {}

.langmenu {}

.headerMenu.collapse {
	display: block;
	height: inherit !important;
}

.indexVersion .footerMenu {
	display: block;
}

.footerMenu ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
}

.mainContent .listContent ul,
.mainContent .listContent ul li {
	padding: 0;
}

.mainContent .siteMenu {
	padding-left: 0;
}

.siteMenu>li {
	margin: 0.625rem 0;
}

.siteMenu .firstLi img {
	display: none;
}

.siteMenu .firstLi .mOnly {
	position: relative;
	visibility: visible;
	left: 0;
}

.siteMenu,
.siteMenu>li {
	list-style: none;
}

.siteMenu>li>a br {
	display: none;
}

.siteMenu ul {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}

.siteMenu .menuLv1 .extmenu {
	display: none;
}

.mainContent .siteMenu .menuLv1 {
	margin-left: 1.875rem;
}

.dOnly {
	position: static;
	left: auto;
}

.dtOnly {
	position: static;
	left: auto;
}

.mOnly {
	position: absolute;
	visibility: hidden;
	left: -9999px;
}

.tmOnly {
	position: absolute;
	visibility: hidden;
	left: -9999px;
}

.smOnly {
	position: absolute;
	visibility: hidden;
	left: -9999px;
}

.moreBtn.mOnly {
	display: none !important;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 1181px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media all and (max-width: 1800px) {
	html{
		font-size: 14.85px;
	}
}

@media all and (max-width: 1700px) {
	html {
		font-size: 14px;
	}
}

@media all and (max-width: 1600px) {
		:root {
				--container_padding_left: 5rem;
				--container_padding_right: 5rem;
			}
	html {
		font-size: 13.2px;
	}
}

@media all and (max-width: 1500px) {
	html {
		font-size: 12.5px;
	}
}

@media all and (max-width: 1620px) {

}

@media all and (max-width: 1330px) {
	:root {
		--container_padding_left: 1.2rem;
		--container_padding_right: 1.2rem;
	}
	.mobile .headerArea, .tablet .headerArea{
		position: fixed;
	}
	.d-none-mobile {
		display: none !important;
	}

	body .headerMenu ul li>div.extmenu:before {
		border: 0;
	}

	body .scroll_table {
		position: relative;
	}

	body .scroll_table table {
		min-width: 33rem;
	}

	body .table_style_2 .scroll_table table {
		min-width: 70rem;
	}

	body .scroll_table_inside_wrapper {
		/*overflow-x: auto;*/
	}

	body .contentArea .need_to_scroll .simplebar-wrapper:before {
		content: '';
		position: absolute;
		z-index: 25;
		top: 5rem;
		right: 0.9375rem;
		width: 3rem;
		height: 2rem;
		transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
		-webkit-animation: passing 1.3s linear infinite;
		animation: passing 1.3s linear infinite;
		background: url(../images/icon/icon_arrow_right.svg) no-repeat center center;
		background-size: contain;
	}

	body .contentArea .need_to_scroll .simplebar-wrapper:after {
		content: '';
		position: absolute;
		z-index: 22;
		top: 0;
		right: 0;
		display: block;
		width: 3.75rem;
		height: 100%;
		transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;
		pointer-events: none;
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, .5)), to(#fff));
		background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 30%, #fff 100%);
	}

	body .contentArea .need_to_scroll.reachend .simplebar-wrapper:before {
		width: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
	}

	body .contentArea .need_to_scroll.reachend .simplebar-wrapper:after {
		width: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
	}

	body .shareList {
		display: block;
		position: static;
		border: 0;
		box-shadow: none;
	}

	.headerArea .headerTool .myheaderTool .homeTool {
		display: none;
	}

	.headerArea .headerTool .myheaderTool .AStyleArea {
		display: none;
	}

	body.subMenuVersion .bodyArea .mainContent {
		background-color: var(--white);
		max-width: 100%;
	}

	body .container,
	body .mainAreaContent {}

	body .mainContent ol,
	body .mainContent ul {
		padding-left: 0.6em;
		margin-bottom: 1.4em;
	}

	body .mainContent .info_list {
		padding-left: 0;
	}

	body .headerArea .headerTool .headerMenu.dOnly {
		display: block;
		z-index: -1;
		position: fixed;
		height: 0;
		width: 0;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
		opacity: 0;
		visibility: hidden;
	}

	.headerMenu_active,
	.searchMenu_active,
	.langMenu_active {
		overflow: hidden;
	}

	body .mobilenav .langmenu {
		display: none;
	}

	body .headerArea .mobilenav .searchTool {
		display: none;
	}


	.mobileTool button,
	.mobilenav .mobSearch a,
	.mobilenav .moblang a {
		position: relative;
		min-width: 1.25rem;
		min-height: 1.25rem;
		display: inline-block;
	}

	.headerMenu_active .mobileTool img,
	.searchMenu_active .mobilenav .mobSearch img,
	.langMenu_active .mobilenav .moblang img {
		display: none;
	}

	.headerMenu_active .mobileTool button::before,
	.headerMenu_active .mobileTool button::after,
	.searchMenu_active .mobilenav .mobSearch a::before,
	.searchMenu_active .mobilenav .mobSearch a::after,
	.langMenu_active .mobilenav .moblang a::before,
	.langMenu_active .mobilenav .moblang a::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		width: 1.625rem;
		height: 2px;
		background-color: grey;
	}

	.headerMenu_active .mobileTool button::before,
	.searchMenu_active .mobilenav .mobSearch a::before,
	.langMenu_active .mobilenav .moblang a::before {
		transform: translate(0, -50%) rotate(45deg);
		margin-left: -2px;
	}

	.headerMenu_active .mobileTool button::after,
	.searchMenu_active .mobilenav .mobSearch a::after,
	.langMenu_active .mobilenav .moblang a::after {
		transform: translate(0, -50%) rotate(-45deg);
		margin-left: -2px;
	}

	body .headerArea .hrbTool input {
		width: 70%;
	}

	body .headerMenu {}

	body .headerMenu .my_menu .extmenu>.menu_items {
		box-shadow: none;
		padding-right: 0;
		width: 100%;
		padding-left: 0;
		float: none;
	}

	body .headerMenu .my_menu.close .extmenu .menuLv1,
	body .headerMenu .my_menu .extmenu .menuLv1 li.close>.extmenu .menuLv2 {}

	body .headerMenu .my_menu.open>.extmenu .menuLv1,
	body .headerMenu .my_menu .extmenu .menuLv1 li.open>.extmenu .menuLv2 {}

	body .headerMenu ul .excActive>ul {
		padding: 0;
	}

	.mobile {
		display: inherit;
	}

	.mobileLogo {
		margin: auto;
	}

	.headerTool .leftClfArea {
		width: 100%;
		padding-left: 0;
	}

	.mobileLangTool {
		float: right;
	}

	.headerMenu.bs-example-js-navbar-collapse.dOnly.collapse {
		display: none;
		height: auto !important;
		position: absolute;
		left: 0;
		right: 0;
		margin-top: 0;
		z-index: 8555;
	}

	.headerMenu.bs-example-js-navbar-collapse.dOnly.collapse.in {
		display: block;
	}

	.left_menu>* {
		display: none;
	}

	.bodyArea .mainContent {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.leftMenu {
		display: none !important
	}



	.mainContent a {
		word-break: break-word;
	}

	.topBtn .textTop {}

	body .topBtn {
		background-image: none;
		margin: 0;
	}

	body .headerTool .mobileTool>button {
		display: inline-block;
	}

	body .headerTool .mobileTool>button.navbar-my-search {
		background-color: #044b9b;
	}

	body .headerTool .active>.mobileTool {
		background-color: transparent;
	}

	body .headerTool .headerNav {
		display: flex;
		padding: 0;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	body .headerArea .headerTool .language a,
	body .headerArea .headerTool .language a:link,
	body .headerArea .headerTool .language a:visited {}


	body .headerNav>.container {
		padding: 0;
	}

	.mobSearch {}

	.langToolBigWrapper ul {
		font-size: 1.3rem;
	}

	.langToolBigWrapper ul>li a {
		color: #676767;
	}

	.langToolBigWrapper li {
		display: block;
		margin-bottom: 0.625rem;
	}

	body .navbar-my-language {
		margin-right: 0;
	}

	.moblang,
	.mobSearch,
	.mobileTool {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	.searchToolBigWrapper .mobSearch {
		display: none;
	}

	.langToolBigWrapper .moblang {
		display: none;
	}

	.headerArea .shareTool {
		display: none;
	}

	.mobSearch {}

	.mobSearch a {}

	body .navbar-my-language img,
	body .mobSearch img,
	body .sharebt img,
	body .mobileTool img {
		max-height: 1.25rem;
		max-width: 1.25rem;
		min-width: 1.25rem;
		min-height: 1.25rem;
	}

	body .myheaderTool .clientTool>div {
		display: block;
	}

	.contentArea .printTool {
		display: none;
	}

	body .myheaderTool {
		width: 100%;
		display: flex;
		background-color: var(--white);
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		justify-content: flex-end;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
		align-items: center;
	}


	body .tMenu .longList ul {
		left: 0 !important;
		min-height: inherit !important;
	}

	body .headerMenu.mainheaderMenu ul.menuLv0>li:hover>a,
	body .headerMenu.mainheaderMenu ul.menuLv0>li>a:hover,
	body .headerMenu.mainheaderMenu ul.menuLv0>li>a:focus {
		color: var(--white) !important;
	}

	body .tMenu.menuLv0>li>a.excLi:before {
		display: none;
	}

	.activebody {
		overflow: hidden;
	}

	body .headerMenu .my_menu>a {}

	body .headerMenu ul>li>a.active_section,
	body .headerMenu ul>li.active_section>a {}

	body .footerArea .footerRight {
		display: block;
	}

	body .footerArea .footerRight * {
		text-align: right;
	}

	body .footerArea .footerRight .updateDate {
		display: block;
	}

	body .footerRow>.info,
	body .footerRow>.updateDate {
		display: none;
	}

	body .footerArea ul.fMenu {
		max-width: none !important;
	}

	body div.footerArea ul.fMenu {
		padding: 0.5rem 0;
		float: left;
		margin: 0;
	}

	/*=======Main======*/
	/*==============List============*/
	body .mainContent ol ol,
	body .mainContent ol ul,
	body .mainContent ul ol,
	body .mainContent ul ul {
		padding-left: 0.625rem;
	}

	body .mainSlider ul.slides>li {
		height: auto !important;
	}

	body .mainSlider .slide_cont {
		max-width: 100%;
	}

	/*============Mobile only===============*/
	body .headerArea .headerTop {
		display: none;
	}

	body .headerMenu .tMenu li ul>li {
		width: 100%;
	}

	body .headerMenu .tMenu li ul>li:before {}

	body .headerMenu ul .excActive>ul {
		display: none;
	}

	body .tMenu.sub-level-active {
		margin-top: 0 !important;
		display: inline-block;
		width: 100%;
	}

	body .tMenu li.expanded ul:before,
	body .tMenu li.active ul:before {
		content: '' !important;
	}

	body .tMenu li.expanded ul,
	body .tMenu li.active ul {
		position: relative;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		display: block;
	}

	body .tMenu li.expanded ul>li,
	body .tMenu li.active ul>li {
		height: auto;
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}

	body .tMenu li.expanded ul,
	body .tMenu li.active ul {
		width: 100% !important;
	}

	body .tMenu li.expanded ul>li,
	body .tMenu li.active ul>li {
		width: 100% !important;
	}

	body .tMenu li.expanded ul>li,
	body .tMenu li.active ul>li {
		margin-left: 0 !important;
	}

	body .tMenu li.expanded ul>li,
	body .tMenu li.active ul>li {
		float: none !important;
	}

	body .tMenu li.expanded ul,
	body .tMenu li.active ul {
		display: block !important;
		min-height: initial !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	body .headerArea .headerTool ul>li>a:hover,
	body .headerArea .headerTool ul>li>a:focus,
	body .headerArea .headerTool ul>li>a:active {
		color: #2A313C !important;
		background: #f6b990;
	}

	body .mainHeader {
		background-position: top center;
		overflow: hidden;
	}

	body #wrap {
		min-width: auto;
		margin-right: auto;
		margin-left: auto;
	}

	body .headerTool.active .mobileClient {
		display: block;
		padding: 0;
	}

	body .mobileClient {
		display: block;
	}

	.mobileClient:after {}

	body .container.incontainer {
		padding-left: 0;
		padding-right: 0;
	}

	body .mobileClient ul {}

	body .mobileClient ul li img {
		width: 1.875rem;
	}

	body .mobileClient .logout {
		float: right;
	}

	body.indexVersion .breadcrumb,
	body.extIndex .breadcrumb {
		display: none !important;
	}

	body .breadcrumb {}

	body .breadcrumbbg {}

	.contentArea h2 {}


	.footerMenu ul.bMenu {
		display: none !important;
	}

	body .footerArea ul.fMenu>li {
		color: #ddd;
	}

	.headerArea {
		/*position: fixed !important;
width: 100%;
top: 0;
z-index: 7000;*/
	}

	body .headerMenuBigWrapper .langmenu {
		display: block;
	}

	body .menu_search {
		display: block;
	}

	body .headerMenuBigWrapper .menuLv0 {
		border-top: 0;
	}

	body .headerMenu ul.menuLv0>li.my_menu {
		display: block;
		width: 100% !important;
		text-align: left !important;
		float: none;
	}

	body .headerMenuBigWrapper.active ul.menuLv0>li.my_menu {
		display: block;
	}

	body .headerMenu ul.menuLv0>li.my_menu:after {
		display: none !important;
	}

	body .headerMenu ul.menuLv0>li.my_menu2 span {
		text-align: left !important;
	}

	body .headerArea .myheaderTool>div.clientTool>div {
		display: none;
	}



	body .headerMenu ul.menuLv0>li>a>span {
		padding: 0;
		border-bottom: 0;
	}

	body .headerMenu .tMenu>li>a:focus>span,
	body .headerMenu .tMenu>li>a:hover>span,
	body .headerMenu .tMenu>li>a:active>span {
		border-bottom: 0;
	}

	.headerMenu .tMenu li ul.menuLv1>li.open .extmenu {
		display: block;
	}

	body .headerMenu ul li>div.extmenu {
		padding-left: 0 !important;
		left: auto !important;
		box-shadow: none !important;
		position: static !important;
		max-height: 0;
		transition: max-height 0.5s;
		overflow: hidden;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
	}

	body .headerMenu ul li.open>div.extmenu {
		max-height: 300rem;
	}

	body .headerMenu .excActive>ul.menuLv1 {
		display: block !important;
	}

	body .headerArea .headerTool {
		padding-top: 0;
	}

	body .headerMenu br {
		display: none;
	}

	body iframe {
		max-width: 100%;
	}

	body .headerTool .searchBtn {
		display: inline-block;
	}

	body .tmOnly {
		position: absolute !important;
		visibility: hidden !important;
		left: -9999px !important;
	}

	body .dtOnly {
		position: absolute !important;
		visibility: hidden !important;
		left: -9999px !important;
	}

	body .smOnly {
		position: static;
		visibility: visible;
		left: auto;
	}

	body .myLogo {
		padding-top: 0;
		padding-left: 1.2rem;
		padding-bottom: 1rem;
	}

	body .headerTool .myLogo img {
		width: auto;
	}

	body .clientTool>.ctitem {
		display: none;
	}

	.langmenu {}

	.searchTool {}

	.searchTool input {}

	.searchBtn {
		display: inline-block;
		background-image: url('../images/icon/icon_search.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 1.25rem;
		height: 1.25rem;
		font-size: 0;
		vertical-align: middle;
	}

	body .headerTool .searchBtn img {
		float: none;
		margin-left: 0;
	}

	body .searchTool form {
		display: block;
	}

	body.subMenuVersion .contentArea {
		width: 100%;
	}

	body #footer div.w3c>div {}

	body .tabbigcontainer>.row>div:nth-child(1) {
		width: 100%;
	}

	body .tabbigcontainer>.row>div:nth-child(2) {
		width: 100%;
	}

	body .tabbigcontainer .typerow {}

	body .tabbigcontainer .typerow>div {
		margin-bottom: 1rem;
	}

	body .tabbigcontainer>.row {
		margin-bottom: 1.5rem;
	}

	body .approved_project_search_form {
		justify-content: flex-start;
	}

	body .adv_search_active .adv_search_form {
		margin-left: 0;
	}

	body .modal.project_profile .modal_box {
		width: 100%;
	}

	body .footerArea .footerMenu {
		flex-wrap: wrap;
	}

	body .footerArea .footerMenu>div {
		width: 33.333333%;
	}

	body .bodyArea {
		padding-top: 2rem;
	}
}

/*1330 end*/

@media all and (max-width: 992px) {
	body.indexVersion .headerTool .myLogo {
		height: auto;
	}

	body.fixedHeader .headerTool .myLogo {
		padding-bottom: 0;
	}

	body .topBtn .textTop {
		font-size: 0;
	}

	body div.footerArea .info {
		padding-top: 0;
		padding-left: 0;
		/* margin-top: 1.25rem; */
	}

	body #footer .footerRow {
		display: block;
	}


	body #footer div.w3c {
		text-align: center;
	}

	body .footerArea .footerRight * {
		text-align: center;
	}

	body .footerArea .footerRight .updateDate {
		text-align: center;
	}

	body .mainArea1 .container {
		padding-left: 0;
		padding-right: 0;
	}

	body .mainArea1 .swiper-slide>div {
		height: auto;
	}

	body .mainArea1 .ele1 {
		width: 100%;
		padding-left: var(--container_padding_left);
		padding-right: var(--container_padding_right);
	}

	body .mainArea1 .swiperhugecontainer {
		flex-wrap: wrap;
	}

	body .mainArea1 .swiperbigcontainer {
		width: 100%;
		height: auto;
	}

	body .mainArea1 .play_btn {
		margin-right: auto;
		margin-top: 1rem;
	}

	body .mainArea1 .cover .play_btn {
		display: none;
		visibility: hidden;
	}

	body .mainArea1 .intro>div {}

	body .mainArea1 .intro_wrapper {
		order: 3;
		width: 100% !important;
	}

	body .mainArea1 .intro {
		flex-wrap: wrap;
		position: static;
	}

	body .mainArea1 .ele1 {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	body .mainArea1 .ele1 .swiper_nav {
		display: none;
	}

	body .mainArea1 .intro_box .play_btn {
		display: inline-block;
	}

	body .mainArea1 .intro_box .swiper_nav {
		display: flex;
	}

	body .mainArea1 .profile_pic {
		order: 1;
		height: 40vw;
	}

	body .mainArea1 .profile_pic_box {
		opacity: 1 !important;
		margin-top: 0 !important;
	}

	body .mainArea1 .video_box {
		order: 2;
		display: flex;
		height: 40vw;
		position: static;
	}

	body .mainArea1 .video_box video {
		position: static;
		height: 100%;
		width: auto;
		opacity: 1 !important;
		margin-top: 0 !important;
	}

	body .mainArea1 .intro_box {
		width: 100% !important;
		padding-left: var(--container_padding_left);
		padding-right: var(--container_padding_right);
		opacity: 1 !important;
		margin-top: 0 !important;
	}

	body .mainArea1 .cover:not(.video_box) {
		display: none;
	}

	body .mainArea:not(.mainArea4) .container>.row>div:first-child {
		width: 100%;
	}

	body .mainArea:not(.mainArea4) .container>.row>div:nth-child(2) {
		width: 100%;
	}

	body .card_bigwrapper .my_card {
		width: 50%;
	}

	body .mainContent:not(.story_case) {
		padding-top: 2rem;
	}

	body .top_box h1,
	body .top_box_with_img h1 {
		margin-top: 0;
	}

	body .top_box_with_img>div:first-child,
	body .top_box>div:first-child {
		width: 100%;
	}

	body .top_box_with_img>div:nth-child(2),
	body .top_box>div:nth-child(2) {
		width: 100%;
	}

	body .section_wrapper:not(.section4) {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	body .section_wrapper .row>div:first-child {
		width: 100%;
		padding-right: 0;
	}

	body .section_wrapper .row>div:last-child {
		width: 100%;
		padding-left: 0;
	}

	body .info_div {
		order: 2;
	}

	body .blockquote {
		order: 1;
		margin-bottom: 1rem;
		font-size: 1.5rem;
	}
}

/*992 end*/

@media all and (max-width: 767px) {

	body .equal_height_column1,
	body .equal_height_column2,
	body .equal_height_column3,
	body .equal_height_column4,
	body .equal_height_column5,
	body .equal_height_column6,
	body .equal_height_column7,
	body .equal_height_column8,
	body .equal_height_column9,
	body .equal_height_column10,
	body .equal_height_column11,
	body .equal_height_column12,
	body .equal_height_column13,
	body .equal_height_column14,
	body .equal_height_column15,
	body .equal_height_column16,
	body .equal_height_column17,
	body .equal_height_column18,
	body .equal_height_column19,
	body .equal_height_column20 {
		height: auto !important;
	}

	body .video_modal .modal_box {
		width: calc(100% - 20px);
		height: 56.1vw;
		/*(767x(1920/1080))/767*/
	}

	body #footer {
		padding-top: 1rem;
	}

	body .contactus_list li {
		width: 100%;
	}

	.footerArea .footerMenu {
		flex-wrap: wrap;
	}

	.footerMenu>div {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}

	body #footer div.w3c>div.updateDate {
		text-align: center;
		padding-right: 0;
		display: block;
	}


	body .myLastestNew {
		display: flex;
		flex-wrap: wrap;
	}

	body .myLastestNew .close_btn {
		position: static;
		order: 1;
		transform: none;
		margin-left: auto;
		padding-right: 1.2rem;
		width: 100%;
	}

	body .myLastestNew .close_btn a {
		justify-content: flex-end;
	}

	body .myLastestNew .myflex {
		padding-left: 1rem;
		order: 2;
		width: 100%;
	}

	body .myLastestNew .flex13>*:nth-child(2) {
		width: 100%;
		padding-left: 0;
	}

	body .myLastestNew .flex13>*:nth-child(1) {
		width: 100%;
	}

	body .myLastestNew .title {
		text-align: left;
	}

	body .searchinput {
		margin-bottom: 1rem;
		width: 100%;
	}

	body .footerArea2 .container {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	body .mainArea1_5 .data_wrapper>div {
		flex-wrap: wrap;
	}

	body .data_wrapper .bignumber {
		margin-bottom: 0.5rem;
	}

	body .data_wrapper>span:last-child {
		display: block;
		width: 100%;
	}

	body .card_bigwrapper .my_card {
		width: 100%;
	}

	body .card_bigwrapper .my_card:last-child {
		margin-bottom: 0;
	}

	body .record>div:first-child {
		width: 100%;
		order: 2;
	}

	body .record>div:last-child {
		width: 100%;
		margin-bottom: 1rem;
	}

	body .record>div:last-child img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	body .logo_container .my_card>div>div:first-child{
		height: auto;
	}
	body .myFilter .search_btn a{
		height: 48px;
		width: 48px;
		font-size: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/*767 end*/



@media all and (min-width: 1331px) {
	.headerArea .headerTool .active_section>a {
		color: #7ABD67 !important;
	}

	.headerArea .headerTool .my_menu.open>a {
		color: #2a6496 !important;
	}

	.headerArea .headerTool ul.menuLv1>li>a:hover,
	.headerArea .headerTool ul.menuLv1>li>a:focus {
		color: #2A313C !important;
		/*background-color: transparent;*/
		text-decoration: none;
	}

	.headerMenu .tMenu li ul.menuLv1>li .extmenu {
		display: none;
	}
}

@media(min-width: 1533px) {
	/*body .mainArea1 .ele1{
		width: calc(100% - 1005px);
	}
	body .mainArea1 .swiperbigcontainer{
		width: 1005px;
	}*/
}

@media(min-width: 1900px) {
	body .mainArea1 .ele1 {
		width: 40%;
	}

	body .mainArea1 .swiperbigcontainer {
		width: 60%;
	}
}

@media(max-width: 992px) {

	body .footerArea .footerMenu>div.fm0,
	body .footerArea .footerMenu>div.fm1,
	body .footerArea .footerMenu>div.fm2,
	body .footerArea .footerMenu>div.fm3 {
		display: none;
	}
}