@import"https://fonts.googleapis.com/earlyaccess/notosanstc.css";.c_red{color:#c93030}.c_main{color:#c30d23}.f14{font-size:.875rem}.banner{height:420px;display:flex;justify-content:center;align-items:center;background:url(../images/banner/01.jpg) center/100%;background-size:cover}@media screen and (max-width: 1023px){.banner{height:320px}}@media screen and (max-width: 576px){.banner{height:240px}}.banner .search{background:rgba(0,0,0,.4);padding:28px 50px}@media screen and (max-width: 1023px){.banner .search{width:calc(100% - 2rem)}}@media screen and (max-width: 576px){.banner .search{padding:1rem;width:100%}}.banner .search .tab{display:flex;justify-content:flex-start;align-items:center}.banner .search .tab a{color:#fff;padding:0 0 .4375rem 0;margin:0 2rem 1.3125rem 0;position:relative;opacity:.7;transition:opacity .15s ease-out}.banner .search .tab a:before,.banner .search .tab a:after{content:"";opacity:0;transition:opacity .15s ease-out;position:absolute}.banner .search .tab a:hover{opacity:1;transition:opacity .15s ease-out}.banner .search .tab a.focus{opacity:1;transition:opacity .15s ease-out}.banner .search .tab a.focus:before,.banner .search .tab a.focus:after{opacity:1;transition:opacity .15s ease-out}.banner .search .tab a.focus:before{background:#fff;height:3px;width:100%;bottom:0}.banner .search .tab a.focus:after{width:0;height:0;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent #fff transparent;bottom:-1.3125rem;left:50%;transform:translateX(-50%)}.banner .search .bar{display:flex;justify-content:center;align-items:center}.banner .search .bar input{width:600px;height:55px;border:none;padding:1rem}@media screen and (max-width: 1023px){.banner .search .bar input{width:calc(100% - 100px)}}@media screen and (max-width: 576px){.banner .search .bar input{width:calc(100% - 90px)}}.banner .search .bar input::-moz-placeholder{color:#c1c1c1}.banner .search .bar input:-ms-input-placeholder{color:#c1c1c1}.banner .search .bar input::placeholder{color:#c1c1c1}.banner .search .bar a{background:#c30d23;color:#fff;height:55px;width:100px;display:flex;justify-content:center;align-items:center;transition:background .15s ease-out}@media screen and (max-width: 576px){.banner .search .bar a{width:90px}}.banner .search .bar a img{width:20px;margin:0 .5rem 0 0}.banner .search .bar a:hover{background:#c1a051}.banner .search .key{color:#fff;font-size:.875rem;padding:.25rem 0 0 0;font-weight:300}.banner .search .key a{color:#fff;margin:0 1rem 0 0}.productBox{position:relative}.productBox::before{content:"";position:absolute;background:#f4f4f4;width:25%;height:100%;right:0;top:0;z-index:-1}.productBox .listBox{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap;gap:32px}@media(max-width: 767px){.productBox .listBox{gap:16px}}.productBox .listBox li{width:calc((100% - 192px)/7);border-bottom:2px solid rgba(193,193,193,.3);padding-bottom:2rem;transition:border-bottom .15s ease-out}@media(max-width: 1200px){.productBox .listBox li{width:calc((100% - 128px)/5)}}@media(max-width: 1023px){.productBox .listBox li{width:calc((100% - 96px)/4);padding-bottom:1.5rem}}@media(max-width: 767px){.productBox .listBox li{width:calc((100% - 16px)/2);padding-bottom:12px;border-bottom:0 !important}}.productBox .listBox li a{transition:color .15s ease-out}.productBox .listBox li a p{font-size:1.125rem;padding:16px 0 0 0}@media(max-width: 1023px){.productBox .listBox li a p{font-size:16px}}.productBox .listBox li a p.img{position:relative;padding:0;border-radius:4px;overflow:hidden}.productBox .listBox li a p.img::after{content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0 0 0 1px #c30d23;left:0;top:0;opacity:0;transition:opacity .15s ease-out,box-shadow .15s ease-out}@media(max-width: 767px){.productBox .listBox li a p.img::after{box-shadow:inset 0 0 0 5px #c30d23}}.productBox .listBox li:hover{border-bottom:2px solid #c30d23}.productBox .listBox li:hover a{color:#c30d23}.productBox .listBox li:hover a p.img::after{box-shadow:inset 0 0 0 10px #c30d23;opacity:1}@media(max-width: 767px){.productBox .listBox li:hover a p.img::after{box-shadow:inset 0 0 0 5px #c30d23}}.useBox{background:#fff;padding-bottom:0}.useBox .useArea{display:flex;justify-content:center;align-items:center;flex-flow:row wrap}.useBox .useArea a{width:50%;height:360px;display:flex;justify-content:center;align-items:center;flex-flow:column;color:#fff;position:relative;transition:background-size 8s ease-out}.useBox .useArea a:nth-child(1){background:url(../images/uesBg/01.jpg) center;background-size:125%}.useBox .useArea a:nth-child(2){background:url(../images/uesBg/02.jpg) center;background-size:125%}.useBox .useArea a:nth-child(3){background:url(../images/uesBg/03.jpg) center;background-size:125%}.useBox .useArea a:nth-child(4){background:url(../images/uesBg/04.jpg) center;background-size:125%}@media(max-width: 1600px){.useBox .useArea a{background-size:cover !important}}@media(max-width: 1023px){.useBox .useArea a{width:100%;height:240px}}.useBox .useArea a p,.useBox .useArea a span,.useBox .useArea a::before{transition:opacity .15s ease-out}.useBox .useArea a:hover{background-size:150%}.useBox .useArea a:hover p,.useBox .useArea a:hover span,.useBox .useArea a:hover::before{opacity:0}@media(max-width: 1023px){.useBox .useArea a:hover p,.useBox .useArea a:hover span,.useBox .useArea a:hover::before{opacity:1}}.useBox .useArea a::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0}.useBox .useArea a:nth-child(1)::before{background:rgba(48,92,112,.4)}.useBox .useArea a:nth-child(2)::before{background:rgba(48,25,32,.4)}.useBox .useArea a:nth-child(3)::before{background:rgba(107,88,49,.4)}.useBox .useArea a:nth-child(4)::before{background:rgba(37,93,67,.4)}.useBox .useArea a p{font-size:1.5rem;z-index:1}@media(max-width: 1023px){.useBox .useArea a p{font-size:20px}}.useBox .useArea a p:nth-child(2){width:65%;text-align:center;font-size:1rem;padding:8px 0 24px 0;line-height:1.5}@media(max-width: 1023px){.useBox .useArea a p:nth-child(2){width:85%}}.useBox .useArea a span{background:url(../images/icon/arrowUse.svg);width:48px;height:48px;background-size:100%;z-index:1}@media(max-width: 1023px){.useBox .useArea a span{width:32px;height:32px}}.featuredBox .slick-arrow{width:36px;height:36px;background-image:url(../images/icon/arrowUsef.svg) !important;background-size:36px;z-index:2;opacity:.3;transition:opacity .15s ease-out;left:-12.5px}.featuredBox .slick-arrow::before{display:none}.featuredBox .slick-arrow.slick-next{background-image:url(../images/icon/arrowUser.svg) !important;background-size:36px;left:auto;right:-12.5px}.featuredBox .slick-arrow:hover{opacity:1;background-size:36px}
/*# sourceMappingURL=index.css.map */