body{
	font-family: "Inter", "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
	line-height: 1.5;
	color: #3e5259;
	visibility: visible;
}

body.tradition {
	/*font-family: "Noto Sans TC", "microsoft jhenghei", sans-serif;*/
	font-family: "Microsoft JhengHei", '微軟正黑體', "Arial", sans-serif;
}


body.simplify {
	/*font-family: "Noto Sans SC", "microsoft jhenghei", "Times New Roman", "细明体", sans-serif;*/
	font-family: "Microsoft JhengHei", '微軟正黑體', "Arial", sans-serif;
}

body.ieVersion {
	overflow-x: hidden;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-Thin),
		url(fonts/Inter-Thin.ttf) format("truetype");
	font-weight: 100;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-ExtraLight),
		url(fonts/Inter-ExtraLight.ttf) format("truetype");
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'Inter';
	src: local(Inter-Light),
		url(fonts/Inter-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-Regular),
		url(fonts/Inter-Regular.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-Medium),
		url(fonts/Inter-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-SemiBold),
		url(fonts/Inter-SemiBold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-Bold),
		url(fonts/Inter-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-ExtraBold),
		url(fonts/Inter-ExtraBold.ttf) format("truetype");
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Inter';
	src: local(Inter-Black),
		url(fonts/Inter-Black.ttf) format("truetype");
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: IBMPlexMono;
	src: local(IBMPlexMono-Regular),
		url(fonts/IBMPlexMono-Regular.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: IBMPlexMono;
	src: local(IBMPlexMono-Bold),
		url(fonts/IBMPlexMono-Bold.ttf) format("truetype");
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: IBMPlexSans;
	src: local(IBMPlexSans-Light),
		url(fonts/IBMPlexSans-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: IBMPlexSans;
	src: local(IBMPlexSans-Regular),
		url(fonts/IBMPlexSans-Regular.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: IBMPlexSans;
	src: local(IBMPlexSans-Bold),
		url(fonts/IBMPlexSans-Bold.ttf) format("truetype");
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
}

.container {
	/*max-width: 1680px;*/
	/*max-width: 1920px;*/
	max-width: 100%;
	width: 100%;
	padding-left: var(--container_padding_left);
	padding-right: var(--container_padding_right);
	/*margin:auto !important;
	margin: 0 auto !important;*/
}

img,
table {
	border: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

table{
	width: 100%;
}

table,
div {
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}

.clearBoth {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

body .disNone {
	display: none;
}


.nowrap,
.noWrap {
	white-space: nowrap;
}

body #fontSize0 {
	font-size: 0.75em;
}

body #fontSize1 {
	font-size: 1em;
}

body #fontSize2 {
	font-size: 1.25em;
}

.access {
	position: absolute;
	left: -9999px;
}

#skiptocontent.access {
	position: fixed !important;
	top: 0 !important;
	left: 0.5rem !important;
	background-color: #555;
	color: var(--white);
}

#page_bg {
	color: var(--main_text_color);
	font-size: 1.125rem;
}

.disIB {
	display: inline-block;
}

.nobr {
	display: inline-block;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
}

html,
body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

a,
a:link,
a:active,
a:visited {
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

body .bold {
	font-weight: bold;
}

video {
	max-width: 100%;
}

iframe {
	max-width: 100%;
}


.font_bold {
	font-weight: bold;
}

.float_center {
	text-align: center;
}

.font_underline {
	text-decoration: underline;
}

.caption {
	font-style: italic;
}

.font_italic {
	font-style: italic;
}

.float_right {
	float: right;
	padding: 0 0 1em 1em;
}

.float_left {
	float: left;
	padding: 0 1em 1em 0;
}

.img-cap {
	font-size: 7pt;
}

.center {
	margin: 0 auto;
}

.align-left {
	text-align: left;
}

.clear:after {
	content: "";
	display: table;
	clear: both;
}

.note {
	font-size: 0.9em
}

.right {
	text-align: right;
}

p {
	text-align: left;
	margin-bottom: 1.375rem;
}

li>p:last-child {
	margin-bottom: 0;
}

ol>li>ul {
	list-style-type: disc;
}


#wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: var(--white);
	visibility: hidden;
	position: relative;
	z-index: 2000;
}

.preloadernotshow #wrap {
	visibility: visible;
}

#wrap .container {
	clear: both;
}


#wrap #footer .container {
	width: 100%;
	margin-right: auto !important;
	margin-left: auto !important;
}



.headerTop {
	position: relative;
	display: flex;
	align-items: center;
}

.headerArea ul {
	margin: 0;
	padding-left: 0;
}

.headerArea .headerTool {

}

.headerArea .headerTool .langTool {
	display: inline-block;
}

.headerArea .headerTool .langTool li span {
	margin: 0;
}

.headerArea .headerTool2 {
	width: 100%;
}


.headerArea .headerTool ul.menuLv0>li>a:focus {
	outline: 1px solid #a6c7ff;
}

.clientTool {
	display: flex;
	width: 66.66666666%;
	justify-content: flex-end;
	height: 5rem;
}

.headerArea .headerTool .searchTool {
	position: relative;
}

.clientTool .searchTool {
	display: none;
}

.myheaderTool>div.clientTool div.language ul li {
	padding-right: 0;
	margin-right: 0.25rem;
	width: 0.625rem !important;
}

.searchTool form {
	position: relative;
	display: flex;
}

.searchLabel {
	font-size: 0;
	width: 0;
	height: 0;
}

.searchTool form input::-webkit-input-placeholder,
.searchTool form input::placeholder,
.searchTool form input::placeholder {
	/* Edge */
	color: var(--black);
}


.clientTool form a {
	display: inline-block;
	text-align: center;
	color: var(--white);
	background-color: #0A853B;
	line-height: 2.125rem;
	width: 5rem;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	font-weight: 600;
	font-size: 1.1em;
}

.clientTool form a:hover,
.clientTool form a:focus {
	text-decoration: none;
	color: #363636;
	background-color: #ffc58d;
}

.searchBtn img {
	display: block;
}


.headerArea .clientTool>ul>li>div>* {
	padding: 0.25rem 0.75rem;
}

.clientTool li * {}

.clientTool li .aaaTool,
.clientTool li .aaaTool * {
	vertical-align: inherit;
}

.mobileClient {
	display: none;
}

.logIOTool a {
	background: #d73d32;
}

.headerArea li,
.headerArea a {
	text-decoration: none;
}

.langmenu ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	display: flex;
	align-items: center;
}

.langmenu li {
	position: relative;
	display: inline-block;
	padding-right: 0.625rem;
	line-height: 1;
}

.langmenu ul>li:last-child {
	padding-right: 0;
}

.langmenu li a {
	color: var(--black);
	font-size: 1.25rem;
	font-weight: bold;
}


.langmenu li a:hover,
.langmenu li a:focus {

}

.aaaTool a:hover,
.aaaTool a:focus {
	text-decoration: underline;
}

.headerArea .myTool,
.headerArea .myTool a {
	color: #3e5259;
}

.headerArea .langTool {}


.headerArea .headerTool .headerMenu {
	z-index: 8000;
}

.headerMenu {
	padding: 0;
}

.mainContent{
	position: relative;
	z-index: 200;
	background-color: var(--white);
}

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

.indexVersion .mainContent:not(.story_case) {
	padding-top: 0;
}

#mainContentSkip {
	float: left;
}

#skiptocontent.access:focus,
#skiptocontent.access:active {
	height: auto !important;
	width: auto !important;
	padding: 0.125rem 0.5rem !important;
	font-size: 1rem !important;
	z-index: 9999 !important;
}


.headerTop .headerMenu ul.tMenu li {
	float: left;
	margin: 0;
	display: none;
}

.headerTop .headerMenu ul.tMenu li.my_menu1,
.headerTop .headerMenu ul.tMenu li.my_menu3,
.headerTop .headerMenu ul.tMenu li.my_menu4{
	display: block;
}


.headerMenu ul .close>div.extmenu.activeUl {
	left: 0;
}

.headerTop .headerMenu ul.tMenu>li:not(:first-child){
	padding-left: 1rem;
}

.headerMenu ul .close ul ul ul {
	display: none !important
}

.headerMenu ul .open>ul,
.headerMenu ul li ul.activeUl,
.headerMenu ul li ul.activeUl_withTimer {
	display: block;
	left: 0;
}

.headerTop .headerMenu ul.menuLv1 {
	text-align: left;
	width: 100%;
	min-width: 20rem;
	background-color: var(--white);
	border: 0.0625rem solid #c3c3c3;
}

.headerTop .headerMenu ul.menuLv1 li a{
	display: block;
	text-align: left;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	font-size: 1.2rem;
	color: var(--black);
}

.headerTop .headerMenu ul.menuLv0 {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

.headerTop .headerMenu ul.menuLv0>li.firstLi {
	display: none;
}

.headerTop .headerMenu ul.menuLv0>li>a {
	font-size: 1.25rem;
	font-weight: bold;
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none !important;
	line-height: 1.1428;
	color: var(--black);
	text-transform: uppercase;
}

.headerTop .headerMenu ul.menuLv0>li>a>span {
	position: relative;
}

.contentArea .breadcrumb a.home {
	vertical-align: middle;
}

.tMenu>li {
	position: relative;
	float: left;
	min-height: inherit !important;
	max-height: inherit !important;
	width: auto;
	text-align: left;
	background-repeat: no-repeat;
}

.headerMenu ul li>div.extmenu {
	position: absolute;
	display: none;
}

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

.headerMenu ul.menuLv1>li>div.extmenu {
	position: relative;
}

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

.headerMenu .tMenu li.active>ul.menuLv2 {
	display: block;
	position: relative;
}

.headerMenu .tMenu li.open ul:after,
.headerMenu .tMenu li ul.activeUl:after {
	clear: both;
}

.headerMenu .tMenu li.open ul>li,
.headerMenu .tMenu li ul.activeUl>li {
	float: none;
	display: block;
}



.headerMenu .tMenu li.open ul.menuLv2>li>a:focus,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,
.headerMenu .tMenu li.open ul.menuLv2>li>a:active,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active,
.headerMenu .tMenu li.open ul.menuLv2>li>a:hover,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover {
	background-color: #1d5ca6;
}

.headerMenu ul.menuLv1>li {
	position: relative;
}

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

.headerMenu .tMenu>li.open>a {
	color: #2A313C;
	cursor: pointer;
}

.subMenuVersion .bodyArea{

}

.subMenuVersion .subMenuFlex .container{
	display: flex;
		padding-left: 0;
			padding-right: 0;
}

.leftMenu {
	width: 20%;
	padding-right: 4rem;
	position: relative;
	margin-left: 5rem;
}

.leftMenu .leftMenu_inside{
	padding-left: 0;
}

.leftMenu .menuLv0>li{
	display: block;
	list-style-type: none;
}

.leftMenu .menuLv0>li>a{
	font-size: 1.25rem;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.25rem;
	color: #9E9E9E;
	border-bottom: 1px solid #000;
	display: block;
	position: relative;
}

.leftMenu .menuLv0>li>a:hover,
.leftMenu .menuLv0>li>a:focus{
	text-decoration: none;
	background-color: #82D08A !important;
	border-color: transparent;
	color:var(--black) !important;
}

.leftMenu .menuLv0>li>a.active_section {
	background-color: var(--black);
	color: var(--white);
}

.subMenuVersion .contentArea{
	width: 80%;
}

.copyrightBar {
	text-align: center;
	margin: 0 0 0 0;
}

.headerNav {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-right: 0;
	padding-left: 0;
	position: relative;
}

.headerTool .myLogo {
	height: auto;
	padding-top: 1.7rem;
	width: 33.3333333333%;
	display: flex;
	align-items: baseline;
	padding-left: 1rem;
}

.indexVersion .headerTool .myLogo {
	height: 5rem;
}

.logo_0_0{
	margin-right: 2rem;
	
}

.logo_0_1 {
	display: none;
	margin-right: 2rem;
}

.logo_1_1{
	display: none;
}

.fixedHeader .logo_0_0{
	display: none;
}

.fixedHeader .logo_1_0 {
	display: none;
}

.fixedHeader .logo_0_1 {
	display: block;
}

.fixedHeader .logo_1_1 {
	display: block;
}

.headerTool .myLogo img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	max-height: 400px;
}

.logo_1_0 img {
	max-height: 60px !important;
}

.menuBtn {
	padding-right: 0;
	padding-left: 0;
	z-index: 4000;
		position: fixed;
			top: 0;
			right: 0;
}

.menuBtn a {
	display: block;
	width: 5rem;
	height: 5rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--blue_dark);
}

.menuBtn img {
	width: 2.25rem;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transform-origin: center center;
	-webkit-transition: transform .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: transform .3s cubic-bezier(.645, .045, .355, 1);
	transition: transform .3s cubic-bezier(.645, .045, .355, 1);
}

.menuBtn a:focus img,
.menuBtn a:hover img {
	-webkit-transform: scale(1.4, 1);
	-ms-transform: scale(1.4, 1);
	transform: scale(1.4, 1);
}

#footer{
	background-color: var(--white);
	position: relative;
	z-index: 5000;
	/*padding-top: 4rem;*/
}

#footer .swiper-slide a{
	width: 100%;
	display: block;
}

#footer .swiper-slide a img{
	width: 100%;
	display: block;
}

#footer .swiper_nav{
	margin-top: 1rem;
	justify-content: space-between;
}

#footer .swiperpaginwrapper{
	display: flex;
	align-items: center;
}

.footerArea1 {
	
}

.footerArea1 .myFlex {
	display: flex;
	flex-wrap: nowrap;
	border-top: 1px solid var(--black);
	padding-top: 2.5rem;
}

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

.footerArea1 {
	position: relative;
	padding: 0 0;
}

.footerArea .container {

}

.footerArea2 {

	padding-top: 2.375rem;
	padding-bottom: 2.6875rem;
	font-size: 0.8235rem;
}

.footerRow .logo {
	text-align: center;
	margin-bottom: 1.25rem;
}

.footer_youtube{
	margin-bottom: 0.75rem;
}

.footerContact {
	width: 25%;
	font-size: 1rem;
	max-width: 100%;
	padding-right: 2.5rem;
	position: relative;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footerContact .title {
	display: none;
}

.contactus a{
	color: #424242;
}

.contactus .myflex{
	display: flex;
	flex-wrap: nowrap;
}

.contactus .myflex .tit {
	width: 7.5rem;
	max-width: 100%;
}


.contactus>div:not(.title):not(.footer_youtube){
	position: relative;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 2.25rem;
}

.contactus>div:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1rem;
	width: 1.25rem;
	height: 1.25rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.contactus .tel:before {
	background-image: url(../images/icon/icon_tel.svg);
}

.contactus .mail:before {
	background-image: url(../images/icon/icon_mail.svg);
}

.contactus .fax:before {
	background-image: url(../images/icon/icon_print.svg);
}

.contactus .loc:before {
	background-image: url(../images/icon/icon_location.svg);
	width: 1.5rem;
	height: 1.5rem;
}

.contactus .time:before {
	background-image: url(../images/icon/icon_time.svg);
}

.contactus .mail>div:not(:last-child) {
	margin-bottom: 1rem;
}


.footerMenuArea{
	width: 75%;
}

.footerArea .footerMenu {
	padding-bottom: 2.5rem;
	position: relative;
}


.footerArea .footerMenu {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	/*justify-content: space-evenly;*/
	justify-content: space-between;
	font-size: 1rem;
}

.footerArea .footerMenu>div {
	display: inline-block;
}


.footerArea .info {}

.footerArea .info>* {
	display: inline-block;
}

.footerArea ul.fMenu a {
	text-decoration: none;
	color: var(--black);
}

.footerArea ul.fMenu a:hover {
	text-decoration: underline;
	color: #666 !important;
}

.footerArea .copyrightBar {
	/*
    margin-top: -0.5rem;
	margin-bottom: 0.625rem;*/
}

.footerArea ul.fTool {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerArea ul.fTool span {
	color: #e0e0e0;
}

.footerArea ul.fTool>li {
	display: inline-block;
	padding-bottom: 0.625rem;
}

.footerArea .info .fTool li a {
	padding: 0 0.25rem;
	color: var(--black);
}

.footerdivwrap {
	display: inherit;
	padding: 0 0.25rem;
}

.footerArea ul.fTool>li:first-child>div,
.footerArea ul.fTool>li:first-child>a {
	padding-left: 0;
}

.copyR {
	text-align: center;
	margin-bottom: 1.25rem;
}

.copyR>div {
	display: inline-block;
}

.copyR>div:nth-child(2) {
	padding: 0 0.625rem;
}

#footer div.system {
	width: 50%;
	text-align: right;
	float: right;
}

#footer div.copyright {
	width: 50%;
	text-align: right;
	float: right;
}

#footer .footerRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9rem;
	color: var(--black);
}

#footer div.w3c {}

#footer div.w3c>div {
	display: inline-block;
	vertical-align: middle;
	padding-right: 0.625rem;
	padding-bottom: 0.625rem;
}

#footer div.w3c>div:last-child {
	padding-right: 0;
}

#footer .brandhk {
	padding-right: 0 !important;
}

.footerArea .updateDate {
	display: inline-block;
}


.footerArea ul.fMenu .extmenu li {
	display: block;
}

.footerArea .fMenu {}

.footerArea .fMenu>li {
	display: block;
	margin-bottom: 0.625rem;
}

/*.footerArea .fMenu>li.firstLi{
	display: none;
}*/

.footerArea .fMenu li .extmenu a {
	display: block;
	margin: 0;
}

.footerArea .fMenu>li>a {
	position: relative;
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 1.25rem;
	display: block;
}

.footerArea .fMenu>li>a br {
	display: none;
}

.footerArea .fMenu>li>a:hover {
	text-decoration: none !important;
	color: #666 !important;
	cursor: pointer;
}

.footerArea .fMenu>li .extmenu {
	font-size: 1rem;
}

.footerArea .fMenu>li .extmenu a {
	padding-bottom: 1.25rem;
}

.contactuswrapper {
	max-width: 432px;
	padding-right: 1.25rem;
}


.contactustitle {
	font-weight: 800;
	font-size: 1.4rem;
	padding-bottom: 1.375rem;
	color: var(--black);

	font-family: "Arial", sans-serif;
}

.firefoxVersion .contactustitle,
.ieVersion .contactustitle {
	font-family: "Arial", "Microsoft Jhenghei", sans-serif;
}

.contactdepartment {
	font-weight: 800;
	font-size: 1.4rem;
	padding-bottom: 1rem;
	color: var(--black);
	line-height: 1.1;
	font-family: "Arial", sans-serif;
}

.firefoxVersion .contactdepartment,
.ieVersion .contactdepartment {
	font-family: "Arial", "Microsoft Jhenghei", sans-serif;
}

.contactaddress {
	font-size: 0.85rem;
	color: var(--black);
	padding-bottom: 1.875rem;
	line-height: 1.4;
}

.contactlist>li {
	font-size: 1.1rem;
	font-weight: 800;
	padding-bottom: 0.75rem;
	font-family: "Arial", sans-serif;
}

.contactlist>li:before {
	content: '';
	display: inline-block;
	width: 1.625rem;
	height: 2rem;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 13px;
}

.contactlist>li.conttelephone:before {
	background-image: url('../images/tel.png');
}

.contactlist>li.contfax:before {
	background-image: url('../images/fax.png');
}

.contactlist>li.contemail:before {
	background-image: url('../images/mail.png');
}

.contactlist>li>a,
.contactlist>li>span {
	vertical-align: middle;
	color: var(--black);
}

.footerArea .fMenu>li .firstItem {
	margin-left: 0
}

.footerArea .fMenu>li .lastItem {
	margin-right: 0
}

.footerLeft {
	float: left;
}

.footerRight {
	display: none;
}

.copyRight {
	margin-bottom: 0.625rem;
	display: block;
	text-align: left;
}

.myheaderTool {
	position: static;
	display: inline-block;
	padding: 33px 0 28px 0;
}


.mailTool {
	float: right;
}

.homeTool img {}

.footerArea .myLogo img {
	width: 5.625rem;
	display: block;
	margin: auto;
}

.fswrapper{
	padding-bottom: 5rem;
}

.btmNav {
	position: relative;
	z-index: 6000;
	text-align: right;
}


.topBtn {
	display: block;
	position: fixed;
	right: 25px;
	bottom: 20px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.topBtn a {
	display: block;
	position: relative;
	padding-left: 40px;
	font-weight: bold;
	font-size: 1.1111em;
	color: var(--black);
}

.topBtn a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 28px;
	height: 22px;
	background-image: url(../images/icon/icon_prev.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.topBtn a:hover:before,
.topBtn a:focus:before {
	-webkit-transform: translate(-4px, -50%);
	-ms-transform: translate(-4px, -50%);
	transform: translate(-4px, -50%);
}

.topBtn a:after {}

.topBtn a img {}

.topBtn a:hover,
.topBtn a:focus {
	text-decoration: none;
}

.breadcrumb {
	color: var(--breadcrumb_text_color);
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: none;
	margin-bottom: 0;
	display: block;
	font-size: 1rem;
		font-family: var(--second_fontfamily);
			font-weight: 400;
}

.breadcrumbbg {

}

.breadcrumb ul,
.breadcrumb li {
	list-style: none;
}

.breadcrumb ul {
	padding: 0;
	margin: 0;
}

.breadcrumb li {
	margin-right: 0.25rem;
}

.breadcrumb ul>li:last-child{
	font-weight: bold;
	
}

.breadcrumb a {
	text-decoration: none;
	color: var(--breadcrumb_link_color);
}

.breadcrumb a:hover,
.breadcrumb a:focus{
	color: var(--breadcrumb_link_hover_color);
}

.breadcrumb span{
	padding-right: 0.8rem;
}

.indexVersion .breadcrumb {
	display: none;
}


.qrcode {
	position: relative;
	margin-right: 0.625rem;
}

.wc-qrcode {
	padding: 1.875rem;
	background: #FFF;
	display: none;
}

.wc-qrcode.is-active {
	display: block;
}

.wc-qrcode p {
	font-size: 0.9rem;
	color: var(--black);
	margin: 0 0 0.625rem;
}

.listStyleInline {
	display: inline;
}

.printTool {}

.contentArea {
	min-height: 31.25rem;
}


.bodyArea {
	background-color: var(--white);
	z-index: 3000;
	position: relative;
	padding-top: 3rem;
}

.indexVersion .bodyArea {
	background-color: transparent;
	padding-top: 0;
}

.bodyArea .container {

}


.clientTool a:hover,
.headerArea .clientTool a:focus {
	text-decoration: underline;
}

.clientTool .mobSearch{
	
}


.headerArea {
	background-color: var(--white);
	transition: box-shadow 1s ease-in-out;
	width: 100%;
	z-index: 7000;
	position: relative;
}

.fixedHeader .headerArea {
	position: fixed;
	top:0;
}

.fixedHeader .headerTool .myLogo img{
	height: 4rem;
}

.fixedHeader .headerTool .myLogo .logo_1_1 img {
	height: 3rem;
}


.fixedHeader .headerTool .myLogo{
	padding-top: 0.5rem;
}

.headerArea.headershadow {
	-webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(87, 32, 87, 0.68);
	-moz-box-shadow: 0 0.125rem 0.25rem 0 rgba(87, 32, 87, 0.68);
	box-shadow: 0 0.125rem 0.25rem 0 rgba(87, 32, 87, 0.68);
}

.footerBanner {
	text-align: center;
	margin: auto;
	padding: 3.75rem 0;
}

.footerBanner li {
	display: inline-block;
	margin: 0 1.25rem;
}

.footerBanner li img {
	max-height: 3.75rem;
}

.roman_list {
	list-style-type: lower-roman;
}

.pdfonlyicon {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}

.pdfa {
	color: var(--black);
	white-space: nowrap;
	/*display: inline-block;*/
	/*vertical-align: bottom;*/
}

.iconPdf,
.iconDoc,
.iconXls,
.iconPpt,
.iconCsv,
.iconExtlink {
	width: 1.5rem;
	height: 1.75rem;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: text-bottom;
	position: relative;
	display: inline-block;
}

.iconExtlink {
	width: 1.75rem;
}

.iconPdf:before,
.iconPdf:after,
.iconDoc:before,
.iconDoc:after,
.iconXls:before,
.iconXls:after,
.iconPpt:before,
.iconPpt:after,
.iconCsv:before,
.iconCsv:after,
.iconExtlink:before,
.iconExtlink:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.iconPdf:after,
.iconDoc:after,
.iconXls:after,
.iconPpt:after,
.iconCsv:after,
.iconExtlink:after {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.iconPdf:before {
	background-image: url('../images/icon/icon_pdf.svg');
}

.iconPdf:after {
	background-image: url('../images/icon/icon_pdf_active.svg');
}

.iconDoc:before {
	background-image: url('../images/icon/icon_doc.svg');
}

.iconDoc:after {
	background-image: url('../images/icon/icon_doc_active.svg');
}

.iconXls:before {
	background-image: url('../images/icon/icon_xls.svg');
}

.iconXls:after {
	background-image: url('../images/icon/icon_xls_active.svg');
}

.iconPpt:before {
	background-image: url('../images/icon/icon_ppt.svg');
}

.iconPpt:after {
	background-image: url('../images/icon/icon_ppt_active.svg');
}

.iconCsv:before {
	background-image: url('../images/icon/icon_csv.svg');
}

.iconCsv:after {
	background-image: url('../images/icon/icon_csv_active.svg');
}

.iconExtlink:before {
	background-image: url('../images/icon/icon_extlink.svg');
}

.iconExtlink:after {
	background-image: url('../images/icon/icon_extlink_active.svg');
}

.pdfa:hover .iconPdf::after,
.pdfa:focus .iconPdf::after,
.doca:hover .iconDoc::after,
.doca:focus .iconDoc::after,
.xlsa:hover .iconXls::after,
.xlsa:focus .iconXls::after,
.ppta:hover .iconPpt::after,
.ppta:focus .iconPpt::after,
.csva:hover .iconCsv::after,
.csva:focus .iconCsv::after,
.extlink_withtext:hover .iconExtlink::after,
.extlink_withtext:focus .iconExtlink::after {
	opacity: 1;
}

.pdfa:hover,
.pdfa:focus{
	color: #dd6262;
}

.subMenu>li .extmenu a.leftbtn.active_sub_section {
	color: #142c69;
	background-color: #e8eafd;
}

.leftMenu .menuLv1 a.active_sub_section:before {
	content: " ";
	position: absolute;
	left: 0.25rem;
	width: 0.25rem;
	height: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: #ee1d23;
}


.close {
	float: none;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-shadow: inherit;
	opacity: 1;
}

.close:focus,
.close:hover {
	color: inherit;
	text-decoration: inherit;
	opacity: 1;
}

.footerMenu .menuLv2 {
	display: none;
}


.myheaderTool>div.clientTool .shareTool {
	position: relative;
	margin-right: 0.25rem;
}

.shareList {
	display: none;
	position: absolute;
	top: 2.125rem;
	right: 0;
	padding: 0.5rem 0.9375rem 0.75rem;
	text-align: left;
	z-index: 9000;
	min-width: 5rem;
	background: #FFF;
	box-shadow: 0 3px 0.25rem rgba(150, 150, 150, 0.2);
	border-top: 0.125rem solid #3447a3;
}

.shareList.active {
	border-top: 0;
}

.myheaderTool>div.clientTool .shareTool>.shareList:before {
	display: none;
}

.shareTool.active .shareList {
	display: block;
}

.share-btns {
	position: relative;
	margin-top: 0.9375rem;
}

ul.share-btns {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.share-btns>li {
	margin: 0;
	display: inline-block;
}

ul.share-btns a {
	font-size: 0;
}

.header-nav__tool--share .share-btns {
	white-space: nowrap;
}

.share-btns__btn {
	display: inline-block !important;
	vertical-align: top;
	width: 2.125rem;
	height: 2.125rem;
	margin-right: 0.25rem;
	position: relative;
	transition: 0.2s;
}

.mob-nav__control .share-btns__btn {
	width: 1.875rem;
	height: 1.875rem;
	vertical-align: middle;
}

.share-btns__btn:before {
	content: '';
	width: 1.625rem;
	height: 1.625rem;
	left: 0.25rem;
	top: 0.25rem;
	display: block;
	position: absolute;
	background: url() center top;
	background-size: 100% auto;
	transition: 0.2s;
}

.header-nav__tool--share .share-btns__btn:before {
	background-position-y: -1.625rem;
}

.mob-nav__control .share-btns__btn:before {
	background-position-y: -1.375rem;
}

.mob-nav__control .share-btns__btn:before {
	width: 1.375rem;
	height: 1.375rem;
	left: 0.25rem;
	top: 0.25rem;
}

.share-btns__btn:hover:before {
	background-position-y: -1.625rem;
}

.mob-nav__control .share-btns__btn:hover:before {
	background-position-y: -1.375rem;
}

.share-btns__btn.share-btns__btn--email:before {
	background-image: url(../images/share/icon-social-email-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--email,
.header-nav__tool--share .share-btns__btn.share-btns__btn--email,
.share-btns__btn.share-btns__btn--email:hover {
	background-color: yellowgreen;
}

.share-btns__btn.share-btns__btn--fb:before {
	background-image: url(../images/share/icon-social-facebook-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--fb,
.header-nav__tool--share .share-btns__btn.share-btns__btn--fb,
.share-btns__btn.share-btns__btn--fb:hover {
	background-color: #3b5998;
}

.share-btns__btn.share-btns__btn--wa:before {
	background-image: url(../images/share/icon-social-whatsapp-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--wa,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wa,
.share-btns__btn.share-btns__btn--wa:hover {
	background-color: #1bd741;
}

.share-btns__btn.share-btns__btn--wb:before {
	background-image: url(../images/share/icon-social-weibo-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--wb,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wb,
.share-btns__btn.share-btns__btn--wb:hover {
	background-color: #df2029;
}

.share-btns__btn.share-btns__btn--wc:before {
	background-image: url(../images/share/icon-social-wechat-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--wc,
.header-nav__tool--share .share-btns__btn.share-btns__btn--wc,
.share-btns__btn.share-btns__btn--wc:hover {
	background-color: #09b83e;
}

.share-btns__btn.share-btns__btn--tw:before {
	background-image: url(../images/share/icon-social-twitter-white.png);
}

.mob-nav__control .share-btns__btn.share-btns__btn--tw,
.header-nav__tool--share .share-btns__btn.share-btns__btn--tw,
.share-btns__btn.share-btns__btn--tw:hover {
	background-color: #00aff0;
}

.mob-nav__control .share-btns__btn.share-btns__btn--ig,
.header-nav__tool--share .share-btns__btn.share-btns__btn--ig,
.share-btns__btn.share-btns__btn--ig:hover {
	background-color: #bc2a8d;
}

.mob-nav__control .share-btns__btn.share-btns__btn--rss,
.header-nav__tool--share .share-btns__btn.share-btns__btn--rss,
.share-btns__btn.share-btns__btn--rss:hover {
	background-color: #f26522;
}

.share-btns__btn:last-child {}

.footerMenu .sharebt {
	display: none;
}

.footerMenu .shareList {
	display: block;
	position: static;
	border-top: 0;
	box-shadow: none;
	background-color: transparent;
	padding-left: 0;
}

.footerMenu li .share-btns__btn {
	display: inline-block;
	vertical-align: top;
	width: 2.125rem;
	height: 2.125rem;
	margin-right: 0.25rem;
	position: relative;
}

.footerMenu .header-nav__tool--share .share-btns__btn,
.footerMenu .header-nav__tool--share .share-btns__btn:hover {
	background-color: transparent;
}

.footerMenu .share-btns__btn.share-btns__btn--email:before {
	background-image: url(../images/share/icon-social-email-grey.png);
}

.footerMenu .share-btns__btn.share-btns__btn--fb:before {
	background-image: url(../images/share/icon-social-facebook-grey.png);
}

.footerMenu .share-btns__btn.share-btns__btn--wa:before {
	background-image: url(../images/share/icon-social-whatsapp-grey.png);
}

.footerMenu .share-btns__btn.share-btns__btn--wb:before {
	background-image: url(../images/share/icon-social-weibo-grey.png);
}

.footerMenu .share-btns__btn.share-btns__btn--wc:before {
	background-image: url(../images/share/icon-social-wechat-grey.png);
}

.footerMenu .share-btns__btn.share-btns__btn--tw:before {
	background-image: url(../images/share/icon-social-twitter-grey.png);
}


.mainArea0 .mainBanner {
	position: relative;
}


.aaaTool {
	padding-right: 0.625rem;
}

.aaaTool>li {
	padding-right: 0.25rem;
}

.aaaTool>li:last-child {
	padding-right: 0;
}

.section_header_banner {
	display: none;
}

.section_header_banner>.container {
	position: relative;
}


.disable {
	display: none !important;
}


.w3c-display-none .copyrightBar {
	display: none !important;
}

.non-conform-logo {
	display: none !important;
}

.w3c-display-none .non-conform-logo {
	display: inline-block !important;
}


/**safari/
/* Safari 7.1+ */

@media not all and (min-resolution:.001dpcm) {
	@media {

		.row:before,
		.row:after {
			display: none;
		}
	}
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
	opacity: 1;
}

.breadcrumb .listStyleInline {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}

.breadcrumb li {
	display: inline-block;
}

.main-page-photo-wrapper {
	justify-content: center;
}

#top {
	display: block;
	visibility: hidden;
	position: relative;
}

.headerMenu .sharebt {
	display: none;
}

.sharebt img {

}


.shareTool {
	position: relative;
	padding-right: 1.5rem;
}

.homeTool:hover,
.shareTool:hover {
	text-decoration: none;
}

.ctitem {
	position: relative;
	padding-left: 1.4rem;
	padding-right: 1.4rem;
	display: flex;
	align-items: center;
}

.ctitem::after {
	content: '';
	width: 1px;
	height: 1.5rem;
	background-color: #b7b7b7;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.ctitem_last:after{
	width: 0;
	height: 0;
}

.ctitem img{
	min-width: 1.5rem;
}

.ctitem_last{
	padding-right: 6.4rem;
}

.extmenuNotShow .extmenu {
	display: none !important;
}

.navbar-my-language {
	margin-right: 0.625rem;
}

.navbar-my-language img {
	max-height: 1.375rem;
	display: inline-block;
}

.langtitlestyle {
	font-size: 1.5rem;
	margin-bottom: 1.25rem;
}

.list_page>ul {
	margin: 0;
	padding: 1.25rem;
	text-align: center;
	list-style-type: none;
}

.list_page>ul>li {
	display: inline-block;
	margin: 0;
}

.list_page>ul>li>a {
	display: block;
	text-align: center;
	padding: 0.25rem 0;
	/*background-color: #3f3f3f;*/
	margin: 0 0.125rem;
	color: #eb6100 !important;
	text-decoration: none;
}

.list_page>ul>li>a:hover,
.list_page>ul>li>a:focus,
.list_page>ul>li>a:active {
	/*color: var(--white);
	background-color: #494949;*/
}

.border_blank form {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}


.js_scroll_blanket {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7500;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	font-size: 0;
}

.headerMenu_active .js_scroll_blanket {
	display: block;
}

.searchMenu_active .js_scroll_blanket {
	display: block;
}

.langMenu_active .js_scroll_blanket {
	display: block;
}

.searchToolDesktop_active .js_scroll_blanket {
	display: block;
}

.preloader_active {}

.preloader_wrapper {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--white);
	z-index: 4000;
	overflow: hidden;
	opacity: 1;
	transition: opacity 0.7s ease;
}

.preloader_wrapper.removing {
	opacity: 0;
}

.preloadernotshow .preloader_wrapper {
	display: none;
}

.dot {
	opacity: 0;
	width: 1rem;
	height: 1rem;
	border: 0.25rem solid red;
	border-radius: 50%;
	float: left;
	margin-left: 0.6rem;
	transform: scale(0);
	-webkit-animation: fx 1s ease infinite;
	animation: fx 1s ease infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	will-change: transform;
}

.dot_wrapper>.dot:nth-child(2) {
	-webkit-animation: fx 1000ms ease infinite 300ms;
	animation: fx 1000ms ease infinite 300ms;
}

.dot_wrapper>.dot:nth-child(3) {
	-webkit-animation: fx 1000ms ease infinite 600ms;
	animation: fx 1000ms ease infinite 600ms;
}

.bar {
	float: left;
	width: 15px;
	height: 6px;
	border-radius: 2px;
	background-color: var(--blue_primary);
}

.bar {
	animation: loadingJ 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

.loading_text {
	font-size: 1.3rem;
	text-align: center;
	display: block;
	margin-top: 1.5rem;
	font-family: "Microsoft JhengHei", '微軟正黑體', "Arial", sans-serif;
	font-weight: 600;
}

@keyframes loadingJ {

	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(80px, 0);
		background-color: var(--blue_dark);
		width: 25px;
	}
}

@-webkit-keyframes fx {
	50% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
	}
}

@keyframes fx {
	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.result_preloader_wrap {
	transition: opacity 1s ease-in-out;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 50%;
}

.result_preloader_wrap.notshow {
	opacity: 0;
}

.result_preloader_wrap.displaynone {
	display: none;
}

.result_preloader .loader {
	margin-top: 1rem;
	position: relative;
	width: 5rem;
	height: 5rem;
	display: inline-block;
}

.result_preloader .loader:before {
	content: '';
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 0.625rem solid rgba(243, 99, 133, 0.4);
	border-top-color: red;
}

.result_preloader .loader:before {
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

.loader_text {
	font-size: 1.5rem;
	margin-top: 1rem;
	color: var(--black);
}

@-webkit-keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.activebody{
	overflow: hidden;
}

.modelopen {
	overflow: hidden;
}


.modal.modalopen {
	display: block;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9900;
	position: fixed;
	width: 100%;
	height: 100vh;
}

.modal_box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--white);
	width: 50vw;
	padding: 1rem;
	max-height: 80vh;
}

.modal_title {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.modal_box .modal_big_content {
	max-height: calc(80vh - 3rem);
	overflow-y: auto;
	font-size: 1.3rem;
}

.modal_box .modal_content:focus {
	outline: none;
}

.modal_box .modal_big_content iframe {
	width: 100%;
	height: 100%;
}

.modal video {
	max-height: 50vh;
	max-width: 50vw;
	width: 100%;
}

.modal_box .close_wrapper {
	/* width: 100%; */
	position: absolute;
	right: -1rem;
	top: -1rem;
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal_box .close_wrapper a {
	display: inline-block;
	position: relative;
	font-size: 0;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
}

.modal_box .close_wrapper a:hover,
.modal_box .close_wrapper a:focus {
	color: #a1fba3;
}

.modal_box .close_wrapper a:before,
.modal_box .close_wrapper a:after {
	content: '';
	display: block;
	width: 80%;
	height: 2px;
	background-color: var(--white);
	top: 45%;
	position: absolute;
	left: 10%;
}

.modal_box .close_wrapper a:before {
	transform: rotate(45deg);
}

.modal_box .close_wrapper a:after {
	transform: rotate(-45deg);
}

.video_modal .modal_box {
	height: 28.1vw;
	background-color: transparent;
}

.video_modal .dialog_desc{
	height: 100%;
}

.video_modal .dialog_desc iframe{
	width: 100%;
	height: 100%;
}

.video_modal .modal_big_content {
	height: 100%;
	overflow: hidden;
}

.video_modal .modal_title {
	display: none;
}


.video_modal .modal_content {
	height: 100%;
}


.video_modal .modal_content>div {
	height: 100%;
}

.headerMenuBigWrapper,
.searchToolBigWrapper,
.langToolBigWrapper {
	color: var(--black);
	transition: transform 0.5s;
	background: var(--blue_dark);
	width: 100%;
	height: 100%;
	transform: translateX(105%);
	position: fixed;
	z-index: 8000;
	top: 0;
	right: 0;
	max-width: 34rem;
}

.ieVersion .headerMenuBigWrapper,
.ieVersion .searchToolBigWrapper,
.ieVersion .langToolBigWrapper {
	transition: none;
}


.headerMenu_active .headerMenuBigWrapper,
.searchMenu_active .searchToolBigWrapper,
.langMenu_active .langToolBigWrapper {
	/*opacity: 1;
  visibility: visible !important;
  transform: translateY(97px);*/
	/*height: calc(100vh - 68px);*/
	transform: translateX(0);
	-webkit-box-shadow: 0 0 4px 2px rgba(40 40 40 / 20%);
	-moz-box-shadow: 0 0 4px 2px rgba(40, 40, 40, .2);
	-ms-box-shadow: 0 0 4px 2px rgba(40, 40, 40, .2);
	box-shadow: 0 0 4px 2px rgba(40 40 40 / 20%);
}

.searchToolBigWrapper .mobSearch{
	display: none;
}

.cross_btn {
	margin-left: auto;
}

.cross_btn a{
	color: var(--black);
	font-size: 1.3rem;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.cross_btn a>span:first-child{
	display: inline-block;
	padding-right: 0.75rem ;
}

.searchToolBigWrapper .searchbtnwrap {
	display: none;
}

.mobileTool button,
.mobilenav .mobSearch a,
.mobilenav .navbar-my-language,
.cross_btn a>span:last-child {
	position: relative;
	min-width: 20px;
	min-height: 20px;
	display: inline-block;
	font-size: 0;
}

.headerMenu_active .mobileTool img,
.searchMenu_active .mobilenav .searchbtnwrap img,
.langMenu_active .mobilenav .navbar-my-language img {
	display: none;
}

/*.headerMenu_active .mobileTool button::before,
.headerMenu_active .mobileTool button::after,
.searchMenu_active .mobilenav .searchbtnwrap a::before,
.searchMenu_active .mobilenav .searchbtnwrap a::after,
.langMenu_active .mobilenav .navbar-my-language::before,
.langMenu_active .mobilenav .navbar-my-language::after,*/
.cross_btn a>span:last-child:before,
.cross_btn a>span:last-child:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 26px;
	height: 2px;
	background-color: var(--black);
}

/*.headerMenu_active .mobileTool button::before,
.searchMenu_active .mobilenav .searchbtnwrap a::before,
.langMenu_active .mobilenav .navbar-my-language::before,*/
.cross_btn a>span:last-child:before {
	transform: translate(0, -50%) rotate(45deg);
	margin-left: -2px;
}

/*.headerMenu_active .mobileTool button::after,
.searchMenu_active .mobilenav .searchbtnwrap a::after,
.langMenu_active .mobilenav .navbar-my-language::after,*/
.cross_btn a>span:last-child:after {
	transform: translate(0, -50%) rotate(-45deg);
	margin-left: -2px;
}

.cross-btn:hover {
	opacity: 1;
}


.menu_search{
	padding-bottom: 1rem;

}

.headerMenuBigWrapper .mobSearch{
	display: none;
}

.mobSearchArea {
	width: 100%;
	border-bottom: 1px solid #000;
	display: flex;
	align-items: center;
}

.mobSearchArea input{
	background-color: transparent;
	color: var(--black);
	border: 0;
	font-size: 1.125rem;
	padding: 1rem 0.75rem;
	width: 100%;
	display: flex;
	align-items: center;
}

.searchToolBigWrapper .searchTool input {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 7px;
	width: calc(100% - 1.25rem);
}

.searchToolBigWrapper .searchTool {
	height: 100%;
	padding: 1.8181rem;
}

.searchToolBigWrapper .searchTool .searchLabel {
	font-size: 1.5rem;
	margin-bottom: 1.25rem;
	display: block;
	width: 100%;
	height: auto;
}

.searchToolBigWrapper .searchTool form {
	display: block;
}

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

.headerMenuBigWrapper .row,
.searchToolBigWrapper .row{
	padding-left: 1.818181rem;
	padding-right: 1.818181rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	justify-content: space-between;
	align-items: flex-end;
}

.headerMenuBigWrapper .langmenu{
	display: none;
}

.headerMenuBigWrapper .langmenu a{
	font-size: 1.4rem;
	font-weight: bold;
}

.headerMenuBigWrapper .menuwrapper{
	overflow-y: auto;
	height: calc(100% - 5.75rem);
}

.mobile .headerMenuBigWrapper .menuwrapper{
	padding: 0 2rem 0 2rem;
}

.headerMenuBigWrapper .menu_section{
	padding-top: 2rem;
}

.menu_section .title {
	font-size: 0.95rem;
	font-family: var(--second_fontfamily);
	margin-bottom: 0.5rem;
}

.headerMenuBigWrapper .contactus{
	border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.headerMenuBigWrapper .contactus a {
	color: var(--black);
}

.headerMenuBigWrapper .contactus>div:not(:first-child){
	font-size: 1.125rem;
}

.rsMenu .third_btn a,
.inMenu .third_btn a{
	border-bottom: 0;
	padding-bottom: 0;
}

.headerMenuBigWrapper .headerMenu,
.headerMenuBigWrapper .menu_section,
.headerMenuBigWrapper .menu_search {
	margin-left: 1.818181rem;
	margin-right: 1.818181rem;
}

.menu_section:last-child {
	padding-bottom: 3rem;
}

.headerMenuBigWrapper .headerMenu ul.tMenu>li:not(.firstLi):not(.important_menu){
	float: none;
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.headerMenuBigWrapper .menuLv0 {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	/*border-top: 1px solid rgba(0, 0, 0, .25);*/
	margin-top: 0;
}

.headerMenuBigWrapper .headerMenu ul.menuLv0>li.firstLi,
.headerMenuBigWrapper .headerMenu ul.menuLv0>li.important_menu{
	display: none;
}

.englishVersion .headerMenuBigWrapper .headerMenu ul.menuLv0>li>a{
	font-weight: 500;
}

.headerMenuBigWrapper .headerMenu ul.menuLv0>li>a{
	font-size: 1.9rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-right: 2.8rem;
	text-align: left;
	text-decoration: none;
	position: relative;
	color: var(--black);
	display: block;
}
/*
.headerMenuBigWrapper .headerMenu ul.menuLv0>li>a.excLi:after{*/
.headerMenuBigWrapper .headerMenu ul.menuLv0>li>a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 1.5rem;
	/*width: 2.25rem;
	height: 1.75rem;*/
	width: 2rem;
		height: 1.5rem;
	background-image: url(../images/icon/icon_prev.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.headerMenuBigWrapper .headerMenu ul.menuLv0>li.open>a.excLi:after {
	transform: rotate(-270deg);
}

.headerMenuBigWrapper .headerMenu div.extmenu {
	position: static;
		max-height: 0;
			transition: max-height 0.5s;
			overflow: hidden;
			display: block;
}

.headerMenuBigWrapper .headerMenu .open>.extmenu {
	max-height: 3000px !important;
}

.headerMenuBigWrapper .headerMenu ul.menuLv1{
	padding-left: 0;
}

.headerMenuBigWrapper .headerMenu ul.menuLv1>li>a {
	font-size: 1.5rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 1.5rem;
	padding-right: 1rem;
	text-align: left;
	text-decoration: none;
	color: var(--black);
	display: block;
}

.mobile .headerMenuBigWrapper .mail,
.mobile .headerMenuBigWrapper .tel,
.mobile .headerMenuBigWrapper .fax,
.mobile .headerMenuBigWrapper .loc {
	display: none;
}

.menu_section {}


.menu_section ul{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.menu_section li{
	list-style: none;
	margin-top: 0.85rem;
}

@-webkit-keyframes passing {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0
	}
}

@keyframes passing {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0
	}
}

.removeoutline {
	outline: none !important;
}

.headroom {
	will-change: transform;
	transition: transform 200ms linear;
}

.headroom--pinned {
	transform: translateY(0%);
}

.headroom--unpinned {
	transform: translateY(-100%);
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.top_box h2 span{
	display: block;
}

.tabbigcontainer {
	min-height: 350px;
}

.video_box .vjs-control-bar {
	opacity: 0;
	transition: opacity 0.3s;
	display: none;
}
/* 
@media only screen and (min-width:767px)  {
	.my_card div .cover:not(:has(img)) {
		min-height: 68.5%;
	}

	.card_bigwrapper .my_card {
		height: 66.5vh;
	}
}
 */

.record_container {
	min-height: 350px;
}



/* added by sunny vision */
.headerTool .myLogo img{
	width: 175.2px;
	height: auto;
}

/* end */