/*body {*/
/*	background: #f7f7f7;*/
/*}*/

/*hr {*/
/*	padding-top: 1.875rem;*/
/*}*/

.contentdiv {
	margin-top: 1.25rem;
	margin-left: 0;
}

.a-title1 {
	position: relative;
	color: #515151;
	text-decoration: none;
	font-size: 1.375rem;
}

.a-title1:hover {
	color: #515151;
	text-decoration: none;
	font-size: 1.375rem;
}

.a-title1:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 0.25rem;
	bottom: -0.3125rem;
	left: 0;
	background-color: #515151;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.a-title1:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

a {
	/*color: #515151;*/
	text-decoration: none;
    color: #000000;
}

a:hover {
	/*color: #000000;*/
	text-decoration: none;
    color: #000000;
	/*font-weight: 1000;*/
}

.title1-div {
	margin-bottom: 0.625rem;
	margin-top: 0.625rem;
}

.title1 {
	font-size: 2rem;
	color: #4B4948;
}

.title2 {
	font-size: 1.75rem;
	color: #4B4948;
	/* color: #007BFF; */
	text-align: center;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;

}


.title3 {
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	font-size: 1.5rem;
	color: #4B4948;
	text-align: center;
}

.titlecolor1 {
	color: #7030A0;
}

.subtitle-1 {
	color: #515151;
	font-size: 1.25rem;
}


.subtitle-2 {
	color: #515151;
	font-size: 1.25rem;
}

.subtitle-2:hover {
	color: #0076F6;
	text-decoration: none;
}

.subtitle-3 {
	color: #515151;
	font-size: 1.125rem;
}

.subtitle-3:hover {
	color: #0076F6;
	text-decoration: none;
}


.text-style1 {
	font-size: 1.125rem;
	text-align: left;
	text-indent: 2rem;
	color: #4B4948;
}

.text-style-sm-1 {
	font-size: 0.875rem;
	text-align: left;
	color: #4B4948;
}

.text-style2 {
	font-size: 1.125rem;
	text-align: left;
	color: #4B4948;
}

.text-note1 {
	font-size: 1rem;
	text-align: left;
	text-indent: 2rem;
	color: #4B4948;
}

.paragraph-div {
	text-align: center;
}

.table-title1 {
	background-color: #0070C0;
	color: #FFFFFF;

}

.table-style1 {
	margin: 0 auto;
}

.table-style1 tr {
	font-size: 0.9375rem;
}

.table-style2 tr {
	font-size: 0.75rem;
}

.top_btn {
	position: fixed;
	right: 0.625rem;
	bottom: 18.75rem;
	border-radius: 0.9375rem;
	cursor: pointer;
	display: none;
	width: 3.75rem;
	height: 3.75rem;
}

.top_btn:hover {
	color: white;
	background: #1296DB;
}

.top_btn_area_out {}

.top_btn_area_in {
	font-size: 1.25rem;
	margin-left: 0.75rem;
	display: none;
	margin-top: 0.9375rem;
}

.logo_web {
	padding-top: 1.25rem;
}

.leftmenu {
	margin-top: 5%;
	padding-left: 10%;
	display: inline;
	position: fixed;
	border-right: solid 0.0625rem;
	width: 28%;
	padding-right: 1%;
}

.imgauto1 {
	width: 100%;
	height: auto;
}

.imgauto2 {
	width: 80%;
	height: auto;
}

.imgauto2_5 {
	width: 70%;
	height: auto;
}


.imgauto3 {
	width: 60%;
	height: auto;
}

.imgauto4 {
	width: 40%;
	height: auto;
}

.imgauto5 {
	width: 20%;
	height: auto;
}

.side_logo_img {
	margin-top: 0.625rem;
}

.contractus {
	text-align: right;
	padding-top: 1.875rem;
	font-size: 1.125rem;
}

.leftmenu .current {
	background-color: #aaffff;
	color: #000000;

}

.leftmenu_resp {
	position: fixed;
	border-right: solid 0.0625rem;
	padding-right: 3.125rem;
	text-align: right;
	margin-top: 1.875rem;
}

.leftmenuul li:hover {
	background-color: #aaffff;
}

.tabitem {
	display: none;
}

.site-canvas {
	position: relative;
}

.dna {
	width: 100%;
	height: 16.25rem;
	text-align: center;
	overflow: hidden;
}

.dna_section {
	position: relative;
	margin: 0 0.3125rem;
	width: 3.125rem;
	height: 15.625rem;
	display: inline-block;
}

.dna_section .node {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 100%;
	background: #40ecff;
	-webkit-animation: 4s topNode ease-in-out infinite;
	animation: 4s topNode ease-in-out infinite;
}

@-webkit-keyframes topNode {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		top: 0;
		z-index: 10;
		opacity: 0.75;
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		top: 12.5rem;
		z-index: 0;
		opacity: 0.75;
	}

	75% {
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		top: 0;
		opacity: 0.75;
	}
}

@keyframes topNode {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		top: 0;
		z-index: 10;
		opacity: 0.75;
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		top: 12.5rem;
		z-index: 0;
		opacity: 0.75;
	}

	75% {
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		top: 0;
		opacity: 0.75;
	}
}

.dna_section .node.bottom {
	top: auto;
	bottom: 0;
	background: #5C80BC;
	-webkit-animation: 4s bottomNode ease-in-out infinite;
	animation: 4s bottomNode ease-in-out infinite;
}

@-webkit-keyframes bottomNode {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		bottom: 0;
		opacity: 0.75;
	}

	25% {
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
		opacity: 0.5;
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		bottom: 12.5rem;
		opacity: 0.75;
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		bottom: 0;
		opacity: 0.75;
	}
}

@keyframes bottomNode {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		bottom: 0;
		opacity: 0.75;
	}

	25% {
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
		opacity: 0.5;
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		bottom: 12.5rem;
		opacity: 0.75;
	}

	75% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		bottom: 0;
		opacity: 0.75;
	}
}

.partner table {
	margin: 1.25rem auto;
}

.partner table td {
	width: 8.75rem;
	height: 6.25rem;
	text-align: center;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.partner_img {
	width: 7.8125rem;
	height: 7.5rem;
}

.home_about table {
	margin: 1.25rem auto;
}

.home_about table td {
	height: 12.5rem;
	border: solid 0.0625rem;
}

.footer {
	width: 100%;
	background: #4c4a44;
}

.footer {
	width: 100%;
	background: #4c4a44;
}

.footer-nav {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.footer-nav table {
	margin: 1.25rem auto;
}

.footer-nav table td {
	padding: 0.3125rem;
	color: #FFFFFF;
}

.footer-copy {
	width: 100%;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.25rem;
	/*color: #fff;*/
}

.footer-copy a {
	/*color: #fff;*/
}

.footer-copy a:hover {
	color: #ffffff;
}

.text-style2 {
	font-size: 1.125rem;
	text-align: left;
	color: #4B4948;
}

.h3_title {
    background-color: #CC7D61;
    font-size: 1.2rem;
    font-weight: 500
}

.h3_content {
    background-color: #B4362D;text-align: left
}

.h3_span {
    margin-top: 0.1rem;
    padding: 2rem;
}

.h4_title {
    /*background-color: #CC7D61;*/
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    justify-content: left;
    /*color: #cedeea;*/
    padding-left: 1rem;
}

.h4_content {
    display: flex;
    justify-content: left;
    /*background-color: #B4362D;*/
    text-align: left;
    font-size: 1rem;
    padding-left: 2rem;
}

.disc-point {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.font_white {
    color: #fff;
}
.font_black {
    color: #000;
}

.product_page_content_text {
    float: left;
    display:inline-block;
    height:2rem;
    width: 90%;
}
.product_page_content_triangle {
    font-size: 1.2rem;
    float: right
}
.product_page_content_sub_text {
    float: left;
    padding-left: 1rem;
    display:inline-block;
    height:2rem;
    width: 90%;
}
.product_page_content_sub_triangle {
    font-size: 1.2rem;float: right;
}
.product_page_title {
    font-size: 1.5rem;color: #A71D1D
}
.product_page_sub_title {
    text-align: center;
    padding-top: 3rem;
    font-size: 1.5rem;
    color: #A71D1D;
    padding-bottom: 3rem;
}
.product_page_text {
    padding: 0 10%;line-height: 2.1rem
}