@charset "utf-8";

html {
	font-size: 16px;
}

:root {
	--font-Basic: "Charcoal", "Segoe UI", "Microsoft JhengHei", "SF Pro Text", Helvetica, Arial, sans-serif;
	--fontSize-base: 1rem;
	/*16px*/
	--fontSize-sm: clamp(1rem, calc(0.95rem + 0.195vw), 1.125rem);
	/*16 → 18*/
	--fontSize-md: clamp(1.125rem, calc(1.075rem + 0.195vw), 1.25rem);
	/*18 → 20*/
	--fontSize-lg: clamp(1.5rem, calc(1.2rem + 0.195vw), 1.625rem);
	/*24 → 26*/
	--fontSize-xl: clamp(1.75rem, calc(1.6rem + 0.39vw), 2rem);
	/*28 → 32*/
	--colorTheme-main: #36526a;
	--colorTheme-mainHover: #446987;
	--colorTheme-main-500: #5782a0;
	--colorTheme-main-200: #d0dde7;
	--colorTheme-main-100: #eaeff4;
	--colorTheme-main-50: #f5f7fa;
	--colorTheme-secondary: #4eaad4;
	--colorTheme-secondaryHover: #2c8bb6;
	--colorTheme-title: #36526a;
	--colorTheme-text: #000;
	--colorTheme-textHover: #666;
	--colorTheme-bg: #fff;
	--borderRounded-none: 0;
	--borderRounded-md: 15px;
	--borderRounded-lg: 30px;
	--borderRounded-full: 60px;
	--shadowTheme-sm: 0 4px 20px rgba(16, 63, 152, .08);
	--shadowTheme-md: 0 8px 40px rgba(16, 63, 152, .14);
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.breadcrumb a {
	color: #fbaf1e;
}

body {
	font-family: var(--font-Basic);
	color: var(--colorTheme-text);
	font-size: var(--fontSize-base);
	line-height: 1.75;
	letter-spacing: 1px;
	overflow-wrap: break-word;
	word-break: break-word;
	text-wrap: pretty;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background: var(--colorTheme-bg);
	overflow: hidden;
	overflow-y: auto;
}

.panel {
	border: none;
}

li {
	list-style: none;
}

a {
	color: var(--colorTheme-text);
	text-decoration: none;
}

a img {
	border: 0px;
}

a:hover {
	color: var(--colorTheme-textHover);
	text-decoration: none;
}

a,
a:hover,
a:focus {
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	max-width: 100%;
}

input {
	outline: none;
}

.nopadding {
	padding: 0;
}

.banner {
	padding: 0;
}

.banner img {
	width: 100%;
}

.bannertitle {
	font-size: 20px;
	font-weight: bold;
	padding: 30px;
	color: #666;
}

.bannercontent {
	font-size: 15px;
	padding: 30px 15px;
	color: #666;
}

.top {
	position: fixed;
	left: 0;
	top: 0;
	padding: 0;
	z-index: 1030;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background: url(../images/el_01.png) no-repeat left top / contain,
		url(../images/el_02.png) no-repeat right top / contain,
		var(--colorTheme-bg);
}

.topfb {
	padding: 0;
	float: left;
}

.mcs {
	padding: 0;
	float: left;
}

.scut-container {
	position: absolute;
	height: auto;
	top: 20px;
	right: 60px;
}

.scut-container a {
	padding: 4px 0px 5px 0px;
	text-align: center;
	display: inline-block;
	float: left;
	position: relative;
	width: 34px;
	height: 36px;
}

.scut-container .topfb a:last-child {
	margin-right: 0px;
}

.scut-container .searchdiv {
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 200px;
	color: #FFF;
	float: left;
	position: relative;
	margin-right: 10px;
}

.scut-container .searchdiv form {
	float: left;
	width: 100%;
}

.scut-container .sinput {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	float: left;
	width: 100%;
	font-size: 0.9em;
}

.scut-container .sinput input {
	height: 100%;
	padding: 0 36px 0 10px;
	color: #404040;
	width: 100%;
	border: 1px #000 solid;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.scut-container .searchdiv button {
	background: none;
	border: 0;
	width: 32px;
	float: right;
	color: #000;
	position: relative;
	z-index: 2;
	font-size: 0.9em;
	outline: none;
}

.scut-container .searchdiv button i {
	position: relative;
	top: -1px;
}

.searchdivxs {
	display: none;
	height: 32px;
	padding: 5px 1%;
	text-align: center;
	color: #FFF;
	background: #575757;
}

.searchdivxs input {
	height: 35px;
	width: 85%;
}

.searchdivxs button {
	height: 35px;
	width: 13%;
	background: #575757;
	border: none;
}

.scut-container .topfb a {
	background: none;
	margin-right: 10px;
}

.mcs a {
	margin-right: 10px;
	background: #000;
	color: #FFF;
	position: relative;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#goodsnums,
.wapgoodsnums {
	display: inline-block;
	position: absolute;
	background: #f00;
	border-radius: 50%;
	top: 0;
	right: -5px;
	line-height: 8px;
	padding: 5px;
	color: #fff;
	font-size: 0.8em;
}

.searcha_an {
	display: none;
}

.searchdivxs {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(0, 0, 0, 0.8) !important;
	filter: Alpha(opacity=30);
	padding: 5%;
	z-index: 9999999;
}

.search_text {
	background: #fff;
	padding: 40px;
	position: absolute;
	left: 7%;
	right: 7%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.9em;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.search_text .searchaX {
	position: absolute;
	top: 3px;
	right: 3px;
	padding: 0;
	width: 24px;
	line-height: 24px;
	text-align: center;
	color: #f00;
	font-size: 1.15em;
}

.searchdivxs input {
	border: none;
	padding: 0 40px 0 10px;
	float: left;
	color: #000;
	margin-right: -40px;
	width: 100%;
	background: #ebebeb;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.searchdivxs button {
	float: right;
	width: 35px;
	text-align: center;
	font-size: 0.8em;
	color: #000;
	background: none;
	z-index: 1;
}

@media (max-width :1024px) {
	.searcha_an {
		position: absolute;
		display: inline-block;
		top: 50%;
		transform: translateY(-50%);
		left: 30px;
		z-index: 99999;
		color: #645c51;
	}

	.wapgoodsnums {
		position: relative;
		right: 3px;
		padding: 8px 5px;
		border-radius: 50%;
		line-height: 3px;
		top: -8px;
	}
}

@media (max-width :768px) {
	.searcha_an {
		left: 50px;
	}
}

.scut-container-wap {
	margin-top: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
}

.scut-container-wap a {
	max-width: none;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: inline-block;
	color: #FFF;
	background: #575757;
	float: right;
}

.scut-container-wap a:hover {
	background: #404040;
}

.scut-container-wap .searchdiv {
	display: none;
	max-width: none;
	height: 45px;
	line-height: 85px;
	text-align: center;
	color: #FFF;
	background: #575757;
	float: right;
	position: relative;
}

.scut-container-wap .searchdiv2 {
	background: #404040;
}

.scut-container-wap .sinput {
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	float: left;
}

.scut-container-wap .sinput input {
	height: 100%;
	padding: 0 5px;
	color: #404040;
}

.scut-container-wap .searchdiv button {
	background: none;
	border: 0;
	width: 60px;
}

.scut-container-wap .searchdivxs {
	display: none;
	height: 40px;
	padding: 2px 1%;
	text-align: center;
	color: #000;
	background: #575757;
}

.scut-container-wap .searchdivxs input {
	padding: 0 10px;
	outline: none;
}

.mcs-wap {
	padding: 0;
}

.scut-container-T {
	height: 30px;
}

.modal-body {
	padding: 15px 20px 30px;
}

.logo {
	font-family: Arial;
	font-weight: bold;
	color: var(--colorTheme-title);
	padding: 15px;
}

.logo a {
	color: var(--colorTheme-title);
}

@media (max-width :1024px) {

	.logoie,
	.smenu {
		padding: 0px;
	}
}

.logo img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
}

.logo1 {
	padding-top: 30px;
	line-height: 40px;
}

.openbutton,
.closebutton {
	display: none;
}

/* 右側ICON */
.right_icon {
	position: fixed;
	display: flex;
	flex-direction: column;
	bottom: 96px;
	z-index: 1010;
	right: 20px;
}

.right_icon a {
	background: none;
	margin-bottom: 4px;
	height: 36px;
	line-height: 40%;
	width: 36px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.right_icon a:hover,
.right_icon a:focus,
.right_icon a:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* PC攤開导航 */
.menu-container,
.smenu {
	margin: 0 auto;
	background: transparent;
}

.menu-dropdown-icon:before {
	float: right;
	cursor: pointer;
	position: absolute;
	right: 5px;
	color: #434343;
	padding-top: 0;
}

.smenut li .menu-dropdown-icon:before {
	top: 13px;
	font-size: 16px;
}

.menu>ul {
	margin: 0 auto;
	list-style: none;
	padding: 0;
	position: relative;
	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
}

.menu>ul:before,
.menu>ul:after {
	content: "";
	display: table;
}

.menu>ul:after {
	clear: both;
}

.menu>ul>li {
	float: left;
	background: #e9e9e9;
	padding: 0px;
	margin: 0;
}

.menu>ul>li a {
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 20px;
	display: inline-block;
	width: auto
}

.menu>ul>li a:hover {
	text-decoration: underline;
	color: #ff6600;
}

.menu>ul>li:hover {
	background: #f0f0f0;
}

.menu>ul>li>ul {
	display: none;
	width: 100%;
	background: #f0f0f0;
	padding: 20px;
	position: absolute;
	z-index: 99;
	left: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
}

.menu>ul>li>ul:before,
.menu>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li {
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	background: none;
	float: left;
}

.menu>ul>li>ul>li a {
	color: #777;
	padding: .2em 0;
	width: 100%;
	display: block;
	border-bottom: 1px solid #ccc;
}

.menu>ul>li>ul>li>ul {
	display: block;
	padding: 0;
	margin: 10px 0 0;
	list-style: none;
	box-sizing: border-box;
}

.menu>ul>li>ul>li>ul:before,
.menu>ul>li>ul>li>ul:after {
	content: "";
	display: table;
}

.menu>ul>li>ul>li>ul:after {
	clear: both;
}

.menu>ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 5px 0;
	margin: 0;
	font-size: .8em;
}

.menu>ul>li>ul>li>ul>li a {
	border: 0;
	padding: 5px 0;
}

.menu>ul>li>ul.normal-sub {
	width: 100%;
	left: auto;
	padding: 10px 20px;
}

.menu>ul>li>ul.normal-sub>li {
	width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
	border: 0;
	padding: 1em 0;
}

.scroll::-webkit-scrollbar {
	width: 8px;
	height: 1px;
}

.scroll::-webkit-scrollbar-thumb {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	background: #919191;
}

.top_left_menu {
	bottom: 0px;
	right: 0px;
}

/* PC層級导航 */
.menu-margintop {
	margin-top: 90px;
}

.smenut {
	z-index: 999;
	padding: 0;
}

.smenut>li {
	text-align: center;
	padding: 15px 0;
	position: relative;
	display: inline-block;
}

.smenut>li>a {
	font-size: var(--fontSize-base);
	position: relative;
	letter-spacing: 2px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.smenut li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 99999;
	background: #fff;
	color: #1c1a1b;
	padding: 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.smenut li ul li {
	float: left;
	width: 100%;
	position: relative;
}

.smenut li ul li:last-child {
	border-bottom: none;
}

.smenut li ul li:hover {
	color: #000;
	background: #f3f3f3;
}

.smenut li ul li a {
	border-bottom: 1px solid #e2e2e2;
	line-height: 24px;
	padding: 10px;
	color: #333;
	font-size: var(--fontSize-base);
	letter-spacing: 2px;
	display: block;
	word-wrap: break-word;
	word-break: normal;
}

.smenut li ul li:hover>a {
	color: #0b0b0b;
}

.smenut li ul li ul {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	height: auto;
	padding: 0px;
	z-index: 9999999;
	float: left;
}

.smenut li ul li ul li a {
	height: auto;
	width: 100%;
	text-align: center;
}

.smenut>li:nth-last-child(-n+2)>ul li ul {
	left: -100%;
}

.smenut li:nth-last-child(2)>ul li ul {
	left: -100%;
}

.smenut li:nth-last-child(3)>ul li ul li ul li ul {
	left: -100%;
}

@media (max-width : 1480px) {
	.smenu {
		padding: 0 0 0 10px;
		right: 0;
	}

	.smenu a {
		font-size: 15px;
		letter-spacing: 0;
	}
}

@media (max-width : 1300px) {
	.smenu a {
		font-size: 0.8em;
	}
}

@media (max-width : 1180px) {
	.smenu a {
		padding: 0 10px;
	}

	.smenu li:hover a {
		background: none;
	}

	.smenu li:hover a:before {
		display: none;
	}
}

@media (max-width : 1024px) {
	.menu>ul>li>ul {
		margin-top: 55px;
	}

	.menu>ul>li>a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.smenu a {
		width: 100%;
		font-size: 13px;
		float: left;
		padding: 0 3px;
	}

	.smenu b {
		letter-spacing: 0;
	}
}

@media (max-width : 849px) {
	.smenu a {
		font-size: 13px;
	}
}

/* PC导航 */
.panel {
	border: none;
}

@media (max-width : 830px) {
	body {
		float: left;
		width: 100%;
	}

	#goodsnums {
		position: relative;
		right: -10px;
		padding: 8px 5px;
		border-radius: 50%;
		line-height: 3px;
		top: -45px;
	}

	.wapgoodsnums {
		position: relative;
		right: 3px;
		padding: 8px 5px;
		border-radius: 50%;
		line-height: 3px;
		top: -8px;
	}

	.wapgoodsnumst {
		display: inline-block;
		position: absolute;
		background: #f00;
		border-radius: 50%;
		top: 0;
		right: -5px;
		line-height: 8px;
		padding: 5px;
		color: #fff;
		font-size: 0.8em;
	}

	.scut-container-wap .searchdivxs button {
		color: #fff;
	}

	.openbutton {
		display: block;
		position: absolute;
		z-index: 9;
		top: 50%;
		left: 10px;
		font-size: 1.2em;
		margin-top: -18px;
		color: #fff;
		padding: 8px;
		background: var(--colorTheme-main);
	}

	.closebutton {
		display: block;
		color: #fff;
		z-index: 99999;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		padding: 8px;
	}

	.panel {
		display: none;
		width: 40%;
		padding: 30px 0;
		background-color: var(--colorTheme-main);
		color: #fff;
		box-shadow: none;
		border-radius: 0;
		overflow: auto;
	}

	.topfb {
		display: none;
	}

	/* 手機导航 */
	.smenu li {
		text-align: center;
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		padding: 0;
	}

	.smenu li ul {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 240px;
		height: auto;
		z-index: 99999;
		background: #fff;
		color: #000;
		padding: 0;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}

	.smenu ul li .indicator {
		top: 0;
		right: 1px;
		color: #666;
	}

	.smenu:before {
		display: none;
	}

	.smenu:after {
		display: none;
	}

	.smenu {
		padding: 20px 0 0 0;
		border: none;
		width: 100%;
		margin: 0;
		display: block;
		line-height: 44px;
		position: relative;
		background: rgba(255, 255, 255, 0) !important;
		filter: Alpha(opacity=0);
		background: #fff;
	}

	.smenu a {
		font-size: 15px;
		color: #fff;
		border-left: none;
		border-bottom: 1px solid var(--colorTheme-main-50);
		width: 100%;
		padding: 10px;
		font-weight: normal;
		line-height: inherit;
		line-height: 22px;
		letter-spacing: 0;
		display: block;
		text-align: left;
	}

	.smenu li {
		background: var(--colorTheme-main);
		text-align: left;
		padding: 0;
		border: none;
		width: 100%;
		float: left;
		border-bottom: none;
	}

	.smenu b {
		width: 100%;
		float: left;
	}

	.smenu li:after {
		display: none;
	}

	.smenu li:hover a {
		color: #fff;
	}

	.smenu li:before {
		display: none;
	}

	.smenu li a:before {
		display: none;
	}

	.smenu li a:after {
		display: none;
	}

	.smenu li:hover a:before {
		display: none;
	}

	.smenu li:hover b {
		padding-left: 0;
	}

	.smenu li:hover b:before {
		display: none;
	}

	.smenu a:hover:before {
		background: none;
	}

	.smenu li:hover a {
		background: none;
		border-left: none;
	}

	.smenu li:first-child {
		text-align: left;
	}

	.smenu li:hover {
		background: #2a2a2a;
		border-bottom: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	.smenu li ul {
		background: #1a1a1a;
		width: 100%;
		left: 0;
		transform: translateX(0);
	}

	.smenu li ul,
	.smenu li ul li ul {
		position: static;
		left: 0;
	}

	.smenu li ul li {
		border: none;
		background: #3a3a3a;
		width: 100%;
	}

	.smenu li ul li a {
		color: #fff;
		font-size: 15px;
		text-align: left;
	}

	.smenu>li .indicator {
		position: absolute;
		right: 20px;
		font-size: 20px;
		top: 8px;
		color: #fff;
		display: inline-block;
	}

	.smenu li:hover li a {
		color: #fff;
	}

	.smenu ul>li .indicator {
		right: 20px;
		top: 0px;
	}

	.smenu li ul li:hover {
		background: #444;
		border: none;
	}

	.smenu li ul li li {
		background: #555;
	}

	.smenu li ul li li a {
		padding-left: 30px;
	}

	.smenu li.showhide {
		background: none;
		color: #fff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		position: absolute;
		top: -120px;
		right: 10px;
	}

	.smenu ul li .indicator {
		color: #fff;
	}

	/* 手機导航 */
}

@media (max-width :767px) {
	.mcs {
		padding: 0;
	}
}

.cart1 {
	background: #ff9900;
	text-align: center;
	color: #FFF;
	position: relative;
	border-right: 1px solid #d9d4d0;
	padding: 0px 0px 5px 0px;
}

.cart2 {
	background: #999;
	text-align: center;
	color: #FFF;
	border-right: 1px solid #d9d4d0;
	padding: 0px;
}

.cart2:last-child {
	border-right: 0px;
}

.cartarrow {
	position: absolute;
	right: -3px;
	top: 28px;
	z-index: 99;
}

.cart3 {
	font-size: 15px;
	padding-top: 10px;
}

.cart4 {
	font-size: 15px;
}

.cart5 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.cart5 a {
	color: #000;
}

.cart5 a:hover {
	color: #F60;
}

.cart7 {
	width: 100%;
	font-size: 15px;
	color: #999;
	margin: 5px 0;
}

.cart7 .form-group:first-child {
	margin-left: 0;
}

/*.cart7 .form-group select{max-width: 100px;}*/
.cart8 {
	color: #000;
	font-family: Arial;
	font-weight: bold;
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ccc;
}

.cart9 {
	font-size: 20px;
	color: #f44336;
}

.cart10 {
	font-size: 15px;
	color: #000;
	font-family: Arial;
	font-weight: bold;
}

.cart11 {
	text-indent: -12px;
	padding-left: 27px;
	padding-top: 15px;
	line-height: 24px;
}

.cart12 {
	font-size: 20px;
}

.cart13 {
	padding-left: 35px;
	padding-bottom: 15px;
	line-height: 24px;
}

.cart14 {
	line-height: 18px;
}

.cart15 {
	padding-left: 20px;
	line-height: 18px;
	font-size: 15px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.cart16 {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cart17 {
	font-size: 15px;
	padding-top: 5px;
	color: #666;
	line-height: 18px;
}

.cart18 {
	font-size: 15px;
	color: #000;
	font-weight: bold;
}

.cartnotice {
	color: #cd403c;
	font-size: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.cartnotice a {
	color: #cd403c;
}

.carttitle {
	padding: 15px;
	margin: 0 0 15PX;
	font-weight: 500;
	background-color: #F6F6F6;
	font-size: 15px;
	line-height: 24px;
	color: #000;
	border-bottom: 1px solid #ededed00;
}

.form-horizontal .control-label {
	text-align: right;
	font-weight: normal;
	padding-right: 10px
}

.iconcartn {
	font-size: 11px;
	font-family: Arial;
	color: #F60;
}

.case1 {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	padding: 0px;
	border-bottom: none;
}

.login {
	width: 420px;
	padding: 5px 10px;
}

.login_forget {
	margin-top: 10px;
	font-size: 0.9em;
}

.login1 {
	font-size: 13px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.login2 {
	background: #3a5898;
	color: #FFF;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 20px;
}

.login2 a {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.login3 {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
}

.indexcon {
	padding: 60px 12%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;

	@media (min-width: 2560px) {
		padding-left: 15%;
		padding-right: 15%;
	}

	@media (max-width: 1919px) {
		padding-left: 60px;
		padding-right: 60px;
	}

	@media (max-width: 1440px) {
		padding-left: 45px;
		padding-right: 45px;
	}

	@media (max-width : 992px) {
		padding: 30px;
	}

	@media (max-width: 767px) {
		padding: 30px 20px;
	}
}

.indexcon img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.indexconimg {
	padding: 0;
}

.indexconimg img {
	width: 100%;
	height: auto;
}

.indexcon a {
	cursor: pointer;
}

.sp-slides-container a {
	cursor: zoom-in;
}

.indextitle {
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 2px;
	text-indent: 2px;
	font-size: var(--fontSize-md);
	color: var(--colorTheme-secondary);
	margin-bottom: 30px;

	a {
		color: var(--colorTheme-title);
	}

	position: relative;
	z-index: 1;

	>span {
		display: block;
		font-weight: bold;
		width: max-content;
		padding: 0 10px;
		margin: 0 auto;
		font-size: var(--fontSize-xl);
		color: var(--colorTheme-title);
		position: relative;

		&::before,
		&::after {
			content: "";
			width: 25px;
			height: 25px;
			display: inline-block;
			position: relative;
			top: 0;
		}

		&::before {
			background: url(../images/el_05.png) no-repeat center center / contain;
			margin-right: 25px;
		}

		&::after {
			background: url(../images/el_06.png) no-repeat center center / contain;
			margin-left: 23px;
		}
	}
}

.ljh {
	padding: 5px;
}

.ljh:hover .lj {
	display: block;
	margin-top: -40px;
	line-height: 40px;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	color: #ffa700;
}

.lj {
	color: #fff;
	overflow: hidden;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
	display: none;
}

.indexnews {
	text-align: center;
	margin-bottom: 30px;
	margin-top: 10px;
}

.indexnews2 {
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #CCC dashed;
}

.indexnews2:last-child {
	border-bottom: 0;
}

.indexnewst,
.indexnewst2 {
	font-size: var(--fontSize-md);
	font-weight: bold;
	margin: 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 55px;
	line-height: 1.4;

	a {
		color: var(--colorTheme-text);

		&:hover,
		&:focus {
			color: var(--colorTheme-mainHover);
		}
	}
}

.indexnewsc {
	font-size: 16px;
	color: #8c8c8c;
	line-height: 1.5;
	max-height: 48px;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.indexnewsc2 {
	margin: 5px 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.indexnewsb a {
	display: inline-block;
	padding: 5px 15px;
	border: 1px #CCC solid;
	font-size: 15px;
}

.indexnewsb2 a {
	display: inline-block;
	padding: 2px 10px;
	border: 1px #CCC solid;
}

.indexnews5 {
	background-color: #5b382f;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.indexnews5 img {
	width: 16px;
	height: 16px;
	display: inline-block;
}

.indexnews5 a {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.indexnews3 {
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	border-bottom: 1px dotted #967970;
}

.indexnews3 img {
	width: 16px;
	height: 16px;
	display: inline-block;
}

.indexnews3 a {
	display: block;
	white-space: nowrap;
	color: #a45100;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.indexnews3:hover {
	background: #f7f7f7;
}

.indexnewsdate {
	font-size: 15px;
}

.indexnewscontent {
	padding-left: 30px;
}

.indexnewmore a {
	float: right;
}

.indexpro {
	padding: 1% 0;
}

.indexpro>div {
	margin-bottom: 15px;
}

.product_boths_index {
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
}

.product_boths {
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
}

.percent20 {
	width: 20%
}

.proh {
	padding: 0 15px;
	margin-bottom: 30px;
}

.proh a {
	padding: 0px;
	display: block;
	float: left;
	width: 100%;
}

.proimg:hover,
.proimg:focus {
	box-shadow: var(--shadowTheme-md);
}

.prot {
	float: left;
	text-align: center;
	font-size: 15px;
	padding: 0;
	color: var(--colorTheme-text);
	line-height: 30px;
	margin: 15px 0px 10px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-word;
	text-wrap: pretty;
}

.prot a {
	color: var(--colorTheme-text);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.prot a:hover {
	color: var(--colorTheme-mainHover);
}

.prot span {
	text-align: center;
	word-break: break-all;
	letter-spacing: 0px;
}

.proc {
	color: #777;
}

.prob {
	margin-top: 10px;
}

.prob button {
	display: inline-block;
	padding: 5px 10px;
	background: #FFF;
	border: 2px var(--colorTheme-main) solid;
	color: #fff;
	border-radius: var(--borderRounded-full);

	&:hover,
	&:focus {
		background: var(--colorTheme-mainHover);
		color: #fff;
	}
}

.nonebutton {
	display: inline-block;
	padding: 5px 10px;
	border: 2px #fff solid;
	display: none;
	visibility: hidden;
}

.prop1 {
	text-decoration: line-through;
	font-size: 15px;
	text-align: left;
	color: #ccc;
	padding-left: 5px;
	height: 38px;
	line-height: 38px;
	position: absolute;
	width: 80px;
	height: 38px;
	left: 0px;
	top: 0px;
}

.prop2 {
	position: absolute;
	color: #e08f31;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	background: url(../images/ssio.png) no-repeat left center;
	height: 40px;
	line-height: 40px;
	width: 90px;
	right: 0px;
	top: 0px;
}

.prop2 a {
	background-color: #36ad36;
	color: #4AB54A;
	padding: 0 10px;
	float: left;
	font-size: 15px;
}

.prop2 a:hover {
	background-color: #008100;
}

.prop3 {
	color: #c40000;
	font-size: 15px;
	font-weight: bold;
}

.listmode {
	text-align: right;
	font-size: 1em;
	display: none;
	visibility: hidden;
}

.listmode a {
	display: inline-block;
	margin: 0 3px;
}

.actlist {
	color: #F60;
}

.prodlist {
	padding: 0 15%;
}

@media (max-width:768px) {
	.indextitle {
		font-size: 1.75rem;
	}

	.prodlist {
		padding: 0;
	}

	.prot {
		font-size: 0.9em;
		line-height: 24px;
		letter-spacing: 1px;
		word-break: break-all;
		display: -webkit-inline-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.prot a {
		word-break: break-all;
		display: contents;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.indexnews {
		margin-bottom: 10px;
	}
}

.prodlist>.prodinfo {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #666666;
}

.prodlist>.prodinfo:hover {
	background: #efefef;
}

.prodlistpic {
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #999;
	width: 100%;
}

.prodlistc {
	color: #999;
}

.prodlistc span {
	font-weight: bold;
	font-size: 15px;
}

.fbshare {
	float: left;
	margin-right: 10px;
	padding: 0;
	margin-top: -4px;
}

.productpic {
	width: 100%;
	text-align: center;
}

.productpic img {
	display: inline;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.product1 {
	margin: 10px 0px;
	border-right: 1px solid #b4b4b4;
	font-size: 15px;
	text-align: center;
}

.product2 {
	margin: 10px 0px;
	font-size: 15px;
	text-align: center;
}

.product3 {
	font-family: Arial;
	font-size: 20px;
	color: #F00;
}

.product4 {
	font-size: 15px;
}

.product5 {
	padding-top: 10px;
	border-bottom: 1px dotted #000;
}

.baseprod {
	margin-left: -10px;
	margin-bottom: 20px;
}

.productinfo {
	line-height: 2;
}

.productinfo a {
	color: #666;
}

.productinfo select {
	display: inline;
	width: 80px;
}

.procon {
	padding: 20px 15px;
}

.procon img {
	width: auto;
	max-width: 100%;
}

.subtb,
.producttitle {
	color: var(--colorTheme-title);
	text-align: center;
	font-size: 26px;
	letter-spacing: 2px;
	text-indent: 2px;
	margin-top: 30px;
	margin-bottom: 20px;
	position: relative;

	&::after {
		content: '';
		width: 80px;
		height: 5px;
		background: linear-gradient(to right, var(--colorTheme-main) 0%, var(--colorTheme-main) 50%, #ccc 50%, #ccc 100%);
		display: block;
		margin: 5px auto 20px;
		pointer-events: none;
	}
}

.producttitle {
	margin-top: 0;
}

.footer {
	background: var(--colorTheme-main);
	padding: 0px;
	overflow: hidden;
	color: #fff;
}

.footer img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.botconmar {
	line-height: 1.5;
	padding: 0;
	float: left;
	width: 100%;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.botconmar a {
	color: #FFF;
	display: inline-block;
	text-decoration: none;
}

.botcon {
	text-align: left;
}

.botcon li {
	float: left;
	width: 100%;
	list-style-image: none;
	list-style-type: none;
}

.botcon a {
	color: #FFF;
	display: inline-block;
	text-decoration: none;
}

.botcon a:hover {
	color: var(--colorTheme-main-100);
	transition: all 0.3s ease 0s;
}

@media (max-width :767px) {
	.botconmar {
		width: 100%;
	}

	.procon {
		padding: 15px 5px;
	}

	.prob {
		padding: 0px 0px 10px 0px
	}
}

.subline {
	margin-top: 10px;
}

.subtitle {
	font-size: 18px;
	color: #fff;
	padding-bottom: 8px;
	padding-top: 7px;
	position: relative;
	background-color: #ff7400;
	text-align: center;
}

.subtitle1 {
	font-size: 20px;
	font-weight: bold;
	padding: 7px 10px 7px 30px;
	border-bottom: 1px #000 dashed;
	color: #000;
	margin-bottom: 20px;
	letter-spacing: 0;
}

.subtitle1 span {
	color: #000;
}

.subtitle1 a {
	color: #000;
}

.subtitle1:before {
	font-family: 'Glyphicons Halflings';
	content: "\e131";
	font-size: 18px;
	color: #000;
	position: absolute;
	top: 7px;
	left: 5px;
}

.subtitle2 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	padding: 15px 25px;
	text-align: center;
}

.subtitle3 {
	font-size: var(--font-Basic);
	text-align: left;
	padding: 60px 12%;
	background-position: center right;
	background-size: 100%;
	position: relative;

	&::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		pointer-events: none;
		background: linear-gradient(35deg, rgba(54, 82, 106, 1) 0%, rgba(54, 82, 106, .65) 55%, rgba(78, 170, 212, .08) 100%);
		backdrop-filter: blur(2px);
	}

	@media (min-width: 2560px) {
		padding-left: 15%;
		padding-right: 15%;
	}

	@media (max-width: 1919px) {
		padding-left: 60px;
		padding-right: 60px;
	}

	@media (max-width: 1440px) {
		padding-left: 45px;
		padding-right: 45px;
	}

	@media (max-width : 992px) {
		padding: 30px;
	}

	@media (max-width: 767px) {
		padding: 30px 20px;
	}
}

.subtitle3 ul {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	position: relative;
	z-index: 5;

	li,
	li a {
		color: #fff;
	}

	div {
		font-size: var(--fontSize-xl);
		color: var(--colorTheme-main-50);
		font-weight: bold;
		margin-bottom: 5px;
		line-height: 1.3;
	}
}

.subtitle1 ul {
	float: right;
}

.subtitle2 ul {
	width: 100%;
	margin-top: 10px;
}

.subtitle1 ul li,
.subtitle2 ul li,
.subtitle3 ul li {
	font-size: 15px;
	font-weight: normal;
	display: inline-block;
}

.subtitle1 ul li:before,
.subtitle2 ul li:before,
.subtitle3 ul li:before {
	content: " / ";
}

.subtitle1 ul li:first-child:before,
.subtitle2 ul li:first-child:before,
.subtitle3 ul li:nth-child(2):before {
	content: "";
}

@media screen and (max-width: 767px) {

	.subtitle1 ul,
	.subtitle2 ul,
	.subtitle3 ul li {
		display: none;
	}
}

.subcon {
	padding: 60px 12%;
	position: relative;
	overflow: hidden;
	display: block;
	background: var(--colorTheme-bg);
	min-height: 450px;
	height: auto !important;
	height: 450px;

	@media (min-width: 2560px) {
		padding-left: 15%;
		padding-right: 15%;
	}

	@media (max-width: 1919px) {
		padding-left: 60px;
		padding-right: 60px;
	}

	@media (max-width: 1440px) {
		padding-left: 45px;
		padding-right: 45px;
	}

	@media (max-width : 992px) {
		padding: 30px;
	}

	@media (max-width: 767px) {
		padding: 30px 20px;
	}

	.panel {
		display: block;
		width: 100%;
		color: var(--colorTheme-text);
	}
}

.subcon img {
	width: auto;
	max-width: 100%;
}

@media (max-width: 767px) {
	.subcon ul {
		display: inherit;
	}
}

.companyt {
	font-size: 24px;
	color: #ff6600;
	padding-bottom: 5px;
}

.contact {
	background: #EEE;
	padding: 20px;
	width: 80%;
	margin-left: 10%;

	.checkbox-inline+.checkbox-inline,
	.checkbox-inline {
		margin-left: 0;
		margin-right: 15px;
	}

	@media (max-width : 992px) {
		width: 100%;
		margin-left: 0;
	}
}

.contact label {
	color: #4a4a4a;
}

.contact ol {
	padding-left: 20px;
}

.contact1 {
	padding: 0 0 30px;
}

.note1 {
	border-top: 1px dotted #666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.note2 {
	color: #000;
}

.note3 {
	font-family: Arial;
	font-size: 12px;
	text-align: right;
	color: #999;
}

@media (min-width :1024px) {
	.news1 {
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}
}

.news1>a {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #ccc;
	display: block;
	color: #999;
	background: url(../images/k_15.png) no-repeat 5px center;
	padding-left: 10px;
}

.news1>a:hover {
	color: #333;
	background: #f8f8f8 url(../images/k_15.png) no-repeat 5px center;
	text-decoration: none;
}

.news1>a:hover .news3 {
	color: #E2B14A;
}

.contitle1 {
	word-break: break-word;
	font-size: var(--fontSize-md);
	font-weight: bolder;
	color: var(--colorTheme-text);
	padding-bottom: 10px;
}

.news2 {
	color: #666;
	font-size: 14px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #666666;
}

.news3 {
	font-size: 15px;
	color: #666;
	display: block;
	/*定义为块级*/
	float: left;
	/*左对齐*/
	overflow: hidden;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	padding-right: 7px;
	/*文字距离右侧7像素。*/
	padding-left: 7px;
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
	/* 支持 Opera */
}

.newsdetail {
	word-break: break-all;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.newsdetail img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.newsimg {
	width: auto;
	max-width: 100%;
}

@media (min-width :1024px) {
	.conlist {
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}
}

.conlist>a {
	background: var(--colorTheme-bg);
	padding: 15px 10px;
	margin-bottom: 30px;
	border: 1px solid var(--colorTheme-bg);
	display: block;

	&:hover,
	&:focus,
	&:active {
		background: #fFF;
		text-decoration: none;
		box-shadow: var(--shadowTheme-sm);
		border-color: var(--colorTheme-main);

		.photo-hover img {
			opacity: 1;
			-webkit-transform: scale3d(1.15, 1.15, 1);
			transform: scale3d(1.15, 1.15, 1);
		}

		.news4 {
			color: var(--colorTheme-textHover);
		}

		.news-link span {
			background: var(--colorTheme-mainHover);
		}
	}
}

.pager a {
	color: #000;
}

.member {
	padding: 12px 5px;
	text-align: center;
}

.member1 {
	font-size: 15px;
}

.member3 {
	color: #F60;
}

.member4 {
	font-size: 11px;
	font-family: Arial;
}

/* menber table code */
.rwd-table {
	background: #fff;
	overflow: hidden;
	font-size: 15px
}

.rwd-table .member_tr,
.rwd-table .member_tr td {
	background: #eee;
}

.rwd-table th,
.rwd-table td {
	margin: 0.5em 1em;
	font-size: 15px;
	padding: 10px 5px !important;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
	font-size: 15px;
}

.rwd-table td:before {
	content: attr(data-th);
	font-weight: bold;
	width: 6em;
	display: inline-block;
}

.rwd-table th,
.rwd-table td:before {
	color: rgb(66, 66, 66);
	font-weight: 600;
}

.rwd_ha {
	background: -moz-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
}

.rwd_ha_use {
	/*選中顏色*/
	background-color: #bce3f5;
}

.rwd_ha b {
	display: block;
	margin-bottom: 8px;
}

.coupon_1 span:nth-child(2) {
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 123, 10);
}

.coupon_1 span:nth-child(3) {
	font-size: 46px;
	font-weight: bold;
	color: rgb(255, 123, 10);
	line-height: 1;
	border-bottom: 2px dashed rgb(255, 123, 10);
}

.coupon_2 span {
	display: block;
	font-weight: bold;
	padding: 10px 0;
	font-size: 20px;
}

.coupon_3 {
	text-align: left;
}

.coupon_4 {
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(46, 109, 164, 0.6) 0%, rgba(46, 109, 164, 1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
	color: #fff;
	text-align: center;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #d7dfe7;
}

.member_btn1 .btn {
	margin-top: 20px;
	font-size: 15px;
	line-height: 1.8;
}

.member_btn1 .btn-danger {
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
	background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
}

.member_btn1 .btn-danger:hover,
.member_btn1 .btn-danger:focus {
	background-color: #265a88;
	background-position: 0 -15px;
}

.member_btn2 .btn {
	margin-top: 20px;
	font-size: 15px;
	line-height: 1.8;
}

.member_btn2 .btn-danger {
	background-image: -webkit-linear-gradient(top, rgb(153, 153, 153) 0%, rgb(119, 119, 119) 100%);
	background-image: -o-linear-gradient(top, rgb(153, 153, 153) 0%, rgb(119, 119, 119) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(153, 153, 153)), to(rgb(119, 119, 119) 100%));
	background-image: linear-gradient(to bottom, rgb(153, 153, 153) 0%, rgb(119, 119, 119) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: rgb(119, 119, 119);
}

.member_btn2 .btn-danger:hover,
.member_btn2 .btn-danger:focus {
	background-color: rgb(119, 119, 119);
	background-position: 0 -15px;
}

.rwd_ha>td {
	border-right: 4px dotted #ffffff;
}

.rwd_ha>td:last-child {
	border-right: 0;
}

.member_sy {
	padding: 0px 0px 55px 0px;
	line-height: 40px;
}

.member_list {
	padding: 0;
	border-bottom: 1px dotted #cccccc;
	line-height: 3;
}

.member_list2 {
	padding-left: 56px;
	border-bottom: 1px solid #cccccc;
}

.tit_1 {
	width: 10%;
	text-align: center;
}

.tit_2 {
	width: 20%;
}

.tit_3 {
	width: 20%;
}

.tit_4 {
	width: 15%;
}

.tit_5 {
	width: 20%;
}

.tit_6 {
	width: 20%;
}

.tit_7 {
	width: 40%;
}

.tit_8 {
	width: 20%;
}

.tit_9 {
	width: 20%;
}

.tit_10 {
	width: 20%;
	text-align: center;
}

.tit_11 {
	width: 30%;
}

.tit_12 {
	width: 20%;
}

.tit_13 {
	width: 30%;
}

.tit_14 {
	width: 25%;
}

.tit_15 {
	width: 25%;
}

.coupon_1 {
	text-align: center;
}

.cont_x2 {
	text-align: left;
}

.cont_x3 {
	border-bottom: 1px dotted #ccc;
}

.cont_x3:nth-child(2) {
	border-top: 1px dotted #ccc;
}

.cont_x4 {
	color: rgb(255, 72, 72);
}

.star_1 img {
	height: auto;
	max-width: 180px;
}

.opinion_1 {
	text-align: center;
}

.opinion_1 .form-control {
	line-height: 2;
}

.opinion_2 {
	text-align: left;
}

.opinion_3 {
	text-align: right;
}

.opinion_4 {
	text-align: right;
	vertical-align: bottom;
}

.opbe_1 {
	font-weight: bold;
	font-size: 24px;
}

.opbe_2 b {
	font-size: 28px;
	display: inline;
}

.opbe_3 b {
	font-weight: 400;
	font-size: 15px;
	color: rgb(147, 147, 147);
}

.opinion_browse {
	border-bottom: 1px solid #ccc;
}

.opinion_browse1 {
	text-align: center;
}

.opinion_browse1 img {
	height: auto;
	max-width: 120px;
}

/* left_menu */
.left_member {
	padding: 18px 0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	background: -moz-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
	z-index: 1;
}

.icon_member {
	font-size: 32px;
	padding-bottom: 10px;
}

.nav2 {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

.nav2>li {
	position: relative;
	display: block;
}

.nav2>li>a {
	position: relative;
	display: block;
	padding: 10px 5px;
}

.nav2>li>a:hover,
.nav2>li>a:focus {}

.nav2>li.disabled>a {
	color: #777777;
}

.nav2>li.disabled>a:hover,
.nav2>li.disabled>a:focus {
	color: #777777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed;
}

.nav2 .open>a,
.nav2 .open>a:hover,
.nav2 .open>a:focus {
	background-color: #eeeeee;
	border-color: #337ab7;
}

.nav2 .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.nav2>li>a>img {
	max-width: none;
}

.nav-tabs2 {
	padding-bottom: 6px;
	margin: 26px 10px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.nav-tabs2>li {
	float: left;
	margin-bottom: -1px;
}

.nav-tabs2>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}

.nav-tabs2>li.active>a,
.nav-tabs2>li.active>a:hover,
.nav-tabs2>li.active>a:focus {
	color: #555555;
	background-color: #ffffff;
	border-bottom-color: transparent;
}

.rwd-table td {
	display: table-cell;
	padding: 5px !important;
}

.rwd-table th {
	display: table-cell;
	padding: 10px !important;
}

.rwd-table th:first-child,
.rwd-table td:first-child {
	padding-left: 0;
}

.rwd-table th:last-child,
.rwd-table td:last-child {
	padding-right: 0;
}

.rwd-table .cont_x th,
.rwd-table .cont_x td {
	padding: 5px 20px !important;
}

.rwd-table .cont_x td a {
	font-weight: bold;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgb(245, 245, 245) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgb(245, 245, 245) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgb(245, 245, 245) 100%);
}

.red {
	color: #F00;
	text-align: center;
}

.green {
	color: #489f48;
}

.clear {
	height: 0px;
	clear: both;
	overflow: hidden;
}

.prodtran {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 999;
	background: #FFF;
	border: 1px #CCC solid;
	padding-left: 5px;
}

.qty {
	width: 40px;
	height: 30px;
	text-align: center;
	margin: 0;
	font-weight: bold;
}

.qtyadd {
	height: 30px;
	width: 20px;
	text-align: center;
	margin: 0;
	cursor: pointer;
}

.piccon {
	background: var(--colorTheme-main-50);
	display: block;
	padding: 30px 60px;
	margin-bottom: 60px;

	@media (max-width : 1024px) {
		padding: 30px;
		margin-bottom: 45px;
	}

	.btn-theme {
		margin: 30px 0 20px;
	}

}

.piccon img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.movebg {
	top: 0;
	left: 0;
	z-index: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-repeat: repeat;
}

.moveoverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}

.movecontainer {
	position: relative;
	padding: 0px;
}

.mm-footer img {
	width: auto;
}

.tbformt {
	text-align: center;
}

.tbformi {
	padding: 5px;
	text-align: center;
}

.tbforms {
	padding: 10px;
}

.de_yj img {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.de_yy img {
	-moz-border-radius: 5px 5px 5px 5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=& qpos; #969696& qpos; , Direction=135, Strength=10);
	background-color: #000;
	-moz-box-shadow: 1px 3px 5px #969696;
	-webkit-box-shadow: 1px 3px 5px #969696;
	box-shadow: 1px 3px 5px #969696;
}

.de_x img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.de_x img:hover {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
}

@media screen and (max-width: 767px) {
	.bannertitle {
		font-size: 12px;
		padding: 3px;
	}

	.bannercontent {
		font-size: 8px;
		padding: 0 1px;
		line-height: 10px;
	}

	.pro_menua2 {
		margin-left: 35px;
	}
}

.scrollup {
	width: 36px;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;
	z-index: 99998;
	line-height: 60px;
}

@media (max-width:830px) {
	.logo img {
		max-height: 80px;
	}
}

@media (max-width:767px) {
	.logo {
		padding: 10px 0px;
	}

	.logo img {
		display: inline-block;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 50px;
	}

	.prob button {
		font-size: 14px;
	}

	.proh {
		padding: 0 8px;
	}

	.indexproform {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.pro_menua {
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.pro_menua1 {
	margin-left: 35px;
}

.pro_menua1::before {
	content: '';
	background: url(../images/score_icon.png) no-repeat;
	background-size: 22px;
	position: absolute;
	width: 40px;
	height: 100%;
	left: -22px;
	top: 9px;
}

.pro_menua2::before {
	content: '';
	background: url(../images/coupon_icon.png) no-repeat;
	background-size: 26px;
	position: absolute;
	width: 40px;
	height: 100%;
	left: -26px;
	top: 7px;
}

.ideprod_2 .btn-warning,
.ideprod_3 .btn-warning {
	border-color: initial;
	border: none;
}

.ideprod_2 .btn-warning:focus {
	background-color: #848484;
}

.ideprod_3 .btn-warning:focus {
	background-color: #d70000;
}

.ideprod_2 span,
.ideprod_3 span {
	margin-right: 10px;
}

.ideprod_2 {
	margin-bottom: 10px;
	text-align: center;
	padding: 0px;
}

.ideprod_2 a {
	line-height: 1.8;
	font-size: 15px;
	background: #6C6C6C;
	float: left;
	width: 100%;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ideprod_2 a {
	background: #848484;
}

.ideprod_3 {
	margin-bottom: 10px;
	text-align: center;
}

.ideprod_3 a {
	line-height: 1.8;
	font-size: 15px;
	background: #b00000;
	float: left;
	width: 100%;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ideprod_3 button:hover {
	background: #d70000;
}

.ideprod_3 a {
	background: #b00000;
	float: left;
	width: 100%;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ideprod_3 a:hover {
	background: #d70000;
}

@media (max-width : 767px) {
	.ideprod_2 {
		margin: 0;
		padding: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
		width: 50%;
		transform: translateZ(0);
	}

	.ideprod_2 a {
		font-size: 15px;
		background: #6C6C6C;
		float: left;
		color: #fff;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		-icab-border-radius: 0px;
		border: none;
		padding: 10px 0px;
	}

	.ideprod_3 {
		margin: 0;
		padding: 0;
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 999;
		width: 50%;
		transform: translateZ(0);
	}

	.ideprod_3 a {
		font-size: 15px;
		background: #b00000;
		float: right;
		color: #fff;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		-icab-border-radius: 0px;
		border: none;
		padding: 10px 0px;
	}
}

.sotr_display_color {
	/*商品列表页默认选中排序方式的颜色；*/
	color: #FF9E00;
}

.ActivityType {
	padding: 15px;
}

.coupon_bj {
	background: rgb(245, 245, 245);
	padding: 15px;
	margin: 10px 0;
	border-radius: 12px;
}

.coupon_border2 {
	border-bottom: #FFFFFF solid 1px;
	padding: 15px 0;
}

.xf_gwj_a {
	color: #FF0004;
	font-size: 15px;
}

.xf_gwj_a:link {
	color: #FF0004;
	font-size: 15px;
	text-decoration: none;
}

.sun_shopgold {
	color: #f60;
}

.coupon_ts {
	padding: 10px 0;
	border-bottom: #FFFFFF solid 1px;
}

.coupon_table {
	border: #FFFFFF 1px solid;
}

.coupon_table tr td {
	border: #FFFFFF 1px solid;
	text-align: left;
}

.coupon_table_th th {
	border: 1px solid #FFFFFF;
	text-align: left;
}

.coupon_xz_tr {
	background-color: #f5f5f5;
}

.sun_padding {
	padding: 10px;
}

.item_1 {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.cardselect {
	text-align: center;
	border: 1px solid #666;
	border-bottom: 0px;
	padding: 10px;
	background-color: #e6e6e6
}

.cardsnoelect {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #666;
}

/* 購物流程 */
.help-block {
	font-size: 85%;
}

.is-sticky #sticker {
	background: #fff;
	right: 2%;
	border: 1px solid #eee;
	padding: 0;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .16);
}

.coupon_border2 .input-group {
	float: right;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.coupon_border2 .input-group .glyphicon {
	margin-right: 5px;
}

.coupon_border2 .input-group .btn {
	margin-left: 5px;
}

.carttitle span {
	margin-right: 5px;
}

.addpur_1 {
	font-size: 85%;
	color: #F60;
}

.addpur_1 a {
	color: #F60;
}

.addpur_1 a:hover,
.addpur_1 a:focus {
	color: #e64a19;
}

.addpur_2 {
	color: #ccc;
}

.carpay1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.carpay1-2 {
	padding: 20px;
	line-height: 36px;
}

.carpay1-2 b {
	font-weight: bold;
}

.carpay2 {
	margin-bottom: 20px;
}

.carpay2 .radio {
	margin-bottom: 15px;
}

.carpay3 {
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #c40000;
}

.carpay4 {
	padding: 20px 40px;
	font-size: 20px;
	font-weight: 500;
}

.paydata1 {
	padding: 0;
}

.paydata1>.carpay2 {
	margin-bottom: 10px;
}

.paydata2 {
	/* text-align: right; */
	border-right: 1px solid #ccc;
	padding-right: 15px;
	margin-right: 15px;
	font-weight: bold;
}

.paydata3 {
	text-align: right;
	padding-right: 20px;
	font-weight: 500;
}

.receiptInfos {
	display: none;
	margin-top: 10px;
}

.form-inline .form-group {
	margin-left: 5px;
}

.cart_prod {
	padding: 15px 10px;
	border-bottom: 1px dotted #9e9e9e;
}

.cart_prod .price {
	font-size: 55%;
	color: #9e9e9e;
	display: block;
	padding: 0 10px;
}

.cart_prod .nowprice {
	font-size: 85%;
	display: block;
	padding: 0 10px;
}

.cartList>div:last-child .cart_prod {
	border-bottom: none;
}

.cartList .text-danger,
.cart_prod .nowprice {
	color: #F44336;
}

.csmall {
	font-size: 15px;
	color: #333;
}

.btn-link {
	color: #F60;
}

#sticker .btn-link {
	padding-right: 0;
}

.btn-link:hover,
.btn-link:focus {
	color: #e64a19;
}

.coupon_code {
	padding: 10px;
	background-color: #F6F6F6;
	margin-bottom: 20px;
}

.coupon_code span {
	font-size: 85%;
	height: 34px;
	line-height: 34px;
}

.text-muted {
	color: #9E9E9E;
}

.cwtitle {
	display: table;
	margin: 0 auto 20px;
	white-space: nowrap;
	color: #9e9e9e;
}

.cwtitle:before,
.cwtitle:after {
	border-top: 1px solid #9e9e9e;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 100px;
}

.cwtitle:before {
	right: 1.5%;
}

.cwtitle:after {
	left: 1.5%;
}

.d-flex {
	display: flex;
	flex-flow: row wrap;
}

.ml-auto {
	margin-left: auto;
}

.coupon_warning {
	padding: 10px;
	background: #fff9c4;
	font-size: 85%;
}

.coupon_warning a {
	color: #ff5722;
}

.coupon_warning a:hover {
	opacity: 0.75;
}

.coupon_wrap {
	max-height: 300px;
	overflow-y: scroll;
}

.coupon_item {
	margin-bottom: 20px;
}

.coupon_info {
	padding: 10px;
	border: 1px solid #E0E0E0;
}

.coupon_info:hover {
	cursor: pointer;
	background-color: #f2f2f2;
}

.coupon_name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.coupon_date {
	font-size: 85%;
	color: #9E9E9E;
}

.coupon_date.due {
	color: #ff5722;
}

.price-xs>span {
	color: #333;
}

@media (max-width:767px) {
	.carttitle {
		font-size: 15px;
		padding: 15px 0px 10px 10px;
	}

	.cart14 {
		padding: 0 10px;
		line-height: 1.5;
	}

	.paydata2 {
		text-align: left;
		border-right: none;
		padding-right: 0;
		font-weight: bold;
	}

	.carpay1-2 {
		padding: 20px 0;
		line-height: 36px;
	}

	.cart7s {
		margin-bottom: 8px;
	}

	.addpur_1 {
		margin-bottom: 5px;
	}

	.price-xs {
		color: #F44336;
	}

	.price-xs>span {
		font-size: 85%;
	}

	.mt-xs {
		margin-top: 10px;
	}

	.coupon_wrap {
		max-height: 220px;
	}
}

select {
	border: solid 1px #999;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("../images/arrowc.png") no-repeat scroll right center transparent;
	padding-right: 14px;
}

select::-ms-expand {
	display: none;
}

.cart51 input {
	border: 1px solid #999
}

.mintop {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, .1);
}

.mintop .logo {
	padding: 10px 0px;
}

.mintop .logoie {
	margin: 0;
	padding: 0;
	height: auto
}

.mintop .logo img {
	max-height: 100px;
}

.mintop .itop_left {
	margin: 10px 2% 0 0;
}

.mintop .container {
	float: left;
	width: 100%;
}

.mintop .scut-container {
	top: 15px;
}

.mintop .smenu {
	line-height: 40px;
	padding: 0;
	margin-top: 55px;
}

.mintop .smenu>li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.mintop .menu>ul>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.mintop .smenut>li>a {
	padding: 0 60px;
}

.mintop .top_gn img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 40px;
}

#shadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter: alpha(opacity=20);
	background: url(shadow.gif);
}

#box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 934px;
	height: 150px;
	margin: -230px 0 0 -500px;
	/* border:3px solid #84A0C4;
   background-color:#DFE8F6;*/
	text-align: left;
	padding: 10px;
	font-weight: bold;
	line-height: 150%;
}

.c2cbutton {
	background: #d3d3d3;
	color: #4ca54c;
	margin: 3px 0px 5px 0px;
}

.s_type {
	float: left;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	border: 1px solid #999;
	border-radius: 3px;
	background-color: #f3f3f3;
	padding: 2px 8px 2px 8px;
	margin: 3px;
	color: #606266;
	position: relative;
	cursor: pointer;
	line-height: 26px;
}

.selecd {
	background-color: #ebf3ff;
	color: #5999fc;
}

.select {
	background-color: #ebf3ff;
	color: #5999fc;
}

.select:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	border: 9px solid #5999fc;
	border-top-color: transparent;
	border-left-color: transparent;
}

.gcontent {
	float: left;
}

.gcontent1 {
	float: left;
	width: auto;
	padding: 0px;
}

/* member table code */
.member_subcon {
	padding: 26px 10px;
}

.rwd-table .member_tr,
.rwd-table .member_tr td {
	background: #eee;
}

.rwd-table th,
.rwd-table td {
	margin: 0.5em 1em;
}

.rwd-table {
	min-width: 100%;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:before {
	content: attr(data-th);
	font-weight: bold;
	width: 6em;
	display: inline-block;
}

.rwd-table th,
.rwd-table td:before {
	color: rgb(66, 66, 66);
	font-weight: 600;
}

@media (min-width: 768px) {

	.rwd-table td:before {
		display: none;
	}

	.rwd-table th,
	.rwd-table td {
		display: table-cell;
		padding: 0.25em 0.5em;
	}

	.rwd-table th:last-child,
	.rwd-table td:last-child {
		padding-right: 0;
	}

	.rwd-table th,
	.rwd-table td {
		padding: .5em;
	}
}

.rwd_ha {
	background: -moz-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: -webkit-linear-gradient(top, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	background: linear-gradient(to bottom, rgba(217, 237, 247, 0.6) 0%, rgb(217, 237, 247) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c3c3c3', GradientType=0);
}

.rwd_ha_use {
	background-color: #bce3f5;
}

.rwd_ha b {
	display: block;
	margin-bottom: 8px;
}

.rwd_ha>th {
	border-right: 2px dotted #ffffff;
	font-size: 15px;
}

.rwd_ha>th:last-child {
	border-right: 0;
	text-align: center;
}

.orderdetail .subtitle1 {
	padding: 10px 0;
	border-bottom: 2px solid #666;
	font-size: 16px;
	margin-bottom: 25px;
	clear: both;
}

.mt-3 {
	margin-top: 30px;
}

.orderdetail .subtitle1:before {
	content: none;
}

.orderinfo div {
	padding: 0.5em;
	word-break: break-word;
}

.orderinfo {
	margin-left: 0px;
	margin-right: 0px;
}

.orderinfo small {
	display: block;
	color: #337ab7;
}

.orderinfo .alert-info {
	margin-top: 15px;
}

.warning1 {
	display: flex;
	align-items: center;
	color: #E53935;
	line-height: 28px;
	width: 100%;
	margin: 30px auto;
}

.warning1 .glyphicon {
	font-size: 36px;
	margin-right: 10px;
}

@media (max-width : 768px) {
	.form-horizontal .control-label {
		text-align: left;
		font-size: 15px;
		font-weight: normal;
		padding-right: 10px
	}
}

@media (max-width : 767px) {
	.nav>li>a {
		padding: 10px 0;
		font-size: 15px;
	}

	.rwd-table th,
	.rwd-table td {
		margin: 0;
		padding: 0.5em 1em;
		text-align: left;
	}

	.rwd-table>tbody>tr {
		border-bottom: 1px dashed #666;
	}

	.rwd-table>tbody>tr:last-child {
		border-bottom: none;
	}

	#coupon .rwd-table th,
	#coupon .rwd-table td {
		width: 100%;
		text-align: center;
	}

	#coupon .rwd-table td:before {
		content: none;
	}

	.coupon_1 b {
		display: inline-block;
		margin-right: 5px;
	}
}

.prodmorediv {
	display: block;
	width: 100%;
	float: left;
}

.prodmorebutton {
	background: #2b2b2d;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: none;
	text-decoration: none;
	text-align: center;
	float: right;
	margin-right: 40px;
}

/* general styling for all the hovers */
.hover {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.hover .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

.hover img {
	display: block;
	position: relative;
}

.hover span.info {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0px;
	background-color: transparent;
	position: relative;
	top: 50%;
	margin-top: -28px;
}

/* styling to remove box shadow and border from buttons for last few effects */
.point {
	cursor: pointer;
}

/* effect hover 1 */
.ehover1 {
	padding: 0;
}

.ehover1 img {
	transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.ehover1 .overlay {
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ehover1 span.info {
	opacity: 0;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.overlay a {
	float: left;
	width: 100%;
	height: 100%;
}

.overlay span {
	position: relative;
	padding: 40px 0 0 0;
}

.overlay span:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Glyphicons Halflings';
	width: 100%;
	font-size: 1.8em;
}

.ehover1:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.ehover1:hover .overlay {
	opacity: 1;
}

.ehover1:hover h2,
.ehover1:hover span.info {
	opacity: 1;
	-moz-transform: translatey(0);
	-ms-transform: translatey(0);
	-o-transform: translatey(0);
	-webkit-transform: translatey(0);
	transform: translatey(0);
}

.ehover1:hover span.info {
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
}

.hovereffect:hover img {
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* general styling for all the hovers */
.baseprod_price1 {
	text-decoration: line-through
}

.baseprod_price2 span {
	color: #d60000;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
}

.baseprod_price3 {
	text-decoration: line-through;
	letter-spacing: 0;
}

.baseprod_price4 {
	color: #c00000;
	letter-spacing: 0;
}

.baseprod_price4 span {
	color: #c00000;
	display: inline-block;
}

ul,
ol {
	margin-bottom: 0;
}

#canvas {
	padding: 0 5px;
	margin: 0 5px;
}

.refresh {
	cursor: pointer;
	display: inline-block;
	top: -8px;
}

.cartlogin {
	padding-left: 30px;
}

.allsubtb {
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	padding: 0;
	margin-top: 20px;
}

.prodplus {
	text-align: center;
	background: #eee;
	padding: 7px 10px;
	width: calc(100% - 20px);
	margin-left: 10px;
	font-size: 1.1em;
	font-weight: bold;
}

.prodplusA {
	padding: 10px;
}

.prodplusA_1 {
	float: left;
	position: relative;
	z-index: 1;
}

.prodplusAn {
	background: #f6f6f6;
	padding: 20px;
	height: 100%;
}

.galleryaddition {
	padding: 0 20px 0 0;
}

.galleryaddition img {
	width: 100%;
}

.prodplusprice {
	color: #666;
}

.prodplussend {
	float: left;
}

.prodplustext {
	font-size: 0.9em;
	line-height: 30px;
}

.prodplustext span {
	color: #ff0000;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 3px
}

.prodplustext span:first-child {
	font-size: 1em;
}

.prodplustext_1 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: bold;
	line-height: 24px;
}

.prodplustext_2 {
	margin: 5px 0;
}

.prodplustext_2 span {
	cursor: pointer
}

.prodplustext_2 input {
	border: 1px #ddd solid;
	padding: 0;
	width: 50px;
	margin: 0 5px;
	text-align: center;
}

.prodplustext_3 {
	color: #d60000;
	padding-left: 0;
}

.prodplustext_an select {
	margin-left: 5px;
}

.prodplus_an {
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 20px;
}

.prodplus_an a {
	display: inline-block;
	background: #cd853f;
	color: #fff;
	padding: 3px 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.prodplus_an a:hover {
	background: #de8f42;
}

.sizep3 {
	font-size: 12px
}

.sizep5 {
	font-size: 15px
}

.addition_cart {
	display: inline-block;
	position: relative;
}

.addition_cart:before {
	position: absolute;
	content: "";
	background-color: #9f9aa1;
	width: 260px;
	height: 1px;
	left: -320px;
	top: 50%;
}

.addition_cart:after {
	position: absolute;
	content: "";
	background-color: #9f9aa1;
	width: 260px;
	height: 1px;
	right: -320px;
	top: 50%;
}

.product_boths_index .prot {
	height: 60px;
}

@media(max-width:1280px) {
	.top {
		position: relative;
	}

	.scut-container {
		right: 15px;
	}
}

@media(max-width:767px) {
	.scut-container {
		top: 20px;
	}

	.addition_cart:before {
		width: 100px;
		left: -110px;
	}

	.addition_cart:after {
		width: 100px;
		right: -110px;
	}

	.right_icon {
		bottom: 150px;
		right: 10px;
	}

	.scrollup {
		right: 10px;
		bottom: 100px;
	}

	.right_icon a {
		height: 36px;
		line-height: 40px;
		width: 36px;
	}

	.login {
		width: 100%;
	}

	.baseprod_price3,
	.baseprod_price4 {
		font-size: 15px;
		font-weight: bold
	}

	.footer,
	.prot,
	.d_p_v1 {
		font-size: 15px
	}

	.indexnews3,
	.indexcon>div:first {
		font-size: 15px
	}

	.sizep5 {
		font-size: 15px
	}

	.product_boths_index .prot {
		height: 50px;
	}

	.galleryaddition {
		padding: 0;
	}

	.prodplustext {
		margin-top: 20px;
	}

	.prodplusAn {
		padding: 10px;
	}
}

.tpn div:first-child {
	display: inline-block;
}

.tpn div2:first-child {
	display: inline-block;
}

.diwr {
	font-size: 15px;
}

.diwr2 {
	font-size: 15px;
}

#textname,
#textname2 {
	font-weight: bold;
}

.down_arrow {
	margin-bottom: 10px;
	position: relative;
	background: #fff url(../images/arrowd.png) no-repeat 99% center / 12px;
}

.newsdetail,
.proddetail,
.baseprod,
.commondetail,
.piccon,
.keycon {

	ul,
	ol {
		margin-left: 25px;
	}

	ul li {
		list-style: disc outside;
		margin-bottom: 10px;
	}

	ol li {
		list-style: decimal outside;
		margin-bottom: 10px;
	}
}

.commondetail {

	ul ol,
	ol ul {
		margin-top: 15px;
		margin-left: 30px;
	}
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-ms-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

@-webkit-keyframes fadenum {
	from {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2)
	}

	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1)
	}
}

@keyframes fadenum {
	from {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2)
	}

	to {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1)
	}
}

.carousel-zoom .carousel-inner .item {
	-webkit-animation-name: fadenum;
	animation-name: fadenum;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.carousel-zoom .carousel-inner .active {
	opacity: 1;
}

.carousel-zoom .carousel-inner .active.left,
.carousel-zoom .carousel-inner .active.right {
	left: 0;
	opacity: 0;
}

.carousel-zoom .carousel-inner .next.left,
.carousel-zoom .carousel-inner .prev.right {
	opacity: 1;
}

.bannertxt_left {
	position: absolute;
	float: left;
	left: 20%;
	top: 50%;
	z-index: 9999;
}

.bannertxt_center {
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.bannertxt_right {
	position: absolute;
	float: left;
	right: 20%;
	top: 50%;
	z-index: 9999;
}

.bannercon {
	display: block;
	width: 100%;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.news_lists {
	flex: 0 0 33.3%;
}

.content_an {
	margin-top: 20px;
	font-size: 0.85em;
}

.content_an .btn {
	background: #000;
	color: #fff;
	float: right;
}

.content_an .btn:hover {
	background: #222;
}

.tip1 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 0.9em;
}

.d_newsW a {
	float: left;
	width: 100%;
	position: relative;
	background: #f9f9f9;
	margin: 5px 0;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.d_newsW a:before {
	content: "\e032";
	font-family: 'Glyphicons Halflings';
	position: absolute;
	top: 15px;
	left: 10px;
	color: #000;
}

.d_newsW a:hover {
	background: #f1f1f1;
	text-decoration: none;
	color: #000;
}

.d_newsW_title {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.d_newsW_time {
	font-size: 15px;
}

.has_discount {
	color: #4b4b4b;
	padding: 4px 0;
}

.has_discount span {
	padding: 6px 90px 6px 15px;
	line-height: 30px;
	background: linear-gradient(-70deg, transparent 20px, #263754 0);
	color: #ffffff;
	letter-spacing: 2px;
	border-left: 6px solid #fbc63c;
	clear: both;
	margin-bottom: 10px;
	display: inline-block;
}

.has_discount_list {
	font-size: 12px;
}

.has_discount_list span {
	background-color: #FF7792;
	color: #fff;
	padding: 4px;
}

.has_discount_products {
	font-size: 12px;
	position: absolute;
	display: inline-block;
	top: 13px;
	left: 13px
}

.has_discount_products span {
	background-color: #FF7792;
	color: #fff;
	padding: 4px;
}

.login_sq1 {
	margin: 5px 0;
	text-align: center;
}

.login_sq1 a {
	float: left;
	width: 100%;
}

.login_sq2 a {
	border: 1px #ccc solid;
}

.login_sq1 .btn-login .logologin {
	max-width: inherit;
	display: inline-block;
	margin: 0;
	width: 100%;
	text-align: center;
}

.login_sq1 .btn-login {
	display: block;
}

.login_sq1 .btn-login img {
	margin-right: 10px;
	float: left;
}

.btn-login {
	display: flex;
	align-items: center;
}

.btn-login .logologin {
	width: 30%;
	max-width: 30%;
	text-align: center;
	margin-right: 10px;
}

.btn-login .logologin img {
	width: auto;
	max-height: 25px;
}

.fblogin {
	width: 100%;
	margin: 0;
	background: #3578E5;
	color: #fff;
}

.googlelogin {
	background: #fafafa;
	border: 1px solid #666;
}

.linelogin {
	background: #06C755;
	color: #fff;
}

.fblogin:hover,
.fblogin:focus,
.fblogin:active,
.linelogin:hover,
.linelogin:focus,
.linelogin:active {
	color: #fff;
}

.thirdloginline {
	display: inline-block;
	width: 32%;
	border-top: 1px solid #cccccc;
	vertical-align: 5px;
}

.thirdloginlinename {
	margin: 0px 20px
}

.newsZ {
	margin: 5px 0;
	padding: 15px;
}

.newsZ_text_1 {
	color: #000;
	font-size: 1.1em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: bold;
}

.newsZ_time {
	font-size: 0.9em;
	letter-spacing: 0;
	margin-top: 10px;
	color: #165295;
}

.newsZ_text_2 {
	line-height: 26px;
	margin: 5px 0;
	color: #666;
	font-size: 0.95em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newsZ_img {
	float: left;
	border: 1px #ddd solid;
}

.getcartareabg {
	padding: 5px;
	background: #e9e9e9;
	margin-bottom: 10px;
	border-radius: 5px
}

/* 下拉選單 */
.standardselect {
	width: 300px;
	line-height: 25px;
	border-radius: 5px;
	border: 1px solid #ccc;
	font-size: 13px;
	padding: 4px 10px;
	position: relative;
}

.standardselect i {
	width: 0;
	height: 0;
	border-top: 5px solid #333;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: 10px;
	right: 10px;
}

.standardselect span {
	display: block;
	height: 25px;
	cursor: pointer;
}

.standardselect ul {
	display: none;
	width: 100%;
	max-height: 300px;
	overflow: auto;
	position: absolute;
	background-color: #fff;
	z-index: 99999;
	border: 1px solid #ccc;
	margin-left: -10px;
	padding-left: 10px
}

.standardselect li {
	line-height: 30px;
	color: #666;
	list-style-type: none;
	cursor: pointer;
	transition: all 1s ease 0s;
	width: 94%
}

.standardselect li:hover {
	color: #fff;
	background-color: #66b2ff;
}

.forbid {
	background-color: #f2f2f2;
	border: 1px #ccc solid;
	color: #ccc
}

.orderblock {
	background-color: #f5f5f5;
	padding: 8px 0px;
	border-radius: 4px;
	font-size: 15px;
}

.closeorder {
	line-height: 30px
}

.closereason {
	margin: 8px 0px;
	border: 1px #ccc solid;
	border-radius: 4px;
}

.searchheight {
	min-height: 800px;
	height: auto !important;
	height: 800px;
}

.news_listsy {
	background: var(--colorTheme-bg);
	padding: 0;
	border: 1px solid var(--colorTheme-bg);
	margin-bottom: 30px;

	&:hover,
	&:focus,
	&:active {
		background: #fFF;
		text-decoration: none;
		box-shadow: var(--shadowTheme-md);
		border-color: var(--colorTheme-main);

		.photo-hover img {
			opacity: 1;
			-webkit-transform: scale3d(1.15, 1.15, 1);
			transform: scale3d(1.15, 1.15, 1);
		}
	}
}

.news_nr {
	padding: 20px 15px;
}

.news_imgs {
	padding: 0;
}

.news_imgs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news4 {
	font-weight: bold;
	font-size: var(--fontSize-md);
	color: var(--colorTheme-text);
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 55px;
	line-height: 1.4;

	&:hover,
	a:hover {
		color: var(--colorTheme-mainHover);
	}

	.contentimgA {
		padding: 0;
	}
}

.news5 {
	color: #4b4b4b;
	font-size: 16px;
	line-height: 1.4;
	height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/*超出3行部分显示省略号，去掉该属性 显示全部*/
	-webkit-box-orient: vertical;
}

.news_linksy {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 15px;
	color: #4b4b4b;
}

.news_linksy a {
	color: var(--colorTheme-text);

	&:hover,
	&:focus {
		color: var(--colorTheme-mainHover);
	}
}

.news_mores {
	float: left;
	text-align: center;
	padding-top: 10px;
}

.news_mores a {
	display: inline-block;
	padding: 5px 20px;
	margin: 0 auto;
	font-family: Arial;
	color: #ffffff;
	text-align: center;
	border-radius: 25px;
	background: #1b1b1b;
	font-size: 15px;
}

.news_mores a:hover {
	background: #d96897;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	text-decoration: none;
	color: #ffffff;
}

.btnk a {
	width: 48%;
	margin: 3px 0;
	padding: 0px;
	height: 30px;
	line-height: 28px;
	font-size: 15px;
}

.btnk2 a {
	width: 100%;
	margin: 3px 0;
	padding: 0px;
	height: 30px;
	line-height: 28px;
	font-size: 15px;
}

@media (max-width:1280px) {
	.btnk a {
		width: 100%;
	}
}

@media (max-width:900px) {
	.news_lists {
		flex: 0 0 50%;
	}
}

@media (max-width:767px) {
	.thirdloginlinename {
		margin: 0px 10px
	}

	.newsZ {
		padding: 10px;
	}

	.newsZ_img {
		width: 100%;
	}

	.newsZ_text {
		clear: both;
		margin: 0;
		padding: 0;
	}

	.form-horizontal .control-label {
		margin-top: 10px;
	}

	.member_subcon {
		padding: 15px 0px 10px 0px;
	}

	.btnk a {
		width: auto;
		margin: 3px 0px;
	}

	.news_lists {
		flex: 0 0 100%;
	}
}

/*增加css*/
#indcon {
	padding: 0px;
}

#indcon2 {
	padding: 0px;
}

.prohow {
	margin-bottom: 30px;
	padding-top: 10px;
}

.copyright {
	text-align: center;
	font-size: 15px;
}

.topk {
	padding-top: 5px;
}

.btn-success {
	font-size: 15px;
}

.member .glyphicon {
	font-size: 30px;
}

.member span {
	font-size: 15px;
}

.couponk {
	background: #e6e6e6;
	border-radius: 4px;
}

.couponk span {
	font-size: 16px;
	font-weight: bold
}

.bannerinpage {
	padding: 0px;
}

.orderk {
	padding: 0px 10px;
	font-size: 15px;
}

.ortite1 {
	width: 32%;
}

.ortite2 {
	width: 17%;
	text-align: center;
}

.ortite3 {
	font-size: 15px;
	padding: 10px 0px;
	font-weight: bold;
	display: inline-block
}

.search_list {
	clear: both;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 25px;
}

.bomfromk {
	width: 160px;
	margin: 30px auto;
	float: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-icab-border-radius: 5px;
	font-size: 15px;
}

.now_prod_price {
	color: #d60000;
	font-weight: bold;
	font-size: 26px;
	font-style: italic;
	font-family: "Times New Roman";
}

.btn {
	font-size: 13px;
}

.fbshared {
	margin-top: -10px;
}

.comitopn {
	font-size: 15px;
	color: #9e9e9e;
	font-weight: normal;
}

#standard2 {
	height: auto !important;
}

#standard2>div {
	position: relative !important;
	top: 0px !important;
}

#standard3 {
	height: auto !important;
}

#standard3>div {
	position: relative !important;
	top: 0px !important;
}

.pager li>a,
.pager li>span {
	border: none;
	margin-top: 3px;
}

.indexprot {
	text-align: center;
	font-size: 15px;
	padding: 10px 0;
	color: #000000;
	line-height: 30px;
	margin: 10px 0px;
	display: block;
	/*定义为块级*/
	overflow: hidden;
	/*超出的部分隐藏起来。*/
	white-space: nowrap;
	/*不显示的地方用省略号...代替*/
	text-overflow: ellipsis;
	/* 支持 IE */
	-o-text-overflow: ellipsis;
	/* 支持 Opera */
}

.fonknt {
	font-size: 11px !important;
}

.fonred {
	font-size: 15px;
	color: red;
	font-weight: bold;
}

.sdetal {
	background: #f5f5f5;
	border-radius: 4px
}

.sagi {
	background: url(../images/arrowd.png) right 10px top 11px no-repeat;
	background-size: 16px;
	padding-right: 10px;
}

.incartprod {
	position: absolute;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
}

.incartprod span {
	color: #ff0000;
	font-size: 13px;
	position: absolute;
	top: 40%;
	left: 30%;
	width: 100%;
	height: 100%
}

.payatransportdetails {
	max-height: 300px;
	overflow: auto;
	border: 1px #999 solid;
	background-color: #e9e9e9;
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	padding-left: 8px;
	border-radius: 5px
}

.payatransportclose {
	position: absolute;
	right: 8px;
	top: 0;
	cursor: pointer
}

.payatransportnamelist {
	float: left;
}

.payatransportmore {
	float: left;
	padding-right: 60px;
	cursor: pointer
}

@media (max-width:830px) {
	.logoie {
		width: 100%;
	}

	.spnkl {
		padding: 0px;
	}
}

@media (max-width:767px) {
	.ortite1 {
		width: auto;
	}

	.ortite2 {
		width: auto;
	}

	.btnk a {
		width: auto;
		padding: 0px 10px;
	}

	.btnk2 a {
		width: auto;
		padding: 0px 10px;
	}

	.comitopn {
		display: block;
		padding-bottom: 5px;
	}

	.s_type {
		line-height: 24px;
	}

	.derjl {
		color: #ff6600;
		font-size: 15px;
		margin: 5px 0px;
	}

	.derj2 {
		font-size: 12px;
	}

	.ordersk1 {
		color: #555;
		font-size: 15px;
	}

	.ordersk2 {
		height: auto;
		width: 70px !important;
		margin: 0;
	}

	.ordersk3 {
		word-break: break-all
	}

	.now_prod_price {
		font-size: 24px;
	}

	.producttitle {
		font-size: 18px;
		line-height: 30px;
		margin: 0px;
		padding-top: 10px;
	}

	.diwr2 {
		font-size: 15px;
	}

	.baseprod {
		margin-bottom: 5px;
	}

	.cartpic {
		padding: 0px;
	}

	.spnkl {
		padding: 0px 15px;
	}

	.riplf {
		padding-right: 0px;
	}

	.top {
		position: fixed;
	}

	.incartprod {
		left: -8px;
	}

	.payatransportmore {
		padding-right: 0px;
	}
}

.wap_top_logo_img {
	display: none;
	padding: 5px 0;
	text-align: center;

	a {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		background: url(../images/logo_white.png) no-repeat center / contain;
	}

	img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 70px;
		visibility: hidden;
	}
}

/* ════════════════════════════════════════
		self style
   ════════════════════════════════════════ */
.p-0 {
	padding: 0 !important;
}

.px-0 {
	padding-left: 0;
	padding-right: 0;
}

.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.pt-0 {
	padding-top: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.py-3 {
	padding-top: 45px;
	padding-bottom: 45px;
}

.mt-0 {
	margin-top: 0 !important;
}

.w-100 {
	width: 100%;
}

.img-rounded {
	border-radius: 30px;
	overflow: hidden;
}

input,
button {

	&:focus,
	&:active {
		outline: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

.align-center {
	align-items: center;
}

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

/*-- 表格左右滑動提醒 --*/
.scroll-note {
	display: none;

	@media (max-width : 992px) {
		display: block;
	}
}

/*-- 關鍵字keycon --*/
.keycon {
	h1 {
		margin: 0;
		display: inline-block;
		font-weight: bold;
		padding: 5px 0;
	}

	h2 {
		position: relative;
		color: var(--colorTheme-text);
		padding: 10px 15px;
		font-size: var(--fontSize-lg);
		line-height: 1.5;
		background-color: var(--colorTheme-main-50);
		border-left: 8px solid var(--colorTheme-main);
		margin: 45px 0 15px;
		text-align: left;

		&.producttitle {
			padding: 0 10px;
			background: transparent;
			text-align: center;
			border: none;

			&::after {
				margin-top: 10px;
			}
		}
	}

	.indextitle,
	.search_bt,
	.producttitle {
		margin-top: 60px;
	}

	.bg-gray {
		background: var(--colorTheme-main-50);
		border-radius: 15px;
		padding: 20px;
		margin: 35px 0;

		.indextitle,
		.search_bt,
		.producttitle {
			margin-top: 0;
		}
	}
}

.keycon-img {
	padding: 30px;
	position: relative;
	z-index: 0;

	@media (max-width: 992px) {
		padding: 20px;
	}

	&::before,
	&::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	&::before {
		width: calc(100% - 90px);
		height: calc(100% - 90px);
		border: 1px solid var(--colorTheme-secondary);
		border-right: none;
		border-bottom: none;
		left: 0;
		top: 0;

		@media (max-width: 767px) {
			width: calc(100% - 60px);
			height: calc(100% - 60px);
		}
	}

	&::after {
		width: 200px;
		aspect-ratio: 3/2;
		border-radius: var(--borderRounded-md);
		right: 0;
		bottom: 0;
		background: var(--colorTheme-main-500);
		z-index: -1;

		@media (max-width: 992px) {
			width: 100px;
		}
	}

	img {
		box-shadow: var(--shadowTheme-md);
	}
}

/*-- footer-wrap --*/
.copyright {
	background: var(--colorTheme-secondary);
	padding: 5px;
	text-align: center;
	font-size: 15px;
	line-height: 1.3;

	a:hover,
	a:focus {
		opacity: .75;
	}
}

.footer-wrap {
	color: #fff;
	padding: 30px 15% 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;

	@media (min-width: 2560px) {
		padding-left: 15%;
		padding-right: 15%;
	}

	@media (max-width: 1919px) {
		padding-left: 60px;
		padding-right: 60px;
	}

	@media (max-width: 1440px) {
		padding-left: 45px;
		padding-right: 45px;
	}

	@media (max-width : 992px) {
		padding: 30px;
	}

	@media (max-width: 767px) {
		padding: 20px 15px;
	}

	a {
		color: #fff;

		&:hover,
		&:focus {
			color: var(--colorTheme-main-50);
		}
	}

	.footer-info,
	.footer-feature {
		width: 100%;
		text-align: center;
		padding: 5px 0;
	}

	.footer-info li {
		display: inline-block;
		padding: 0 10px;

		&::before {
			color: var(--colorTheme-secondary);
			margin-right: 5px;
			font-size: 16px;
		}
	}
}

/*-- 內頁 --*/
#indcon,
#indcon2 {
	padding: 0;
	overflow-x: hidden;
}

.sl-overlay {
	z-index: 1000035;
}

span.red,
.font-red {
	color: #f44336 !important;
}

.breadcrumb {
	background: transparent;
	font-size: 14px;
	color: #626262;
	margin-bottom: 0;

	a,
	>.active,
	>li {
		color: #626262;
	}

	>li+li:before {
		content: ">";
		color: #626262;
		padding-left: 0;
		padding-right: 5px;
	}
}

.news2 .newsd {
	display: inline-block;
	margin-right: 15px;
}

.news2 .share-wrap {
	display: inline-block;
}

.share-wrap .fbshare {
	margin-top: -4px;
}

.prodcon .fbshare,
.commondetail .fbshare {
	margin-top: -8px;
}

.gallery .proh {
	margin-bottom: 30px;
	padding: 0 10px;
}

.newsdetail .text-right {
	margin-top: 30px;
}

.picturelist .search_bt,
.newslist .search_bt {
	margin-top: 60px;
}

input[type="radio"],
input[type="checkbox"] {
	margin-top: 8px;
}

.radio-inline+.radio-inline,
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
	margin-left: 0;
}

.form-horizontal .radio-inline {
	margin-right: 10px;
}

.youtube-embed-wrapper {
	width: 100%;
	display: block;

	&::after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
}

/*-- photo-hover --*/
.photo-hover {
	padding: 0;
	position: relative;
	overflow: hidden;

	img {
		opacity: 1;
		transition: opacity 1s, transform 1s;
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	&:hover img,
	&:focus img,
	&:active img {
		opacity: 1;
		transform: scale3d(1.15, 1.15, 1);
		-webkit-transform: scale3d(1.15, 1.15, 1);
	}
}

/*-- search_bt --*/
.search_bt {
	color: var(--colorTheme-title);
	font-size: var(--fontSize-lg);
	text-align: center;
	padding: 10px 5px;
	border-bottom: 2px solid #e0e0e0;
	margin-bottom: 20px;
	position: relative;

	&::after {
		content: '';
		width: 120px;
		height: 2px;
		background: var(--colorTheme-main);
		position: absolute;
		left: calc(50% - 60px);
		bottom: -2px;
	}
}

/*-- news-list + news-link --*/
.newsd,
.comitopn {
	font-size: 15px;
	color: #808080;
}

.news_contents {
	color: #d14a67;
}

.news-link {
	display: block;
	width: 100%;
	margin-top: 25px;

	a,
	span {
		font-size: 16px;
		padding: 5px 30px;
		background: var(--colorTheme-main);
		color: #fff;
		border-radius: var(--borderRounded-ful);
		transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;

		/* 統一處理 hover 與 focus 狀態 */
		&:hover,
		&:focus {
			background: var(--colorTheme-mainHover);
		}
	}
}

/*-- Media Screen Style --*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

	select,
	textarea,
	input {
		font-size: 16px !important;
	}
}

@media (max-width : 992px) {
	#indcon2 {
		margin-right: -10px;
	}

	.top {
		position: fixed;
		padding: 0;
		-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, .1);
	}

	#indcon,
	#indcon2 {
		padding-top: 80px;
	}

	.logoie {
		width: 100%;
	}

	.logo img,
	.mintop .logo img {
		max-height: 50px;
	}

	.scut-container,
	.scut-container-wap .searchdiv {
		position: absolute;
		right: 15px;
	}

	.movebg {
		background-attachment: unset;
	}

	.table-responsive {
		border: none;
	}

	.img-rounded {
		border-radius: 15px;
		overflow: hidden;
	}
}

@media (max-width: 767px) {

	#indcon,
	#indcon2 {
		padding-top: 70px;
	}

	.smenu>li .indicator {
		top: -2px;
	}

	.footer {
		margin-bottom: 0;
	}

	.productinfo>div:first-child {
		padding: 0;
	}

	.baseprod {
		margin-left: 0;
		font-size: 16px;
		padding: 0;
	}

	.reservepadding,
	.movecontainer,
	.search_list .conlist,
	.indexcarousel {
		padding: 0;
	}

	.ideprod_2,
	.ideprod_3 {
		background: #fff;
	}

	.producttitle.product_text_left {
		text-align: center;
	}
}


/* ════════════════════════════════════════
		Website section (網站首頁+內頁)
		含有CSS巢狀寫法，若看不懂請找小儀
   ════════════════════════════════════════ */

/* ── Icon Base ── */
.theme-icon::before {
	font-family: 'FontAwesome';
	speak: never;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-map::before {
	content: "\f041";
}

.icon-phone::before {
	content: "\f095";
}

.icon-check-square::before {
	content: "\f046";
}

.icon-value-cog::before {
	content: "\f013";
}

.icon-value-pin::before {
	content: "\f041";
}

.icon-value-shield::before {
	content: "\f132";
}

.icon-hand-o-right::before {
	content: "\f0a4";
}

.icon-question-circle::before {
	content: "\f059";
}

.icon-commenting::before {
	content: "\f27a";
}

.icon-clock::before {
	content: "\f017";
}

.icon-fb::before {
	content: "\f09a";
}

.icon-mail::before {
	content: "\f0e0";
}


/* ── btn-theme ── */
.btn-group {
	margin-top: 45px;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	gap: 0 60px;
	justify-content: center;
	align-items: center;

	@media (max-width: 767px) {
		flex-direction: column;
		gap: 20px;
	}
}

.btn-theme {

	/*基礎款*/
	a {
		color: #fff;
		background: var(--colorTheme-secondary);
		display: inline-block;
		vertical-align: middle;
		-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		transition: all .4s ease-out;
		padding: 8px 30px;
		border-radius: var(--borderRounded-full);
		font-size: 20px;
		letter-spacing: 2px;
		-webkit-writing-mode: initial;
		writing-mode: initial;

		@media (max-width: 767px) {
			font-size: 18px;
			letter-spacing: 1px;
			padding: 5px 25px 2px;
			margin-bottom: 20px;
		}

		&:hover,
		&:focus {
			background: var(--colorTheme-secondaryHover);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			box-shadow: var(--colorTheme-secondaryHover) 0px 5px 25px 0px;
		}

		&.theme-icon::before {
			margin-right: 10px;
		}
	}

	/*btn-line*/
	&.btn-line a {
		background: #4cc764 url(../images/icon_line.png) no-repeat 25px 17px / 24px;
		padding-left: 60px;
		padding-bottom: 10px;
		border-radius: var(--borderRounded-full);

		@media (max-width: 767px) {
			background-position: 18px 11px;
			background-size: 22px;
			padding-left: 50px;
		}

		&:hover,
		&:focus {
			background: #35ab4c url(../images/icon_line.png) no-repeat 25px 17px / 24px;
			box-shadow: #35ab4c 0px 5px 25px 0px;

			@media (max-width: 767px) {
				background-position: 18px 11px;
				background-size: 22px;
				padding-left: 50px;
			}
		}
	}
}


/* ── table-theme ── */
.table-theme {

	>thead>tr>th,
	>tbody>tr>th,
	>thead>tr>td,
	>tbody>tr>td {
		padding: 15px 20px;
		line-height: 1.5;
		vertical-align: middle;
		text-align: center;
		color: var(--colorTheme-main);
	}

	>thead>tr,
	>tbody>tr {

		>th,
		>td {
			&:first-child {
				text-align: left;
			}
		}
	}

	>tbody>tr:hover {
		background: var(--colorTheme-main-50);
	}

	small {
		display: block;
		font-weight: 400;
		font-size: 0.875rem;
		color: var(--colorTheme-textHover);
		margin-top: 5px;
		letter-spacing: .02em;
		line-height: 1.5;
	}

	>thead>tr>th {
		background: var(--colorTheme-main);
		color: #fff;
		font-weight: bold;
		font-size: var(--fontSize-md);
		border-color: var(--colorTheme-secondary);
		border-bottom: none;
	}
}

/*-- menu-effect --*/
.smenut>li {
	&::after {
		content: '';
		width: 1px;
		height: 30px;
		background: var(--colorTheme-main);
		position: absolute;
		right: 0;
		top: 22px;
	}

	&:last-child::after {
		content: none;
	}

	>a {
		color: var(--colorTheme-main);
		display: inline-block;
		vertical-align: middle;
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;

		&::before {
			content: "";
			position: absolute;
			z-index: -1;
			top: 0;
			bottom: 0;
			left: 60px;
			right: 60px;
			background: var(--colorTheme-main);
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 50%;
			transform-origin: 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}
	}

	&:hover,
	&:focus {
		>a {
			color: #fff;

			&::before {
				-webkit-transform: scaleX(1);
				transform: scaleX(1);
			}
		}
	}
}

.mintop .smenut>li::after {
	top: 15px;
}


/*-- section-service --*/
.section-service {
	position: relative;
	z-index: 0;
	background: url(../images/el_03.png) no-repeat 60px 200px / auto,
		url(../images/el_04.png) no-repeat calc(100% - 60px) 120px / auto;

	@media (max-width: 1440px) {
		background-size: 200px, 200px;
		background-position: 50px 100px, calc(100% - 50px) 50px;
	}

	@media (max-width: 992px) {
		background-size: 120px, 120px;
		background-position: 30px 45px, calc(100% - 30px) calc(100% - 45px);
	}

	@media (max-width: 767px) {
		background-size: 100px, 100px;
		background-position: 30px 45px, calc(100% - 30px) calc(100% - 45px);

		&::before {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			background: rgba(255, 255, 255, .15);
			backdrop-filter: blur(1px);
			pointer-events: none;
			left: 0;
			top: 0;
			z-index: -1;
		}
	}

	.indexnews {
		padding: 0 45px;

		@media (max-width: 1280px) {
			padding: 0 30px;
		}

		@media (max-width: 992px) {
			padding: 0 20px;
			width: 33.33333333%;
		}

		@media (max-width: 767px) {
			width: 50%;
		}
	}

	.contentimgA {
		padding: 25px;
		background: #fff;

		@media (min-width: 2560px) {
			padding: 30px;
		}

		@media (max-width: 1024px) {
			padding: 15px;
		}

		&:hover {

			.overlay,
			h2,
			span.info {
				opacity: 0;
			}
		}
	}
}


/*-- section-inquire --*/
.section-inquire {
	background: #ebebeb;

	.indexconimg {
		width: 80%;
		margin: 30px auto;
		text-align: center;

		a {
			display: inline-block;
			vertical-align: middle;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-property: transform;
			transition-property: transform;

			&:hover,
			&:focus {
				-webkit-transform: scale(0.9);
				transform: scale(0.9);
			}
		}

		@media (max-width: 767px) {
			width: 100%;
		}
	}
}


/*-- section-case --*/
.section-case .carousel-control {
	height: 85%;

	@media (max-width : 992px) {
		height: 65%;
	}

	.glyphicon {
		background: var(--colorTheme-main);
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: none;
		text-shadow: none;
		font-size: 20px;
		border-radius: 50%;
	}
}


/*-- pagr-title --*/
.page-title {
	margin-top: 20px;

	/*-- 基礎款 --*/
	.title-main {
		line-height: 1.3;
		letter-spacing: 2px;
		text-indent: 2px;
		font-size: var(--fontSize-xl);
		color: var(--colorTheme-title);
		font-weight: bold;

		span {
			display: block;
			font-weight: normal;
			line-height: 1;
			font-size: var(--fontSize-sm);
			color: var(--colorTheme-secondary);
			margin-bottom: 5px;
		}

		&::before {
			content: "";
			display: block;
			width: 10px;
			aspect-ratio: 1/1;
			border-radius: 50%;
			background: var(--colorTheme-main);
			box-shadow: 0 0 0 4px var(--colorTheme-main-200);
			margin-bottom: 15px;
			margin-left: 4px;
			pointer-events: none;
		}
	}

	.title-desc {
		margin-top: 15px;
		color: var(--colorTheme-textHover);
	}

	&::after {
		content: '';
		width: 50px;
		height: 3px;
		background: var(--colorTheme-secondary);
		display: block;
		margin: 20px 0 45px;
		pointer-events: none;
	}

	/*-- 置中款 --*/
	&.title-center {
		&:after {
			margin: 20px auto 45px;
		}

		.title-main {
			text-align: center;
			line-height: 1.4;
			font-size: var(--fontSize-sm);
			color: var(--colorTheme-secondary);
			font-weight: normal;
			letter-spacing: 2px;
			text-indent: 2px;

			&::before {
				content: none;
			}

			span {
				line-height: 1.4;
				font-size: var(--fontSize-xl);
				color: var(--colorTheme-title);
				font-weight: bold;

				&::before,
				&::after {
					content: "";
					width: 20px;
					height: 20px;
					display: inline-block;
					position: relative;
					top: 0;
				}

				&::before {
					background: url(../images/el_05.png) no-repeat center center / contain;
					margin-right: 25px;
				}

				&::after {
					background: url(../images/el_06.png) no-repeat center center / contain;
					margin-left: 23px;
				}
			}
		}
	}
}


/* ─── card-cta ─── */
.cta-wrap {
	margin-top: 150px;
	margin-bottom: 45px;

	@media (max-width: 767px) {
		margin-top: 60px;
	}

	.card-cta {
		background: var(--colorTheme-bg);
		width: 70%;
		padding: 60px 30px;
		border: 2px solid var(--colorTheme-main);
		margin: 30px auto;
		border-radius: var(--borderRounded-lg);
		position: relative;
		z-index: 1;
		background-image: linear-gradient(-170deg, var(--colorTheme-main-50) 45%, #ffffff 45.5%),
			linear-gradient(-190deg, var(--colorTheme-main-50) 45%, #ffffff 45.5%);
		background-position: left center, right center;
		background-size: 50.1% 100%;
		background-repeat: no-repeat;

		@media (max-width: 1024px) {
			width: 80%;
			padding: 50px 25px;
		}

		@media (max-width: 992px) {
			width: 90%;
		}

		@media (max-width: 767px) {
			width: 95%;
			padding: 30px 20px;
		}

		.card-title {
			font-size: var(--fontSize-lg);
			color: var(--colorTheme-title);
			font-weight: bold;

			&::after {
				content: '';
				width: 50px;
				height: 3px;
				background: var(--colorTheme-secondary);
				display: block;
				margin: 20px auto 45px;
				pointer-events: none;
			}
		}

		&::before {
			content: "";
			position: absolute;
			pointer-events: none;
			width: 40%;
			height: 250px;
			background: url(../images/el_07.png) no-repeat center / contain;
			right: 30px;
			top: -250px;
			border-bottom: 2px solid var(--colorTheme-main);

			@media (max-width: 1440px) {
				height: 230px;
				top: -230px;
			}

			@media (max-width: 1280px) {
				height: 180px;
				top: -180px;
			}

			@media (max-width: 1024px) {
				height: 150px;
				top: -150px;
			}

			@media (max-width: 767px) {
				height: 150px;
				top: -150px;
				width: 80%;
				background-size: 100%;
			}

		}
	}
}


/*-- about --*/
.about-story {
	margin-bottom: 45px;

	@media (max-width : 992px) {
		.col-md-6 {
			margin-left: 50%;
		}
	}

	@media (max-width : 767px) {
		.col-md-6 {
			margin-left: 0;
		}
	}

	.about-img {
		padding: 30px;
		position: relative;

		@media (max-width: 992px) {
			padding: 20px;
		}

		&::before,
		&::after {
			content: "";
			position: absolute;
			pointer-events: none;
		}

		&::before {
			width: calc(100% - 90px);
			height: calc(100% - 90px);
			border: 1px solid var(--colorTheme-secondary);
			border-right: none;
			border-bottom: none;
			left: 0;
			top: 0;

			@media (max-width: 767px) {
				width: calc(100% - 60px);
				height: calc(100% - 60px);
			}
		}

		&::after {
			width: 200px;
			aspect-ratio: 3/2;
			border-radius: var(--borderRounded-md);
			right: 0;
			bottom: 0;
			background: var(--colorTheme-main-500);
			z-index: -1;

			@media (max-width: 992px) {
				width: 100px;
			}
		}

		img {
			box-shadow: var(--shadowTheme-md);
		}
	}

	.about-story-body {
		padding: 20px 45px;

		@media (max-width: 1024px) {
			padding: 0 30px;
		}

		@media (max-width : 992px) {
			margin-top: -120px;
		}

		@media (max-width: 767px) {
			padding: 0 15px;
			margin-top: 30px;
		}
	}
}

.about-values-body {
	margin-top: 15px;
	margin-bottom: 45px;

	div[class*="col-"] {
		padding: 0 20px;

		@media (max-width: 767px) {
			padding: 0;
		}
	}

	@media (max-width : 767px) {
		margin-bottom: 0;
	}
}

.about-value-card {
	background: var(--colorTheme-bg);
	border-radius: var(--borderRounded-md);
	width: 100%;
	padding: 0 30px 30px;
	margin: 20px auto 30px;
	text-align: center;
	box-shadow: var(--shadowTheme-sm);
	height: calc(100% - 50px);
	transition: all .4s ease-out;

	@media (max-width: 767px) {
		padding: 0 20px 25px;
		margin: 10px auto 60px;
		height: auto;
	}

	&:hover {
		box-shadow: var(--shadowTheme-md);
		transform: translateY(-8px);
	}

	.about-value-title {
		color: var(--colorTheme-title);
		margin-bottom: 20px;
		margin-top: 0;

		&::before {
			width: 70px;
			height: 70px;
			border-radius: 50%;
			background: linear-gradient(135deg, var(--colorTheme-main-100), var(--colorTheme-main-200));
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto;
			position: relative;
			top: -20px;
		}
	}
}

.about-service-body {
	position: relative;
	z-index: 1;
	margin-bottom: 45px;

	@media (max-width : 992px) {
		display: flex;
		flex-direction: column-reverse;

		.col-md-8 {
			margin-left: 30%;
		}

		.col-md-12 {
			margin-top: -30px;
		}
	}

	@media (max-width : 767px) {
		.col-md-8 {
			margin-left: 0;
		}

		.col-md-12 {
			margin-top: 30px;
		}
	}

	&::after {
		content: '';
		width: 120%;
		height: 90%;
		position: absolute;
		pointer-events: none;
		z-index: -1;
		background: var(--colorTheme-main-100);
		right: 150px;
		top: -45px;
	}

	.about-service-group {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;

		@media (max-width: 1024px) {
			grid-template-columns: repeat(3, 1fr);
		}

		@media (max-width: 992px) {
			grid-template-columns: repeat(2, 1fr);
		}

	}

	.service-tag {
		display: inline-flex;
		align-items: center;

		&::before {
			width: 40px;
			height: 40px;
			color: #fff;
			border-radius: var(--borderRounded-full);
			background: var(--colorTheme-main-500);
			display: inline-block;
			margin-right: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 18px;
			padding-left: 3px;
			font-weight: 400;
		}
	}
}



/*-- album-info 相簿說明 --*/
ul.album-faq-list {
	list-style: none;
	padding: 0;
	margin: 0;

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;

	@media(max-width:1024px) {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	@media(max-width:767px) {
		grid-template-columns: 1fr;
	}

	.album-faq-item {
		padding: 30px;
		position: relative;
		background: var(--colorTheme-bg);
		border-radius: var(--borderRounded-md);
		box-shadow: var(--shadowTheme-sm);
		height: calc(100% - 50px);
		display: flex;
		flex-direction: column;
		margin-bottom: 50px;

		@media (max-width: 1440px) {
			padding: 30px 20px;
		}

		@media (max-width: 992px) {
			padding: 20px;
		}

		&::before {
			color: var(--colorTheme-secondary);
			font-size: 40px;
			position: absolute;
			top: 23px;
			right: 23px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		&::after {
			content: "";
			width: 100%;
			height: 30px;
			background: url(../images/el_08.png) no-repeat center / auto;
			position: absolute;
			bottom: -30px;
			left: 0;
			pointer-events: none;
		}

		.album-faq-q {
			font-size: var(--fontSize-md);
			font-weight: 700;
			color: var(--colorTheme-title);
			line-height: 1.55;
			margin-bottom: 30px;
			padding-right: 15px;

			@media (max-width: 1280px) {
				padding-right: 45px;
			}
		}

		.album-faq-a strong {
			color: var(--colorTheme-secondary);
		}
	}
}


/*-- service 服務項目 --*/
.service-main {
	display: flex;
	flex-flow: row wrap;
	gap: 120px 0;
	margin-bottom: 45px;

	@media (max-width : 992px) {
		gap: 60px 0;
	}

	@media (max-width: 767px) {
		gap: 45px 0;
	}

	.service-block {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
		width: 100%;
		position: relative;
	}

	.service-block-body {
		width: 80%;
		padding: 0 30px;
		position: relative;
		margin: 0 auto;

		&::before {
			content: "";
			position: absolute;
			top: -20px;
			display: block;
			width: 10px;
			height: 27px;
			background: var(--colorTheme-secondary);
		}

		@media (max-width: 1024px) {
			width: 100%;
		}

		@media (max-width: 992px) {
			padding: 0 20px;
		}
	}

	.service-block-title {
		font-size: var(--fontSize-lg);
		color: var(--colorTheme-title);
		line-height: 1.4;
		font-weight: bold;
		margin-bottom: 20px;
		position: relative;

		&::before {
			content: "";
			display: inline-block;
			width: 10px;
			aspect-ratio: 1 / 1;
			border-radius: 50%;
			background: var(--colorTheme-main);
			box-shadow: 0 0 0 4px var(--colorTheme-main-200);
			pointer-events: none;
			margin-right: 15px;
			top: -5px;
			position: relative;
		}
	}
}

.service-block-img {
	width: 80%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/6;

	img {
		width: 100% !important;
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}

	@media (max-width: 1024px) {
		width: 100%;
	}

	@media(max-width:767px) {
		aspect-ratio: 4/3;
	}

	.service-block-overlay {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(54, 82, 106, .65);
		backdrop-filter: blur(6px);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		padding: 45px 15px;
		z-index: 2;
		width: 120px;

		@media (max-width: 992px) {
			width: 90px;
			padding: 30px 10px;
		}

		@media (max-width: 767px) {
			width: 100%;
			height: 60px;
			bottom: 0;
			top: auto;
			flex-direction: row;
			justify-content: flex-end;
			gap: 10px;
			padding: 10px 15px;
		}
	}

	.overlay-num {
		font-weight: 700;
		font-size: clamp(2rem, 4.5vw, 4rem);
		color: #fff;
		line-height: 1;
		margin-bottom: 10px;

		@media (max-width: 767px) {
			margin-bottom: 0;
			font-size: 1.5rem;
		}
	}

	.overlay-zh {
		writing-mode: vertical-rl;
		font-family: var(--font-Serif);
		font-weight: 600;
		font-size: var(--fontSize-xl);
		color: var(--colorTheme-main-50);
		letter-spacing: .12em;
		line-height: 1.8;

		@media (max-width: 992px) {
			font-size: 24px;
		}

		@media (max-width: 767px) {
			writing-mode: horizontal-tb;
			font-size: 1.5rem;
			letter-spacing: .05em;
			line-height: 1;
		}
	}
}


/*-- contact-wrap 聯絡我們 --*/
.contact-main-section {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.contact-info-list {
	list-style: none;
	padding: 0 30px;
	margin: 0 0 30px;

	@media (max-width : 992px) {
		padding: 0 20px;
	}

	@media (max-width: 767px) {
		padding: 0 15px;
	}


	.contact-info-item {
		display: flex;
		align-items: center;
		gap: 15px;
		padding: 15px 0;
		border-bottom: 1px solid var(--colorTheme-main-100);

		&:last-child {
			border-bottom: none;
		}

		&::before {
			width: 45px;
			height: 45px;
			font-size: 20px;
			border-radius: 50%;
			flex-shrink: 0;
			background: var(--colorTheme-secondary);
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 1px;
		}

		&.icon-line::before {
			content: '';
			background: var(--colorTheme-secondary) url(../images/icon_line.png) no-repeat center / 22px;
		}

		&.icon-ig::before {
			content: '';
			background: var(--colorTheme-secondary) url(../images/icon_ig.png) no-repeat center / 22px;
		}
	}

	.contact-info-label {
		color: var(--colorTheme-main-500);
		letter-spacing: .04em;
	}

	.contact-info-value {
		font-weight: bold;
		font-size: var(--fontSize-md);
	}
}

.contact-map-frame {
	padding: 15px;
	border: 1px solid var(--colorTheme-main-100);
	display: block;
	width: 100%;

	iframe {
		display: block;
		width: 100%;
		height: 500px;
		border: 0;
		margin-bottom: -10px;
	}

	@media(max-width:767px) {
		height: 250px;
	}
}

.contact-reviews-section {
	position: relative;
	z-index: 0;
	margin-top: 45px;

	&::before {
		content: '';
		width: 200%;
		height: 300px;
		position: absolute;
		pointer-events: none;
		z-index: -1;
		background: var(--colorTheme-main-100);
		left: -15%;
		top: -45px;
	}

	.review-more-card {
		width: 100%;
		margin-top: 45px;
		padding: 30px;
		text-align: center;
		color: var(--colorTheme-secondary);
		font-size: var(--fontSize-md);
		font-weight: bold;

		.btn-theme {
			display: inline-block;
			margin-top: 45px;
		}
	}
}

.contact-reviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 35px;

	@media(max-width:992px) {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	@media(max-width:767px) {
		grid-template-columns: 1fr;
	}
}

.review-card {
	background: var(--colorTheme-bg);
	border-radius: var(--borderRounded-md);
	padding: 30px;
	box-shadow: var(--shadowTheme-sm);
	position: relative;
	transition: all .3s ease;
	display: flex;
	flex-direction: column;

	&:hover,
	&:focus {
		box-shadow: var(--shadowTheme-md);
		transform: translateY(-3px);
	}

	&::before {
		font-family: 'FontAwesome';
		content: "\f10d";
		position: absolute;
		top: 20px;
		right: 20px;
		font-size: 1.75rem;
		color: var(--colorTheme-main-200);
		line-height: 1;
	}

	.review-text {
		font-size: var(--fontSize-sm);
		margin-bottom: 20px;

		&::before {
			font-family: 'FontAwesome';
			content: "\f005";
			font-size: 18px;
			text-shadow: 40px 0 #fdd835, 20px 0 #fdd835, -20px 0 #fdd835, -40px 0 #fdd835;
			margin-bottom: 5px;
			color: #fdd835;
			display: inline-block;
			padding-left: 40px;
		}
	}

	.review-author {
		display: flex;
		align-items: center;
		gap: 0 20px;
		margin-bottom: 0;
		margin-top: auto;

		&::before {
			font-family: 'FontAwesome';
			content: "\f007";
			color: var(--colorTheme-main);
			font-size: .875rem;
			width: 45px;
			height: 45px;
			border-radius: 50%;
			flex-shrink: 0;
			background: var(--colorTheme-main-50);
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.review-author-name {
			font-weight: 700;
			color: var(--colorTheme-main);
		}

		.review-author-src {
			color: var(--colorTheme-textHover);
			font-size: 15px;
		}

	}
}




/* 隔斷 */
.jiange{ width: 100%;
float: none;
margin-top: 35px;
border-top: 1px dashed #cccccc;
margin-bottom: 35px;
line-height: 1px;}

/* 關鍵字左圖右文 before */
.allon_boths {
	padding: 0;
	display: flex;
	align-items: center;
}
.allon_imgs {
	float: left;
	text-align: center;
}
.allon_imgs img {
	width: 100%;
	height: auto;
	border-radius: 12px; /* 圓角 */
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); /* 陰影 */
	object-fit: cover;
}
.allon_nr {
	float: left;
	text-align: left;
	font-size: 1.0em;
	letter-spacing: 1px;
	color: #222;
	line-height: 38px;
}
.allon_nr::first-letter {
  font-size: 200%; 
  font-weight: bold; 
}
.allon_nr a{ 
text-decoration:underline;
}
.allon_nr h2{ font-size:1.4em;}
.allon_nr ul {
    padding-left: 20px;
    margin: 20px 0;
    list-style-type: none;
}

.allon_nr ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    line-height: 1.6;
    color: #5e4f4b;
    font-size: 1.05em;
    letter-spacing: 1px;
	 list-style-type: none;
}

.allon_nr ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #c7a17a; /* 时尚的咖啡金色 */
    font-size: 1.8em;
    line-height: 0.8;
}

.allon_nr ul li:last-child {
    margin-bottom: 0;
}

/* 悬停效果 */
.allon_nr ul li:hover {
    transform: translateX(5px);
    transition: transform 0.3s ease;
}



@media (max-width:900px) {
	.allon_boths {
		display: block;
	}
	.allon_imgs {
		width: 100%;
		padding: 0 0 30px;
	}
	.allon_nr {
		width: 100%;
		padding: 0;
	}
}

@media (max-width:800px) {
	.allon_boths {
		padding: 0 20px;
	}
	.panel-body .allon_boths {
        padding: 0 10px;
    }
}
/* 關鍵字左圖右文 end */



/* 標題  */
.title_h2 {
    position: relative;
    text-align: center;
    margin: 30px 0 40px;
    padding-bottom: 20px;
    font-size: 28px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
	width:100%;
}

.title_h2 small {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: normal;
}

.title_h2 small a {
    color: #c7a17a;
    text-decoration: none;
    transition: all 0.3s;
}

.title_h2 small a:hover {
    color: #a5865e;
    text-decoration: underline;
}

/* 紧凑型双色断线效果 */
.title_h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px; /* 更细的线条 */
    background: linear-gradient(90deg, 
        #c7a17a 0%, #c7a17a 48%, 
        transparent 48%, transparent 52%, 
        #5e4f4b 52%, #5e4f4b 100%);
}

@media (max-width: 768px) {
    .title_h2 {
        font-size: 24px;
        margin: 25px 0 35px;
    }
    
    .title_h2::after {
        width: 100px;
        height: 1.5px;
    }
}
h2.title_h2 {
    /* 1. 歸零大法：取消所有繼承、外部定義、瀏覽器預設樣式 */
    all: unset !important;

    /* 2. 重新定義為區塊元素（因為 unset 會把它變回沒寬度的 inline） */
    display: block !important;

    /* 3. 應用你的專屬樣式 */
    position: relative !important;
    text-align: center !important;
    margin: 30px 0 40px !important;
    padding-bottom: 20px !important;
    font-size: 28px !important;
    color: #333 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    width: 100% !important;

    /* 額外補充：處理內部的 <small> 免得它跑位 */
    box-sizing: border-box !important;
}

/* 如果你想連內部的 small 樣式也一併控制，避免它被別人影響 */
h2.title_h2 small {
    font-size: 14px !important;
    margin-left: 10px !important;
    font-weight: normal !important;
}
/* 標題 end */


/* QA  */
.qa-qa {
  margin-bottom: 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.qa-q {
  font-weight: 600;
  font-size: 1.2rem;
  color: #333; /* 深藍灰色，專業且通用 */
  padding: 0.8rem 1rem;
  background-color: #b5e7fc; /* 淺灰藍，半透明適應不同背景 */
  border-left: 4px solid #46a6d2; /* 藍色邊框作為視覺提示 */
  margin-bottom: 0.5rem;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: all 0.3s ease;
}

.qa-q:hover {
  background-color: rgba(236, 240, 241, 0.9); /* 懸停時稍加深 */
}

.qa-a {
  padding: 1rem;
  margin-bottom: 1.5rem;
  line-height: 1.8;
  color: #34495e; /* 深灰色，確保可讀性 */
  background-color: rgba(255, 255, 255, 0.8); /* 半透明白色背景 */
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  font-size: .9rem;
}

@media (max-width: 768px) {
  .qa_title {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  
  .qa-q {
    font-size:1.1rem;
    padding: 0.7rem 0.9rem;
  }
  
  .qa-a {
    padding: 0.8rem;
    font-size: 1rem;
  }
}
/* QA end  */


/* 流程  */
    .process-section {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
      background-color: #ffffff;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .process-title {
      font-size: 28px;
      font-weight: bold;
      text-align: center;
      color: #444;
      margin-bottom: 40px;
    }

    .step-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
    }

    .step {
      flex: 1 1 calc(20% - 20px);
      min-width: 180px;
      background-color: #f0f2ee;
      border-left: 6px solid #9faa94;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      transition: all 0.3s ease;
    }

    .step:hover {
      background-color: #e7ebe4;
      transform: translateY(-4px);
    }

    .step-number {
      font-size: 20px;
      font-weight: bold;
      color: #9faa94;
      margin-bottom: 10px;
    }

    .step-description {
      font-size: 16px;
      color: #555;
      line-height: 1.5;
    }

    @media (max-width: 768px) {
      .step {
        flex: 1 1 calc(45% - 20px);
      }
    }

    @media (max-width: 480px) {
      .step {
        flex: 1 1 100%;
      }

      .process-title {
        font-size: 24px;
      }
    }
/* 流程 end  */


/*  評論  */
.pinglun {
    padding: 20px 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin: 10px 0;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.pinglun::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.95);
    z-index: 1;
}

.pinglun > .col-md-6 {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.pinglun a {
    display: block;
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
    position: relative;
}

.pinglun a:hover {
    transform: translateY(-10px) rotate(1deg);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.pinglun img {
    width: 100%;
     height: auto;
    object-fit: cover;
    transition: all 0.4s ease;
}

.pinglun a:hover img {
    transform: scale(1.1);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .pinglun .col-md-6 {
        padding: 10px;
    }
    
    .pinglun img {
       width: 100%;
     height: auto;
    }
    
    .pinglun a:hover {
        transform: translateY(-5px);
    }
}

@media (max-width: 576px) {
    .pinglun {
        padding: 20px 0;
        border-radius: 10px;
    }
    
    .pinglun .col-md-6 {
        padding: 8px;
    }
    
    .pinglun img {
       width: 100%;
     height: auto;
    }
}
/*  評論 end  */



/* 彻底重置表格默认样式，不继承任何外部样式 */
table.biaoge,
.biaoge tr,
.biaoge td,
.biaoge ul,
.biaoge li,
.biaoge b {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  font-weight: normal;
  line-height: normal;
}

/* 定義表格主体 */
.biaoge {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, -apple-system, "Microsoft JhengHei", sans-serif;
  font-size: 15px;
  line-height: 1.6;
}
/* 第一列样式 */
.biaoge td:first-child {
  width: 10%;
  font-weight: bold;
  color: #411c01;

}

/* 第二列 */
.biaoge td:nth-child(2) {

  color: #333;
}

/* 第三列 */
.biaoge td:nth-child(3) {
;
}
/* 单元格强制垂直居中 + 内边距 */
.biaoge td {
  padding: 16px 12px;
  vertical-align: middle !important;
  border-bottom: 1px solid #e4d9ce;
}

/*  hover 效果 */
.biaoge tr:hover {
  background-color: #f6efe8;
}

/* 重点文字 */
.biaoge b {
  font-weight: bold;
  color: #411c01;
}

/* 列表样式重置并重新设置 */
.biaoge ul {
  padding-left: 20px;
  margin: 0;
}

.biaoge li {
  position: relative;
  padding-left: 5px;
  margin-bottom: 4px;
  color: #411c01;
  list-style-type: disc;
}


/*  調用產品   */
.indexpropage1 {
  display: flex;
  flex-wrap: wrap;
}

.indexpropage1 .proh {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; /* 增加底部間距 */
}

.indexpropage1 .proimg {
  height: 250px; /* PC端固定高度 */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5; /* 可選：添加背景色 */
}

.indexpropage1 .proimg img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 關鍵：保持比例並填滿容器 */
  object-position: center;
  transition: transform 0.3s ease;
}

/* 懸停效果 */
.indexpropage1 .proimg:hover img {
  transform: scale(1.05);
}

/* 手機端響應式調整 */
@media (max-width: 768px) {
  .indexpropage1 .proimg {
    height: 200px; /* 手機端較小高度 */
  }
}

@media (max-width: 480px) {
  .indexpropage1 .proimg {
    height: 180px; /* 小手機端高度 */
  }
}

    .fixed-size {
        width: 100%; /* 設置圖片寬度與父容器一致 */
        height: 200px; /* 固定高度 */
        object-fit: cover; /* 確保圖片按比例填滿，可能會裁切 */
        object-position: center; /* 圖片裁切時，保持中心對齊 */
    }

/*  調用產品 end   */

.subtitle1 h1{font-size:1em; margin:0; display:inline-block; font-weight:bold;}