.pagebox{
	border: 1px solid #ddd;
    color: #b3b3b3;
	width: 2.5em;
    height: 2.5em;
	line-height: 2.5em;
	vertical-align: middle;
}
.pagebox:hover{
	background: #ddd;
    border-color: #eee;
    color: #333;

}

/* .pageNumber .pageselected{
	background: #0050A3;
    border-color: #0050A3;
    color: #fff;
} */


.textlimit {
    height: 160px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
	color:#8c8c8c;
	font-size: 16px;
}
.shop_detail{
	display:none;
}
/* cowboy 20210309 productdetail tabs 重製修復版 #38948 */
.cowboy_tabList {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	margin-bottom: 40px;
	border-bottom: 1px solid #f2f2f2;
}

.cowboy_tabList-center{
	justify-content: center;
}

.cowboy_tabList > a {
	display: block;
	width: 25%;
	min-width: 120px;
	padding: 0 10px;
	/* color: #4a4e5c; */
	/* font-size: 18px; */
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	background: #fff;
	border: 1px solid #f2f2f2;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.cowboy_tabList > a.active,
.cowboy_tabList > a:hover {
	background: #f2f2f2;
}
/* cowboy 20210309 productdetail tabs 重製修復版 #38948 end */



/* cowboy 20210414 副功能列 谷哥翻譯修復版 #39609 */
.topLinkMenu > .language_google > a {
	display: flex !important;
	align-items: center;
}
.topLinkMenu > .language_google > a > span {
	display: flex;
	align-items: center;
}
.goog-te-gadget {
	color: #fff !important;
}
.goog-logo-link {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #fff !important;
}
@media (min-width: 1025px) {
	.goog-te-gadget {
		display: flex;
		align-items: center;
	}
	/* .goog-te-gadget > div {
		margin-right: 15px;
	} */
}
@media (max-width: 1024px) {
	.goog-te-gadget > div * {
		color: #000 !important;
	}

	html.translated-ltr .cmpTop {
		top: 40px !important;
	}
	html.translated-ltr .cmpContent {
		top: 90px !important;
	}
}
/* cowboy 20210414 副功能列 谷哥翻譯修復版 #39609 end */



/* cowboy 20211206 購物站產品列表切換 */
.colChange {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.colChange a {
	display: block;
	margin: 0 10px;
	opacity: 0.5;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.colChange a:hover,
.colChange a.active {
	opacity: 1;
}
.colChange a img {
	display: block;
}
@media (max-width: 576px) {
	.colChange {
		display: none;
	}
}
@media (min-width: 440px) {
	.horizontal {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.horizontal > *:nth-child(1) {
		display: block;
		width: 30%;
	}
	.horizontal > *:nth-child(2) {
		width: 70%;
		padding: 0 15px;
	}
	.horizontal > *:nth-child(2) .subBlockTitle {
		margin: 0;
	}
}
/* cowboy 20211206 購物站產品列表切換 end */



/* cowboy 20220324 fix 影音專區 #43894 */
.videoLightboxFix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.videoLightboxFix.show {
    opacity: 1;
    visibility: visible;
}

.videoLightboxFix > div {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 960px;
    -webkit-transform: translate(-50%, -45%);
            transform: translate(-50%, -45%);
    -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.videoLightboxFix.show > div {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.videoLightboxFix .videoClose {
    position: absolute;
    top: -43px;
    right: -43px;
    padding: 0 12px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

@media (max-width: 1060px) {
    .videoLightboxFix .videoClose {
        right: 0px;
    }
}

.videoLightboxFix .videoIframe {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.videoLightboxFix iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		padding: 0 15px;
}
/* cowboy 20220324 fix 影音專區 #43894 end */


/* cowboy 20220107 cowboyBlock_4 模組新增 */
.cowboyBlock_4 {
	position: relative;
	margin: -50px 0 100px;
	z-index: 2;
}
.cowboyBlock_4 .container {
	max-width: 1260px;
}
.cowboyBlock_4 a {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 123.08%;
}
@media (max-width: 575px) {
	.cowboyBlock_4 {
		margin: -40px 0 20px;
	}
	.cowboyBlock_4 a {
		margin-bottom: 60px;
	}
}
.cowboyBlock_4 a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
			transition: all 0.3s;
}
@media (min-width: 1025px) {
	.cowboyBlock_4 a {
		overflow: hidden;
	}
	.cowboyBlock_4 a:hover img {
		transform: scale(1.03);
	}
}
.cowboyBlock_4 a div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 65%;
	color: #000;
	font-size: 16px;
	padding: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff;
	overflow: hidden;
	-webkit-transition: all 0.3s;
			transition: all 0.3s;
}
.cowboyBlock_4 a:hover div {
	color: #0050A3;
}
@media (max-width: 1024px) {
	.cowboyBlock_4 a div {
		top: 100%;
		bottom: unset;
		width: 100%;
	}
}
/* cowboy 20220107 cowboyBlock_4 模組新增 end */


/* cowboy 20220420 cowboyAbout_1 模組新增 */
.ca1 {
	position: relative;
	overflow: hidden;
}
@media (max-width: 991px) {
	.ca1 {margin-bottom: 40px;}
}
.ca1 img {
	display: block;
	width: 100%;
}
.ca1 .ca1_cover {
	position: absolute;
	top: calc(100% - 63.2px);
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	background: rgba(0,71,118,0.65);
	transition: all 0.3s ease-in-out;
}
.ca1:hover .ca1_cover {
	top: 0;
}
.ca1 .ca1_cover div {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px;
	padding: 10px 0;
}
.ca1 .ca1_cover p {
	color: #fff;
	font-size: 16px;
	text-align: center;
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s 0.4s ease-in-out;
}
.ca1:hover .ca1_cover p {
	opacity: 1;
	transform: scale(1);
}
/* cowboy 20220420 cowboyAbout_1 模組新增 end */

/* #4088 2404-09-18 */
.headerStyle01 .navRight {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 16px;
}

@media (max-width: 1024px) {
	.goog-te-gadget-simple {
		display: flex !important;
	}
}

i.red {
	color: red;
}

/* 2024-12-23 後台編輯器用 iframe img自適應 */
.youtube-embed-wrapper .cke_iframe {
	position: absolute;
	top: 0;
	left: 0;
}
.embed-container img.cke_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* ----- ALL ----- */
/* all */
.index .pageTitleStyle-2 span {
	font-family: var(--font_Oswald);
}
.blockTitle span {
	font-family: var(--font_Oswald);
	color: #333;
}
.blockTitle small {
	color: #BABABA;
}

	/* btn */
.btnStyle01 {
	position: relative;
    display: block;
    color: #fff;
    text-align: center;
    width: 142px;
    height: 40px;
    line-height: 40px;
	border-radius: 3px;
	background: var(--cis1);
    transition: all 0.3s ease-in-out;
}
.btnStyle01 i {
	display: block;
    position: absolute;
    width: 39px;
    height: 4px;
    right: -20px;
    top: 50%;
	transform: translateY(-50%);
    background-color: #fff;
    transition: all 0.3s ease-in-out;
	background: url(../images_v4/btn_arrow.svg);
}
.btnStyle01:hover {
	background: #000;
	color: #fff;
	/* filter: brightness(1.1); *//*20250922cindy*/
    
}
.btnStyle01:hover i {
	right: -30px;
}

/*header*/
.headerStyle03 .subNavMenu li.search a {
  background: none
}

.headerStyle03_5 .navBar .navBarContent li.search {
  width: 100px;
  border-right: rgba(255, 255, 255, 0.15) solid 1px;
}

.headerStyle03_5 .navBar .navBarContent li.lang a {
  width: 150px;
}

.headerStyle03 .subNavMenu li.lang a i {
  display: inline-block;
}

.headerStyle03 .subNavMenu li.lang a {
  background: none;
}

.headerStyle03_5 .navBar .navMenu li:nth-child(1) {
  border-left: none;
}

.headerStyle03_5 .navBar .navMenu li {
  border-right: none;
}

/* 250902 - 備註：註解的是更改背景底色+文字顏色 */
/* header .navBar .navMenu>li.moreMenu>ul li {
  background: #333333;
  border-bottom: #555555 solid 1px;
} */

/* header .navBar .navMenu>li.moreMenu>ul li a {
  color: #fff;
} */

header .navBar .navMenu>li.moreMenu>ul li:hover>a {
  /* background: #666666; */
  padding-left: 30px;
}

/* .headerStyle03_05 .navBar .navBarContent .subNavMenu li.lanMenu a {
  background: #202020;
} */

/* .headerStyle03_5.scroll .navBar .navMenu li ul li a {
  color: #fff;
} */

/* ul.lanMenu {
  background: #333333;
} */

ul.lanMenu li a {
  padding: 0.6em 1em;
}

/* ul.lanMenu li:hover a {
  background: #666666 !important;
} */

/* .headerStyle03_5.scroll .navBar .navBarContent ul.lanMenu li a {
  color: #fff;
} */

.headerStyle03_5 .navBar {
    border-bottom: none;
}

.headerStyle03_5 .navBar .navMenu > li > a {
	text-transform: uppercase;
	font-family: var(--font_Oswald);
	font-size: 18px;
}

@media (min-width: 1200px) {
	.nav_menu9_2 .drop-down-menu li {
		width: 16.666667%;
	}
}


/* cowboy */
.cowboy_mbPanel_1 .cmpTop>div a img {
    max-height: 35px;
}


/* banner */
@media (min-width: 1280px) {
	.bannerBlock:has(.videoBanner) .bannerStyle01_1 .swiper-slide {
		padding-bottom: 0;
		height: 100vh;
	}
}

/* scrollDown */
.bannerBlock .scrollDown {
	width: min-content;
}
.bannerBlock .scrollDown.scrollDownStyle05 .scrollDown_txt {
	width: min-content;
	display: inline-block;
	white-space: nowrap;
}


/* footer */
.footerStyle25 .ftTop {
	background-color: #222;
}

.footerStyle25 .ftInfo a {
	font-size: 16px;
	font-weight: normal;
	align-items: flex-start;
}
.footerStyle25 .ftInfo a img {
	margin-top: 0.5em;
}
.footerStyle25 .ftInfo a span {
	color: #fff;
	display: block;
	margin-bottom: 1em;
}
.footerStyle25 .ftInfo a.row02:hover {
	color: #fff;
}
.footerStyle25 .ftMenu_title {
	font-family: var(--font_Oswald);
	font-weight: normal;
	font-size: 20px;
}

.footerStyle25 .logoTxt {
	margin-bottom: 1.8em;
}
.footerStyle25 .ftMenu_list li:before {
	content: '';
	background-color: var(--cis1);
	width: 0.9em;
	height: 4.5px;
	top: 0.8em;
}
.footerStyle25 form input {
	border: 1px solid var(--cis1);
}
.footerStyle25 form input:focus {
	box-shadow: 0px 0px 15px rgba(212,16,14,0.6);
}
.moreBtn11 {
	transition: all .4s;
}
.moreBtn11 .line:after {
    transform: translateZ(0);
}
.moreBtn11:hover {
	filter: brightness(1.1);
}

.ftBottom .row {
	align-items: center;
}
footer .copyRight {
	font-size: 14px;
}
.footerStyle25 .copyRight a:hover {
	color: #fff;
}

.footerStyle25 .ftBottom .ft_social.ftSocial_circle ul li a {
	background-color: transparent;
	color: #fff;
}
.footerStyle25 .ftBottom .ft_social.ftSocial_circle ul li a:hover {
	color: var(--cis1);
	background-color: #fff;
}

@media (min-width: 992px) {
	.footerStyle25 .ftInfo a.row03 {
		padding-left: 20%;
	}
}
@media (min-width: 769px) {
	.footerStyle25 .logoTxt {
		font-size: 18px;
	}
	.footerStyle25 .ftMenu_title {
		font-size: 24px;
	}
}
@media (min-width: 768px) {
	.footerStyle25 .ftInfo a.row02 {
		justify-content: center;
	}
}
@media (max-width: 991px) {
	.footerStyle25 .ftInfo a img {
		transform: scale(0.7);
	}
}


/* home */
/* sec1 */
.sectionBlock_83_block {
	padding: 1px 0;
	background: url(../images_v4/home/sec1_bg.jpg) repeat center / cover;
}

.sectionBlock_83 .productsArea {
	padding-top: 1.8%;
	padding-bottom: 0;
}

.sectionBlock_83 .productsArea .product-lists .iconTitle {
	font-family: var(--font_Oswald);
	text-transform: initial;
	font-weight: 400;
}
.sectionBlock_83 .productsArea .product-lists-content .title-line {
	font-family: var(--font_Oswald);
	padding-bottom: 6px;
	font-weight: 400;
}
.sectionBlock_83 .productsArea .product-lists-content .title-line:before {
	width: 37px;
}

.sectionBlock_83 .productsArea .product-lists {
	border-bottom: 2px solid #333;
	margin-top: 60px;
}
.sectionBlock_83 .productsArea .product-lists-content .Txt {
	justify-content: flex-start;
}
.sectionBlock_83 .productsArea .product-lists-content .exp {
	max-height: 225px;
	height: auto;
	padding-top: 1.4em;
}
.sectionBlock_83 .productsArea .product-lists-content .exp .ellipsis {
	font-size: inherit;
}
.sectionBlock_83 .productsArea .product-lists-content .btnBox {
	margin-top: 1.8em;
}

.sectionBlock_83 .productsArea .product-lists .iconImg {
	background-color: #F6F8F8;
}
	/* 反白 */
.sectionBlock_83 .productsArea .product-lists .current .iconImg img,
.sectionBlock_83 .productsArea .product-lists .item:hover .iconImg img {
	filter: contrast(0) brightness(200%);
}
@media (max-width: 1200px) {
	.sectionBlock_83 .productsArea .product-lists-content .Txt {
		padding-bottom: 30px;
	}
}
@media (min-width: 993px) {
	.sectionBlock_83 .productsArea .product-lists {
		overflow-x: hidden;
	}
}
@media (max-width: 992px) {
	.sectionBlock_83 .productsArea .product-lists .iconImg img {
		width: 60px;
		height: 60px;
		top: calc(50% - 30px);
	}
}

/* sec2 */
.twoBox_2-2-5 .left-box {
	background: url(../images_v4/home/sec2_pic01.jpg) left center no-repeat;
	background-size: contain;
    background-attachment: fixed;
}

.twoBox_2-2-5 .left-box-content {
	/* border-image: linear-gradient(to right, #F29B76 0%, #EA502E 50%, #CD131E 100%); */
	border-image: linear-gradient(to right, #CD131E 100%);
	border-image-slice: 1;
}

.twoBox_2-2-5 .big_num {
	color: var(--cis1);
	margin: 0;
	margin-bottom: 15px;
}

.twoBox_2-2-5 .right-box-content .txt {
	color: #fff;
}

@media (min-width: 769px) {
	.twoBox_2-2-5 .right-box-content .list li {
		padding: max(8%,40px) 0;
	}
}
@media (max-width: 1200px) {
	.twoBox_2-2-5 .left-box {
		background-size: cover;
	}
}
@media (max-width: 992px) {
	.twoBox_2-2-5 .left-box {
        background-attachment: scroll;
    }
}
@media (max-width: 768px) {
	.twoBox_2-2-5 .right-box-content .list li {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (max-width: 576px) {
	.twoBox_2-2-5 .right-box-content .txt {
		min-height: 3.6em;
	}
}

/* sec3 */
.index .specialEffects-3.ToRight {
	/* top: 720px; */
	top: 37.5vw;
}
.index .specialEffects-3.ToLeft {
	/* top: 2750px;
	bottom: -2750px; */
	top: -1300px;
	/* top: -67.7vw; */
}

.specialEffects-2 .innerBlock {
	margin-bottom: 0;
}

.specialEffects-2 .blockTitle {
	text-transform: uppercase;
}
.specialEffects-2 .blockTitle small {
	line-height: 1.3;
	letter-spacing: 1px;
}

.specialEffects-2 P {
	color: #666666;
}

.specialEffects-2 .anmBox {
	margin-bottom: 0;
}

.specialEffects-2 .btnStyle01 {
	margin-top: 10%;
}

.specialEffects-2 .bg {
	aspect-ratio: 660 / 420;
	height: auto;
	padding-bottom: initial !important;
}
.specialEffects-2 .bg::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
	z-index: 1;
}

@media (min-width: 1400px) {
	.specialEffects-2 .twoBox_1-23 .txtArea {
		padding-left: max(4%,15px);
	}
}
@media (min-width: 992px) {
	.specialEffects-2 .txtAreaIn {
		max-width: 530px;
	}
	.specialEffects-2 .bg {
		max-width: 660px;
	}
}
@media (max-width:991px) {
	.specialEffects-2 .btnStyle01 {
		margin-top: 1.5em;
	}
	.specialEffects-2 .row>div.txtArea {
		margin-bottom: 1.5em;
	}
}

	/* 推高度 */
.specialEffects-2 .imgArea {
	padding-bottom: 12%;
}

.specialEffects-2 .pro_area6 .imgArea {
	padding-bottom: 15%;
}
@media (max-width: 991px) {
	.specialEffects-2 P br {
		display: none;
	}
	.specialEffects-2 .imgArea {
		padding-bottom: 21%;
	}
	.specialEffects-2 .pro_area6 .imgArea {
		padding-bottom: 25%;
	}
}
	/* 定位 */
.specialEffects-2 .b1 .ico1 {
    width: 75.65217%;
    top: 23.409%;
    left: 16.6667%;
}
.specialEffects-2 .b2 .ico1 {
    width: 77.246%;
    top: 18.409%;
    left: 0;
}
.specialEffects-2 .b3 .ico1 {
    width: 86.515%;
    top: 24.5238%;
    left: 26.9697%;
}
.specialEffects-2 .b4 .ico1 {
    width: 80.9%;
    top: 19.37619%;
    left: -6.97%;
}
.specialEffects-2 .b5 .ico1 {
    width: 65.56%;
    top: 27.064%;
    left: 29.2227%;
}
.specialEffects-2 .b6 .ico1 {
    width: 79.3636%;
    top: 10.9%;
    left: -6%;
}
@media (max-width: 700px) {
	.specialEffects-2 .b3 .ico1 {
		left: 19%;
	}
}


/* 2025-09-26 #8712 */
.productListStyle17 .proItem {
	margin-bottom: 30px;
	overflow: visible;
}
.productListStyle17 .proItem .proItemBorder {
	border-radius: 0;
}

.productListStyle17 .proItem a {
	position: relative;
	display: block;
	background: linear-gradient(165deg, #fff 0%,#fff 45%, #E7E6E6  45%,#E7E6E6  100%);
}
.productListStyle17 .proItem a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--cis1);
	transition: all .3s ease-in-out;
	z-index: -1;
}
.productListStyle17 .proItem a:hover::after {
	top: 10px;
	left: 10px;
}
.productListStyle17 .proItem a .itemImg {
	background: none;
}
@media (max-width: 768px) {
	.sectionBlock .productListStyle17 .row>div:last-child {
		margin-bottom: 15px;
	}
}


/* 2025-10-16 #8884 */
.sectionBlock_aboutUs27 .global-text-block .block-title {
	display: block;
}


/* 2025-10-30 #9037 */
body.product .bgParallax {
	background-position: center center;
    background-repeat: no-repeat;
	background-attachment: initial; /* 不滾動視差 */
	background-size: contain; /* 圖片比例 */
}
body.product .bgParallax>* {
	position: relative;
	z-index: 1;
}


/* 2025-12-12 #9535 */
.sectionBlock_104 {
	display: flex;
	align-items: center;
}
@media (min-width: 993px) {
	.sectionBlock_104 .fp-tableCell {
        padding: 50px 0;
    }
}
@media (min-width: 993px) and (max-width: 1024px) {
	.sectionBlock_104:before {
		bottom: 0;
        width: 63.5%;
        left: auto;
	}
	.sectionBlock_104 .home-about-info .profile {
        padding-bottom: 2.5rem;
    }
	.sectionBlock_104 .home-about-info .profile .title {
        text-align: left;
    }
	.sectionBlock_104 .fp-tableCell {
        padding: 50px 0;
    }
	.sectionBlock_104 .container-box {
		align-items: center;
	}
}
@media (max-width:992px) {
	.sectionBlock_104 .container-box {
		align-items: center;
	}
	.sectionBlock_104 .about-swiper a >img {
		margin: 0 auto;
	}
}


/* 2025-12-22 #9644 */
@media (min-width: 577px) {
	.manufacture.sectionBlock_aboutUs27 .blockTitle {
		margin-bottom: 3rem;
	}
}
.manufacture.sectionBlock_aboutUs27 .global-text-block {
	margin-bottom: 3rem;
}
.sectionBlock_aboutUs27 .global-text-block .cont ul,
.sectionBlock_aboutUs27 .global-text-block .cont div {
	color: #666666;
}
.sectionBlock_aboutUs27 .global-text-block .cont .block-title {
	color: #333;
}


.fixedIcons {
	left: auto;
	right: 15px;
	top: 75%;
}


/* 2026-04-15 */
.newsListType18 .classified {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsList .item a .itemTitle {
	-webkit-line-clamp: 2;
	min-height: 3.6em;
}