@charset "utf-8"; 
:root{--color:#00a0ea}
.l-main-home .new-btn:hover,.l-main-home section.color,.l-main-pro .pro-list .is-checked .pro-btn,.pulse-bubble,.send-inquiry .send-btn,.wave{background-color:var(--color)}
.about .about-btn .btn-cont,.about .about-l>ul>li:after,.about .about-tit:after,.head-top,.l-header .head-nav.is-active>ul,.l-header .nav-sign span,.preview-container .thumbnail-box .btn:hover,.pro-list>li:hover .pro-btn,.prodetail .btn-list>*,.prodetail-content-tit span:after{background-color:var(--color)}
.common-pages a:hover,.common-pages span.ctxt,.compare-panel .button-area .contact-button,.contact-list li:nth-child(odd) .contact-icon:after,.contact-tit-top>div:after,.contact-tit-top>div:before,.download-list li:nth-child(2n) .download-btn,.faq-list li.is-active .project-name,.foot-linetop>span:nth-child(2n),.foot-sub .sub-btn,.pagelink-icon,.sidebar-tit em.cir,.sidebar-tit em.line{background-color:var(--color)}
.l-main-home .pro-more:hover,.l-main-home .sec-title{color:var(--color)}
.about .about-tit,.inquiry-prolist .inquiry-pro-item .pro-item-name a:hover,.inquiry-tip a:hover,.l-header .head-nav a:hover,.l-header .search-btn i,.l-main-pro .pro-addbtn:hover i,.l-main-pro .pro-list .is-checked .pro-addbtn i,.latestpro-item .more-icon i{color:var(--color)}
.button-area .clear-all:hover,.contact-list li:nth-child(odd) .iconfont,.contact-tit-top,.foot-nav li:hover a,.foot-top .l-left span,.pagelink-item:hover .pagelink-name>a,.sidebar-cate a:hover,.sidebar-cate li.is-active>a,.sidebar-new ul li:hover .new-name,.sidebar-pro ul li:hover .pro-name{color:var(--color)}
.head-top .top-share .icon-item,.l-main-pro .pro-list .is-checked .pro-wrap,.pro-list>li:hover .pro-wrap,.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus,.send-inquiry .send-btn:hover,.sidebar-tit em.cir:after{border-color:var(--color)}
.faq-list .project-name{border-bottom-color:var(--color)}
.preview-container .thumbnail-box .list ul .item-cur{outline-color:var(--color)}
.l-main-home .pro-more,.new-wrap:hover .new-more i{background-color:var(--color);border-color:var(--color)}
.about .about-btn .btn-cont:hover,.l-main-home .new-btn,.new-more{border-color:var(--color);color:var(--color)}
.wave-top:before{background-image:radial-gradient(circle at 6px,at -3px,transparent 7.2px,var(--color) 8.2px);background-image:radial-gradient(circle at 6px -3px,transparent 7.2px,var(--color) 8.2px)}
.wave-top:after{background-image:radial-gradient(circle at 6px,at 9px,var(--color) 0,transparent 8.2px);background-image:radial-gradient(circle at 6px 9px,var(--color) 7.2px,transparent 8.2px)}
.l-main-home .sec-title-w{color:#fff}
.foot-nav li:hover{background-image:url(https://www.meco-tools.com/js/31353/arrow-nav-w.png)}
@media (min-width:768px) and (max-width:1280px){.l-header .head-nav{background:var(--color)}}
@media screen and (max-width:767px){.l-header .head-nav>ul>li a.inmenu_1{color:var(--color)}
.mobile-bottom,.mobile-bottom .mobile-bottom-item,.preview-container .swiper-pagination-bullet-active{background-color:var(--color)}}
#tags li a:hover,ul#tags li.selectTag a{color:var(--color)}
#tags li a:after{background:var(--color)}
.prodetail-content article>p{font-size:16px}
.prodetail-content img:not(.initial){max-width:800px;height:auto}
@media (max-width:768px){.prodetail-content img{max-width:100%!important}}
.pagelink-name{white-space:inherit;height:15px}
.sf-menu li.LiLevel1>a{font-weight:bolder}
@media(min-width:769px){.l-header .head-logo img{height:60px;width:auto;max-width:inherit}}
.prodetail-content article div h4 span:nth-child(1){top:1px!important}
.contact-item-wrap{padding-top:30px}