@charset "utf-8";

/*自訂樣式===============================================*/
.noscroll {
	overflow-y: hidden;
}

/* 20220810 Q&A間距拿掉 */
/* .faqItem {
	margin-bottom: 80px;
} */

.shopdetail .prod_price .del {
	text-decoration: line-through;
}

.relatedPro {
	margin: 50px 0;
}

.relatedPro .hrTitle {
	position: relative;
	text-align: center;
}

.relatedPro .hrTitle::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: gray;
	z-index: -1;
}

.relatedPro .hrTitle span {
	padding: 0 15px;
	color: gray;
	background: #fff;
}

.relatedPro .proList.shop {
	margin-top: 50px;
}

.relatedPro #relateProSlid {
    padding-left: 57.6px;
    padding-right: 57.6px;
    overflow: visible;
}

.relatedPro #relateProSlid .item .itemImg {
    padding-bottom: 100%;
}

.relatedPro #relateProSlid .item .itemTitle {
	height: 73px;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
}

.relatedPro #relateProSlid .item .itemPrice {
	color: #ff5353;
}

.relatedPro #relateProSlid .item .itemPrice.del {
	color: gray;
	text-decoration: line-through;
	padding-right: .5em;
}

@media (min-width: 992px) {
	.proList .hamburger_hide {
		display: block !important;
	}
}

.proList .subBlockTitle,
.proList .shopCart,
.proList .shopCart_btn {
	text-align: center;
} 

.product .proList .subBlockTitle{text-align: left;}

.proList .shopCart_btn .itemAddCart {
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 0;
}

.proList .shopCart_btn .itemAddFavor {
	position: absolute;
	top: -10px;
	right: 5px;
	z-index: 3;
}

.indexList2{
	padding: 15px;
	background-color: #0050A3;
}

/* ---竝昌油壓 樣式設定 直接覆蓋sass樣式--- */

body {
    color: #333333;
    font-size: 18px;
    font-family: "Noto Sans TC","微軟正黑體","Microsoft JhengHei","Lato",arial,"WenQuanYi Zen Hei","Heiti TC","文泉驛正黑";
    line-height: 1.8;
    font-weight: 300;
}

header .navBar .navBarContent .logo img {
    padding: 6px;
}

header .navBar .navMenu.hoverEffect_01>li>a>span:after {
    background-color: #0050a3;
}

header .navBar .navMenu>li.moreMenu>ul li:last-child {
    border-bottom: 3px solid #1c8afb;
}

.itemImg.img-rectangle {
    border: 1px solid #e5e5e5;
    border-radius: 0;
}

.blockTitle span {
    color: #0050A3;
    font-size: 32px;
    font-weight: bold;
}

/* ---公司簡介--- */

.innerBlock.aboutType_2 .row {
    align-items: center;
}

.innerBlock.aboutType_2.row {
	align-items: center;
	
}

.innerBlock.aboutType_2 .row ul.listItem li {
	font-size: 22px;
	line-height: 45px;
}

span.title {
    color: #0050a3;
   
}

.Bbox.w1300 .blockTitle h2 {
    font-size: 48px;
    display: block;
    line-height: 1.3;
    color: #0050A3;
    font-weight: bold;
}

.Bbox.w1300 .blockTitle h5 {
    color: #5C5E5D;
    display: block;
    font-size: 24px;
    font-weight: 300;
}

.Bbox.w1300 .blockTitle {
    display: flex;
    flex-direction: column-reverse;
}

ul.listItem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.listItem li {
    padding-right: 8px;
}

ul.listItem li:nth-child(4),
ul.listItem li:nth-child(8) {
    padding-right: 0;
}

ul.listItem li img {
    filter: grayscale(0);
}

ul.listItem li img:hover {
    /* cursor: pointer;
    filter: grayscale(0);
    transition: all .5s; */
}

section.sectionBlock.aboutType_2,
section.sectionBlock.aboutType_2 .innerBlock {
    margin-bottom: 0;
}

/* ---產品頁 樣式--- */

.topSideMenuStyle04 {
    margin-bottom: 100px;
    margin-top: 80px;
}

.productListBlock .subBlockTitle {
    font-size: 18px;
   font-weight: 400;
   margin: 15px;
}

.productListBlock.productListStyle01 .col-6.col-md-4.col-sm-6.proItem {
    margin-bottom: 80px;
}

.topSideMenuStyle04 {
    border-bottom: none;
}

.classification_menu ul li {
    padding: 0 0px;
}

.classification_menu ul li {
    background: #eee;
    margin: 0 3px 15px 3px;
}

.cartBox {
    justify-content: end;
}

.cartBox .cartBox_cart a {
    color: #0050A3;
    display: block;
    padding: 10px 20px;
}

.cartBox .cartBox_cart a:hover {
    background: #0050A3;
    color: #fff;
}

/* ---產品內頁 樣式--- */

.editorBlock {
    overflow: auto;
}

.editorBlock table.Table{
	width: 100%;
    float: none;
}

.editorBlock table{
    float: none;
}

.productListBlock.productListStyle01 .itemImg.traight {
    padding-bottom: 100%;
}


.slick-track .itemImg.traight {
    padding-bottom: 100%;
}



/* ---最新實績--- */

.newsList .itemImg.traight {
    background: #0050a3;
	padding-bottom: 75%;
}

.newsListType2 .item:first-child {
    border-top: none;
}

.disabled, .disabled *, .disabled:hover, .disabled:hover * {
    background: #eee;
    color: #333;
}

/* ---底部footer--- */


.footerStyle03 {
    color: #fff;
    padding-bottom: 0;
    background-color: #0050a3;
    font-size: 16px;
}

.footerStyle03 .ft_logo img {
    height: 65px;
}


footer .copyRight_content {
    margin-top: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 0;
    background: #424242;
    color: #fff;
}

.copyRight_content .row {
    max-width: 1440px;
    margin: 0 auto;
}

.Bbox.w1300.policyBox {
    font-size: 18px;
    font-weight: 300;
    color: #333;
    text-align: left;
    line-height: 2rem;
}


/* ---手機版樣式設定--- */
@media (max-width: 1899px) {
   ul.listItem {
        justify-content: flex-start;
    }
    ul.listItem li:nth-child(even) {
        padding-right: 8px;
    } 

   
}

@media (max-width: 1875px) {
    ul.listItem {
         justify-content: flex-start;
     }
     ul.listItem li {
        width: 50%;
    }
    ul.listItem li img {
        width: 100%;
        height: 595px;
    }
 }

 @media (max-width: 1200px) {
    ul.listItem li img {
        height: 400px;
    }
    ul.listItem li:nth-child(even) {
        padding-right: 8px;
    } 
 }

@media (max-width: 992px) {
    img.logomb {
        width: 200px;
    }
    
    #mbPanel .panelMenu .back, #mbPanel .panelMenu .mainCloseBtn, .mbPanel .panelMenu .back, .mbPanel .panelMenu .mainCloseBtn {
        background: #0050a3;
    }
    
    
    .innerBlock.aboutType_1 .row {
        flex-wrap: wrap-reverse;
    }

    ul.listItem li {
        width: 100%;
    }

    ul.listItem li img {
        height: auto;
    }

}