section {position: relative;padding: 0vw 0;}
#newsBox .bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;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: 70px 0px 0px;text-align: left;padding-bottom: 0px;}
section .more a {position: relative;padding: 0;display: inline-block;background: linear-gradient(to right, #f7c209, #fe9e02);padding: 10px 20px;}
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: 12px;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 {display: inline-block;vertical-align: middle;width: 16px;height: 5px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: skewX(45deg);}
#wrap {position: relative;overflow: hidden;}
#wrap .wrapBg {position: absolute;z-index: 1;}
#wrap .wrapBg.diamond {width: 240px;height: 50%;background: #a71e23; top: -20px;left: 0%;}
#wrap .wrapBg.diamond:before {position: absolute;width: calc(100% + 40px);height: 87%;background: url(/images/37/producbg.jpg) no-repeat 50% / auto 100%;content: "";top: 60px;}
#wrap .wrapBg.diamond.bottombox { width: 1467px; height: 1467px; bottom: -430px; top: auto; }
.titleSet h2 span {color: #000000;font-size: 1.24rem;letter-spacing: .05rem;display: inline-block;position: relative;}
.titleSet h2{display:flex;flex-direction:column;color:#51453c;font-size:36px;font-weight:400;position:relative}

/* bgTxt */
.bgTxt,.bgTxt2 {position: absolute;z-index: 1;}
#aboutBox .bgTxt.stitle {top: 3vw;right: 16vw;color: #fff;z-index: 0;}
#aboutBox .bgTxt.stitle font{font-size: 170px;font-weight: 700;text-transform: uppercase;color: rgb(218 219 220 / 30%);}
#aboutBox .bgTxt2.stitle {bottom: 4vw;right: 9vw;font-size: 130px;color: #fff;}
.bgTxt.stitle,.bgTxt2.stitle {line-height: 70%;text-transform: uppercase;}
.bgTxt.title { width: 100%; text-align: right; font-size: 140px; color: #edf1f3; }

.mou_bg{
    position: absolute;
}
/* newsBox */
#newsBox {padding: 0;width: 100%;z-index: 110;position: relative;}
#newsBox .info {padding: 100px 280px 100px 140px;display: flex;flex-direction: column;align-items: flex-start;width: 730px;}
#newsBox .info:before {content: "";width: 110%;height: 110%;background-color: #2f2f2f;display: block;position: absolute;bottom: 0px;right: 210px;-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(/images/37/img-news-bg.jpg);background-size: cover;background-position: 50% 30%;display: block;position: absolute;bottom: 0px;right: 0;}

#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;}
#newsBox .info .tit a {display: inline-block;font-family: 'Montserrat', 'Noto Sans TC', sans-serif;text-transform: uppercase;font-size: 45px;letter-spacing: 2px;background: linear-gradient(to right, #f6c409 , #FF9800);background-clip: text;-webkit-background-clip: text;color: transparent;}
#newsBox .info .btn {/* position: absolute; */text-align: center;padding: 40px 0 0;}
#newsBox .info .btn a {line-height: 23px;color: #fff;margin: 0px 10px 0 0px;z-index: 10;border-radius: 50%;padding: 14px 20px;border: 1px solid #737373;}
#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; }
#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 */
#aaBox{background-repeat: no-repeat;background-size: auto;}
#aboutBox {padding: 8vw 8vw 10vw 8vw;position: relative;overflow: hidden;width: 1440px;margin: auto;}

#aaBox::after {content: '';position: absolute;bottom: -18vw;right: -14vw;z-index: 0;-webkit-transform: skew(-30deg);transform: skew(-30deg);background: linear-gradient(to right, #f6c409, #ebc226);width: 23vw;aspect-ratio: 6/11;z-index: 5;}
#aboutBox .aboutArea{display: flex;}
#aboutBox .info {width: 40%;}
#aboutBox .info .txtBox h2.title1:after{width: 70px;height: 2px;background: #dfbd6f;display:block;content:"";position:absolute;left: -100px;top: 34px;}
#aboutBox .info .titleSet{text-transform:uppercase;-webkit-text-stroke:2px #b7b7b7;line-height:130%;letter-spacing:2.5px;color:transparent;font-size:66px;margin-left:70px}
#aboutBox .info .title1{line-height: 120%;letter-spacing: 0.5px;font-weight: 700;text-transform: uppercase;}
#aboutBox .info .txtBox{position:relative;padding: 2vw 0vw 0vw 1vw;}
#aboutBox .info .txtBox >div{position:relative;z-index:2}
#aboutBox .info .txtBox h3{letter-spacing:0.5px;font-weight: 700;text-transform: uppercase;color: #3d3d3d;padding-left: 50px;}
#aboutBox .info .title1, #aboutBox .info .txtBox h3{display:inline-block;animation:background 20s linear infinite;background: linear-gradient(to right, #f6c409 , #FF9800);background-clip: text;-webkit-background-clip: text;color: transparent;text-transform: uppercase;display: inline-block;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size: 55px;}

#aboutBox .info .txtBox article{line-height: 190%;font-size: 16px;padding: 1vw 0vw 1vw 0vw;font-weight: 600;color: #555555;}
#aboutBox .info .txtBox article h2{font-size: 24px;font-weight: bold;line-height: 160%;}
#aboutBox .info .txtBox article p{font-weight: 600;line-height: 180%;padding: 20px 0 30px 0;}

#aboutBox .info .txtBox article .Txt span{display:block;font-size:22px}
#aboutBox .info .txtBox article .Txt .textEditor{width:83%;font-family:'Montserrat',sans-serif,'Noto Sans TC','Noto Sans SC',sans-serifsans-serif;font-weight:500;line-height:180%;letter-spacing: 0.5px;}
#aboutBox .info .txtBox .column{display: flex;justify-content: center;flex-direction: column;}
#aboutBox .info .txtBox .column .txt00{position:relative;margin-bottom: 20px;display: flex;flex-direction: column;align-items: flex-start;}
#aboutBox #SeoStarRating{display: none;}
#aboutBox .info .txtBox .more {position: absolute;right: 0;bottom: 0;margin: 10px 0px 10px;}
#aaBox .bg {width: 55%;margin-right: 4%;margin-top: -7%;}
#aaBox .txt {width: 100%;margin-right: 3%;position: absolute;}
#aaBox .bg img{width: 100%;object-position: 50%;object-fit: contain;}

/* keyword_area */
#keyword_area{padding: 0vmax 0 2vmax;width: 100%;}
#keyword_area h2{font-size: 24px;font-weight: bold;line-height: 160%;margin-bottom: 10px;}
#keyword_area .keypro-list{margin-left: auto;padding: 0px 40px 30px 40px;margin-bottom: 20px;border-bottom: 3px solid #000;}
#keyword_area .keypro-list .slick-prev,#keyword_area .keypro-list .slick-next {position: absolute;width: 20px;height: 20px;border: solid #444;top: 30%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#keyword_area .keypro-list .slick-prev {border-width: 1px 0 0 1px;transform: rotate(-45deg);left: 20px;}
#keyword_area .keypro-list .slick-next {border-width: 1px 1px 0 0;transform: rotate(45deg);right: 20px;}
#keyword_area .keypro-list .slick-prev:before,#keyword_area .keypro-list .slick-next:before{display: none;}
#keyword_area .keypro-list .item{
    position: relative;
    width: 100%;
}
#keyword_area .keypro-list .atag_item{z-index: 1;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
#keyword_area .keypro-list .Txt{position: relative;padding: 20px 0px 20px 30px;width: calc(100% - 10px);}
#keyword_area .keypro-list .Txt::after {content: "";width: 80px;height: 80px;display: block;border-left: 1px solid #b6a58b;position: absolute;top: 43%;left: 10%;transform: translate(0%, -40%);z-index: -1;transition: 0.6s;}
#keyword_area .keypro-list .Txt .noBox img{font-weight: 500;font-size: 20px;margin-bottom: 5px;width: 40px;}
#keyword_area .keypro-list .Txt .step{font-size: 18px;font-weight: 600;color: #000;}
#keyword_area .keypro-list li{margin: 0 20px 0 10px;width: 100%;}


#fakeNumber{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position: relative;margin: 20px 0 30px 0;}
#fakeNumber .webframe {max-width: 1200px;margin: 0 auto;}
#fakeNumber .index-project-tl {position: relative;text-align: center;background: #4b34a0;padding: 12px 0;color: #fff;border-radius: 7px;}
#fakeNumber .index-project-tl h2 {color: #fff;font-size: 34px;text-align: center;margin: 32px 0;}
#fakeNumber .index-project-tl em {display: block;background: url(/images/20/new/home_210.svg) no-repeat;width: 81px;height: 38px;position: absolute;left: 50%;margin-left: -40.5px;bottom: -35px;}
#fakeNumber .index-tl-line {display: inline-block;background: #fff;width: 55px;height: 5px;}
#fakeNumber ul{padding: 0px 0px;text-align: center;color: #666;font-size: 16px;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
#fakeNumber ul li{display: inline-flex;width: calc((100% / 2) - 20px);color:#fff;text-align:center;position:relative;margin: 10px;}
#fakeNumber ul li .eva{padding: 20px 10px 0px 20px;}
#fakeNumber ul li .eva p{font-size: 18px;color: #6f9248;line-height:100%;text-align: center;display: flex;align-items: flex-start;margin-bottom: 14px;}
#fakeNumber ul li .eva p b{font-size: 44px;color: #6f9248;line-height:100%;font-weight: 600;margin-right: 8px;}
#fakeNumber ul li .eva h2{font-size: 20px;margin-top:10px;line-height:120%;color: #1b1b1b;text-align: center;font-weight: 600;display: flex;flex-direction: column;align-items: flex-start;}
#fakeNumber ul li .eva h2 font{font-size: 14px;margin-top: 10px;color: var(--info);}
#fakeNumber ul li:before{position:absolute;width:1px;height:100%;display:block;top:0;left:0;z-index:0;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";transform:translate(0,0%) !important;background-color:#dfdfdf}

/* smallpicture */
#aboutBox2 {background: none;z-index: 5;padding: 0vw 0 0vw 0;overflow: hidden;background-repeat: no-repeat;background-size: cover;position: absolute;right: 0;top: 120px;}
#smallpicture {padding: 0px 0 0px;-webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);z-index: 1;}
#smallpicture .workframe {text-align:center;margin:0 0;width: 58vw;}
#smallpicture .row { position:relative; margin:0 -20px; display:inline-block; vertical-align:top; display:-webkit-box; display:-ms-flexbox; display:flex; }
#smallpicture .row .roll { z-index:1; -webkit-transition:all 0.01s ease; transition:all 0.01s ease; }
#smallpicture .row.left .roll:first-child { z-index:2; left:-30%; top:30px; }
#smallpicture .row .roll a.photo { display:inline-block; }
#nyBox,#contactBox { position:relative; width:100%; }


.dwdwtext{background-repeat:repeat-x;background-image: url(/images/37/artmruning.png);animation:bgroop 100s linear infinite;position:absolute;height: 3rem;width:130vw;top: -25px;z-index:5;left:-26vw;background-size:cover}
@keyframes bgroop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -4469px 0;
  }
}
/* JADvideo */
section{position:relative}
#JADBox .info .h2:after{width: 70px;height: 2px;background: #adacb1;display:block;content:"";position:absolute;left: -90px;top: 14px;}
#JADBox .info .h2, #productBox .info .h2{font-size: 24px;font-weight: 600;line-height:130%;letter-spacing:2.2px;color: #35333b;}
#JADBox .info .h3,#productBox .info .h3{font-size: 54px;letter-spacing:0.5px;font-weight: 700;background: linear-gradient(to right, #f6c409 , #FF9800);-webkit-background-clip: text;color: transparent;text-transform: uppercase;display: inline-block;}

#JADBox .info p, #productBox .info p{margin: 30px 0 0;}
#JADBox{margin-left:auto;align-items:flex-end;position:relative;display: flex;width: 100%;padding-left: 10vw;padding-top: 120px;padding-bottom: 120px;overflow-y: visible;z-index: 6;}
#JADBox:after{position:absolute;width: 5vw;opacity: 0;height: auto;aspect-ratio: 1/1;top:0;left: 25vw;z-index:-1;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";background-size:auto;background-position:0 50%;background-repeat:no-repeat;background: linear-gradient(to bottom, #f6c409, #f6c409);top: 4vw;z-index: 6;}
#JADBox:before{position:absolute;width: 100%;height: 100%;top: 0;left: 0px;z-index: 0;content:"";background-image: url(/images/37/img-ad-bg2.png);background-size: cover;background-position: 50% 50%;background-repeat:no-repeat}
#JADBox .info{width: 240px;margin-right: 5vw;margin-bottom:60px;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;z-index: 88;}
#JADvideo .bg{opacity:1.2}
#JADvideo{width: calc(100% - 300px);}
#JADvideo >.info_ADbot {margin: auto;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#JADvideo ul {margin-top: 0vw;}
#JADvideo ul li {position: relative;width: calc(100% / 4 - 20px);margin: 10px;}
#JADvideo 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;}
#JADvideo ul li a {position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 5;}
#JADvideo ul li >div {overflow: hidden;position: relative;margin: 0 0px;z-index: 0;}
#JADvideo 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: "";}
#JADvideo ul li .img img {position: relative;width: 100%;height: 280px;object-fit: cover;z-index: 1;display: block;-webkit-transition: all 6s linear;-o-transition: all 6s linear;transition: all 6s linear;}
#JADvideo 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;}
#JADvideo 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); }
#JADvideo ul li .info_AD .price font { margin: 0 10px; display: inline-block; font-weight: 300;  }
#JADvideo ul li .info_AD .price font.old { color: rgb(255 255 255 / .4); }
#JADvideo 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;}
#JADvideo ul li .info_AD .newIcon{display:flex;-ms-flex-align: center;align-items: center;font-size: 13px;font-weight: 500;color: #4b4a4a;height: 20px;}
#JADvideo ul li .info_AD .newIcon .className{position: relative;padding-right: 20px;font-size: 13px;font-weight: bold;font-family: 'Lato', sans-serif;}
#JADvideo 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;}
#JADvideo ul li .info_AD .newIcon .mTitle{font-weight: 400;padding: 2px 8px;background-color: #f5be08;color: #ffffff;font-size: 14px;margin-left: 6px;line-height: 150%;}
#JADvideo 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;}
#JADvideo 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;}
#JADvideo ul li .info_AD .titleBox{text-align: center;margin: 1.2em 0em 0.2em;}
#JADvideo 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: 20px;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;}
#JADvideo ul li .info_AD article:after{content:"";position:absolute;top:calc(50% - 12px);left:0;width:5px;height:23px;background-color: #f6bc07;}
#JADvideo 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;}
#JADvideo 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%)}
#JADvideo ul li:hover .project-zoom {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1)}
#JADvideo .more {left: 475px;bottom: 55px;}
#JADvideo .more a {position: relative;border: 1px rgb(255 255 255 / 0%) solid;background-color: rgb(255 255 255 / 0%);display: inline-block;}
#JADvideo .more font {text-align: center;color: #3e3e3e;}
#JADvideo .more a svg.arrow {position: absolute;width: 20px;right: 7px;top: calc((100% - 11.41px) / 2);}
#advertiseBox .wall{display:flex}
#advertiseBox .wall li{position:relative;width: 100%;}
#advertiseBox .wall li a{position:absolute;z-index:30;width: 100%;height: 100%;left: 0;top: 0;}
#advertiseBox .wall li .info{position:absolute;left: 70px;top: 0;display: flex;width: 100%;height: 100%;align-items: center;}
#advertiseBox .wall li .info h3{color:#fff;text-transform:uppercase;font-size:32px;line-height:150%;text-shadow:1px 1px 8px rgb(90 90 90 / 70%)}
#advertiseBox .wall li .info p{color:#fff;font-size:18px;letter-spacing:1.5px;font-weight:600;text-shadow:1px 1px 8px rgb(90 90 90 / 70%)}
#advertiseBox .wall li .info .titleTT{display:flex;flex-direction:column;color:rgb(255 255 255 / 67%);margin-left:20px;font-size:14px;font-weight:400}
#advertiseBox .wall li .info .titleTT span{font-size:22px;font-weight:700;color:rgb(255 255 255);line-height:140%}

/* productBox */
#productBox{padding: 0px 0 70px 0;}
.moocireimg{position: absolute;width: 75vw;margin-top: -27vw;left: -20vw;background: linear-gradient(to right, rgb(240 240 240 / 0%), rgb(243 243 243 / 53%));aspect-ratio: 1/1;border-radius: 6666px;z-index: 5;}
#productBox .txt00{margin-bottom:40px;display:flex;flex-direction:column;align-items:center}
#productBox .workframe{width:1440px;margin:auto;z-index: 6;}
#productBox h4.stitle{text-align:center}
#productBox h2.title{text-align:center;margin-bottom:45px}
#productBox .list{position:relative;z-index:2;display:flex}
#productBox .list .item{position:relative;margin:0 15px;width:100%}
#productBox .list .item img{position:relative;z-index:1;width:70px;height:70px;object-fit:cover}
#productBox .list .item:hover img{-webkit-filter:contrast(0) brightness(150%);filter:contrast(0) brightness(260%)}
#productBox .list .item:hover .info p{background:#393124}
#productBox .list .item .h3{margin-top:50px;font-weight: 600;font-size: 20px;color: #323232;}
#productBox .list .item a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 3; }
#productBox .list .item .photoBox{border: 5px solid #e9e8e8;border-radius: 20px;padding: 45px 25px;display: flex;flex-direction: column;align-items: center;background-color: #f6f6f6;}
#productBox .list .item:hover .photoBox{border: 5px solid #f6c409;background: linear-gradient(to right, #f7c209, #fe9e02);}
#productBox .list .item .info {z-index: 2;text-align: center;margin-top: -20px;}
#productBox .list .item .info article {font-size: 15px;text-align: center;margin-top: 20px;display: none;}
#productBox .list .item .info p {background: #f6c409;display: inline-block;color: #fff;font-family: 'Lato', sans-serif;width: 38px;text-align: center;line-height: 38px;border-radius: 50%;margin: 0;}


@media screen and (max-width:1680px) {
	#courseBox >.info {width: 100%;}
	#wrap .wrapBg.diamond {width: 180px;}
	#wrap .wrapBg.diamond:before {background: url(/images/37/producbg.jpg) no-repeat 80% / auto 100%;}
	section#courseBox .bgTxt.stitle{right: -12%;}
	#JADBox{padding: 100px 80px;}
}
@media screen and (max-width:1560px) {
	#aboutBox{width: min(1200px , 90%);}
}
@media screen and (max-width:1470px) {
	#newsBox .info{padding: 50px 250px 70px 115px;}
	#aboutBox .info .title{text-align:inherit;font-size:59px}
	#aboutBox .info .titleSet{font-size:58px}
	section .title{font-size:65px}
	#aboutBox .info .txtBox{padding:0}
	.bgTxt.stitle{font-size:70px}
	#aboutBox .bgTxt.stitle{top:6vw;left:3vw}
	#aboutBox .bgTxt.stitle,#aboutBox .bgTxt2.stitle{font-size:90px}
	#aboutBox .bgTxt2.stitle{bottom:4vw;right:5vw}
	#aboutBox2{top:70px}
	#JADvideo ul li .info_AD{padding:20px 15px 20px;width:calc(100% - 0px)}
	#JADvideo ul li .info_AD h3{font-size:30px}
	#productBox .workframe{width:90%;margin:auto}
	#productBox .list{display:flex;flex-direction:row;flex-wrap:wrap}
	#productBox .list .item{width:calc((100% / 3) - 30px);margin-bottom:40px}
	#aboutBox .bgTxt.stitle font{font-size: 150px;}
}

@media screen and (max-width:1366px) {
	#wrap .wrapBg.diamond{display: none;}
	#JADvideo >.info_AD{width: 95%;margin-top: 30px;}
	#JADvideo{transform: translateX(0px);margin: auto;padding: 0vw 0 0vw 0;}
	#JADvideo .more{bottom: 0px;left: 50%;transform: translateX(-50%);}
}
@media screen and (min-width: 1281px) {
	section .more a:hover svg { fill: #fff; }
	#JADvideo ul li:hover .img:before  { opacity: 1; }
	section .more.white a:hover font {color: #ffffff;letter-spacing: .2em;}
	section .more.white a:hover svg { fill: #1f1f1f; }
	@keyframes elementor-animation-buzz-out {
	10% {transform: translateX(3px) rotate(2deg)}20% {transform: translateX(-3px) rotate(-2deg)}30% {transform: translateX(3px) rotate(2deg)}40% {transform: translateX(-3px) rotate(-2deg)}50% {transform: translateX(2px) rotate(1deg)}60% {transform: translateX(-2px) rotate(-1deg)}70% {transform: translateX(2px) rotate(1deg)}80% {transform: translateX(-2px) rotate(-1deg)}90% {transform: translateX(1px) rotate(0)}100% {transform: translateX(-1px) rotate(0)}
    }
	@keyframes round{from{transform:rotate(0)}
	to{transform:rotate(1turn)}
	}@-webkit-keyframes round{from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(1turn)}
	}@keyframes newsfix1{from{transform:translateY(0)}
	to{transform:translateY(10px)}
	}@-webkit-keyframes newsfix1{from{-webkit-transform:translateY(0)}
	to{-webkit-transform:translateY(10px)}
	}@keyframes newsfix2{from{transform:translateX(0)}
	to{transform:translateX(-10px)}
	}@-webkit-keyframes newsfix2{from{-webkit-transform:translateX(0)}
	to{-webkit-transform:translateX(-10px)}
	}
	#keyword_area .keypro-list li{-webkit-transition: all 0.5s;transition: all 0.5s;}
	#keyword_area .keypro-list li:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
	#keyword_area .keypro-list li:hover .Txt::after{border-left: 1px solid #dfcfb6;}
	#JADvideo ul li:hover:after {opacity: 0}
	#JADvideo ul li:hover .img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
	#JADvideo ul li:hover .info_AD h3 {bottom: 30px;}
	#JADvideo ul li:hover .info_AD .titleBox {letter-spacing: 1.2em;}
	#JADvideo ul li:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgb(0 0 0 / 56%)20%, rgb(255 255 255 / 0%)50%);opacity: .7;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
	#JADvideo ul li:after {opacity: 1.7;}
	#advertiseBox .wall li .ImgBorder{position:absolute;top: 0;left:0;width:calc(100% - 20px);height:calc(100% - 20px);padding:10px;z-index:10}
	#advertiseBox .wall li .ImgBorder .dashed{position:relative;width:100%;height:100%}
	#advertiseBox .wall li .ImgBorder .dashed::before,#advertiseBox .wall li .ImgBorder .dashed::after{content:"";position:absolute;height:100%;width:100%;-webkit-transform-origin:center;transform-origin:center;opacity:1;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out}
	#advertiseBox .wall li .ImgBorder .dashed::before{border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff4d;-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1)}
	#advertiseBox .wall li .ImgBorder .dashed::after{border-left:1px solid #ffffff4d;border-right:1px solid #ffffff4d;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}
	#advertiseBox .wall li:hover .ImgBorder .dashed::before,#advertiseBox .wall li:hover .ImgBorder .dashed::after{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:0.7}
	#advertiseBox .wall li:hover .img_cover{opacity:0.5}
	#advertiseBox .wall li{background-color:#343434}
}

@media screen and (max-width:1280px) {
	section .more.white span{width: 40px;}
	#wrap .wrapBg.diamond{width: 140px;right: 90%;height: 1170px;}
	#aboutBox .info::before{left:40px}
	#aboutBox .info:after{left:70px}
	#aboutBox .info .titleSet{font-size: 47px;margin-left: 0px;}
	#aboutBox .info .title1{line-height: 130%;}
	.titleSet h2{font-size:32px}
	.titleSet h2 span{font-size:1.04rem}
	#aboutBox .info .txtBox article .Txt .textEditor{font-size:15px;width:100%}
	#aboutBox2{position:relative;top:0}
	#aboutBox .info .txtBox h3, #JADBox .info .h3, #productBox .info .h3{font-size:42px}
	#JADBox .info .h2:after{display:none}
	#JADBox{padding: 120px 0;margin: auto;padding: 40px 20px 40px;}
	#keyword_area .keypro-list .Txt{padding: 20px 0px 20px 60px;width: calc(100% - 60px);}
	#productBox .list .item .info { top: 0; }
}
@media screen and (max-width: 1180px) {
	section .title{font-size: 54px;text-align: center;}
	#aboutBox .bgTxt.stitle,#aboutBox .bgTxt2.stitle{font-size:50px}
	#aboutBox .bgTxt.stitle{top: 5vw;}
	#aboutBox .bgTxt2.stitle{bottom:3vw}
	#JADvideo ul li .info_AD h3{font-size: 24px;}
	#JADvideo ul li .info_AD article{font-size: 20px;}
}
@media screen and (min-width:1025px) {
}

@media screen and (max-width:1024px) {
	#newsBox .info {width: 390px;padding: 90px 250px 90px 90px;}
	#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; }
	#aboutFunc .index-title h3 a:hover { border: 1px solid rgba(242, 183, 68, 0); }
	section .more a {padding: 9px 10px;}
	#aboutBox::after{display: none;}
	#aboutBox .bg {width: 100%;display: block;margin: auto;background-position: 50% 0%;}
	#aboutBox .info .txtBox {padding: 0;background: none;}
	#aboutBox .info .txtBox .more{position: initial;text-align: inherit;margin: 10px 0px 10px;}
	#aboutBox .info .title1,#aboutBox .info .txtBox h3{text-align: left;margin-left: 0;font-size: 48px;padding-left: 0px;}
	#newsBox .info .tit a{font-size: 40px;}
	#aboutBox .info .txtBox article{padding: 1.5vw 0 0;}
	#aboutBox .info:after,#aboutBox:before{display: none;}
	#aboutBox .info {width: calc(100% - 0px);padding: 20px 0px 20px;}
	#aboutBox .info .more{padding-bottom: 0px;position: relative;right: 0;text-align: left;margin: 20px 0px 0px;}
	#aboutBox .info::before{display: none;}
	#secabout:before { width: 90vw; }
	#secabout #customBox { width: 70vw; }
	#aboutBox .aboutArea{display:flex;flex-direction:column}
	#aboutBox{padding: 14vw 0 20px;}
	#smallpicture .workframe{width:100vw}
	#JADvideo >.info_AD{width: 90%;}
	#JADBox{display:flex;flex-direction:column;align-items:flex-start;width: calc(100% - 40px);padding: 40px 20px 40px;}
	#JADBox .info{width: auto;margin: 0px 20px 60px;}
	#JADvideo{width:100%}
	#JADBox .info p, #productBox .info p{margin:10px 0 0}
	section .more{margin:30px 0px 0px}
	#JADBox:after{display:none}
	#JADBox:before{background-position:20% 100%;top:0}
	#advertiseBox .wall{display:flex;flex-direction:column;align-items:center;width:100%}
	#aboutBox .info .txtBox .column .txt00{left:0;display:flex;flex-direction:column;align-items:flex-start}
	#aboutBox .info .txtBox h2.title1:after{display:none}
}
@media screen and (max-width:980px) {
	#secabout:before{width:0}
	#secabout #customBox{width:90vw}
	#newsBox .info{width:360px;padding:70px 80px 70px 50px}
	#newsBox .info:before{right: -24vw;width: 150vw;}
	#productBox .list .item{width:calc((100% / 2) - 30px);margin-bottom:40px}
}
@media screen and (max-width:780px) {
    #aboutBox::after, #aboutBox .bgTxt.stitle,#aboutBox .bgTxt2.stitle{display: none;}
	#aboutBox{padding: 16vw 0 10px;}
	#aboutBox .info .txtBox .column{display:flex;flex-direction:column;align-items: flex-start;}
	#aboutBox .info .txtBox article{margin: 10px 0 20px;border-left: 0px solid rgb(255 255 255 / 57%);padding-left: 0px;}
	#aboutBox .bg{background-position: 50% 0%;}
	section .more.white a font{padding: 18px 59px 18px 20px;}
	#aboutBox .info .title1:after, #JADBox .info .h2:after{display: none;}
 }
@media screen and (max-width:640px) {
	.dwdwtext{position: relative;}
	#aaBox::after{display:none;}
	#aboutBox .info .txtBox article p{padding:0;}
	#newsBox{width:100%}
	.bgTxt.stitle{display:none}
	#aboutBox{padding:10vw 0 0px}
	section{padding:0}
	#customBox{margin-top:0}
	#fakeNumber ul li{width:calc((100% / 2) - 0px);margin:10px 0}
	#fakeNumber ul li .eva p b{font-size:38px}
	#fakeNumber ul li .eva{margin:0}
	#advertiseBox .wall li .info{left:40px}
	#advertiseBox .wall li .info .titleIcon{width:50px}
	#advertiseBox .wall li .info .titleTT span{font-size:20px}
	#advertiseBox .wall li .info h3{font-size:27px}
	#advertiseBox .wall li .info p{font-size:17px}
	#keyword_area .keypro-list li{margin:0 0px}
	#keyword_area .keypro-list .Txt{padding:20px 0px 20px 30px;width:calc(100% - 30px)}
	#newsBox .info{width: 100%;padding: 17px 27px 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	#productBox .list .item {margin: 10px;width: calc((100% / 1) - 30px);}
	#productBox .list .item .photoBox{padding: 35px;}
	#productBox .list .item .h3{margin-top:25px;}
	#productBox .list .item .info article{font-size:14px;line-height: 150%;}
	#productBox{padding: 0px 0 20px 0;}
}

@media screen and (max-width:480px) {
	section .title,#aboutBox .info .title{font-size: 48px;letter-spacing: 1.5px;line-height: 110%;margin: 20px 0vw 0vw 0vw;}
}