/* header */
header #cis {top: 5vw;left: 0;z-index: 900;margin: 0 auto;}
header #cis a { margin: auto; }
header #menubtn {width: 84px;height: 84px;}

/* hSearch */
#hSearch { top: 60px; }

/* wrap */
#wrap { z-index: 5; }

/* section */
section { padding: 5vw 0 2vw; }
section >* { z-index: 3; }
section .title_box h2 {padding: 2px 5px;font-size: 28px;border-width: 0 1px;z-index: 20;right: 20px;bottom: 30px;}

/* about_area */
#about_area .workframe{
    position: relative;
    z-index: 2;
}
#about_area .title h2 { font-size: 30px; }
#about_area .info article {line-height: 200%;letter-spacing: .25em;font-size: 18px;}

/* bottom-service */
#bottom-service{
	background-image: url(/images/45/pro-bottom-bg.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	color:#fff;
	padding:70px 0;
	position: relative;
	margin-top: -170px;
	background-size: cover;
}
#bottom-service:after{content:'';position:absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000000;opacity: .75;}
#bottom-service .lefttitle{
	position: relative;
	z-index: 2;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
#bottom-service .lefttitle h3{
	text-align: center;
	margin-bottom: 10px;
	font-size: 35px;
	letter-spacing: 2px;
	line-height: 100%;
}
#bottom-service .lefttitle article{
    font-size: 18px;
    line-height: 200%;
    margin: 30px 0;
}
#bottom-service .lefttitle p{
	text-align: center;
	margin-top: 50px;
}
#bottom-service .lefttitle p a{
    background: #ffba00;
    margin: 0 10px;
    border-radius: 10px;
    padding: 15px 50px;
    animation-name: elementor-animation-pulse;
    animation-duration: .7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: inline-block;
    color: #fff;
}
@keyframes elementor-animation-pulse{
	0%{transform:scale(1.0)}
	50%{transform:scale(0.95)}
	100%{transform:scale(1.0)}
}

/* product_area */
#product_area {padding-bottom: 0;background: no-repeat 0 bottom / auto 70%;width: 1400px;margin: 0 auto;}
#product_list .item  {padding: 0 20px;}
#product_area .img_box img {height: 280px;}
#product_area .info {
    color: #000;
    position: relative;
}
#product_area .info >div {margin: auto;width: 100%;color: #000;}
#product_area .info h3 {height: 37px;font-size: 22px;color: #000;margin-top: 10px;}
#product_area .info article {margin: 10px 0 20px;font-size: 15px;height: 75px;-webkit-line-clamp: 3;color: #000;}
#product_area .info p { margin-right: 10px; font-weight: 300; }
#product_area .info p:first-letter { margin-right: 2px; font-size: 12px; }
#product_area .info .price_box { height: 28px; }

/* news_area */
#news_area{
    padding-bottom: 0;
}
#news_area >div {padding: 5% 0 0 10%;justify-content: space-between;}
#news_area .bg_box {width: 680px;height: 520px;border-top-right-radius: 200px;top: 0;left: 0;opacity: 1;}
#news_area .title_box h2 {margin-bottom: 50px;font-size: 40px;color: #ffba00;}
#news_list { margin-left: 5vw; padding: 6vw 0 6vw 6vw; box-sizing: border-box; flex: 1; }
#news_list ul { border-top: 1px rgba(var(--secondary-rgb), .6) solid; }
#news_list ul li >div {padding: 0 30px;border-bottom: 1px rgba(var(--secondary-rgb), .6) solid;}
#news_list ul li .time {margin-right: 40px;width: 120px;font-size: 14px;}
#news_list ul li h3 {margin: 30px 0;width: calc(100% - 190px);}

@media screen and (max-width: 1440px){
#product_area{width:90%;}
}
@media screen and (min-width: 1281px){
	header #cis {height: 5vw;display: flex;top: auto;bottom: 0;}
	#about_area .about_wrap {width: 100%;flex-direction: row-reverse;justify-content: center;background: #fff;border-radius: 0 0 440px 440px;padding-bottom: 60px;}
	#about_area .info article {height: 300px;line-height: 3em;text-align: justify;}
	#about_area .about_wrap {flex-direction: row-reverse;justify-content: center;background: #fff;border-radius: 0 0 440px 440px;padding-bottom: 60px;}
	
}
@media screen and (max-width: 1280px){
header #cis{
    padding: 20px 0;
}
#about_area .title{
    display: block;
}
#about_area .title p, #about_area .title h2{text-align:center;}
#about_area .about_wrap{
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 0 60px 0;
}
#about_area .info article{
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    height: 170px;
}
	#bottom-service{
    margin-top: -80px;
}
}
@media screen and (min-width: 1025px){
	#about_area .about_wrap {flex-direction: row-reverse;justify-content: center;background: #fff;}
	#about_area .title { margin: 0 20px; align-items: flex-start; flex-direction: row-reverse; }
	#product_area .img_box {}
	#product_area .img_box img {height: 285px;border-radius: 10px;}
	#news_list {margin-left: 180px;padding: 75px;background: #f5f5f5;}
	#bottom-service{
		background-attachment:fixed;
	}
}
@media screen and (max-width: 1024px){
	#bottom-service{
    margin: 0;
}
#bottom-service .lefttitle p{
    margin: 0;
}
#bottom-service section {
    padding: 0;
}
#about_area .about_wrap{
    padding: 0;
}
	section .title_box h2 { padding: 2px; border-width: 1px 0; right: 15px; bottom: 15px; }
	#about_area .info {margin: 30px auto 0;width: 100%;}
	#news_area .bg_box{
    width: 100%;
}
#news_list{
    margin: 0;
    background: #f7f7f7;
}
#news_area .title_box{
    margin-bottom: 30px;
}
}
@media screen and (max-width: 980px){
	#product_area .img_box { border-bottom-left-radius: 0; }
	#product_area .img_box img {
    height: 200px;
}
	#product_area .info article { height: 50px; -webkit-line-clamp: 2; }
	#news_area .bg_box { width: 100%; height: 70%; }
	#news_list { margin: 6vw 0 0 0; }
	#about_area .about_wrap{
    width: 80%;
}
}
@media screen and (min-width: 641px){
	header #cis {width: 220px;}
}
@media screen and (max-width: 640px){
	#about_area .about_wrap{
    width: 100%;
}
#about_area .info article{
    height: auto;
    margin-bottom: 30px;
}
#bottom-service .lefttitle p a{
    display: block;
    text-align: center;
    margin: 10px 0;
    background: #f44336;
}
#news_area >div{
    padding: 5% 0 0 0;
}
#news_area .title_box{
    padding-left: 10%;
}
	header #cis {top: 15px;left: 4%;width: 200px;}
	header #menubtn {width: 80px;height: 80px;}
	#news_list ul li >div { padding: 10px; }
	#news_list ul li .time { font-weight: 100; font-size: 12px; }
	#news_list ul li h3 { margin: 0; width: 100%; }
}