html, body{font-family:Arial,Helvetica,"sans-serif";-webkit-overflow-scrolling:touch;overflow-scrolling:touch;} .display-4{font-size:1.35rem;line-height:1;} @media screen and (max-width:479px) {.display-2{font-size:3.5rem;} .display-3{font-size:1.5rem;line-height:1.2;margin-bottom:2.5rem;} .display-4{font-size:0.9rem;} .hi{visibility:hidden;} } .breadcrumb{background-color:#fff;padding-top:0;padding-left:0;} .breadcrumb a, .breadcrumb .active, .breadcrumb-item { color: #006DD9; } footer h2{color:#217BB9;} footer .h6{font-size:100%;} footer.main-footer .tel a{color:#006DD9 !important;} hr{width:90%;} .breadcrumb a,.breadcrumb .active,.breadcrumb-item{color:#006DD9;} .breadcrumb-item+.breadcrumb-item::before{color:#006DD9;} @media screen and (max-width:479px){.border-b{border-bottom:dashed 1px #ccc;padding-bottom:0.5em;margin-bottom:1em;} #navbar{padding-top:0;padding-bottom:0;} .home-carousel img{margin-top:0.5rem;margin-bottom:0.3rem;} .corp-name{margin-bottom:0 !important;} .houme-carousel li,.houme-carousel p{margin-bottom:0;} #indexslide h1,#indexslide h2{margin-bottom:0.5rem;} #indexslide .list-unstyled li{font-size:70%;} .owl-carousel .owl-dots{margin-top:0;margin-bottom:10px;} } @media screen and (max-width:479px){section.bg-white .bar .row .col-6{padding-left:5px;padding-right:5px;} section.bg-white .bar .row .col-6 h3{font-size:75%;} section.bg-white .bar .row .col-6 p.text-left{font-size:70%;} } .custom-img-mousehover a img{width:100%;} .custom-img-mousehover a img:hover{opacity:0.8;} .banner-text{position:relative;top:10px;left:10px} @media screen and (max-width:479px){.list-unstyled li{font-size:90%;} .item p{text-align:center;} .text-uppercase{font-size:130%;} p.lead{font-size:100%;text-align:left;} } #accordion h5{font-weight:600;font-size:85%;} .item span{font-size:80%;line-height:0.5em;} .custom-search-box{width:70%;} .custom-search-box:focus{border-color:#0059B2;-webkit-box-shadow:0 0 0 0.2rem rgba(70, 127, 191, 0.25);box-shadow:0 0 0 0.2rem rgba(70, 127, 191, 0.25);} .custmon-search-btn{font-size:85%;width:20%;padding:0.1rem;} .card-body dd{font-size:0.9rem;color:#333;} @media screen and (max-width:479px){.item span{font-size:60%;} } .custom-info{border-bottom:2px solid #0059B2;} .custom-btn{padding:4px 10px 2px 10px;margin-bottom:5px;display:inline-block;} .custom-btn1{background-color:#D9A300;color:#fff;} .custom-btn2{background-color:#73B9FF;color:#fff;} .custom-btn3{background-color:#EB6877;color:#fff;} .custom-btn4{background-color:#008026;color:#fff;} .custom-btn-date{display:inline-block;margin-left:0.5em;} .container-products{max-width:1140px;width:100%;margin-right:auto;margin-left:auto;} #heading-breadcrumbs h1{color:#fff;font-size:120%;} #heading-breadcrumbs h1 span{color:#999;} h1.products-custom-headline{font-size:120%;border-bottom:3px solid #0059B2;margin-bottom:3rem;} h1.products-custom-headline span{font-size:60%;} .products-category-headline{background-color:#0059B2;color:#fff;font-size:120%;text-align:center;padding:0.75em;} @media screen and (max-width:479px){#heading-breadcrumbs h1{font-size:100%;} } #myTab a{width:20%;text-align:center;} @media screen and (max-width:479px){#myTab a{width:50%;font-size:75%;} } #myTab .nav-link{padding-top:1rem;padding-bottom:1rem;} #myTab .nav-link:hover{background-color:#0059b2;} #nav-tabContent h2{margin-top:5px;margin-bottom:5px !important;} #nav-tabContent h3{margin-top:10px;margin-bottom:5px;font-size:90%;font-weight:400;} @media screen and (max-width:479px){#nav-tabContent h3{font-size:70%;} } #nav-tabContent p a{font-size:70%;} #nav-tabContent .list-unstyled{margin-left:5px;margin-bottom:0;} #nav-tabContent .list-unstyled li{line-height:1.2;} #nav-tabContent .list-unstyled a{font-size:80%;} #nav-tabContent .row,#nav-tabContent .row div{margin:0;padding:0 2px;} h2.other-list{text-align:center;color:#0059B2;margin-top:2rem;font-size:110%;border-bottom:1px solid #0059B2;padding-bottom:0.5rem;} .products p{margin-bottom:0.5rem;font-size:100%;} .products-headline{font-size:140%;padding:0.3em;margin-top:0.5em;text-align:center;color:#fff;} .productspage .products-headline{font-size:120%;color:#444;background:linear-gradient(#FFFFFF, #E8E8E8);border:1px solid #E8E8E8;} .products-subheadline{font-size:110%;color:#fff;padding:0.3em 0.5em;font-weight:normal;text-align:center;} .products h3{color:#0059B2;margin-top:1rem;margin-bottom:0.5rem;font-size:120%;border-bottom:1px solid #0059B2;padding-bottom:0.5rem;} .products h3.text-center-left{text-align:center;margin-top:1em;margin-bottom:0.5em;} @media screen and (max-width:479px){.productspage .products-headline{font-size:75%;} .productspage .products-subheadline{font-size:60%;} .productspage .list-unstyled,.productspage p{font-size:60%;} .productspage .col-5{padding-left:15px;padding-right:5px;} .productspage .col-7{padding-left:0px;padding-right:15px;} .productspage .col-7 .list-unstyled a{font-size:90% !important;} } .btn-download{font-size:90%;padding:0em 0.7em;border-radius:3px;} @media screen and (max-width:479px){.products h3.text-center-left{text-align:left;}} .products h4{color:#444;text-align:center;margin-top:0.8rem;margin-bottom:0.5rem;} .table th{background-color:#7396FF;color:#ffffff;} .table td.leftheadline{background-color:#E2EEF5;text-align:left;padding-left:0.5rem;padding-right:0.5rem;} table.model-select th{font-size:100%;} table.model-select td{font-size:90%;} table.model-select ul{margin:0;padding:0;} table.model-select li{margin:0 0 0 15px;} .option-title{color:#0059B2s;font-size:110%;} .item .list-unstyled{font-size:90%;} .homepage .item .list-unstyled{line-height:2.5rem;margin-bottom:2.5rem;} . @media screen and (max-width:479px){.homepage .item .list-unstyled{line-height:1rem;margin-bottom:1rem;} } .text-right-center{text-align:right;} @media screen and (max-width:479px){.text-right-center{text-align:center;} } .table-spec{width:100%;margin-bottom:1em;} .table-spec th{width:25%;font-size:100%;border-bottom:1px solid #ccc;} .table-spec td{font-size:100%;border-bottom:1px solid #ccc;} @media screen and (max-width:479px){.table-spec td:last-child{width:100%;padding-left:1em;} .table-spec{width:90%;} .table-spec th,.table-spec td{display:block;width:100%;} /* 新增在小尺寸*/ } .table-products-size{margin-top:10px;margin-bottom:10px;width:100%;} .table-products-size th{background-color:#BAD8EA;text-align:center;border:1px solid #ccc;padding:0.3em;} .table-products-size td{border:1px solid #ccc;text-align:center;padding:0.3em;color:#444;} .table-products-size td.leftheadline{background-color:#E2EEF5;text-align:left;padding-left:0.5em;padding-right:0.5em;} .table-nlt8{margin-top:10px;margin-bottom:10px;width:100%;border:1px solid #ccc;} .table-nlt8 tr{border:1px solid #ccc;} .table-nlt8 th{background-color:#BAD8EA;text-align:center;padding:0.3em;} .table-nlt8 td{text-align:center;padding:0.3em;color:#444;} .table-nlt8 td strong{font-size:125%;} @media screen and (max-width:479px){.table-nlt8 td{font-size:80%;} } .table-responsive table{font-size:90%;} @media screen and (max-width:479px){.table-responsive{white-space:nowrap;margin-bottom:1em;overflow-x:scroll;} .table-responsive::-webkit-scrollbar{height:10px;} .table-responsive::-webkit-scrollbar-track{margin:0 2px;background:#ccc;border-radius:5px;} .table-responsive::-webkit-scrollbar-thumb{border-radius:5px;background:#7396FF;} } .option-surge{border-radius:50px;border:solid 1px #ccc;padding:0.5em 3em;} .option-surge strong{font-size:150%;} .option-surge span{color:#F7808F;font-weight:bold;} @media screen and (max-width:479px){.option-surge{padding:0.5em 0.5em;} .option-surge strong{font-size:120%;} .option-surge span{font-size:90%;} } #myTab .active{background-color:#0059B2;color:#fff;} .fixed-btn-margin{margin-top:1em;} @media screen and (max-width:479px){.headline-coolant{font-size:110%;} } h4.products-subheadline{color:#fff;} .btn-required{margin-right:1em;padding:0.1em 0.5em 0.2em;} .sitemappage p{font-size:90%;} .sitemappage ul li a{font-size:90%;} #optionslide .list-unstyled{font-size:90%;} @media screen and (max-width:479px){.text-x-small{font-size:60% !important;} } .new-image{margin-bottom:0.3em;} .new-image a:hover{opacity:0.7;text-decoration:none;} .new-image-paragraph{background-color:#C9CACA;color:#000;height:5em;overflow:hidden;font-size:75%;padding-top:10px;padding-right:10px;padding-left:10px;} .new-image-paragraph span{font-size:90%;color:#fff;background-color:#000;padding:2px 10px;} .new-image-paragraph p{margin-top:5px;} .hi479 {visibility: hidden;} .vi479 { visibility:visible;} @media screen and (max-width:479px){.new-image-paragraph{font-size:50%;height:6em;padding:5px;}} @media (max-width:1200px){ .new-image-paragraph{font-size:60%;} .hi1200 {visibility: hidden;} .Vi1200 {visibility: visible;} } /*20210203自訂底線*/ .bline {border-bottom: solid 1px #ccc;} /* NLS-A picture */ .mg15 {margin: 0 15px;} .bg-or{background-color:rgb(255,165,0);} /*20240108*/ .space-evenly { justify-content: space-evenly; }