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;}
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 (max-width:1200px){
	
	.new-image-paragraph{font-size:60%;}         
	.hi1200 {visibility: hidden;}
	.Vi1200 {visibility: visible;}
}

@media screen and (max-width:479px){.new-image-paragraph{font-size:50%;height:6em;padding:5px;}
}

/*20210203自訂底線*/
.bline {border-bottom: solid 1px #ccc;}

/* Add inner button group on slider - 220923 */
.slider-btn-group-l {
	margin-top: -7rem;
    margin-left: 1.8rem;
}

.slider-btn-group-s {
	/* width: 100%; */
	/* margin-top: -6rem; */
    /* margin-left: 1.55rem; */
	display: flex;
    margin: 0 auto !important;
    justify-content: center !important;
    align-content: center;
    flex-wrap: wrap;
    margin-top: -3rem !important;
}

.btn-text-width {
	width: 9rem;
}

.btn-text-width-sm {
	width: 5.4rem;
}

.btn-padding {
	padding: 0.1rem 0.1rem 0.1rem 0.1rem;
}

@media (max-width: 768px){
	.slider-btn-group-l {
		display: none;
	}
}

@media (min-width: 769px){
	.slider-btn-group-s {
		display: none;
	}
}