@charset "UTF-8";
@import url('mainVision_star.css');
html { 
-webkit-tap-highlight-color: transparent;
}
 
html ::selection {
        background: #fbb24b;
        color: #38342C;
}

body{
	width: 100%; min-height: 100%;
}

article {

}



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


/* ================================*/
/* ------- header */
/* ================================*/

.logo {
	width: 220px; height: 44px;
	background-image: url(../images/logo@2x.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

header {
	position: fixed;
	z-index: 50;
	left: 0; top: 0;
	width: 100%; height: 120px;
	transition: all .4s ease-in-out;
}

header::after {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-image: linear-gradient(135deg,  rgba(23, 38, 122, 1) 0%,rgba(22, 25, 60, 1) 100%); 
	opacity: 0;
	transition: all .4s ease-in-out;
}

header.isScroll,
header.isScroll .menu {
	height: 80px;
}

header.isScroll .menu a {
	height: 80px;
	line-height: 80px;
}

header.isScroll::after {
	opacity: 1;
}


/* header .hamber {
	display: none;
} */

header .logo {
	position: absolute;
	z-index: 52;
	left: 60px; top: 0; bottom: 0;
	margin: auto 0;
}

header .menu {
	position: absolute;
	z-index: 50;
	top: 0; right: 40px;
	width: 650px; height: 120px;
	transition: all .4s ease-in-out;
}

header .menu ul {
	display: flex;
	flex-wrap: wrap;
}

header .menu ul li {
	margin: 0 40px 0 0 ;
}

header .menu ul li:last-child {
	margin: 0 0 0 0;
}

header .menu a {
	display: block;
	height: 120px;
	line-height: 120px;
	color: #fff;
	transition: all .3s ease;
}

header .menu a:hover,
header .menu ul li.--active a {
	color: #12F1FF;
}



.isMobile .hamber {
	position: absolute;
	top: 0; right: 0;
	z-index: 52;
	width: 80px; height: 80px;
	/* background-color: red; */
	cursor: pointer;
}
.isMobile .hamber .in {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	width: 30px; height: 8px;
	overflow: hidden;
}

.isMobile .hamber .in span {
	position: absolute;
	right: 0;
	width: 100%; height: 2px;
	background-color: #12F1FF;
}
.isMobile .hamber .in span:first-child {
	top: 0;
	transform: translateX(0) translateY(0) rotate(0);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.isMobile .hamber .in span:last-child {
	bottom: 0;
	transform: translateX(50%) translateY(0) rotate(0);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.isMenuOpen.isMobile .hamber .in {
	overflow: visible;
}
.isMenuOpen.isMobile .hamber .in span:first-child {
	transform: translateX(0) translateY(2px) rotate(-45deg);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.isMenuOpen.isMobile .hamber .in span:last-child {
	transform: translateX(0) translateY(-4px) rotate(45deg);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.hamber:hover .in span:last-child {
	transform: translateX(0) translateY(0) rotate(0);
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}



/* ================================*/
/* ------- footer */
/* ================================*/

footer {
	padding: 50px 0;
	background-image: radial-gradient(ellipse at left top, #17267a, #16193C);
}

footer .l-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .companyInfo {
	width: 460px;
}

footer .companyInfo .logo {
	position: relative;
	margin: 0 0 20px 0 ;
}

footer .companyInfo .info {
	padding: 0 0 0 50px ;
}

footer .companyInfo .info .h5title,
footer .companyInfo .info p,
footer .companyInfo .info .copyright {
	color: #fff;
}


footer .companyInfo .info p {
	margin: 0 0 10px 0;
}

footer .companyInfo .info p,
footer .companyInfo .info .copyright  {
	font-size: 14px;
	opacity: .85;
}

footer .sitemapContact {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 550px;
}

footer .sitemapContact .title {
	margin: 0 0 20px 0 ;
	line-height: 2;
	font-weight: bold;
	border-bottom: 1px solid rgba(255,255, 255, .3);
}

footer .sitemapContact .sitemap {
	width: 230px;
}

footer .sitemapContact .title,
footer .sitemapContact a {
	color: #fff;
}

footer .sitemapContact a {
	font-size: 14px;
}

footer .sitemapContact .sitemap  .ulgroups {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

footer .sitemapContact .sitemap  .ulgroups a {
	line-height: 2.6;
}

footer .sitemapContact .contact {
	width: 270px;
}

footer .sitemapContact .contact .iconGroup {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px 0;
}

footer .sitemapContact .contact .iconGroup .itm {
	width: 36px; height: 36px;
	margin: 0 10px 0 0 ;
	border: 1px solid #fff;
	border-radius: 15px;
}

footer .sitemapContact .contact .mltladd .itm {
	line-height: 2;
}

footer .l-inner > .copyright {
	display: none;
}


/* ================================*/
/* ------- loaderGroup */
/* ================================*/

.loaderGroup {
	position: fixed;
	z-index: 99;
	top: 0; left: 0;
	width: 100%; height: 100vh;
	background-color: #F7F7F7;
}

.loaderGroup .loader {
	position: absolute;
	left: 0;  top: 0; 
	margin: auto;
	height: 100vh;
	width: 100%;
	text-align: center;
	padding: 1em;
	margin: 0 auto 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: top;
}

/*
  Set the color of the icon
*/
.loaderGroup svg path,
.loaderGroup svg rect {
  fill: #76DDC6;
}

/* ================================*/
/* ------- l-formGroup*/
/* ================================*/

.l-formGroup {

}

.l-formGroup .tt {
	margin-bottom: 20px;
	text-align: center;
	font-weight: 500;
}

.l-formGroup .inputbox,
.l-formGroup .textareabox {
	width: 100%; 
	line-height: 38px;
	margin-bottom: 10px;
}

.l-formGroup label {
	display: block;
	line-height: 1.6;
	font-weight: bold;
}

.l-formGroup .inputbox input,
.l-formGroup .textareabox textarea  {
	display: block;
	width: 100%; 
	padding: 0 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	background-color: transparent;
}

.l-formGroup .textareabox textarea {
	height: 120px;
}

.l-formGroup .inputbox input[type="text"],
.l-formGroup .inputbox input[type="tel"],
.l-formGroup .inputbox input[type="email"]   {
	height: 38px;
}

.inputbox.tm-submit input[type="submit"] {
	width: 100%; height: 40px; 
	line-height: 40px;
	margin: auto;
	text-align: center;
	font-weight: bold;
	color: #00369D;
	border: 0;
	background-color: #12F1FF;
}



/* ================================*/
/* ------- l-more */
/* ================================*/

.l-maintitle {
	position: relative;
	margin: 0 0 40px 0;
}

.l-maintitle::after {
	content: '';
	position: absolute;
	bottom: -10px;
	width: 200px; height: 4px;
	background-color: #12F1FF;
}

.l-maintitle .en {
	line-height: 1.4;
	font-style: italic;
}

.l-maintitle .h4title {
	font-weight: bold;
	color: #00369D;
}

.l-maintitle.tm-dark .en,
.l-maintitle.tm-dark .h4title {
	color: #fff;
}

.l-maintitle.tm-right::after {
	right: 0;
}

.l-maintitle.tm-right .en,
.l-maintitle.tm-right .h4title {
	text-align: right;
}

/* ================================*/
/* ------- l-more */
/* ================================*/

.l-more {
	width: 100%; height: 38px; 
	line-height: 36px;
	margin: 30px 0 0 0 ;
	text-align: center;
	font-weight: 700;
	color: #12F1FF;
	border: 2px solid #12F1FF;
	border-radius: 6px;
	transition: all .4s ease;
	background-color: transparent;
}

.isDesktop .l-more:hover {
	color: #00369D;
	background-color: #12F1FF;
} 


/* ================================*/
/* ------- l-listCircle */
/* ================================*/


/* ================================*/
/* ------- Home */
/* ================================*/

.Home .sMainVision {
	width: 100%; height: 100vh;
	/* background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
	background: radial-gradient(ellipse at bottom, #1b2735 0%, #00369D 100%); */
	/* background-image: url(../images/mainvieion.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; */
	
}
.Home .sMainVision .l-more.tm-mobile {
	display: none;
}

.Home .sMainVision::after {
	position: absolute;
	z-index: -1;
	left: 0; top: 0;
	content: '';
	width: 100%; height: 100%; 
	background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
	background: radial-gradient(ellipse at bottom, #090a0f 0%, #00369D 150%);
	animation: radial-gradient-anime 3s linear alternate-reverse infinite;
}

@keyframes radial-gradient-anime {
	0%   { filter: grayscale(0%) }
	100% { filter: grayscale(50%); }
	/* 0%   { background: radial-gradient(ellipse at bottom, #1b2735 0%, #00369D 100%);}
	100% { background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);} */
}
 
 

canvas {
	display: block;
	vertical-align: bottom;
}
 
#particles-js {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.Home .sMainVision .l-inner {
	position: relative;
	max-width: 1400px;
	height: 100%;
}

.Home .sMainVision .info {
	position: absolute;
	z-index: 2;
	top: 0; bottom: 0; left: 0;
	margin: auto;
	height: 372px;
}

.Home .sMainVision .info,
.Home .sMainVision .info p {
	color: #fff;
}

.Home .sMainVision .info .title {
	margin: 0 0 20px 0;
	font-size: 120px;
	font-weight: 100;
}

.Home .sMainVision .info .title span {
	display: block;
	height: auto;
	line-height: .85em;
	pointer-events: none; 
}

.Home .sMainVision .info .brief {
	width: 364px; min-height: 64px;
	overflow: hidden;
}

.Home .sMainVision .info .brief p {
	pointer-events: none; 
}

.Home .sMainVision .brainphone {
	position: absolute;
	z-index: 40;
	right: 0; top: 0; bottom: 0; 
	margin: auto 0;
	width: 700px; height: 600px;
	pointer-events: none; 
	/* background-color: red; */
}

.Home .sMainVision .brainphone .im-phone{
	width: 100%; height: 100%;
	animation: float2 7s ease-out infinite;
}
.Home .sMainVision .brainphone .im-phone .phone,
.Home .sMainVision .brainphone .im-phone .screen {
	position: absolute;
	right: 0; bottom: 0; 
	z-index: 1;
	width: 600px; height: 398px;/* 1.3倍 */
	background-image: url(../images/main_phone@2x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.Home .sMainVision .brainphone .im-phone .screen {
	z-index: 2;
	background-image: url(../images/main_phonescreen@2x.png);
	animation: breath 6s;
	animation-iteration-count:infinite;
}
.Home .sMainVision .brainphone .im-phone .light	 {
	position: absolute;
	right: 170px; top: -60px;
	z-index: 4;
	width: 262px; height: 528px;/* 1.3倍 */
	background-image: url(../images/main_light@2x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	animation: breath 6s;
	animation-iteration-count:infinite;
}
.Home .sMainVision .brainphone .im-brain {
	position: absolute;
	right: 170px; top: 70px;
	z-index: 3;
	width: 262px; height: 262px;/* 1.3倍 */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	animation: float 3s ease-out infinite;
	opacity: .5;
}
.Home .sMainVision .brainphone .im-brain .brain01,
.Home .sMainVision .brainphone .im-brain .brain02{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.Home .sMainVision .brainphone .im-brain .brain01{
	background-image: url(../images/main_brain_01_K@2x.png);
	
}
.Home .sMainVision .brainphone .im-brain .brain02{
	background-image: url(../images/main_brain_02_K@2x.png);
	-webkit-animation: breath 6s; 
	animation: breath 6s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}


 @keyframes breath {
	0%    {opacity: 0.1;}
	60%   {opacity:   1;}
	100%  {opacity: 0.1;}
 }

 @keyframes float {
	50% {
		transform: translate(0, 20px);
	}
 }

 @keyframes float2 {
	50% {
		transform: translate(0, 10px);
	}
 }

.Home .sAboutUs {
	position: relative;
	margin: 40px 0 80px 0;
}

.Home .sAboutUs::after {
	content: '';
	position: absolute;
	right: 0; bottom: calc(-50px + 20px);
	width: calc((100% - 1100px)/2 + 200px); height: 100px;
	background-color: #12F1FF; 
}

.Home .sAboutUs figure {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	width: 100%; 
	margin: 50px 0 0 0 ;
}

.Home .sAboutUs figure::after {
	content: '';
	position: absolute;
	z-index: -1;
	right: 0; bottom: 0;
	width: calc(100% - 100px); height: 100%;
	background-color: #F6F5FA;
}

.Home .sAboutUs figure .img {
	position: relative;
	width: 56%; height: auto;
	transform: translateY(-50px);
}

.Home .sAboutUs figure img {
	width: 100%; height: auto;
}

.Home .sAboutUs figure .img .logo {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	margin: auto;
	width: 400px; height: 80px;
}

.Home .sAboutUs figure figcaption {
	width: 44%; height: auto;
	padding: 0 40px 40px 40px;
}

.Home .sService {
	position: relative;
	z-index: 2;
	width: 100%; height: auto;
	padding: 50px 0;
	background-image: radial-gradient(ellipse at left top, #2337A2, #16193C);
}

.Home .sService .siconGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.Home .sService .siconGroup .itm {
	width: calc((100% - 56px)/5); height: auto;
	margin: 0 0 50px 0 ;
	overflow: hidden;
}

.Home .sService .siconGroup .itm .icon {
	width: 100px; height: 100px;
	margin: 0 auto 18px auto;
	background-image: url(../images/s01@2x.png);
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	border: 3px solid #12F1FF;
	border-radius: 50%;
}
.Home .sService .siconGroup .itm:nth-child(2) .icon { background-image: url(../images/s02@2x.png); }
.Home .sService .siconGroup .itm:nth-child(3) .icon { background-image: url(../images/s03@2x.png); }
.Home .sService .siconGroup .itm:nth-child(4) .icon { background-image: url(../images/s04@2x.png); }
.Home .sService .siconGroup .itm:nth-child(5) .icon { background-image: url(../images/s05@2x.png); }
.Home .sService .siconGroup .itm:nth-child(6) .icon { background-image: url(../images/s06@2x.png); }
.Home .sService .siconGroup .itm:nth-child(7) .icon { background-image: url(../images/s07@2x.png); }
.Home .sService .siconGroup .itm:nth-child(8) .icon { background-image: url(../images/s08@2x.png); }
.Home .sService .siconGroup .itm:nth-child(9) .icon { background-image: url(../images/s09@2x.png); }
.Home .sService .siconGroup .itm:nth-child(10) .icon { background-image: url(../images/s10@2x.png); }


.Home .sService .siconGroup .itm .cont .title {
	margin: 0 0 10px 0;
}

.Home .sService .siconGroup .itm .cont .title .h4title {
	text-align: center;
	color: #fff;
}

.Home .sService .siconGroup .itm .cont .txt {
	position: relative;
	height: 100%;
	padding: 18px 15px 18px 15px;
	/* background-color: rgba(255, 255, 255, .15); */
}

.Home .sService .siconGroup .itm .cont .txt::after {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 500px;
	background-color: rgba(255, 255, 255, .15);
}

.Home .sService .siconGroup .itm .cont .txt p {
	color: #fff;
	word-wrap: break-word;
	word-break: break-word;
}

.Home .sSolution {
	padding: 90px 0;
	background-color: #F6F5FA;
}

.Home .sSolution .l-inner {
	overflow: visible;
}

.Home .sSolution .solGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.Home .sSolution .solGroup .itm {
	position: relative;
	width: calc((100% - 56px)/5);
	margin: 0 0 14px 0;
	overflow: hidden;
	transition: all .4s ease;
}

.Home .sSolution .solGroup .itm.tm-title {
	overflow: visible;
}

.Home .sSolution .solGroup .itm.tm-title::after {
	content: '';
	position: absolute;
	top: -50px; right: 0;
	width: 1000px; height: 100px;
	background-color: #12F1FF;
}

.Home .sSolution .solGroup .itm.tm-title .l-maintitle {
	position: absolute;
	left: 0; bottom: 40px;
	margin: auto;
}

.Home .sSolution .solGroup .itm img {
	display: block;
	width: 100%; height: auto;
	transform: scale(1.1, 1.1);
	transition: all 1s ease;
}

.Home .sSolution .solGroup .itm:hover img {
	transform: scale(1, 1);
}

.Home .sSolution .solGroup .itm h3{
	position: absolute;
	left: 10px; bottom: 10px;
	font-weight: bold;
	color: #fff;
}

.Home .sCooperation {
	padding: 50px 0;
}

.Home .sCooperation .slick {
	position: relative;
	padding: 0 40px;
}

.Home .sCooperation .slick .arrow {
	position: absolute;
	z-index: 1;
	top: 0; bottom: 0;
	margin: auto 0;
	width: 36px; height: 36px;
	cursor: pointer;
	background-image: url(../images/arrow@2x.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: .2;
	transition: all .4s ease;
}

.Home .sCooperation .slick .arrow:hover {
	opacity: 1;
}

.Home .sCooperation .slick .arrow.arrow-prev {
	left: 0px;
	transform: scaleX(-1);s
}
.Home .sCooperation .slick .arrow.arrow-next {
	right: 0px;
}
.js_slickCooperation .slick-next.slick-arrow,
.js_slickCooperation .slick-prev.slick-arrow {
	display: none;
	left: 99999999px;
}

.Home .sCooperation .slick img {
	margin: 0 20px ;
}

.Home .sContact {
	padding: 50px 0;
	background-image: url('../images/homeContacr.png'), radial-gradient(ellipse at left top, #17267a, #16193C);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.Home .sContact .formMap {
	display: flex;
	flex-wrap: wrap;
}

.Home .sContact .formMap .form {
	width: 435px; 
	padding: 20px;
	color: #fff;
	background-color: rgba(246, 245, 250, .2);
}

.Home .sContact .formMap .map {
	width: calc(100% - 435px);
	background-color: #000;
}

/* ================================*/
/* ------- l-banner  */
/* ================================*/


.l-banner {
	width: 100%; height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}	
.l-banner.tm-aboutA {
	background-image: url(../images/bannerAboutA.png);
}
.l-banner.tm-service {
	background-image: url(../images/bannerservice.png);
}
.l-banner.tm-solution {
	background-image: url(../images/bannersolution.png);
}
.l-banner .l-inner {
	position: relative;
	height: 100%;
}

.l-banner .l-maintitle {
	position: absolute;
	left: 0; bottom: 20px;
}

/* ================================*/
/* ------- Timneline  */
/* ================================*/

.entries {
	position: relative;
	width: calc(100% - 80px);
	max-width: 800px; min-height: 900px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	margin: auto;
	left: -5px;
 }
.entries::before {
	content: '';
	position: absolute;
	left: 0; right: 0;
	margin: auto ;
	width: 4px; height: 100%;
	background-color: #3b3b3b;
}
.entries .entry {
	position: relative;
	width: 50%;
}
.entries .entry::before {
	content: '';
	position: absolute;
	top: 20px;
	width: 14px;height: 14px;
	background-color: #fff;
	border: 4px solid #3b3b3b;
	border-radius: 50%;
}
.entries .entry:nth-child(odd)::before {
	right: -7px; 
}
.entries .entry:nth-child(even)::before {
	left: -7px; 
}
.entries .entry:nth-child(odd) {
	text-align: right;
	padding: 0 80px 0 0;
}
.entries .entry:nth-child(even) {
	padding: 0 0 0 80px;
	transform: translateY(50%);
}
.entries .entry:first-child::before,
.entries .entry:last-child::before {
	background-color: #3b3b3b;
}
.entries .entry .title {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0;
}

.entries .entry .body p {
	margin: 0 0 10px 0;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 16px;
}
 
 

/* ================================*/
/* ------- Category  */
/* ================================*/

.Category .cont > .l-inner {
	position: relative;
	min-height: .9vh;
	padding: 40px 0;
}

.Category .cont .left {
	position: absolute;
	left: 0; top: 40px;
	width: 260px; height: auto; min-height: 180px;
	padding: 30px 20px;
	background-color: #F6F5FA;
}

.Category .cont .left ._sml {
	display: none;
}

.Category .cont .left.js_fixedCategory.isFixed {
	position: fixed;
	left: calc((100% - 1200px)/2); 
	top: 	calc(80px + 40px);
}

.Category .cont .left .itm {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px 0 ;
}

.Category .cont .left .itm .icon {
	width: 16px; height: 16px;
	/* background-color: red; */
	border: 5px;
}

.Category .cont .left .itm .icon .--nml,
.Category .cont .left .itm .icon .--act  {
	width: 100%;
}

.Category .cont .left .itm .icon .--act {
	display: none;
}

.Category .cont .left .itm.--active .icon .--act {
	display: block;
}
.Category .cont .left .itm.--active .icon .--nml {
	display: none;
}
.Category .cont .left .itm.--active span {
	font-weight: bold;
	color: #00369D;
}

.Category .cont .left .itm span {
	display: block;
	width: calc(100% - 24px);
	line-height: 16px;
	color: #b7b7b7;
}

.Category .cont .right {
	width: calc(100% - 300px); 
	margin: 0 0 0 300px;
}

.l-essay .group {
	margin: 0 0 40px 0;
}

.l-essay .group p {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 1.8;
}

.l-essay .group > ul {
	margin: 20px 0;
}

.l-essay .group ul {
	padding: 30px 20px;
	background-color: #F5F7FA;
}

.l-essay .group ul li {
	position: relative;
	margin: 0 0 8px 0;
	padding: 0 0 0 40px;
	color: #838383;
}

.l-essay .group ul li::after {
	content: '';
	position: absolute;
	left: 7px; top: 7px;
	width: 6px; height: 6px;
	background-color: #D3D3D3;
	border-radius: 50%;
}

.l-essay .group ul .tt {
	margin: 0 0 8px 0;
	font-size: 16px;
}

.l-essay .smgroup {
	margin: 40px 0 40px 0;
}

.l-essay .group > img,
.l-essay .smgroup > img,
.l-essay .group > picture,
.l-essay .smgroup > picture,
.l-essay .group > picture img,
.l-essay .smgroup > picture img {
	width: 100%;
	margin: 0 0 10px 0;
}

.l-essay .group .tt {
	font-weight: bold;
	margin: 0 0 20px 0;
}

.l-essay .group h4.tt {
	color: #3CB3FF;
}

.l-essay .group .tm-gray {
	color: #7B7B7B;
	font-weight: bold;
}

.l-essay .group .tm-blue {
	color: #1E76C4;
	font-weight: bold;
}

.l-essay .group .tm-green {
	color: #00C1A3;
	font-weight: bold;
	text-align: center;
}

.l-essay .group .l_threeitmScope {
	display: flex;
	justify-content: space-between;
}

.l-essay .group .treeitmarrow {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.l-essay .group .treeitmarrow .itm {
	position: relative;
	width: calc((100% - 120px)/3);
}

.l-essay .group .treeitmarrow .itm:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 0; bottom: 0;
	margin: auto 0;
	right: -38px;
	width: 24px; height: 24px;
	background-image: url('../images/arrow@2x.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.l-essay .group .treeitmarrow .itm img {
	width: 100%;
}

.l-essay .group .l_threeitmScope .itm {
	width: calc((100% - 30px)/3);
	border: 1px solid #1E76C4;
}


.l-essay .group .l_threeitmScope .itm .ttt {
	height: 30px; line-height: 30px;
	text-align: center;
	color: white;
	font-weight: bold;
	background-color:  #1E76C4;
}

.l-essay .group .l_threeitmScope .itm .tg {
	padding: 10px;
}

.l-essay .group .twotwoitemscope {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.l-essay .group .twotwoitemscope .img {
	width: 40%;
}
.l-essay .group .twotwoitemscope .img img {
	width: 100%;
}
.l-essay .group .twotwoitemscope .txt {
	width: calc(60% - 40px);
}

.l-essay .group  .l_garyBlock {
	padding: 30px 20px;
	background-color: #F5F7FA;
}

.l-essay .group  .l_garyBlock  .garyitm {
	margin-bottom: 16px;
}

.l-essay .group  .l_garyBlock  .garyitm ._tt {
	font-weight: bold;
	color: #7B7B7B;
}




/* ============================================*/
/* ------- Category l-essay .itms 主題 共用  */
/* ============================================*/

.Category .l-essay .l-itms .itm .txt .tt {
	margin: 0 0 10px 0 ;
	font-weight: bold;
	color: #3CB3FF;
}

.Category .l-essay .l-itms.tm-alcenter .itm .txt .tt  {
	text-align: center;
}

/* ============================================*/
/* ------- Category l-essay .itms 主題a  */
/* ============================================*/

.Category .l-essay .l-itms.tm-a .itm {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.Category .l-essay .l-itms.tm-a .itm img {
	width: 170px; height: auto;
	margin: 0 30px 0 0 ;
}

.Category .l-essay .l-itms.tm-a .itm .txt {
	width: calc(100% - 200px);
}

.Category .l-essay .l-itms.tm-a .itm .txt .tt {
	margin: 0 0 10px 0 ;
	font-weight: bold;
	color: #3CB3FF;
}

/* ============================================*/
/* ------- Category l-essay .itms 主題b */
/* ============================================*/

.Category .l-essay .l-itms.tm-b {
	display: flex;
	flex-wrap: wrap;
}

.Category .l-essay .l-itms.tm-b .itm {
	margin: 0 30px 30px 0 ;
}

.Category .l-essay .l-itms.tm-b .itm img {
	margin: 0 0 5px 0; 
}

.Category .l-essay .l-itms.tm-b .itm img,
.Category .l-essay .l-itms.tm-b .itm .txt {
	width: 100%;
}

.Category .l-essay .l-itms.tm-b.tm-c3 .itm {
	width: calc((100% - 60px)/3); 
}

.Category .l-essay .l-itms.tm-b.tm-c4 .itm {
	width: calc((100% - 90px)/4); 
}

.Category .l-essay .l-itms.tm-b.tm-c3 .itm:nth-child(3n+3) {
	margin: 0 0 30px 0 ;
}

.Category .l-essay .l-itms.tm-b.tm-c4 .itm:nth-child(4n+4) {
	margin: 0 0 30px 0 ;
}



/* ================================*/
/* ------- Category 關於我們  */
/* ================================*/

.Category.tm-about .l-essay .group {
	padding: 0 0 40px 0 ;
	border-bottom: 1px solid #ccc;
}
.Category.tm-about .l-essay .group:last-child {
	border: 0;
}

.Category.tm-about .l-essay .group figure {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.Category.tm-about .l-essay .group figure img {
	width: 150px; 
	margin: 0 50px 0 0 ;
}
.Category.tm-about .l-essay .group figure figcaption {
	width: calc(100% - 200px);
}

/* ==============================================*/
/* ------- Category intersectionObserverArea  */
/* ==============================================*/


.Category.tm-service .intersectionObserverArea .itm {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	/* height: 700px; */
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;

}

.Category.tm-service .intersectionObserverArea .itm:nth-child(even) video,
.Category.tm-service .intersectionObserverArea .itm:nth-child(even) .videoimg {
	order: 2;
	margin: 0 0 0 60px;
}

.Category.tm-service .intersectionObserverArea .itm video,
.Category.tm-service .intersectionObserverArea .itm .videoimg {
	display: block;
	width: 300px; 
	margin: 0 60px 0 0;
}

.Category.tm-service .intersectionObserverArea .itm .videoimg img {
	width: 100%; max-width: 270px;
	margin-left: auto;
	margin-right: auto;
}

.Category.tm-service .intersectionObserverArea .itm .videoCont {
	width: calc(100% - 360px);
}

.Category.tm-service .intersectionObserverArea .itm .videoCont .title {
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #3CB3FF;
}

.Category.tm-service .intersectionObserverArea .itm .videoCont p {
	margin: 0 0 6px 0 ;
}


@media screen and (max-width: 1800px){
/*---Desktop ------------------------------------------------*/

	/* .l-inner {
		max-width: 1580px;
	} */

}


@media screen and (max-width: 1600px){
	/*---15" ------------------------------------------------*/
	.l-inner {
		max-width: 1200px;
	}

	.Home .sMainVision .l-inner {
		max-width: 1160px; 
	}

	.Home .sMainVision .info {
		height: 300px;
	}

	.Home .sMainVision .info .title {
		font-size: 100px;
	}
}

@media screen and (max-width: 1440px){

	.l-maintitle::after {
		height: 2px;
	}

	.l-more {
		border: 1px solid #12F1FF;
	}

	.h4title {
		font-size: 16px;
	}

	.logo {
		width: 180px; height: 36px;
	}

	header .menu {
		right: 60px;
		width: 600px;
	}

	header, header .menu, header .menu a {
		height: 90px; line-height: 90px;
	}
	

	.Home .sService .siconGroup .itm .icon {
		width: 70px; height: 70px;
		background-size: 70%;
		border: 1px solid #12F1FF
	}

	.Home .sMainVision .brainphone {
		width: 500px; height: 500px;
		/* background: red; */
	}
	.Home .sMainVision .brainphone .im-phone .phone, 
	.Home .sMainVision .brainphone .im-phone .screen {
		width: 500px; height: 330px;
	}
	.Home .sMainVision .brainphone .im-phone .light {
		right: 170px; top: 10px;
		width: 190px; height: 382px;
	}
	.Home .sMainVision .brainphone .im-brain {
		right: 180px; top: 90px;
		width: 180px; height: 180px;
	}
}

@media screen and (max-width: 1366px){
	/*---13" ------------------------------------------------*/

		/* .l-inner {
			max-width: 960px;
		} */


}

@media screen and (max-width: 1200px){
	/*---MOBILE 8 plus ------------------------------------------------*/
	
	.l-inner {
		max-width: 960px;
	}

	.h2title {
		font-size: 33px;
	}

	.Home .sMainVision .l-inner {
		max-width: 960px; 
	}

	.Home .sMainVision .info {
		height: 250px;
	}

	.Home .sMainVision .info .title {
		font-size: 70px;
	}

	.Home .sMainVision .brainphone {
		width: 400px; height: 400px;
	}
	.Home .sMainVision .brainphone .im-phone .phone, 
	.Home .sMainVision .brainphone .im-phone .screen {
		width: 400px; height: 264px;
	}
	.Home .sMainVision .brainphone .im-phone .light {
		right: 130px; top: 10px;
		width: 150px; height: 302px;
	}
	.Home .sMainVision .brainphone .im-brain {
		right: 130px; 
		width: 150px; height: 150px;
	}

	.Home .sAboutUs {
		margin: 0;
		padding: 50px 0;
		background-image: url(../images/homeAbout@2x.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.Home .sAboutUs .l-inner {
		width: 100%; max-width: 100%; 
		padding: 0;
	}

	.Home .sAboutUs figure {
		flex-direction: column;
		margin: 0;
	}

	.Home .sAboutUs figure .img {
		width: 100%;
		transform: translateX(0);
	}

	.Home .sAboutUs figure .img .logo {
		position: relative;
		width: 180px; height: 36px;
		margin: 0 auto 50px auto;
	}

	.Home .sAboutUs figure img {
		display: none;
	}

	.Home .sAboutUs figure::after {
		display: none;
	}

	.Home .sAboutUs figure figcaption {
		width: 100%; max-width: 960px;
		padding: 20px 40px;
		background-color: rgba(255,255, 255, .9);
	}

	.Home .sAboutUs figure figcaption .l-more {
		max-width: 300px;
		color: #00369D;
		border: 1px solid #00369D;
	}

	.Home .sAboutUs figure figcaption .l-maintitle.tm-right .en, 
	.Home .sAboutUs figure figcaption .l-maintitle.tm-right .h4title {
		text-align: left;
	}
	.Home .sAboutUs figure figcaption .l-maintitle.tm-right::after {
		left: 0; right: auto;
	}

	.Home .sService .siconGroup .itm {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(calc((100% - 100px)/2));
		margin: 0 0 70px 0 ;
	}

	.Home .sService .siconGroup .itm .icon {
		width: 70px; height: 70px;
		margin: 0 0 0 0 ;
		border-radius: 26px;
		background-size: 70%;
	}

	.Home .sService .siconGroup .itm .cont {
		width: calc(100% - 100px);
	}

	.Home .sService .siconGroup .itm .cont .txt {
		padding: 0;
	}

	.Home .sService .siconGroup .itm .cont .txt::after {
		display: none;
	}
	
	.Home .sService .siconGroup .itm .cont .title .h4title {
		text-align: left;
	}

	.Home .sSolution .solGroup .itm.tm-title {
		width: 100%; height: 80px;
	}

	.Home .sSolution .solGroup .itm.tm-title::after {
		display: none;
	}

	.Home .sSolution .solGroup .itm {
		width: calc((100% - 28px)/3);
	}

	footer .companyInfo {
		width: 300px;
	}

	footer .companyInfo .info {
		padding: 0;
	}
}
	


@media screen and (max-width: 1100px){
	/*---MOBILE 8 plus ------------------------------------------------*/
	.l-inner ,
	.Home .sAboutUs .l-inner {
		width: calc(100% - 120px); max-width: auto;
	}

	.logo {
		width: 150px; height: 30px;
	}

	.Home .sMainVision {
		max-height: 600px;
	}

}

@media screen and (max-width: 1024px){
	.Home .sMainVision .info .title {
		font-size: 65px;
	}

	.Home .sMainVision .brainphone {
		width: 320px; height: 320px;
	}
	.Home .sMainVision .brainphone .im-phone .phone, 
	.Home .sMainVision .brainphone .im-phone .screen {
		width: 320px; height: 212px;
	}
	.Home .sMainVision .brainphone .im-phone .light {
		right: 100px; top: -10px;
		width: 130px; height: 262px;
	}
	.Home .sMainVision .brainphone .im-brain {
		right: 100px; top: 50px;
		width: 130px; height: 130px;
	}
/* 
	.Home .sContact,.Home .sContact .l-inner {
		padding: 0;
	} */

	header .menu {
		background-image: radial-gradient(ellipse at left top, #2337A2, #16193C);
		transform: translateY(-100%);
		transition: all 0.46s cubic-bezier(0.4, 0, 0.2, 1);
	}
	header .menu,header.isScroll .menu {
		left: 0; top: 0;
		z-index: 51;
		width: 100%; height: 100vh;
		
	}

	.isMenuOpen header .menu {
		transform: translateY(0);
	}


	header .menu a, 
	header.isScroll .menu a {
		height: 50px;
	}

	header .menu ul li{
		margin: 0;
	}

	header .menu li a {
		opacity: 0;
		transform: translateY(-45px);
	}
	.isMenuOpen header .menu li a{
		opacity: 1;
		transform: translateY(0);
	}

	header .menu li:nth-child(1) a {
		transition: all 0.49s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	header .menu li:nth-child(2) a {
		transition: all 0.45s 0.21s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	header .menu li:nth-child(3) a {
		transition: all 0.4s 0.17s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	header .menu li:nth-child(4) a {
		transition: all 0.35s 0.13s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	header .menu li:nth-child(5) a {
		transition: all 0.3s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.isMenuOpen header .menu li:nth-child(1) a {
		transition: all 0.4s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.isMenuOpen header .menu li:nth-child(2) a {
		transition: all 0.45s 0.33s cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}
	.isMenuOpen header .menu li:nth-child(3) a {
		transition: all 0.5s 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}
	.isMenuOpen header .menu li:nth-child(4) a {
		transition: all 0.55s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}
	.isMenuOpen header .menu li:nth-child(5) a {
		transition: all 0.59s 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94)
	}

	header .menu ul {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%; height: 100%;
	}

	footer .l-inner {
		flex-direction: column;
		width: calc(100% - 60px); max-width: 550px;
	}

	footer .companyInfo {
		width: 100%;
		margin: 0 0 20px 0 ;
	}

	footer .companyInfo .info .copyright {
		display: none;
	}

	footer .l-inner > .copyright {
		display: block;
		margin: 40px 0 0 0 ;
		color: #fff;
		font-size: 12px;
	}

	.Category .cont .left {
		position: relative;
		width: 100%; 
		min-height: auto;
		padding: 0;
	}
	.Category .cont .right {
		width: 100%;
		margin: 100px 0 0 0;
	}

	

	.Category .cont .left .itm {
		display: flex;
		justify-content: flex-start;
		max-width: 200px;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		transform: translateX(30px);
	}
	.isAbout .Category .cont .left .itm {
		max-width: 126px;
		transform: translateX(14px);
	}
	.isSolution .Category .cont .left .itm {
		transform: translateX(14px);
	}

	.Category .cont .left .itm .icon {
		margin-right: 10px;
	}
	.Category .cont .left .itm span {
		display: inline-block;
		width: auto;
	}

	.Category .cont .left ._sml {
		position: relative;
		display: block;
		cursor: pointer;
		padding: 20px 10px;
		background-color: #333;
	}
	.Category .cont .left ._sml .itm {
		justify-content: center;
		max-width: 100%;
		transform: translateX(0);
	}
	.Category .cont .left ._sml .___ham {
		position: absolute;
		right: 20px; 
		top: 0; bottom: 0;
		margin: auto 0;
		width: 15px; height: 2px;
		background-color: #b7b7b7;
	}
	.Category .cont .left ._sml .___ham::before,
	.Category .cont .left ._sml .___ham::after  {
		content: '';
		position: absolute;
		right: 0; 
		width: 15px; height: 2px;
		background-color: #b7b7b7;
	}
	.Category .cont .left ._sml .___ham::before {
		top: -5px;
	}
	.Category .cont .left ._sml .___ham::after {
		bottom: -5px;
	}
	.Category .cont .left ._sml .itm {
		margin: 0;
	}
	.Category .cont .left ._big {
		display: none;
		padding: 30px 10px 20px 10px;
	}
	.Category .cont .left ._big.--active {
		display: block;
	}

}

@media screen and (max-width: 960px){
	.l-essay .group .twotwoitemscope {
		flex-direction: column;
	}
	.l-essay .group .twotwoitemscope .img,
	.l-essay .group .twotwoitemscope .txt {
		width: 100%;
		margin-bottom: 20px;
	}
}



@media screen and (max-width: 900px){
	/*---MOBILE 8 plus ------------------------------------------------*/

	.Home .sContact .formMap .form,
	.Home .sContact .formMap .map {
		width: 100%;
	}

	.Home .sContact .formMap .map {
		height: 500px;
	}


	

}
@media screen and (max-width: 800px){ 

	.l-inner, 
	.Home .sAboutUs .l-inner,
	footer .l-inner {
		width: calc(100% - 40px); 
	}

	.Home .sMainVision {
		max-height: 850px;
	}

	.Home .sMainVision .info-brainphone {
		position: absolute;
		left: 0; right: 0; top: 0; bottom: 0;
		margin: auto;
		width: calc(100% - 20px); max-width: 450px;
		height: 580px;
	}
	.Home .sMainVision .info {
		/* width: calc(100% - 20px); max-width: 450px; */
		position: relative;
		width: 100%; height: auto;
		left: 0; top:0;
	}

	.Home .sMainVision .info .title,
	.Home .sMainVision .info .brief {
		width: 100%;
	}  

	.Home .sMainVision .info .title {
		text-align: center;
	}

	.Home .sMainVision .info .brief {
		margin: auto;
	}

	.Home .sMainVision .info .brief .l-more {
		display: none;
	}

	.Home .sMainVision .brainphone {
		position: relative;
		margin: 0 auto 50px auto;
	}

	.Home .sMainVision .l-more.tm-mobile {
		margin: auto;
		display: block;
		width: calc(100% - 20px); max-width: 450px;
	}
	
	.Home .sAboutUs::after {
		display: none;
	}

	.Home .sService .siconGroup .itm {
		width: 100%; 
	}

	.Home .sSolution .solGroup  {
		justify-content: start;
	}

	.Home .sSolution .solGroup .itm {
		width: calc((100% - 14px)/2);
		margin: 0 14px 14px 0 ;
	}
	.Home .sSolution .solGroup .itm:nth-child(2n+1) {
		margin: 0 0 14px 0 ;
	}

}



@media screen and (max-width: 660px){
	/*---MOBILE 8 plus ------------------------------------------------*/

	header.isScroll {
		height: 60px;
	}

	.isMobile .hamber {
		width: 60px; height: 60px;
	}
	
	header .logo {
		left: 20px;
	}
	.Home .sMainVision .brainphone {
		margin: 0 auto 30px auto;
	}

	.Home .sMainVision .info-brainphone {
		max-width: 380px; height: 520px;
	}
	.Home .sMainVision .info .title {
		font-size: 46px;
	}
	
	.Home .sCooperation .slick {
		padding: 0;
	}

	.Home .sCooperation .slick img {
		margin: 0 10px;
	}

	.Home .sCooperation .slick .arrow.arrow-prev {
		left: -30px;
	}
	.Home .sCooperation .slick .arrow.arrow-next {
		right: -30px;
	}

	.entries .entry {
		width: calc(100% - 10px);
	}
	.entries::before,
	.entries .entry:nth-child(odd)::before {
		right: auto;
	}

	.entries .entry:nth-child(odd)::before,
	.entries .entry:nth-child(even)::before {
		left: -5px;
	}

	.entries .entry:nth-child(odd) ,
	.entries .entry:nth-child(even){
		text-align: left;
		padding: 0 0 0 40px ;
	}

	.entries .entry:nth-child(even) {
		transform: translateY(0);
	}

	.Category.tm-about .l-essay .group {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.Category.tm-about .l-essay .group figure{
		flex-direction: column;
	}
	.Category.tm-about .l-essay .group figure img,
	.Category.tm-about .l-essay .group figure figcaption {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	
	.l-essay .group .l_threeitmScope {
		flex-direction: column;
	}
	.Category .l-essay .l-itms.tm-b {
		justify-content: space-between;
	}
	.Category .l-essay .l-itms.tm-b.tm-c4 .itm {
		width: calc((100% - 20px)/2); 
		margin-right: 0;
	}
	.Category .l-essay .l-itms.tm-b.tm-c4 .itm:nth-child(4n+4) {
		margin-left: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.l-essay .group .l_threeitmScope .itm {
		width: 100%;
		margin-bottom: 20px;
	}

	.l-essay .group .treeitmarrow {
		flex-direction: column;
	}
	.l-essay .group .treeitmarrow .itm {
		width: 100%;
		margin-bottom: 30px;
	}
	.l-essay .group .treeitmarrow .itm:not(:last-child)::after {
		display: none;
		top: auto;
		bottom: auto;
		bottom: -30px;
		left: 0; right: 0;
		margin: 0 auto;
	}

	.Category .l-essay .l-itms.tm-a .itm img,
	.Category .l-essay .l-itms.tm-a .itm .txt {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.Category.tm-service .intersectionObserverArea .itm {
		flex-direction: column;
		margin-bottom: 80px;
	}

	.Category.tm-service .intersectionObserverArea .itm video, 
	.Category.tm-service .intersectionObserverArea .itm .videoimg {
		width: 100%; 
		margin-right: auto;
		margin-left: auto;
	}
	.Category.tm-service .intersectionObserverArea .itm .videoCont {
		width: 100%;
	}

	.Category.tm-service .intersectionObserverArea .itm:nth-child(even) video, 
	.Category.tm-service .intersectionObserverArea .itm:nth-child(even) .videoimg {
		order: 1;
		margin-left: 0;
	}
	.Category.tm-service .intersectionObserverArea .itm:nth-child(even) .videoCont {
		order: 2;
	}

	
	.l-essay .group p{
		text-align: left;
	}

	.l-essay .group .tt,
	.Category.tm-service .intersectionObserverArea .itm .videoCont .title {
		text-align: center;
	}

	.Category .l-essay .l-itms.tm-a .itm {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.Category .l-essay .l-itms.tm-b.tm-c3 .itm {
		width: 100%;
		max-width: 300px;
		margin-right: auto;
		margin-left: auto;
	}

	.Category .l-essay .l-itms.tm-b.tm-c3 .itm:nth-child(3n+3) {
		margin-right: auto;
		margin-left: auto;
	}

	footer .companyInfo {
		margin: 0 0 30px 0 ;
	}

	footer .sitemapContact .sitemap,
	footer .sitemapContact .contact {
		width: 100%;
		margin: 0 0 30px 0 ;
	}

	footer .sitemapContact .contact {
		display: flex;
		flex-direction: column;
	}

	footer .sitemapContact .contact .iconGroup {
		order: 3;
		margin: 10px 0 0 0;
	}

	footer .sitemapContact .sitemap .ulgroups {
		justify-content: start;
	}

	footer .sitemapContact .sitemap .ulgroups ul {
		width: calc((100% - 20px)/2);
		margin: 0 20px 0 0;
	}
	footer .sitemapContact .sitemap .ulgroups ul:last-child {
		margin: 0 0 0 0;
	}

}

@media screen and (max-width:414px){
	.Home .sMainVision .info-brainphone {
		max-width: 300px; height: 480px;
	}
	.Home .sMainVision .info .title {
		font-size: 42px;
	}
	.Home .sMainVision .brainphone {
		width: 290px; height: 260px;
	}
	.Home .sMainVision .brainphone .im-phone .phone, 
	.Home .sMainVision .brainphone .im-phone .screen {
		width: 290px; height: 192px;
	}
	.Home .sMainVision .brainphone .im-phone .light {
		right: 100px; top: -35px;
		width: 110px; height: 220px;
	}
	.Home .sMainVision .brainphone .im-brain {
		right: 100px; top: 50px;
		width: 110px; height: 110px;
	}
	.Category .cont .left ._sml .itm {
		justify-content: flex-start;
		padding-left: 10px;
	}
	.Category .cont .left .itm {
		max-width: 100%;
		transform: translateX(0);
	}
	.isAbout .Category .cont .left .itm {
		max-width: 100%;
		transform: translateX(0);
	}
	.isSolution .Category .cont .left .itm {
		transform: translateX(0);
	}
	.Category .cont .left ._big {
		padding: 30px 20px 20px 20px
	}	

}



@media screen and (max-width:380px){

	.Home .sMainVision .info-brainphone {
		max-width: 260px; height: 440px;
	}

	.Home .sMainVision .info {
		margin: 0 0 20px 0;
	}

	.Home .sMainVision .info .title {
		font-size: 36px;
	}

	.Home .sMainVision .brainphone {
		width: 260px; height: 240px;
	}
	.Home .sMainVision .brainphone .im-phone .phone, 
	.Home .sMainVision .brainphone .im-phone .screen {
		width: 260px; height: 172px;
	}
	.Home .sMainVision .brainphone .im-phone .light {
		right: 80px; top: -40px;
		width: 110px; height: 220px;
	}
	.Home .sMainVision .brainphone .im-brain {
		right: 80px; top: 20px;
		width: 110px; height: 110px;
	}
	
	

}

@media screen and (max-width: 350px){
	
	.Home .sMainVision .info {
		margin: 0;
	}

	.Home .sMainVision .info .title {
		font-size: 28px;
	}


}