:root {
	--main-color: #00752c;
	--main-color_rgb: 0 117 44;
	--font-color: #333;
	--font-color_sub: #777;
	--border-color: #ccc;
	--background-dark: #262729;
	--background-dark_deep: #1c1d20;
	--background-light: #eee;
	--transition-ease3: .3s ease-in-out;
	--header-height: 50px;
	--header-slide_gap: calc(var(--header-height) + 8px);
	--index-gap: 10px;
}

*,
*::before,
*::after {
	padding: 0;
	margin: 0;
}

:focus {
	outline: none;
}

html,
body {
	font-family: 'Noto Sans SC', sans-serif;
}

body {
	overflow-x: hidden;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
	color: var(--font-color);
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

li {
	list-style-type: none;
}

img {
	max-width: 100%;
}

.row>* {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.hidden-pc {
	display: none;
}

.hidden-mobile {
	display: block;
}

.index-padding {
	padding: 20px 0;
}

.wow {
	animation-timing-function: cubic-bezier(.26, .67, .48, .91);
}

@media (max-width:720px) {
	.hidden-pc {
		display: block;
	}

	.hidden-mobile {
		display: none;
	}
}

/* public-end */
/* header */
#header-block {
	height: var(--header-height);
}

header {
	position: fixed;
	width: 100%;
	height: var(--header-height);
	top: 0;
	background: #fff;
	box-shadow: 0 4px 4px #0000000d;
	z-index: 100;
}

/* header--header-pc */
@media (max-width:1012px) {
	.header-pc{
		display: none;
	}
}
.header-pc .header-pc_container {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: var(--header-height);
	--navitem_hover: #0009;
}

#logo,
.header-pc_lan {
	position: relative;
	z-index: 10;
}

#logo a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 40px;
}

#logo a > img{
	height: 32px;
}

#nav {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
}

/* @media screen and (max-width: 1439px) {
	#nav {
		right: 140px;
		left: 266px;
	}
} */

#nav>ul {
	display: flex;
	justify-content: center;
}

#nav>ul>li {
	margin: 0 10px;
	position: relative;
}

#nav>ul>li.nav_proc {
	position: static;
}

#nav>ul>li>.header-pc_nav {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	position: relative;
	z-index: 10;
}

#nav>ul>li>.header-pc_nav_haschild {
	padding-right: 0;
	cursor: pointer;
}

#nav>ul>li>.header-pc_nav>h3,
.header-pc_lan .header-pc_lan_touch h3 {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	transition: var(--transition-ease3) color;
}

#nav>ul>li>.header-pc_nav.on>h3 {
	font-weight: bold;
}

#nav>ul>li:hover>.header-pc_nav>h3,
.header-pc_lan:hover .header-pc_lan_touch h3 {
	color: var(--navitem_hover);
}

#nav>ul>li>.header-pc_nav svg,
.header-pc_lan .header-pc_lan_touch svg {
	width: 9px;
	height: 6px;
	margin: 0 2px 0 8px;
	transition: var(--transition-ease3);
}

#nav>ul>li:hover>.header-pc_nav svg,
.header-pc_lan:hover .header-pc_lan_touch svg {
	fill: var(--navitem_hover);
	transform: rotate(180deg)
}

.header-pc_nav_slide {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 80px;
	margin-top: var(--header-slide_gap);
	padding: 10px 0;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
	white-space: nowrap;
	transform: translate3d(-50%, 0, 0);
	transition: var(--transition-ease3);
	opacity: 0;
	visibility: hidden;
}

.header-pc_nav_slide:after {
	position: absolute;
	top: calc(-1 * var(--header-slide_gap));
	left: 0;
	width: 100%;
	height: var(--header-slide_gap);
	opacity: 0;
	content: "";
}

.header-pc_nav_slide a {
	display: block;
	padding: 0 30px;
	text-align: center;
	line-height: var(--header-height);
	transition: var(--transition-ease3) color;
}

.header-pc_nav_slide a:hover {
	color: #0009;
}

.header-pc_nav_swiper {
	position: relative;
	width: 80%;
	margin: 0 auto;
}

.header-pc_nav_swiper_button {
	width: 40px;
	height: 40px;
	margin: 0;
	top: calc(50% - 20px);
	background: none;
	border: 2px solid;
	border-color: #333;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition-ease3) color
}

.header-pc_nav_swiper_button svg {
	width: 26px;
	height: 26px;
	stroke: #333;
	transition: var(--transition-ease3) color
}

.header-pc_nav_swiper_button.swiper-button-next {
	transform: rotate(180deg)
}

.header-pc_nav_swiper_button:hover {
	background-color: #333;
}

.header-pc_nav_swiper_button:hover svg {
	stroke: #fff;
}

.header-pc_nav_swiper_button.swiper-button-prev,
.header-pc_nav_swiper_button.swiper-container-rtl .swiper-button-next {
	left: auto;
	right: calc(100% + 10px);
}

.header-pc_nav_swiper_button.swiper-button-next,
.header-pc_nav_swiper_button.swiper-container-rtl .swiper-button-prev {
	right: auto;
	left: calc(100% + 10px);
}

.header-pc_nav_swiper_button.swiper-button-disabled {
	opacity: 0;
	visibility: hidden;
}

.swiper-container_header_proc {
	padding-top: 20px;
	padding-bottom: 40px;
}

.header-pc_nav_slide_pro {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 6px 6px rgba(0, 0, 0, .1);
	white-space: nowrap;
	transition: var(--transition-ease3);
	opacity: 0;
	visibility: hidden;
}

.swiper-container_header_proc .swiper-slide {
	max-width: 12.5%;
}

.header-pc_nav_slide_pro.header-swiper_destroy .swiper-wrapper {
	justify-content: center;
}

.header-pc_nav_slide_pro.header-swiper_destroy .header-pc_nav_swiper_button {
	display: none;
}

.header-pc_nav_slide_pro.header-swiper_destroy .swiper-slide {
	margin-right: 5%
}

.header-pc_nav_slide_pro.header-swiper_destroy .swiper-slide:last-child {
	margin-right: 0;
}

.swiper-container_header_proc .swiper-slide a {
	display: flex;
	flex-direction: column;
}

.swiper-container_header_proc .swiper-slide a img {
	display: block;
	transition: var(--transition-ease3) transform;
}

.swiper-container_header_proc .swiper-slide a:hover img {
	transform: scale(.9);
}

.swiper-container_header_proc .swiper-slide a p {
	font-size: 18px;
	text-align: center;
	white-space: wrap;
}

.header-pc_lan {
	margin: 0 50px;
}

.header-pc_lan .header-pc_lan_touch {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 10px;
	position: relative;
	z-index: 10;
	cursor: pointer
}

#nav>ul>li:hover .header-pc_nav_slide,
#nav>ul>li:hover .header-pc_nav_slide_pro,
.header-pc_lan:hover .header-pc_nav_slide {
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 1439px) {
	#logo a{
		padding: 0 10px;
	}
	#nav{
		position: static;
	}
	#nav>ul>li{
		margin: 0 4px;
	}
	#nav>ul>li>.header-pc_nav{
		padding: 0 6px;
	}
	.header-pc_lan{
		margin: 0 10px;
	}
}
@media screen and (max-width: 1259px) {
	#nav>ul>li{
		margin: 0;
	}
	#nav>ul>li>.header-pc_nav{
		padding: 0 6px;
	}
}
/* header--header-m */
.header-m{
	display: none;
}
@media screen and (max-width: 1012px) {
	.header-m{
		display: block;
	}
}
.header-m,
.header-m-head {
	height: 100%;
}

.header-m-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	box-shadow: 0 0 6px #0003;
}

.header-m-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	box-shadow: 0 0 6px #0003;
}

.header-m-btns{
	display: flex;
	align-items: center;
}

.header-m-lan{
	display: flex;
	align-items: center;
}

.header-m-lan svg{
	stroke: #333;
	margin-right: 4px;
}

.header-m-button {
	width: 24px;
	height: 32px;
	display: flex;
	align-items: center;
	margin-left: 14px;
}

.header-m-button i {
	width: 100%;
	height: 2px;
	display: inline-block;
	background-color: var(--background-dark_deep);
	position: relative;
}

.header-m-button i:before,
.header-m-button i:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: var(--background-dark_deep);
	position: absolute;
	left: 0;
}

.header-m-button i:before {
	top: -8px;
}

.header-m-button i:after {
	bottom: -8px;
}

.header-pc_nav_ali a {
	height: 100%;
	display: flex;
	align-items: center;
}

#logo-m,
#logo-m a {
	height: 100%;
	display: flex;
	align-items: center;
}

#logo-m img {
	display: block;
	max-height: 50%;
}

/* footer */
.footer {
	padding-bottom: 0;
	--font-color: #a8a8a8;
}

.footer-main {
	background-color: var(--background-dark);
}

.footer-main_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 60px;
	padding-bottom: 60px;
}

.footer-main_nav {
	display: flex;
	flex: 0 0 auto;
	width: 50%;
	min-width: 400px;
}

.footer-main_nav_item {
	flex: 0 0 auto;
	width: 25%;
}

.footer-main_nav_item_title {
	display: block;
	font-size: 16px;
	color: #fff;
	padding: 6px 0;
	margin-bottom: 6px;
}

.footer-main_nav_item_list {
	display: flex;
	flex-direction: column;
}

.footer-main_nav_item_list a {
	padding: 4px 0;
}

.footer-main_contact {
	--font-color: #fff;
}

.footer-main_contact_tel a {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.footer-main_contact_tel a > img{
	height: 50px;
}

.footer-main_contact_tel p {
	margin-left: 14px;
	font-size: 32px;
	line-height: 26px;
}

.footer-main_contact_add {
	padding-top: 16px;
	font-size: 16px;
	text-align: end;
}

.footer-main_contact_ewmlist {
	padding-top: 20px;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.footer-main_contact_ewm {
	flex: 0 0 auto;
	margin-left: var(--index-gap);
}

.footer-main_contact_ewm > img {
    display: block;
    width: 140px;
    height: 140px;
}

.footer-main_contact_ewm p {
	text-align: center;
	padding-top: 6px;
}

.footer-bottom {
	background: var(--background-dark_deep);
}

.footer-bottom p {
	padding: 20px 0;
}

.footer-main_nav_item[data-id="24"] {
	order: 20;
}

.footer-main_nav_item[data-id="9"] {
	order: 30;
}

.footer-main_nav_item[data-id="10"] {
	order: 40;
}

@media screen and (max-width: 1259px) {
	.footer-main_contact_tel a > img{
		height: 40px;
	}
	.footer-main_contact_ewm > img {
		width: 100px;
		height: 100px;
	}
}

@media screen and (max-width: 991px) {
	.footer-main_nav {
		min-width: unset;
		width: 100%;
		flex-wrap: wrap;
	}

	.footer-main_contact {
		width: 100%;
	}

	.footer-main_contact_tel a {
		justify-content: center;
		padding-top: 2em;
	}

	.footer-main_contact_add {
		text-align: center;
	}

	.footer-main_contact_ewmlist {
		justify-content: center;
	}

	.footer-main_contact_ewm {
		width: 40%;
		margin-left: 0;
		margin-bottom: var(--index-gap);
		text-align: center;
		display: flex;
        flex-direction: column;
        align-items: center;
	}

	.footer-main_contact_ewm > img {
		width: 140px;
		height: 140px;
	}
}

@media screen and (max-width: 720px) {
	.footer-main_contact_ewm > img {
		width: 30vw;
		height: 30vw;
	}
	.footer-main_nav{
		justify-content: space-between;
	}
	.footer-main_nav_item[data-id="10"] {
		width: auto;
	}
}

/* side */
#side {
	--width-side: 50px;
	--width-side_half: 25px;
	position: fixed;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 120;
	width: var(--width-side);
	border-radius: var(--width-side_half);
	background: #3333334d;
	backdrop-filter: blur(3px);
	transition: var(--transition-ease3);
}

.side-icon_list {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.side-icon_item {
	width: var(--width-side);
	height: var(--width-side);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	border-radius: 0 var(--width-side_half) var(--width-side_half) 0;
	transition: var(--transition-ease3);
}

.side-icon_item.on {
	background-color: var(--main-color);
}

.side-icon_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.side-icon_img > img {
    max-width: 80%;
    max-height: 80%;
}

.side-icon_slide {
	position: absolute;
	top: 0;
	right: 100%;
	min-width: 0;
	max-width: 0;
	min-height: var(--width-side);
	background-color: var(--main-color);
	border-radius: var(--width-side_half) 0 0 var(--width-side_half);
	overflow: hidden;
	transition: var(--transition-ease3);
}

.side-icon_item.on .side-icon_slide {
	min-width: 130px;
	max-width: 300px;
}

.side-icon_slide p {
	white-space: nowrap;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 0 20px;
	line-height: 50px;
}

.side-icon_slide img {
	width: 100px;
	height: 100px;
	margin: 15px
}

#side .to_top {
	max-height: 0;
	margin: 6px 4px 4px 4px;
	border-radius: 21px;
	transition: var(--transition-ease3);
	overflow: hidden;
}

#side.on .to_top {
	max-height: 42px;
}

#side .to_top i {
	width: 42px;
	height: 42px;
	border-radius: 21px;
	background-color: var(--main-color);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
}

#side .to_top svg {
	width: 18px;
	height: 15px;
	fill: #fff;
}

#side .his_back{
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .3s all;
}

#side .his_back.on{
	opacity: 1;
	visibility: visible;
	height: 48px;
}

#side .his_back > i{
	display: flex;
	width: calc(100% - 8px);
    height: calc(100% - 8px);
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: var(--main-color);
    border-radius: 50%;
    margin: 4px;
}

#side .his_back > i > svg{
	width: 22px;
    height: 22px;
    margin-bottom: 2px;
}

@media screen and (max-width: 720px) {
	#side {
		right: 20px;
		top: unset;
		bottom: 64px;
	}

	#side .to_top {
		margin: 0;
	}

	#side.no_wap_sideicon {
		background: none;
		backdrop-filter: none;
		opacity: 0;
		visibility: hidden;
	}

	#side.no_wap_sideicon.on {
		opacity: 1;
		visibility: visible;
	}

	#side.no_wap_sideicon .to_top {
		box-shadow: 0 0 6px #000a;
		background: #3333334d;
		backdrop-filter: blur(3px);
	}

	#side.on .to_top {
		margin: 6px 4px 4px 4px;
	}

	#side .to_top i {
		background: none;
	}

	#side.no_wap_sideicon .side-icon_list {
		display: none;
	}

	.side-icon_item {
		display: none;
	}

	.side-icon_item.use_wap_sideicon {
		display: flex;
	}
}

/* unit */
/* unit-indexbutton */
.unit-indexbutton {
	width: 90px;
	height: 60px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	transition: var(--transition-ease3);
	position: relative;
}

.unit-indexbutton:hover {
	background-color: #fff;
}

.unit-indexbutton .unit-indexbutton-icon {
	width: 16px;
	height: 16px;
	fill: #fff;
	transition: var(--transition-ease3);
	transform: rotate(-90deg);
}

.unit-indexbutton:hover .unit-indexbutton-icon {
	fill: var(--background-dark_deep);
}

.unit-indexbutton-wapbg{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 40px;
}

@media screen and (max-width: 1439px) {
	.unit-indexbutton {
		width: 6.25vw;
		height: 4.1666666666vw;
	}
}

@media screen and (max-width: 1439px) {
	.unit-indexbutton {
		width: 7vw;
		height: 4vw;
	}
}


@media screen and (max-width: 720px) {
	.unit-indexbutton {
		width: 70px;
		height: 30px;
		border: none;
	}
	.unit-indexbutton .unit-indexbutton-icon{
		width: 14px;
		height: 14px;
	}
	.unit-indexbutton:hover {
		background-color: inherit;
	}
	.unit-indexbutton:hover .unit-indexbutton-icon {
		fill: #fff;
	}
	.unit-indexbutton-wapbg{
		display: block;
	}
}

/* unit-knowmorebutton */
.unit-knowmore_button {
	width: 240px;
	height: 60px;
	border: 1px solid var(--font-color);
	border-radius: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 21px 0 24px;
	transition: var(--transition-ease3);
}

.unit-knowmore_button svg {
	width: 14px;
	height: 14px;
	fill: var(--font-color);
	transition: var(--transition-ease3);
	transform: rotate(-90deg);
}

.unit-knowmore_button:hover {
	background: var(--font-color);
	color: var(--background-dark_deep);
}

.unit-knowmore_button:hover svg {
	fill: var(--background-dark_deep);

}
.unit-knowmore_button-wap_bg{
	display: none;
}
@media screen and (max-width: 1439px) {
	.unit-knowmore_button {
		width: 16.666666vw;
		height: 4.1666666vw;
	}
}
@media screen and (max-width: 720px) {
	.unit-knowmore_button {
		width: 120px;
        height: 40px;
        padding: 0 20px;
		position: relative;
		border: none;
	}

	.unit-knowmore_button:hover {
		background: inherit;
		color: inherit;
	}

	.unit-knowmore_button svg {
		width: 12px;
		height: 12px;
	}
	.unit-knowmore_button:hover svg {
		fill: var(--font-color);
	}

	.unit-knowmore_button svg.unit-knowmore_button-wap_bg{
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 150px;
		height: 150px;
		z-index: 0;
	}
}

/* unit-templatectae */
.unit-template_cate {
	flex: 0 0 auto;
	width: calc(50% - var(--index-gap) / 2);
	margin-bottom: var(--index-gap);
	height: 25vw;
	max-height: 480px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
}

.unit-template_cate_box {
	width: 33%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.unit-template_cate_title {
	font-size: 32px;
	font-weight: bold;
}

.unit-template_cate_des {
	font-size: 18px;
	padding-top: 14px;
	max-width: 90%;
	margin: 0 auto;
}

.unit-template_cate_box .unit-indexbutton {
	margin-top: 22px;
	border-color: var(--font-color);
}

.unit-template_cate_box .unit-indexbutton:hover {
	background-color: var(--font-color);
}

.unit-template_cate_box .unit-indexbutton .unit-indexbutton-icon {
	fill: var(--font-color);
}

.unit-template_cate_box .unit-indexbutton:hover .unit-indexbutton-icon {
	fill: var(--background-dark_deep);
}

.unit-template_cate_btn {
	display: flex;
}

.unit-template_cate_btn_ali {
	margin: 22px 0 0 22px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	transition: var(--transition-ease3);
}

.unit-template_cate_btn_ali svg {
	fill: var(--font-color);
	width: 40px;
	height: 40px;
	transition: var(--transition-ease3);
}

.unit-template_cate_btn_ali > img {
	display: block;
    width: 40px;
	height: 40px;
}

.unit-template_cate_btn_ali:hover {
	background-color: var(--font-color);
}

.unit-template_cate_btn_ali:hover svg {
	fill: var(--background-dark_deep);
}

.unit-template_cate_btn_ali img {
	filter: brightness(20);
	transition: var(--transition-ease3);
}

.unit-template_cate_btn_ali:hover img {
	filter: none;
}

.unit-template_cate.use_catewapimg>img {
	display: none;
}
@media screen and (max-width: 1439px) {
	.unit-template_cate_box{
		margin-top: 1em;
	}
	.unit-template_cate_title {
		font-size: 2.222222222vw;
	}
	.unit-template_cate_des{
		font-size: 1.25vw;
		padding-top: 2px;
	}
	.unit-template_cate_btn_ali {
		width: 4.1666666vw;
		height: 4.1666666vw;
		margin-left: 10px;
	}
	.unit-template_cate_btn_ali img{
		margin: 6px;
		width: 1.944444444vw;
		height: 1.944444444vw;
	}
}
@media screen and (max-width: 720px) {
	.unit-template_cate_btn_ali {
		margin: 0;
		border: none;
		width: 60px;
		height: 60px;
	}
	.unit-template_cate_btn_ali img{
		margin: 0;
		width: 40px;
		height: 40px;
	}
	.unit-template_cate_btn_ali:hover img {
		filter: brightness(20);
	}

	.unit-template_cate.use_catewapimg {
		min-height: unset !important;
		max-height: unset !important;
		position: relative;
		height: auto !important;
		padding: 0 !important;
	}

	.unit-template_cate.use_catewapimg .unit-template_cate_box {
		position: absolute;
		height: auto;
		inset: 0 0 56% 0;
		z-index: 1;
		text-align: center;
	}

	.unit-template_cate.use_catewapimg>img {
		display: block;
	}

	.unit-template_cate_box .unit-indexbutton:hover {
		background-color: inherit;
	}

	.unit-template_cate_box .unit-indexbutton:hover .unit-indexbutton-icon {
		fill: var(--font-color);
	}

	.unit-template_cate_btn_ali:hover {
		background-color: inherit;
	}

	.unit-template_cate_btn_ali:hover svg {
		fill: inherit;
	}

	.unit-template_cate_btn_ali:hover {
		background-color: inherit;
	}

	.unit-template_cate_btn_ali:hover svg {
		fill: inherit;
	}
}

/* pagination */
ul.pagination {
	display: flex;
	justify-content: center;
	font-size: 16px;
	gap: var(--index-gap);
	padding-top: var(--index-gap);
}

ul.pagination * {
	transition: var(--transition-ease3);
}

ul.pagination>li>* {
	display: block;
	padding: 4px 12px 8px 12px;
	background-color: var(--font-color_sub);
	color: #fff;
	border-radius: 6px;
}

ul.pagination>li.active >* {
	background-color: var(--main-color);
}

.list_v-paginate {
	padding-top: var(--index-gap);
}

ul.pagination>li>a {
	background-color: var(--font-color_sub);
	opacity: .8;
}

ul.pagination>li>a:hover {
	opacity: 1;
}

/* keyframes */
@keyframes shake {
	2% {
		transform: translate(0.5px, -0.5px) rotate(0.5deg);
	}

	4% {
		transform: translate(-0.5px, 2.5px) rotate(0.5deg);
	}

	6% {
		transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
	}

	8% {
		transform: translate(-1.5px, 0.5px) rotate(1.5deg);
	}

	10% {
		transform: translate(1.5px, 2.5px) rotate(0.5deg);
	}

	12% {
		transform: translate(-1.5px, 2.5px) rotate(1.5deg);
	}

	14% {
		transform: translate(1.5px, 1.5px) rotate(-0.5deg);
	}

	16% {
		transform: translate(2.5px, -0.5px) rotate(1.5deg);
	}

	18% {
		transform: translate(1.5px, 0.5px) rotate(0.5deg);
	}

	20% {
		transform: translate(1.5px, -1.5px) rotate(-0.5deg);
	}

	22% {
		transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
	}

	24% {
		transform: translate(-0.5px, -1.5px) rotate(0.5deg);
	}

	26% {
		transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
	}

	28% {
		transform: translate(2.5px, 1.5px) rotate(1.5deg);
	}

	30% {
		transform: translate(0.5px, -0.5px) rotate(1.5deg);
	}

	32% {
		transform: translate(1.5px, 2.5px) rotate(1.5deg);
	}

	34% {
		transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
	}

	36% {
		transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
	}

	38% {
		transform: translate(1.5px, -1.5px) rotate(1.5deg);
	}

	40% {
		transform: translate(-0.5px, 0.5px) rotate(1.5deg);
	}

	42% {
		transform: translate(2.5px, -0.5px) rotate(1.5deg);
	}

	44% {
		transform: translate(-1.5px, 2.5px) rotate(0.5deg);
	}

	46% {
		transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
	}

	48% {
		transform: translate(1.5px, -0.5px) rotate(1.5deg);
	}

	50% {
		transform: translate(1.5px, -0.5px) rotate(1.5deg);
	}

	52% {
		transform: translate(0.5px, 0.5px) rotate(-0.5deg);
	}

	54% {
		transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
	}

	56% {
		transform: translate(1.5px, -1.5px) rotate(1.5deg);
	}

	58% {
		transform: translate(0.5px, 1.5px) rotate(1.5deg);
	}

	60% {
		transform: translate(-0.5px, -0.5px) rotate(1.5deg);
	}

	62% {
		transform: translate(-0.5px, 0.5px) rotate(1.5deg);
	}

	64% {
		transform: translate(0.5px, -0.5px) rotate(1.5deg);
	}

	66% {
		transform: translate(2.5px, 0.5px) rotate(1.5deg);
	}

	68% {
		transform: translate(1.5px, -0.5px) rotate(1.5deg);
	}

	70% {
		transform: translate(0.5px, 2.5px) rotate(1.5deg);
	}

	72% {
		transform: translate(1.5px, -0.5px) rotate(0.5deg);
	}

	74% {
		transform: translate(2.5px, -0.5px) rotate(0.5deg);
	}

	76% {
		transform: translate(2.5px, -0.5px) rotate(1.5deg);
	}

	78% {
		transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
	}

	80% {
		transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
	}

	82% {
		transform: translate(-1.5px, 2.5px) rotate(0.5deg);
	}

	84% {
		transform: translate(-0.5px, 0.5px) rotate(1.5deg);
	}

	86% {
		transform: translate(-1.5px, 1.5px) rotate(0.5deg);
	}

	88% {
		transform: translate(-0.5px, -0.5px) rotate(1.5deg);
	}

	90% {
		transform: translate(-1.5px, -1.5px) rotate(1.5deg);
	}

	92% {
		transform: translate(2.5px, 1.5px) rotate(0.5deg);
	}

	94% {
		transform: translate(2.5px, 1.5px) rotate(-0.5deg);
	}

	96% {
		transform: translate(2.5px, -0.5px) rotate(0.5deg);
	}

	98% {
		transform: translate(1.5px, 0.5px) rotate(-0.5deg);
	}

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

.mobileSubMenuTitle {
	display: flex;
	justify-content: space-between;
}

.mobileSubMenuTitle svg {
	width: 10px;
	height: 10px;
}

@media screen and (max-width: 720px) {
	.unit-template_cate_des {
		margin: 0;
		max-width: unset;
		display: none;
	}


	.unit-template_cate_box,
	.unit-template_cate {
		width: 100% !important;
	}

	.unit-template_cate {
		min-height: 60vw;
		padding: var(--index-gap);
	}

	.list-video.ready .list-video_container {
		padding: var(--index-gap);
	}

	.show-template_item_data:not(:last-child)::after {
		background-color: transparent !important;
	}

	.list-main_grid_odd_item {
		/* width: calc(100% - (var(--index-gap) / 2)) !important */
		width: 100% !important;
	}

	.aboutus_video-box{
		flex-direction: column !important;
	}

	.unit-template_cate_box {
		align-items: flex-start;
	}

	.list_v-nav_list a,
	.list_v-search {
		margin-left: 0 !important;
	}

	.show_v-wrapper {
		z-index: 99;
	}

	.show_v-wrapper {
		background-color: var(--background-light);
	}

	.show-template_item_image img,
	.show-template_item_image video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.show-template_item_images {
		position: relative;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.show-template_item_hasimgss .show-template_item_images {
		position: relative;
	}

	.show-template_item_hasimgss video {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.list_pro-list_mask_box {
		flex-direction: column !important;
		display: flex;
		max-width: 99% !important;
	}

	.list-banner_title,
	.list-main_title,
	.unit-template_cate_title {
		font-size: 24px !important;
	}

	.index-video_flex,
	.index-video_title {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#list_v-searchform_mobile #list_v-searchinput_mobile {
		display: block;
		-webkit-appearance: none;
		appearance: none;
		position: relative;
		z-index: 3;
	}
}