@charset "utf-8";
/* CSS Document */
/*font-family: 'Playfair Display', serif;
font-family: 'Noto Sans TC', sans-serif;*/
body{ 
	margin:0;
	padding:0;
	font-size:13px;	
	font-family: 'Bebas Neue', cursive;
	font-family: 'Noto Sans TC', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;	
	color:#3e3634;
	
}
a{ text-decoration:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
button,.btn{transition: 0.5s ease;}
button:hover,.btn:hover{ opacity:0.6;}
button,select{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.toggle_btn{ display:none; border:none; background:none;  padding:0; width:30px; height:40px; position:fixed; top:30px; right:15px; transition: 0.5s ease; z-index:999; }
.toggle_btn:hover{
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
}

::-webkit-input-placeholder {  color: #fff;}
:-ms-input-placeholder { color:  #fff;}
::placeholder {  color:  #fff;}
.toggle_btn span{ display:block; width:100%; height:3px; background:#231815; margin:5px 0;transition: 0.5s ease;}
.toggle_btn:hover span{ background:#1fa18d;}
.toggle_btn.active{ z-index:999; top:20px;}
.toggle_btn.active span{ background: #fff;}
.toggle_btn.active span:nth-child(1){ transform: rotate(-45deg);}
.toggle_btn.active span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 14px;}
.toggle_btn.active span:nth-child(3){ display:none;}
.toggle_btn.active span:nth-child(4){ display:none;}
.hide{ display:none;}
.checkcontainer {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color:#6b6c6f;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background:#fff;
  border:1px solid #dfe2e6;
  
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
  border:1px solid #dfe2e6;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  background-color: #b45b6e;
  border:1px solid #dfe2e6; 
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gradient{
	
	background: rgba(0,145,215,1);
	background: -moz-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,145,215,1)), color-stop(47%, rgba(0,108,166,1)), color-stop(100%, rgba(41,177,134,1)));
	background: -webkit-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -o-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: linear-gradient(to right, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d7', endColorstr='#29b186', GradientType=1 );
}
.hide{ display:none !important;}

.section_header .outer{ max-width:1540px; margin:0 auto; padding:35px 20px; display:flex; flex-wrap:wrap;    justify-content: space-between;}
.section_header .outer .col01 .brand{ display:block;}
.section_header .outer .col01 .brand img{ width:245px;}
.section_header .outer .col02 .navi ul{ margin:0 ; padding:0; list-style:none;display:flex; flex-wrap:wrap; }
.section_header .outer .col02 .navi ul li{ min-width:150px; text-align:center;position: relative;}
.section_header .outer .col02 .navi ul li b{ display:block; height:50px; margin-bottom:10px;}
.section_header .outer .col02 .navi ul li b img{ max-width:43px; max-height:50px; transition: 0.5s ease;}
.section_header .outer .col02 .navi ul li b a:hover{ background:none;}
.section_header .outer .col02 .navi ul li b a:hover img{ opacity:0.6;}
.section_header .outer .col02 .navi ul li a{ display:block; padding:2px 45px; color:#231815; font-size:18px;}
.section_header .outer .col02 .navi ul li:hover a{ color:#fff; background:#0091d7;}
.section_header .outer .col02 .navi ul li:hover a.nobg{ background:transparent;}
.section_header .outer .col02 .navi ul li.active a{ color:#fff; background:#0091d7;}
.section_header .outer .col02 .navi ul li.active b a{ background:none;}
.section_header .outer .col02 .navi ul li .submenu{ position: absolute; display: none;}
.section_header .outer .col02 .navi ul li:hover .submenu{display: flex;}
.section_header .outer .col02 .navi ul li .submenu .link{white-space: nowrap; background:#33a5dd;font-size: 16px;padding: 6px 25px;border: 1px solid transparent; color:#fff;}
.section_header .outer .col02 .navi ul li .submenu .link:hover{color:#33a5dd; background: #fff;border:1px solid #33a5dd;}
.section_header .outer .col02 .navi .contact{ display:none;}
.section_header .gradient{height:5px;}


.section_banner{ background:#cccccc;}
.section_banner .outer{ max-width:1540px; margin:0 auto;}
.section_banner .banner{ margin-bottom:-3px;}
.section_banner .banner.mobile{ display:none;}
.section_banner .banner img{ width:100%;}

.section_main .sub_title{ text-align:center; padding:40px 0; background:#e6e6e6;}
.section_main .sub_title .outer{ display:flex;flex-wrap:wrap;     justify-content: center;align-items: center; font-size:45px; color:#666666; font-family: 'Bebas Neue', cursive; }
.section_main .sub_title .outer img{ height:100px; margin-right:50px;}

.home_slider.mobile{ display:none;}

.home_about_us{ padding:130px 0; background:#e6e6e6;}
.home_about_us .outer{ max-width:980px; margin:0 auto; padding:0 25px;display:flex; flex-wrap:wrap; align-items: center;   justify-content: space-between;}
.home_about_us .outer .col01{ width:240px; font-size:45px; color:#666666;font-family: 'Bebas Neue', cursive;}
.home_about_us .outer .col02{ width:calc(100% - 240px); font-size:20px; color:#666666;}
.home_introduce{ padding:130px 0; }
.home_introduce .outer{ max-width:980px; margin:0 auto; padding:0 20px;display:flex; flex-wrap:wrap; align-items: center;   justify-content: space-between;}
.home_introduce .outer .item{ width:calc(100% /3);}
.home_introduce .outer .item a{ display:block; text-align:center; transition: 0.5s ease;}
.home_introduce .outer .item a:hover{
	opacity:0.6;
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
}

.home_introduce .outer .item a img{ max-height:85px;}
.home_introduce .outer .item a h3{ font-size:25px; color:#000;}

.home_product{
	padding:60px 0 220px 0; 	
}
.home_product .outer{ max-width:1410px; margin:-15px auto; padding:0 25px;display:flex; flex-wrap:wrap;}
.home_product .outer .item{ width:calc(100% /3 - 30px); margin:15px;}
.home_product .outer .item a{ display:block; transition: 0.5s ease; transition: 0.5s ease; overflow:hidden}
.home_product .outer .item a:hover{
	opacity:0.6;
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
}
.home_product .outer .item a .img img{ width:100%;}
.home_product .outer .item a .info{ background:#fff; padding:25px;}
.home_product .outer .item a .info h3{ color:#000; font-size:23px; margin-bottom:20px;}
.home_product .outer .item a .info p{ color:#808080; font-size:17px;}

.detail_introduce{ background:#e6e6e6; padding:95px 0;}
.detail_introduce .outer{ max-width:1230px; margin:0 auto; padding:0 25px;display:flex; flex-wrap:wrap; align-items: flex-start;   justify-content: space-between;}
.detail_introduce .outer .col01{ width:500px; font-size:45px; color:#666666;position: relative;}
.detail_introduce .outer .col01 .title{ display:flex;  align-items: center; justify-content: center; font-family: 'Bebas Neue', cursive;}
.detail_introduce .outer .col01 .title img{ width:90px; margin-right:45px;}
.detail_introduce .outer .col01 .smenu{ display:flex;flex-direction: column; position: absolute; left: 50%;}
.detail_introduce .outer .col01 .smenu .link{ font-size:20px; color:#666666; text-align: left;padding: 7px 0; transition:all .3s ease ; -webkit-transition:all .3s ease ; -moz-transition:all .3s ease ; -ms-transition:all .3s ease ; -o-transition:all .3s ease ; }
.detail_introduce .outer .col01 .smenu .link:hover{ color:#000; text-indent: 1em;}
.detail_introduce .outer .col02{ width:calc(100% - 500px); font-size:20px; color:#666666;}
.detail_introduce.only_title .outer .col01{ width:100%;}

.detail_introduce.about{ background:#fff;}

.about_img_list .outer{ max-width:1100px; margin:0 auto; padding:0; display:flex; flex-wrap:wrap; align-items: center;   justify-content: space-between;}
.about_img_list .outer .item{ width:calc(100% / 3);}
.about_img_list .outer .item img{ width:calc(100% - 30px); margin:15px;}
.our_story{ background:#e6e6e6;padding:90px 0 145px 0;max-width: 1920px;margin: 0 auto;}
.our_story .outer{max-width:1540px; margin:0 auto; padding:0 25px;}
.our_story .outer .top{ margin-bottom:155px; font-size:45px; color:#666666;font-family: 'Bebas Neue', cursive; padding-left:290px;}
.our_story .outer .bottom{ margin-left:290px;display:flex; flex-wrap:wrap;overflow: hidden;}
.our_story .outer .bottom .item{ width:15%;}
.our_story .outer .bottom .item:last-child{ width:25%;}
.our_story .outer .bottom .item .year{ font-size:23px; color:#000; margin-bottom:10px;min-height:34px;font-weight: bold;}
.our_story .outer .bottom .item .desc{ font-size:17px; color:#808080; margin-bottom:40px;}
.our_story .outer .bottom .item .circle{ position:relative;}
.our_story .outer .bottom .item .circle:before{
	content:'';
	position:absolute;
	left:30px;
	top:50%;
	width:100%;
	height:1px;
	background:#c6c6c6;
	z-index:1;
}
.our_story .outer .bottom .item:last-child .circle:before{
	background:url(../images/story_gray_line02.png) right center no-repeat;
	width:100%;
	height:69px;
	top:calc(50% - 69px);
}
.our_story .outer .bottom .item .circle img{ position:relative; z-index:2;}
.milestone{ background:#6b6b6b url(../images/bg_m.jpg) center bottom;padding:0;overflow: hidden; position:relative;max-width: 1920px;margin: 0 auto;}
.milestone .outer{max-width:1540px; margin:0 auto; padding:0 25px;}
.milestone .outer .top{ margin-top:90px; font-size:45px; color:#fff;font-family: 'Bebas Neue', cursive; padding-left:290px;position: absolute;}
.milestone .outer .right{ margin:0 0  0 30vw;display:flex; flex-wrap:wrap;flex-direction: column;padding: 66px 0;position: relative;}
.milestone .outer .right .space_shuttle{ position: absolute; z-index: 9;top: 104px;}
.milestone .outer .right .item{ display:flex;flex-direction: row;align-items: center; min-height: 135px;}
.milestone .outer .right .item .year{ font-size:22px; color:#fff;width: 200px;text-align:right;min-height:34px;font-weight: bold;white-space: nowrap;flex: 0 0 200px;}
.milestone .outer .right .item .desc{ font-size:17px; color:#fff; margin:20px 0;min-width: 60%;flex:1;}
.milestone .outer .right .item .circle{ position:relative;margin:0 25px;flex: 0 65px;}
.milestone .outer .right:before{
	content:'';
	position:absolute;
	left:calc(200px + 57.5px);
	top:0;
	width:1px;
	height:171%;
	background:#c6c6c6;
}
.milestone .outer .right:after{
	content:'';
	position:absolute;
	left:-93.5px;
	top:0;
	background: url(../images/space_shuttle2.png) 0 bottom no-repeat;
	height:100%;
	width: 262px;
}
.Group_Introduction{ background:#fff url(../images/bg_g.jpg) center bottom no-repeat;padding:0;overflow: hidden; position:relative;}
.Group_Introduction .outer{max-width:1540px; margin:0 auto; padding:0 25px;}
.Group_Introduction .outer .top{ margin-top:90px; font-size:45px; color:#666;font-family: 'Bebas Neue', cursive; padding-left:290px;position: absolute;}
.Group_Introduction .outer .bottom .item{background: linear-gradient(to right,  #008ed4 0%,#006da3 53%,#28ad83 100%);
padding: 5px;width: 270px;position: relative;margin: 0 48px;}
.Group_Introduction .outer .bottom .item .title{font-size: 17px; color: #000; text-align: center; background-color: #e3e3e3; min-height: 60px; display: flex; justify-content: center; align-items: center;}

.Group_Introduction .outer .bottom{display: flex;flex-direction: column;align-items: center;gap: 96px;padding: 181px 0;}
.Group_Introduction .outer .bottom .group{display: flex;flex-direction: row;}
.Group_Introduction .outer .bottom .item:after{
	content:'';
	width:1px;
	height:96px;
	background:#999;
	position: absolute;
	bottom: -96px;
	left: 50%;
}
.Group_Introduction .outer .bottom .group:last-child .item:after{background:transparent;}
.Group_Introduction .outer .bottom .group.line .item:before{
	content:'';
	width:96px;
	height:1px;
	background:#999;
	position: absolute;
	top: 50%;
	right: -96px;
}
.Group_Introduction .outer .bottom .group.line .item:last-child:before{display: none;}

.Employee_Benefits{ background:#e3e3e3 url(../images/bg_e.png) 0 bottom no-repeat;padding:0;overflow: hidden; position:relative;min-height: 762px;max-width: 1920px;margin: 0 auto;}
.Employee_Benefits .outer{max-width:1540px; margin:0 auto; padding:0 25px;}
.Employee_Benefits .outer .top{ margin-top:90px; font-size:45px; color:#666;font-family: 'Bebas Neue', cursive; padding-left:290px;position: absolute;}
.Employee_Benefits .outer .bottom{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;gap: 10px;padding: 244px 0 244px 21%;max-width: 80%;}
.Employee_Benefits .outer .bottom .item{padding: 5px;width: 282px; height: 282px;position: relative;margin: 0 auto;background: url(../images/icon_e01.png) center center no-repeat;cursor: pointer;}
.Employee_Benefits .outer .bottom .item .title{font-size: 17px; color: #000; text-align: center; min-height:282px; display: flex; justify-content: center; align-items: center;}
.Employee_Benefits .outer .bottom .item:nth-child(2){background: url(../images/icon_e02.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:nth-child(3){background: url(../images/icon_e03.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:nth-child(4){background: url(../images/icon_e04.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:hover:nth-child(1){background: url(../images/icon_e01a.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:hover:nth-child(2){background: url(../images/icon_e02a.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:hover:nth-child(3){background: url(../images/icon_e03a.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:hover:nth-child(4){background: url(../images/icon_e04a.png) center center no-repeat;}
.Employee_Benefits .outer .bottom .item:hover .title{color: #fff;}

.cutbase_list .outer{ max-width:1540px; margin:0 auto; padding:0 25px;}
.cutbase_list .outer .item{display:flex; flex-wrap:wrap;justify-content: space-between; position:relative; padding:115px 100px; align-items: flex-end;}
.cutbase_list .outer .item.mobile{ display:none;}
.cutbase_list .outer .item:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:100%;
	background: rgba(0,145,215,1);
	background: -moz-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,145,215,1)), color-stop(47%, rgba(0,108,166,1)), color-stop(100%, rgba(41,177,134,1)));
	background: -webkit-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -o-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: linear-gradient(to right, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d7', endColorstr='#29b186', GradientType=1 );
}
.cutbase_list .outer .item:last-child:after{
	background:none;
}
.cutbase_list .outer .item .col01{ width:45%;}
.cutbase_list .outer .item .col01 .img{display:flex; flex-wrap:wrap;justify-content: space-between;}
.cutbase_list .outer .item .col01 .img .box{ width:47%; }
.cutbase_list .outer .item .col01 .img .box img{ width:100%;}
.cutbase_list .outer .item .col01 .img .box:first-child{ width:100%; margin-bottom:3%;}
.cutbase_list .outer .item .col02{ width:50%;}
.cutbase_list .outer .item .col02 h3{ font-size:23px; font-weight:800; color:#000; margin-bottom:20px;}
.cutbase_list .outer .item .col02 .desc01{ font-size:18px; margin-bottom:50px; color:#666666;}
.cutbase_list .outer .item .col02 .desc02{ font-size:17px; display:flex; flex-wrap:wrap;justify-content: space-between; color:#808080;}
.cutbase_list .outer .item .col02 .desc02 .left{ width:45%; border-right:1px solid #000;}
.cutbase_list .outer .item .col02 .desc02 .right{ width:calc(55% - 41px); padding-left:40px;}

.cutbase_list .outer .item.mobile .col01{ margin-bottom:0;}
.cutbase_list .outer .item.mobile .col02{ margin-bottom:20px;}
.cutbase_list .outer .item.mobile .desc01{ text-align:left;}
.cutbase_list .outer .item.mobile .col02 .desc02{ display:block;}
.cutbase_list .outer .item.mobile .col02 .desc02 .left{ border:none;}
.cutbase_list .outer .item.mobile .col02 .desc02 .right{ width:100%; padding-left:0;}
.cutbase_list .outer .item.mobile .col01{overflow:hidden; margin-left:-25px; margin-right:-25px;width:calc(100% + 50px); overflow-x:auto ; margin-bottom:20px; }
.cutbase_list .outer .item.mobile .col01 .img {    width: 200vw;}
.cutbase_list .outer .item.mobile .col01 .img .box{ width:calc(100% / 3 - 20px) !important; padding:0 10px;}
.cutbase_list .outer .item.mobile .col01 .img .box:first-child{ width:calc(100% /3); margin-bottom:0;}

.csr_list .outer{ max-width:1540px; margin:0 auto; padding:0 25px;}
.csr_list .outer .item{display:flex; flex-wrap:wrap;justify-content: space-between; position:relative; padding:115px 100px; align-items: center;}
.csr_list .outer .item:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:100%;;
	background: rgba(0,145,215,1);
	background: -moz-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,145,215,1)), color-stop(47%, rgba(0,108,166,1)), color-stop(100%, rgba(41,177,134,1)));
	background: -webkit-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -o-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: linear-gradient(to right, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d7', endColorstr='#29b186', GradientType=1 );
}
.csr_list .outer .item:last-child:after{
	background:none;
}
.csr_list .outer .item .col01{ width:35%;}
.csr_list .outer .item .col01 img{ max-width:100%;}
.csr_list .outer .item .col02{ width:60%; color:#666666; font-size:18px;}
/*.csr_list .outer .item:nth-child(even) .col01{ margin-left:65%; margin-right:-100%;}
.csr_list .outer .item:nth-child(even) .col02{ margin-right:40%;}*/

.solutions_list .outer .bottom .item .circle img{ position:relative; z-index:2;}
.solutions_list .outer{ max-width:1540px; margin:0 auto; padding:0 25px;}
.solutions_list .outer .item{display:flex; flex-wrap:wrap;justify-content: space-between; position:relative; padding:90px;  }
.solutions_list .outer .item:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:100%;;
	background: rgba(0,145,215,1);
	background: -moz-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,145,215,1)), color-stop(47%, rgba(0,108,166,1)), color-stop(100%, rgba(41,177,134,1)));
	background: -webkit-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -o-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	background: linear-gradient(to right, rgba(0,145,215,1) 0%, rgba(0,108,166,1) 47%, rgba(41,177,134,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091d7', endColorstr='#29b186', GradientType=1 );
}
.solutions_list .outer .item:last-child:after{
	background:none;
}
.solutions_list .outer .item .col01{ width:50%; position:relative; }
.solutions_list .outer .item .col02{ width:calc(50% - 60px); padding-left:60px; color:#666666; font-size:18px;}
.solutions_list .outer .item:nth-child(even) .col01{ margin-left:50%; margin-right:-100%;}
.solutions_list .outer .item:nth-child(even) .col02{ margin-right:50%;padding-left: 0px; padding-right: 60px;}
.solutions_list .outer .item:nth-child(even) .col01 .img{ text-align:left;}
.solutions_list .outer .item .col01 .product{ width:100%; position:absolute; left:0; top:0; font-size:45px; color:#666666; font-family: 'Bebas Neue', cursive;  }
.solutions_list .outer .item .col01 .img{ width:100%; text-align:right;}
.solutions_list .outer .item .col01 .img img{ max-width:80%;}
.solutions_list .outer .item:nth-child(even) .product{ left:auto; right:0; width:auto;}

.solutions_list_item{ padding:85px 0;}
.solutions_list_item .outer{ max-width:1540px; margin:0 auto; padding:0 25px;display:flex; flex-wrap:wrap;justify-content: space-between; }
.solutions_list_item .outer .item{ width:45%; display:flex; flex-wrap:wrap;justify-content: space-between; position:relative; }
.solutions_list_item .outer .item:nth-child(1){ margin-bottom:180px;}
.solutions_list_item .outer .item:nth-child(2){ margin-bottom:180px;}
.solutions_list_item .outer .item .box{ position:relative; width:100%;display: flex;  align-items: center; justify-content: space-between;}
.solutions_list_item .outer .item:nth-child(even) .box{ text-align:left;}
.solutions_list_item .outer .item .box .product{  font-size:45px; color:#666666; font-family: 'Bebas Neue', cursive; text-align:left;  }
.solutions_list_item .outer .item:nth-child(odd) .box .product{ padding-left:100px}
.solutions_list_item .outer .item:nth-child(2) .box .product{ position: absolute; left: 470px; top: 30px;}
.solutions_list_item .outer .item:nth-child(4) .box{ justify-content: initial;}
.solutions_list_item .outer .item:nth-child(4) .box .product{ padding-left:40px;}
.solutions_list_item .outer .item .box .img img{ max-height:19.3vw;}

.map .outer{display:flex; flex-wrap:wrap; justify-content: space-between; max-width:1540px; margin:0 auto; padding:0 25px;}
.map .col01{ width:65%;}
.map .col01 img{ width:100%;}
.map .col02{ width:35%; display:flex; flex-wrap:wrap;align-items: center;}
.map .col02 .info{ border-left:1px solid #000; padding-left:15px; position:relative;}
.map .col02 .info:after{ content:''; position:absolute; left:-5px; top:15%; border:1px solid #000; width:10px; height:10px; background:#fff;}
.map .col02 .info:before{ content:''; position:absolute; left:-90%;  border-bottom:1px dashed #dcdddd; height:1px; width:90%; top:36%; transform:rotate(-13deg);}
.map .col02 .info h3{ font-size:23px; color:#000; margin-bottom:20px;}
.map .col02 .info p{ font-size:18px; color:#666;}

.section_footer{ background:#000000; padding:45px 0 70px 0; }
.section_footer .outer{ max-width:1540px; margin:0 auto; padding:0 25px; color:#fff;}
.section_footer .outer .top{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:20px;}
.section_footer .outer .top .col01{display:flex; flex-wrap:wrap;}
.section_footer .outer .top .col01 .left{ margin-right:20px;}
.section_footer .outer .top .col01 .left img{ width:86px;}
.section_footer .outer .top .col01 .right h3{ font-size:22px; margin-bottom:20px; font-weight:400;}
.section_footer .outer .top .col01 .right .society a{ display:inline-block; margin-right:20px;}
.section_footer .outer .top .col01 .right .society a img{ height:40px;}
.section_footer .outer .top .col02 .question{ margin-top:15px; width:164px; height:82px; background:url(../images/question.png) center no-repeat; background-size:100% auto; font-size:17px;}
.section_footer .outer .top .col02 .question span{ display:block; padding:7px 15px; }
.section_footer .outer .top .col02 .question span a{ color:#fff;}
.section_footer .outer .gradient{ height:2px; margin-bottom:20px;}
.section_footer .outer .bottom{ text-align:center; font-size:14px;}

#mobile-body-overly{ display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background: rgba(0,0,0,0.9); z-index:993; border:none;}
.mobile_navi{ display:none; overflow:hidden;}
.mobile_navi .brand{ display:block; text-align:center; margin-top:17vw; margin-bottom:3vw;}
.mobile_navi .brand img{ width:300px;  }
.mobile_navi ul{ margin:15% 0 0 0; padding:0;  overflow-y: auto; height: calc(100vh - 80px);}
.mobile_navi ul li{ display:block; text-align:center;}
.mobile_navi ul li .dropdown_menu{ display:none;}
.mobile_navi ul li.society{ display:none;}
.mobile_navi ul li .dropdown_menu a{ font-size:14px;}
.mobile_navi ul li:hover .dropdown_menu{ display:block;}
.mobile_navi ul li.member_link a{ display:inline-block;}
.mobile_navi ul li b{ display:none;}
.mobile_navi ul li a{ text-align:center; font-size:18px; line-height:30px; color:#fff; padding:8px 10px; display:block; transition: 0.5s ease; letter-spacing:0px;}
.mobile_navi ul li a:hover{color:rgba(0,145,215,1);}
.mobile_navi ul li a b{  display:block; border-radius:150px; background:#fff; width:60px; height:60px; margin:0 auto;}
.mobile_navi ul li a b img{ width: 45px; margin-top: 10px;}
.mobile_nav_active #mobile-nav{ display:block; z-index:994; position:fixed; left:0; top:0; width:100%;}
.mobile_navi ul li.youtube{ display:none;}
.mobile_navi ul li a.link{font-size: 16px;background-color: rgb(20 51 106 / 50%);width: 75%;margin: 0 auto; border: 1px solid #000}
	



@media screen and (max-width: 1480px){	
	.map .col02 .info:before{ left:-80%;  width:80%; top:36%;}
	.solutions_list_item .outer .item{ width:48%;}
	.solutions_list_item .outer .item:nth-child(1){ margin-bottom:100px;}
	.solutions_list_item .outer .item:nth-child(2){ margin-bottom:100px;}
	.solutions_list_item .outer .item:nth-child(2) .box .product{ position:relative; left:auto; top:auto;}
	.solutions_list_item .outer .item:nth-child(1) .box .img img{ max-height: 23vw;}
	.solutions_list_item .outer .item:nth-child(2) .box .img img{ max-height: 23vw;}
}
@media screen and (max-width: 1366px){	
	.section_header .outer .col01 .brand img{ width:215px;}
	.section_header .outer .col02 .navi ul li b{ height:40px;}
	.section_header .outer .col02 .navi ul li b img {  max-width: 33px;  max-height: 40px;}
	.section_header .outer{ padding:10px 15px 15px 10px;}
	.section_header .outer .col02 .navi ul li{ min-width:120px;}
	.section_header .outer .col02 .navi ul li a{ font-size:16px;    padding: 2px 35px;}
		
	.home_about_us .outer .col02{ font-size:15px;} 
	.home_about_us{ padding:100px 0;}
	.home_introduce { padding:100px 0;}
	.home_introduce .outer .item a h3{ font-size:22px;} 
	.home_product {   padding: 35px 0 120px 0;}
	.home_product .outer .item a .info h3{ font-size:20px;}
	.home_product .outer .item a .info p{font-size: 15px;}
	
	
	
	.detail_introduce .outer .col01{ font-size:40px; width:30%; min-width:250px;}
	.detail_introduce .outer .col01 .title img{ width:70px; margin-right: 30px;}
	.detail_introduce .outer .col02{ font-size:17px;width:70% ; }
	.cutbase_list .outer .item .col02 .desc01{ font-size:16px;margin-bottom: 30px;}
	.cutbase_list .outer .item .col02 h3{ font-size:20px;}
	.cutbase_list .outer .item .col02 .desc02{ font-size:15px;}
	.cutbase_list .outer .item .col02 .desc02 .right {width: calc(55% - 26px);padding-left: 25px;}
	.our_story .outer{ max-width:1230px;}
	.our_story .outer .top{ padding-left:0;font-size: 40px; margin-bottom: 85px; }
	.our_story .outer .bottom{ margin-left:0;}
	.our_story .outer .bottom .item .desc{ font-size:15px;}

	.milestone .outer .top{ padding-left:0;font-size: 40px; margin-bottom: 85px; }
	.milestone .outer .right .item .desc{ font-size:15px;min-width: 220px;}
	
	.section_main .sub_title .outer{ font-size:40px;}
	.section_main .sub_title .outer img{ height:75px; margin-right:25px;}
	.solutions_list .outer .item{ padding:40px;}
	.solutions_list .outer .item .col01 .product{ font-size:40px;}
	.solutions_list .outer .item .col02 { font-size:16px;  width: calc(50% - 40px);  padding-left: 40px;}
	.solutions_list .outer .item:nth-child(even) .col02{ padding-right:40px;}
	
	.csr_list .outer .item{ padding:40px;}
	.csr_list .outer .item .col02{ font-size:16px;}
	
	.map .col02 .info:before{ left:-75%;  width:75%; top:35%;}
	.section_footer{ padding:40px 0;}
	.section_footer .outer .bottom{ font-style:13px;}
}
@media screen and (max-width: 1300px){
	.solutions_list_item .outer .item:nth-child(1) .box .img img{ max-height: 21vw;}
	.solutions_list_item .outer .item:nth-child(2) .box .img img{ max-height: 21vw;}
}
@media screen and (max-width: 1240px){
	.map .col02 .info:before {
		left: -70%;
		width: 70%;
		top: 35%;
		transform: rotate(-15deg);
	}
}
@media screen and (max-width: 1180px){
	.map .col02 .info:before {
		left: -60%;
		width: 60%;
		top: 35%;		
	}
	.solutions_list .outer .item{ display:block; padding:30px 0;}
	.solutions_list .outer .item .col01{ width:100%;}
	.solutions_list .outer .item .col02{ width:100%; padding-left:0;}
	.solutions_list .outer .item:nth-child(even) .col01 {  margin-left: 0;  margin-right: 0;}
	.solutions_list .outer .item:nth-child(even) .col02 {
		margin-right: 0;
		padding-left: 0px;
		padding-right: 0;
	}
	.solutions_list .outer .item .col01 .product{ position:absolute; left:0;}
	.solutions_list .outer .item:nth-child(even) .col01 .img{ text-align:right;}
	.cutbase_list .outer .item{ padding:40px;}
}
@media screen and (max-width: 1100px){
	.solutions_list_item .outer .item{ width:100%;margin-bottom:40px;}
	.solutions_list_item .outer .item:nth-child(1){ margin-bottom:40px;}
	.solutions_list_item .outer .item:nth-child(2){ margin-bottom:40px;}
	.solutions_list_item .outer .item .box .img{ width:48%;}
	.solutions_list_item .outer .item .box .product{ width:48%;}
	.solutions_list_item .outer .item:nth-child(odd) .box .product{ padding-left:0;}
	.solutions_list_item .outer .item .box .img img{ max-height: 35vw;}
	.solutions_list_item .outer .item:nth-child(1) .box .img img{ max-height:  35vw;}
	.solutions_list_item .outer .item:nth-child(2) .box .img img{ max-height:  32vw;}
	
	.solutions_list_item .outer .item:nth-child(odd) .box .img{ text-align:left;}
	.solutions_list_item .outer .item:nth-child(even) .box .img{ text-align:right;}
	.solutions_list_item .outer .item:nth-child(odd) .box .product{ text-align:right;}
	.solutions_list_item .outer .item:nth-child(even) .box .product{ text-align:left;}
}
@media screen and (max-width: 1024px){
	.toggle_btn{ display:block;}
	.section_header{ position:fixed; top:0; left:0; width:100%; z-index:992; background:#fff;}
	.section_header .outer .col02 .navi{ display:none;}
	.section_header .outer .col01 .brand img{ width:190px;}
	.section_banner{ margin-top:98px;}
	.map .outer{ padding:0; display:block;}
	.map .col01{ width:100%; margin-bottom:20px;}
	.map .col02{ width:100%; text-align:center; margin-bottom:20px;}
	.map .col02 .info{ border:none; display:inline-block; text-align:left; margin: 0 auto; padding-left:0;}
	.map .col02 .info:before{ border-bottom:none;}
	.map .col02 .info:after{border:none; background:none; }
	
	.cutbase_list .outer .item{ display:block;}
	.cutbase_list .outer .item .col01{ width:100%; margin-bottom:20px;}
	.cutbase_list .outer .item .col02{ width:100%;}
}

@media screen and (max-width: 992px){
	.home_about_us {  padding: 60px 0;}
	.detail_introduce{  padding: 60px 0 30px 0;}
	.detail_introduce .outer{ display:block;}
	.detail_introduce .outer .col01{ width:100%; margin-bottom:20px; justify-content: center;}
	.detail_introduce .outer .col01 .title img{ width:60px;}
	.detail_introduce .outer .col02{ width:100%;}
	.milestone .outer .right {margin: 0 0 0 15vw;}
	.Group_Introduction .outer .bottom .item {width: 168px;margin: 0 48px;}
	.detail_introduce .outer .col01 .smenu {position: initial;border: 1px solid #ccc;padding: 0;}
	.detail_introduce .outer .col01 .smenu .link {font-size: 16px;border-bottom: 1px solid #ccc;padding: 10px 30px;display: inline-block;}
	.detail_introduce .outer .col01 .smenu .link:last-child {border-bottom: none;}
	
}
@media screen and (max-width: 768px){
	.detail_introduce .outer .col02{ text-align:left;}
	.our_story { padding: 40px 0 20px 0 ;}
	.our_story .outer { text-align:center;}
	.our_story .outer .top{ text-align:center; margin-bottom:40px;}
	.our_story .outer .bottom{ display:inline-block; position:relative; overflow:visible;}
	.our_story .outer .bottom:before{
		content:'';
		position:absolute;
		left:32px;
		top:20px;
		background:#c6c6c6;
		width:1px;
		height:calc(100% - 0px);
	}
	.our_story .outer .bottom .item{ width:100%; position:relative;}
	.our_story .outer .bottom .item .circle{ display:none;}
	.our_story .outer .bottom .item:first-child .year{ display:none;}
	.our_story .outer .bottom .item:before{ content:''; width:50px; height:50px; background-size:cover; left:8px; top:5px; position:absolute;}
	.our_story .outer .bottom .item:nth-child(1):before{ background-image:url(../images/icon_story001.png); top:-15px;}
	.our_story .outer .bottom .item:nth-child(2):before{ background-image:url(../images/icon_story002.png);}
	.our_story .outer .bottom .item:nth-child(3):before{ background-image:url(../images/icon_story003.png);}
	.our_story .outer .bottom .item:nth-child(4):before{ background-image:url(../images/icon_story004.png);}
	.our_story .outer .bottom .item:nth-child(5):before{ background-image:url(../images/icon_story004.png);}
	.our_story .outer .bottom .item .year{ margin-left:80px; margin-bottom:0; text-align:left;}
	.our_story .outer .bottom .item .desc{ margin-left:80px; text-align:left;}	
	.milestone .outer .right {margin: 0 auto;}
	.milestone .outer .right .item .year {width: 80px; flex:0 0 80px;font-size: 16px;}
	.milestone .outer .right:before {left: calc(80px + 57.5px);}
	.milestone .outer .top { margin: 30px 0; right: 20%;}
	.milestone .outer .right .space_shuttle img {width: 27px;}
	.milestone .outer .right:after{opacity: .3;left: -117.5px;}
	.solutions_list .outer .item .col01 .product{ position:relative;}
	.detail_introduce{ padding:30px 0;}
	.csr_list .outer .item{ display:block;}
	.csr_list .outer .item .col01{ width:100%; margin-bottom:20px;}
	.csr_list .outer .item .col02{ width:100%;}
	.csr_list .outer .item:nth-child(even) .col01 {margin-left: 0;margin-right: 0%;	}
	.csr_list .outer .item:nth-child(even) .col02 {  margin-right: 0%;}
	.Group_Introduction .outer .top{margin-bottom: 40px;padding: 0;width: 90%;text-align: center;}
	.Group_Introduction .outer .bottom .item {width: 168px;margin: 0 24px;}
	.Employee_Benefits .outer .top{margin-bottom: 40px;padding: 0;width: 90%;text-align: center;}
	.Employee_Benefits .outer .bottom {padding: 244px 0 400px;max-width: 100%;margin: 0 auto;}
}
@media screen and (max-width: 700px){

}
@media screen and (max-width: 640px){
	.toggle_btn{ top:20px;}
	.section_header .outer .col01 .brand img { width: 150px;}
	.section_banner{ margin-top:84px;}
	.section_main .sub_title{ padding:15px 0;}
	.section_main .sub_title .outer{ display:block;}
	.section_main .sub_title .outer span{ display:block; text-align:center; margin-bottom:0px;}
	.section_main .sub_title .outer img{ height:60px; margin-right:0;}
	
	.home_slider.web{ display:none;}
	.home_slider.mobile{ display:block;}
	.section_banner .banner.web{ display:none;}
	.section_banner .banner.mobile{ display:block;}
	
	.home_about_us {  padding: 40px 0;}
	.home_about_us .outer .col01{ width:100%; text-align:center; margin-bottom:20px;}
	.home_about_us .outer .col02{ width:100%;}
	.home_product {  padding: 20px 0 80px 0;}
	.home_product .outer{margin: 0 auto;}
	.home_product .outer .item {width: 100%; margin:15px 0;	}
	.home_product .outer .item a .info{ padding:20px;}
	.home_introduce {  padding: 60px 0;}
	.home_introduce .outer .item a img{ max-height:70px;}
	.home_introduce .outer .item a h3{ font-size:18px; }
	
	.about_img_list{ overflow:hidden; margin-bottom:30px; overflow-x:auto;}
	.about_img_list .outer{ width:200vw;}
	.about_img_list .outer .item{width: calc(100% /3 - 20px); margin: 15px 5px; }
	.map .col02 .info p{ font-size:16px;}
	.solutions_list .outer .item .col01 .product{ position:relative; text-align:center; margin-bottom:15px;}
	.solutions_list .outer .item .col01 .img{ text-align:center; margin-bottom:15px; }
	.solutions_list .outer .item .col02{ text-align:center;}
	.detail_introduce .outer .col01 .title{ display:block; text-align:center;}
	.detail_introduce .outer .col01 .title span{ text-align:center; display:block;}
	.detail_introduce .outer .col01 .title img{ margin-right:0;}
	.csr_list .outer .item{ padding:20px 0;}
	.csr_list .outer .item .col01{ text-align:center;}
	.csr_list .outer .item .col02{ text-align:center;}
	
	.cutbase_list .outer .item{ padding:30px 0;}
	.cutbase_list .outer .item.mobile{ display:block;}
	.cutbase_list .outer .item.web{ display:none;}
	.solutions_list_item{ padding:30px 0;}
	.solutions_list_item .outer .item .box .product{ font-size:32px;}
	.solutions_list_item .outer .item:nth-child(2n) .box .product{ padding-left:40px;}
	.milestone .outer .right .item .desc {font-size:13px;min-width: 140px;}
	.Group_Introduction .outer .bottom .item {width: 168px;margin: 0 12px;}
	.Group_Introduction .outer .bottom .item {width: 125px;margin: 0 7px;}
	.Group_Introduction .outer .bottom .item .title {font-size: 13px;padding: 10px 5px;}
}
@media screen and (max-width: 480px){
	.Group_Introduction .outer .bottom .item {width: 100px;margin: 0 7px;}
	.Group_Introduction .outer .bottom .item br {display: none;}
	.Group_Introduction {background: #fff url(../images/bg_g.jpg) center top no-repeat;background-size: contain;}
	.Group_Introduction .outer .bottom {padding: 200px 0 50px;gap: 48px;}
	.cutbase_list .outer .item .col02 .desc02 .left {width: 100%;}
	.cutbase_list .outer .item .col01 .img {justify-content: flex-start;}
}