@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/** Common **/

#csbanner p, #csbanner a, #csbanner li, #csbanner th, #csbanner td, #csbanner span{font-size:1.125rem; font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#csbanner .data-listing.data-listing--articles .data-listing__excerpt .text .cmp-text p,
#csbanner .cmp-breadcrumb__item-link span{
	font-size:.9375rem;
}
#csbanner *{font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#csbanner img{max-width:100%;}
#csbanner .title > .cmp-title > .cmp-title__text > h3{font-size:2.813rem; font-weight:800; line-height:1.1;}



html[dir=ltr] .dhk #csbanner .text.padding-horizontal .cmp-text{margin-left:-20px; margin-right:-20px;}
#csbanner .breadcrumb > .cmp-breadcrumb > .container{max-width:none !important; padding-left:0 !important; padding-right:0 !important;}

@media (min-width: 1599.98px) {
	#csbanner .container-cust{max-width:1720px; padding:0 40px;}
	#csbanner .aem-GridColumn--default--10, #csbanner .aem-GridColumn.aem-GridColumn--default--8{float:none !important; max-width:1365px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 !important; clear:both !important;}
	#csbanner .container.dhk-container.max-width-1100 .cmp-container{max-width:none !important;}
}


/* Component {Offer Cross-Sell Banner Banner} */
#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo-inner-wrapper{height:100%; padding-bottom:0;}
#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; width:auto; height:auto; min-height:0; top:auto; object-fit:cover;}
#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; top:auto; height:auto; min-height:0;}
#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .item-brand {display: none ;}

@media (min-width: 1500.98px) {
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px 60px;}
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .offer-name {
    font-size: 25px; }
#csbanner .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}
#csbanner .offer-cross-sell-cmp-container .item-details .offer-name{line-height:1.5;}
#csbanner .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:18px; margin-top:8px;}
}


@media (max-width: 1500px) {
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .offer-name {
    font-size: 20px !important; 
	line-height: 1.5;}
	#csbanner .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}

}

@media (max-width: 1300.98px) {


    #csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper {
    padding: 20px 60px ;}
}

@media (max-width: 991.98px) {
	/* Component {Offer Cross-Sell Banner} */
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:2.4% 6%;}
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:auto !important;}

}

@media (max-width: 767.98px) {
		/* Component {Offer Cross-Sell Banner} */
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{object-fit:cover !important;}
	#csbanner .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;}
}

@media (max-width: 575.98px) {
	/* Component {Offer Cross-Sell Banner} */
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;}
	#csbanner .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .see-more-btn .btn-text{font-size:16px;}
}

/*fix bgcolor*/
html[dir] body:not(.dhkesolutioncampaigncategorypage), html[dir] body.dhkarticlepage{background-color:#FFF !important;}