section {position: relative;padding: 0vw 0;}
#newsBox .bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;opacity: 1;background-color: #000;}
section >.info {position: relative;font-size: 0;z-index: 12;}
section .title {line-height: 90%;text-transform: uppercase;letter-spacing: 0.5px;font-size: 74px;}
section .more {margin: 60px 0px 0px;text-align: left;padding-bottom: 0px;}
section#product_area .more{
    margin: 40px 0px 0px;
}
section .more a {position: relative;padding: 0;display: inline-block;padding: 16px 47px;background: #1b325f;}
section#product_area .more a{
    background: unset;
    border: white 1px solid;
}
section#product_area .more a:hover{
    background: #1b325f;
}
section .more font {text-align: center;font-size: 75px;font-weight: 400;}
section .more a svg.arrow {position: absolute;width: 20px;right: 7px;top: calc((100% - 11.41px) / 2);}
section .more.white a font {padding: 5px 10px 5px 0px;font-size: 14px;color: #ffffff;}
section .more.white a.more2line font{border: 1px solid #35393a;margin-left: 20px;background: #ffffff;color: #35393a;}
section .more.white:after {width: 252px;}
section .more.white span {position: absolute;display: inline-block;vertical-align: middle;right: 0;top: calc(50% - 2px);width: 21px;border-bottom: 2px solid #fff;}
svg.arrow {
    width: 19px;
    fill: rgb(255, 255, 255);
}

svg.arrow.white {
    fill: rgb(255, 255, 255);
}

svg.show {
    width: 8px;
}
.conJbox{
    position: relative;
    width: 1460px;
    max-width: 95%;
    margin: 0 auto;
}
#wrap{
    position: relative;
    overflow: hidden;
}
.scaldown{
    position: absolute;
    display: flex;
    width: 185px;
    height: 185px;
    top: auto;
    right: -168px;
    top: 0;
    left: auto;
    z-index: 3;
}
.scaldown .goindown{
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    z-index: 9;
}
.dwimg{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 37px;
}
.cirtext {
    animation: 15s linear infinite spinJ;
}
@keyframes spinJ {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
/*run-car*/
.run-car{
    display: flex;
    height: 124px;
    width: 100%;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
}
.run-car img{
    width: 190px;
}
@keyframes runAnimation {
  0% {
    transform: translateX(1500%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.run-car img {
  animation: runAnimation 6s linear infinite;
}
/* newsBox */
#newsBox {padding: 0;width: 100%;z-index: 110;position: relative;}
#newsBox .info {padding: 7vw 80px 7vw 0px;display: flex;flex-direction: column;align-items: flex-start;width: 60%;position: relative;z-index: 2;}
#newsBox .info:before {content: "";width: 133%;height: 100%;background-color: #2f2f2f;display: block;position: absolute;bottom: 0px;right: 29%;-webkit-transform: skew(-30deg);transform: skew(-30deg);-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.23);box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.23);z-index: -1;}

#newsBox .bg:before {content: "";width: 60%;height: 100%;background-color: #595959;background-image: url(/userfiles/images/20240418060929515.jpg);background-size: cover;background-position: 50% 30%;display: block;position: absolute;bottom: 0px;right: 0;}
#newsBox .conJbox:after {content: "";position: absolute;width: 846px;height: 460px;background-image: url(/images/38/carimg.png);right: -21%;bottom: -100px;z-index: 9;background-size: contain;background-repeat: no-repeat;}
#newsBox .info .row {width: calc(100% - 0px);display: inline-block;vertical-align: text-bottom;}
#newsBox .info .tit.row {margin-right: 10px;width: auto;margin-bottom: 10px;z-index: 10;}
.info .tit a {display: inline-block;font-family: 'Montserrat', 'Noto Sans TC', sans-serif;text-transform: uppercase;font-size: 70px;letter-spacing: 2px;background-clip: text;-webkit-background-clip: text;color: white;}
#ADBox .info .tit a, #product_area .info .tit a, #qabox .info .tit a , #index_about_box .info .tit a{
    color: #1b325f;
}
#newsBox .info .btn {text-align: center;padding: 50px 0 0;}
#newsBox .info .btn a {line-height: 30px;color: #fff;margin: 0px 10px 0 0px;z-index: 10;border-radius: 50%;padding: 14px 20px;border: 1px solid #737373;}
#newsBox .info .btn a:hover{
    background: #1b325f;
}
#newsBox .info .btn a:first-child { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
#newsBox .info .btn font {margin: 0 9px;font-size: 0;display: inline-block;color: #000;display: none;}
#newsBox .info .btn font span {margin-left: 8px;display: inline-block;font-weight: 400;font-family: 'Montserrat', 'Noto Sans TC', sans-serif;font-size: 13px;color: #000;}
#newsBox .info .btn font span:first-child {padding-left: 0.03px;color: #000;}
#newsBox .info ul li {position: relative;padding: 0;font-size: 0;}
#newsBox .info ul li a {position: absolute;width: calc(100% - 120px);height: 100%;top: 0;left: 0;z-index: 9;}
#newsBox .info ul li p.time {margin-right: 20px;width: 85px;display: inline-block;line-height: 27px;font-weight: 500;font-family: 'Montserrat', sans-serif;color: #848484;margin-bottom: 5px;}
#newsBox .info ul li p.txt {width: calc(100% - 0px);display: -webkit-inline-box;color: #fff;font-size: 19px;}
#newsBox .info ul li .noBox {position: absolute;font-weight: 400;font-family: 'Montserrat', 'Noto Sans TC', sans-serif;font-size: 13px;top: calc(100% - 22px);right: 82px;color: #fff;display: none;}

/* aboutBox */
#aboutBox .workframe { overflow: hidden; }
#aboutBox .left_box { padding: 0; float: left; width: 700px; height: calc(100vh - 71px); bottom: 0; z-index: 10; }
#aboutBox .info_box h4 { margin: 15px 0; height: 52px; text-align: center; font-weight: 400; font-size: 31px; }
#aboutBox .img_box_cover , #aboutBox .img_box_cover img { height: 65vh; }
#aboutBox .left_box .info_box article.text-clamp {margin-bottom: 20px;height: 84px;line-height: 190%;-webkit-line-clamp: 3;}
#aboutBox .right_box { float: right; width: 50%; }
#aboutBox .right_box .list_box { margin-bottom: 30px; width: calc(50% - 1px); border-left: 1px #ccc solid; display: inline-block; vertical-align: top; }
#aboutBox .right_box .list_box .relat_box { margin: 0 25px; }
#aboutBox .right_box .list_box .img_box_cover , #aboutBox .right_box .list_box .img_box_cover img { height: 370px; }
#aboutBox .right_box .list_box .info_box h4 { height: 40px; font-size: 24px; }
#aboutBox .right_box .list_box:nth-child(2n) .img_box_cover , #aboutBox .right_box .list_box:nth-child(2n) .img_box_cover img { height: 300px; }
#aboutBox .right_box .list_box:nth-child(2n) .info_box h4 { margin: 15px 0 90px; }
#aboutBox.about_content_end { width: 100%; display: block; }

/* secabout */
#secabout { margin-top: 50px; }
#secabout:before { position: absolute; width: 60%; height: 100%; background: #dc8661; display: block; top: 0; left: 0; content: ""; }
#secabout >div { width: 50%; display: inline-block; vertical-align: top; }
#secabout .customBox ul { margin: 0 auto; width: 500px; }
#secabout .customBox ul li { padding: 60px 0; }
#secabout .customBox ul li .page_sub_title { margin-bottom: 25px; font-weight: 400; font-size: 36px; color: #fff; }
#secabout .customBox ul li article { font-weight: 200; font-size: 18px; color: #ece4e0; }
#secabout .youtubeBox { top: 45px; }
#secabout .youtubeBox iframe { width: 90%; height: 350px; }

/* ADvideo */
section{position:relative;}

.info h2, #productBox .info h2{font-size: 28px;font-weight: 700;letter-spacing:2.2px;color: #35333b;position: relative;line-height: 180%;}
#product_area .info h2.title1{
    color: white;
}
.info h2.title1{
    margin-bottom: 22px;
}
#ADBox .info h3,#productBox .info h3{font-size: 54px;letter-spacing:0.5px;font-weight: 700;background: -webkit-gradient(linear,left top,right top,from(#dfc071),to(#9b6c2f));background: linear-gradient(to right,#dfc071,#9b6c2f);-webkit-background-clip: text;color: transparent;text-transform: uppercase;display: inline-block;}
#ADBox .info .title1{
    margin: 9px auto 5px;
}
#ADBox .info p, #productBox .info p{margin: 30px 0 0;}
#ADBox .info p.titleP{
    width: 340px;
    max-width: 100%;
    margin-bottom: 48px;
}
#ADBox{}
#ADBox .mambox{
    display: flex;
    padding: 250px 0 220px;
    align-items: center;
}
#ADBox:after{position:absolute;width:800px;height:100%;top:0;right:0px;z-index:-1;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";background-image:url(/images/37/img-ad-bg.jpg);background-size:auto;background-position:0 50%;background-repeat:no-repeat}
#ADBox:before{position:absolute;width: 100%;height: 100%;top: 0;left: 0px;z-index: 0;content:"";background-image: url(/images/38/pon_bg.jpg);background-size: cover;background-position: 50% 50%;background-repeat:no-repeat}
#ADBox .info{width: 540px;margin-bottom: 5px;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;display: flex;flex-direction: column;}
#ADvideo .bg{opacity:1.2}
#ADvideo{width: calc(100% - 400px);position: absolute;right: -14%;}
#ADvideo >.info_ADbot {margin: auto;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;display: flex;flex-direction: column;}
#ADvideo ul {margin-top: 0vw;}
#ADvideo ul li {position: relative;width: calc(100% / 4 - 20px);margin: 10px;}
#ADvideo ul li{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index: -1;opacity: 1;margin: 20px 10px;background-color: #fff;box-shadow: 0px 0 10px 0px rgb(162 162 162 / 25%);position: relative;}
#ADvideo ul li a {position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 5;}
#ADvideo ul li:hover .info_AD p{
    background: #1b325f;
    color: white;
}
#ADvideo ul li >div {overflow: hidden;position: relative;margin: 0 0px;z-index: 0;}
#ADvideo ul li .img:before {position: absolute;width: 100%;height: 100%;background: rgb(0 0 0 / 23%);display: block;top: 0;left: 0;opacity: 0;z-index: 2;content: "";}
#ADvideo ul li .img img {position: relative;width: 100%;height: 330px;object-fit: cover;z-index: 1;display: block;-webkit-transition: all 6s linear;-o-transition: all 6s linear;transition: all 6s linear;}
#ADvideo ul li .info_AD {z-index: 1;background: rgb(255 255 255);padding: 25px;font-size: 14px;font-weight: 400;color: #4c4c4c;line-height: 1.8;letter-spacing: 0.5px;box-sizing: border-box;}
#ADvideo ul li .info_AD .price { position: absolute; padding: 5px 15px; background: rgb(0 0 0 / .6); top: -39px; left: 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
#ADvideo ul li .info_AD .price font { margin: 0 10px; display: inline-block; font-weight: 300;  }
#ADvideo ul li .info_AD .price font.old { color: rgb(255 255 255 / .4); }
#ADvideo ul li .info_AD {padding: 25px;font-size: 14px;font-weight: 400;color: #4c4c4c;line-height: 1.8;letter-spacing: 0.5px;box-sizing: border-box;}
#ADvideo ul li .info_AD .newIcon{display:flex;-ms-flex-align: center;align-items: center;font-size: 13px;font-weight: 500;color: #4b4a4a;height: 20px;display: none;}
#ADvideo ul li .info_AD .newIcon .className{position: relative;padding-right: 20px;font-size: 13px;font-weight: bold;font-family: 'Lato', sans-serif;}
#ADvideo ul li .info_AD .newIcon .className:before {content: "";position: absolute;top: 50%;right: 5px;margin-top: -0.5px;width: 10px;height: 1px;background-color: #222;}
#ADvideo ul li .info_AD .newIcon .mTitle{font-weight: 400;padding: 2px 8px;background-color: #dfbd6f;color: #ffffff;font-size: 14px;margin-left: 6px;line-height: 150%;}
#ADvideo ul li .info_AD p{margin-top: 15px;color: #58595a;width: -webkit-fill-available;overflow: hidden;display: inline-block;border: 1px solid #e0e0e0;font-size: 14px;font-weight: 700;padding: 16px 30px;text-align: center;}
#ADvideo ul li .info_AD h3 {height: auto;font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: .07em;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: horizontal;text-transform: uppercase;width: 210px;}
#ADvideo ul li .info_AD .titleBox{text-align: center;margin: 0 auto;}
#ADvideo ul li .info_AD article {letter-spacing: 0.5px;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;margin-top: 0;display: block;padding-left: 15px;position: relative;font-size: 20px;font-weight: 700;color: #0b0b0b;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 210%;-webkit-line-clamp: 2;overflow: hidden;height: 42px;text-align: center;}
#ADvideo ul li .info_AD article:after{content:"";position:absolute;top:calc(50% - 12px);left:0;width:5px;height:23px;background-color:#dfbd6f;opacity: 0;}
#ADvideo ul li .info_AD .project-zoom {position: absolute;left: 50%;top: 40%;width: 9em;height: 9em;margin: -4.5em;border-radius: 50%;border: 1px solid rgb(255 255 255 / 52%);overflow: hidden;opacity: 0;-webkit-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;}
#ADvideo ul li .info_AD .project-zoom:after {content: '';position: absolute;left: 50%;top: 50%;width: 2.625em;height: 2.625em;background: url(/images/37/pd-icon.png) 0 0 no-repeat;background-size: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#ADvideo ul li:hover .project-zoom {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1)}
#ADvideo .more {left: 475px;bottom: 55px;}
#ADvideo .more a {position: relative;border: 1px rgb(255 255 255 / 0%) solid;background-color: rgb(255 255 255 / 0%);display: inline-block;}

#ADvideo .more font {text-align: center;color: #3e3e3e;}
#ADvideo .more a svg.arrow {position: absolute;width: 20px;right: 7px;top: calc((100% - 11.41px) / 2);}
#advertiseBox .wall{display:flex}

/* product_area */
.list_box .info_box h3{height:30px;font-weight:500;font-size:17px;color:#3a4856}
#product_area{position:relative;background:url(/images/39/img-s-bg.png) no-repeat center/cover;background-color:#003b71;padding: 50px 0px 90px;}
#product_area::after{content:'';position:absolute;height:106%;width:45%;bottom:1px;left:0px;background:#003b71;opacity:1;z-index:3;-webkit-transform:skewX(-42deg);-ms-transform:skewX(-42deg);transform:skewX(200deg);opacity: 0;display: none;}
#product_area .applicationList{display:flex;flex-wrap:wrap;width:100%;justify-content: space-between;}
#product_area .applicationMList{border:1px solid rgba(220,220,220,0.25)}
#product_area .applicationItem{width: calc((100% / 3) - 35px);padding:0;margin:0;background: rgb(255 255 255 / 75%);margin: 25px 0px;box-shadow: 0px 0 10px 0px rgb(162 162 162 / 25%);}
#product_area .applicationItem:first-child,#product_area .applicationItem:nth-child(5){border-left:1px solid rgba(220,220,220,0.25);}
#product_area .applicationItem:first-child{
    background: unset;
    border: unset;
    box-shadow: unset;
    margin: 0 0;
}
#product_area .applicationItem.title:first-child .item{
    padding: 50px 25px 54px 0px;
}
#product_area .applicationItem.title .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:50px 25px 54px 25px}
#product_area .applicationItem.title .item .more_btn{position:relative}
#product_area .more_btn.white a::after{background-color:#ffffff}
#product_area .more_btn.white a:hover font{color:#ffffff}
#product_area .more_btn.white font{color:#003b71}
#product_area .title_box font,#product_area .title_box .page_title,#product_area .title_box font::first-letter{color:var(--white)}
#product_area .applicationItem:not(.title) .item{padding: 43px 43px;}
#product_area .applicationItem:not(.title) .item:hover .Img{-webkit-filter:initial;filter:initial}
#product_area .applicationItem:not(.title) .item:hover .title{color:#424242;border-color:#9f9f9f}
#product_area .applicationItem:not(.title) .item:hover .subtitle{color:#272727}
#product_area .applicationItem:not(.title) .item:hover .text{color:#3e3e3e}
#product_area .applicationItem:not(.title) .item:hover .moreBtn a{color:#003b71;}
#product_area .item{position:relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#product_area .item .atag_item{z-index:10}
#product_area .Img{position:absolute;top: 60px;right: 50px;z-index:3}
#product_area .Img img{height: 70px;width: 70px;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:contain}
#product_area .Txt{position:relative;z-index:2;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
#product_area .Txt .title{display:inline-block;max-width: calc(100% - 150px);width: 100%;color: #132e4b;font-size: 26px;font-weight: 700;border-bottom: 2px solid #132e4b;padding: 8px 0px;margin-top: 10px;}
#product_area .Txt .subtitle{color: #132e4b;font-size:15px;font-weight:400;letter-spacing:1px;padding-top: 11px;padding-right: 0px;font-weight: 500;flex: 1;}
#product_area .Txt .text{height:85.5px;color:#e9eef5;font-size:15px;line-height:1.9;letter-spacing:0.7px;margin-top:17px}
#product_area .Txt .subtitle{font-size: 17px;}
#product_area .Txt .text{font-size:14px}
#product_area .moreBtn{padding-top: 50px;display: flex;}
#product_area .moreBtn svg{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 20px;
    height: 20px;
    margin-left: 15px;
}
#product_area .moreBtn a{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width: 120px;color: #132e4b;font-weight:700;letter-spacing:0.01em;z-index:1;font-size: 15px;}
#product_area .moreBtn a::after{content:"";position:absolute;top:calc(50% - 7.5px);right:-10px;width:20px;height:17px;background:url("/images/39/arrow_right_white.png") no-repeat center/cover;z-index:1;-webkit-filter:contrast(0) brightness(150%);filter:contrast(0) brightness(200%)}
#product_area .applicationItem{border-right:1px solid rgba(220,220,220,0.25);border-bottom:1px solid rgba(220,220,220,0.25);border-top:1px solid rgba(220,220,220,0.25);}

/*index_about_box*/

#index_about_box{
    position: relative;
    background-attachment: fixed;
}
#index_about_box .bumoombox{
    display: flex;
    align-items: center;
    padding: 50px 0 160px;
    justify-content: space-between;
}
#index_about_box .bumoombox .rightboxx{
    display: flex;
    flex-direction: column;
    width: 50%;
}
#index_about_box .bumoombox .leftboxx{
    display: flex;
    flex-direction: column;
    width: 480px;
}
#index_about_box .bumoombox .leftboxx .titleP{
    width: 70%;
    margin-bottom: 15px;
}
/* bookBox */
#bookBox ul { margin: 0 auto; width: 1200px; display: grid; grid-gap: 0; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); }
#bookBox ul li { overflow: hidden; }
#bookBox ul li img { height: 275px; }
#bookBox ul li:first-child { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; }
#bookBox ul li:nth-child(8) { grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 4; }
#bookBox ul li:first-child img , #bookBox ul li:nth-child(8) img { height: 550px; }

@media screen and (max-width: 1680px){
	#ADBox{
}
}
@media screen and (max-width: 1500px){
	#aboutBox .left_box { width: calc(47.5vw - 25px); }
}
@media screen and (max-width: 1470px){
	.info .tit a{
	    font-size: 60px;
	}
	.info h2, #productBox .info h2{
    font-size: 23px;
}
	.conJbox{
    width: 1240px;
}
	.scaldown{
    right: -90px;
    width: 150px;
    height: 150px;
}
	#product_area .moreBtn{
    padding-top: 31px;
}
	#newsBox .conJbox:after{
    width: 700px;
    height: 350px;
    right: -16%;
}
	#ADvideo{
    right: -4%;
}
	#ADBox .mambox{
    padding: 190px 0 160px;
}
	#ADvideo ul li .img img{
    height: 280px;
}
	#product_area .applicationItem{
    width: calc((100% / 3) - 15px);
    margin: 10px 0px;
}
	#product_area .item{
}
	#product_area .applicationItem:not(.title) .item{
    padding: 40px 30px;
}
	#product_area .Img{
    top: 25px;
}
	
}
@media screen and (min-width: 1281px){
	
}
@media screen and (max-width: 1280px){
	#product_area .applicationItem{
    width: calc((100% / 2) - 15px);
}
	#bookBox ul { width: 90%; }
	#bookBox ul li img { height: 22.5vw; }
	#bookBox ul li:first-child img , #bookBox ul li:nth-child(8) img { height: 45vw; }
	#aboutBox .info .txtBox h3, #ADBox .info h3, #productBox .info h3{font-size:42px}
	
	#ADBox .info h2:after{display:none}
	#ADBox{padding: 120px 0;margin: auto;padding: 40px 20px 40px;}
	#product_area .Img img{
	    width: 50px;
	    height: 50px;
	}
	#product_area .Img{
	    top: 36px;
	    right: 10px;
	}
	#product_area .Txt .title{
	    max-width: calc(100% - 72px);
	}
	#product_area .applicationItem:not(.title) .item{
    padding: 20px;
}
}
@media screen and (max-width: 1024px){
	#newsBox .conJbox:after{
	    width: 565px;
	    height: 237px;
	    right: -22%;
	    bottom: -27px;
	}
	#ADBox .mambox{padding: 90px 0 70px;}
	#newsBox .info {width: 390px;padding: 7vw 48% 7vw 0px;}
	#newsBox .info .row { width: 100%; display: block; }
	#newsBox .info ul li { padding: 0; }
	#newsBox .info ul li a , #aboutBox .info { width: 100%; }
	#newsBox .info ul li .noBox, #newsBox .info .btn, #secabout #youtubeBox .right{ display: none; }
	.info .tit a{
    font-size: 39px;
}
	#aboutBox .left_box { width: calc(60vw - 25px); }
	#aboutBox .right_box { width: 35vw; }
	#aboutBox .right_box .list_box { width: calc(100% - 1px); }
	#aboutBox .right_box .list_box .img_box_cover , #aboutBox .right_box .list_box .img_box_cover img { height: 300px; }
	#aboutBox .right_box .list_box:nth-child(2n) .info_box h4 { margin: 15px 0; }
	#secabout:before { width: 90%; height: calc(100% - 300px); }
	#secabout >div{ width: 95%; }
	#secabout .customBox ul { width: 80%; }
	#secabout .youtubeBox { width: 100%; text-align: right; top: 0; }
	#ADvideo >.info_AD{width: 90%;}
	#ADBox{display:flex;flex-direction:column;align-items:flex-start;width: calc(100% - 40px);padding: 40px 20px 40px;}
	#ADBox .info{width: auto;margin: 0px 20px 60px;width: 30%;}
	#ADvideo{width: 67%;position: relative;right: -3%;}
	#ADBox .info p, #productBox .info p{margin:10px 0 0}
	section .more{margin:30px 0px 0px}
	#ADBox:after{display:none}
	#ADBox:before{background-position: 2% 100%;top:0}
}
@media screen and (max-width: 980px){
	#newsBox .info{width: 239px;padding: 7vw 42% 7vw 0px;}
	#newsBox .info:before{right:80px}
	#index_about_box .bumoombox{
	    display: flex;
	    flex-direction: column;
	    padding: 30px 0 120px;
	}
	#newsBox .conJbox:after{
    right: -40%;
}
	#index_about_box .bumoombox .rightboxx{
	    width: 90%;
	}
	#index_about_box .bumoombox .leftboxx{
    width: 90%;
    margin: 20px 0 0;
}
	.scaldown{
    right: 0;
    top: 35%;
}
}
@media screen and (max-width: 780px){
	#aboutBox .info .title1:after, #ADBox .info h2:after{display: none;}
	#ADBox .mambox{
    display: flex;
    flex-direction: column;
	}
	#ADBox .info{
    width: 100%;
    margin: 0 0 5px;
 }
	#ADvideo{
    width: 100%;
    right: 0;
}
}
@media screen and (max-width: 768px){
	#aboutBox .img_box_cover , #aboutBox .img_box_cover img { height: 380px; }
	#aboutBox .left_box { margin-bottom: 50px; width: 100%; height: auto; }
	#aboutBox .right_box { width: 100%; }
	#aboutBox .right_box .list_box { width: calc((100% - 1px) / 2); border-left: 0; border-right: 1px #ccc solid; }
	#aboutBox .right_box .list_box:nth-child(2n) { border-right: 0; }
	#aboutBox .right_box .list_box .relat_box { margin: 0 15px; }
	#aboutBox .right_box .list_box .img_box_cover , #aboutBox .right_box .list_box .img_box_cover img , #aboutBox .right_box .list_box:nth-child(2n) .img_box_cover , #aboutBox .right_box .list_box:nth-child(2n) .img_box_cover img { height: 50vw; }
	#aboutBox .right_box .list_box .info_box h4 { height: 30px; font-size: 18px; }
	
	#bookBox ul { grid-template-rows: repeat(4, 1fr); }
	#bookBox ul li:first-child { grid-column-end: 4; }
	#bookBox ul li:nth-child(8) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; }
}
@media screen and (max-width: 640px){
	#newsBox{width:100%}
	#newsBox .info{width: 240px;padding: 7vw 42% 7vw 0px;}
	#bookBox ul { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); }
	#bookBox ul li:first-child { grid-column-end: 3; }
	#bookBox ul li:nth-child(8) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 5; grid-row-end: 6; }
	#bookBox ul li:nth-child(7) { grid-column-start: 2; grid-column-end: 4; grid-row-start: 3; grid-row-end: 5; }
	#bookBox ul li img , #bookBox ul li:nth-child(8) img { height: 30vw; }
	#bookBox ul li:first-child img , #bookBox ul li:nth-child(7) img { height: 60vw; }
	#newsBox .conJbox:after{
    width: 500px;
    height: 150px;
    right: -58%;
}
}
@media screen and (max-width: 550px){
	#secabout:before { width: 100%; }
	#ADBox .mambox{
	    padding: 47px 0 0px;
	}
	#product_area{
    padding: 20px 0px 20px;
    background-position: 6% 50%;
    background-size: cover;
    background-attachment: fixed;
}
	#product_area .applicationItem{
    width: calc((100% / 1) - 0px);
    padding: 21px 0;
 }
	 #product_area .info .tit a{
    color: white;
}
	#product_area .applicationItem.title:first-child .item{
    padding: 10px 10px 10px 0px;
}
	#index_about_box .bumoombox .leftboxx .titleP{
	    width: 100%;
	}
	.run-car img{
    width: 140px;
}
	#index_about_box .bumoombox{
    padding: 30px 0 108px;
}
	.scaldown{
    top: 28%;
    width: 150px;
    height: 150px;
    right: -95px;
}
	
}
@media screen and (max-width: 480px){
	.conJbox{
	    width: 89%;
	}
	#ADBox .info p.titleP{
    margin-bottom: 10px;
}
	#ADBox{
    padding: 11px 0;
    width: 100%;
}
	#ADvideo ul li{
    margin: 10px 0;
}
	#newsBox .conJbox:after{
	    right: -101%;
	}
	#newsBox .info {
	    width: 209px;
	    padding: 9vw 41% 9vw 0px;
	}
	#newsBox .info ul li p.txt{
	    font-size: 14px;
	}
	section#product_area .more{
	    margin-top: 25px;
	}
	section .more a{
	    padding: 12px 33px;
	}
	section .more.white a font{
    font-size: 12px;
}
}
@media screen and (max-width: 320px){
	#aboutBox .right_box .list_box { width: 100%; border-right: 0; }
	
}