/* CSS Document */

body {	-webkit-text-size-adjust:100%; text-align:center; font-family:'微軟正黑體', 'PT Sans', sans-serif; overflow-x: hidden; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:1300px; margin:0 auto; text-align:left; position:relative; clear:both;}
#content { font-size: 16px; color: #444; letter-spacing: 1px; line-height: 26px;}
#content p { padding-bottom: 5px;}

.path-bg { background: #eeeeee; padding: 12px 20px 10px 20px;}
#path { font-size: 14px; line-height: 110%; padding-bottom: 2px; text-align: right;}
#path a { display: inline-block;color: #444444; }
#path a:hover { text-decoration: underline;}
#path a:after { content: ">"; display: inline-block; padding: 0 0 0 3px;}
#path a:last-child:after { display: none;}

/*about*/
.about-section-1 { background: url(../images/about-top-bg.jpg) no-repeat top center; background-size: cover; min-height: 622px; padding: 150px 20px 140px 20px;}
.about-section-1-content { max-width: 1040px; margin: 0 auto; color: #ffffff;}
.about-section-1-list { display: flex; flex-direction: row; flex-wrap: wrap;}
.about-section-1-list > div { padding: 0 18px 36px 18px; line-height: 0; width: 25%;}

.about-section-2 { padding: 0 20px 60px 20px; margin-top: -85px;}
.about-section-2 p { max-width: 1040px; margin: 0 auto;}
.about-section-2-slogon{ position: relative; background: #aaaaaa; text-align: center; padding: 45px 30px; color:#fff; font-size: 22px; height: 167px; margin-bottom: 45px;}
.about-section-2-slogon > div{ position: relative; z-index: 3;}
.about-section-2-slogon:before{ position: absolute; top:15px; left: 15px; content: "";width: 0;height: 0;border-style: solid;border-width: 140px 140px 0 0;border-color: #bdbdbd transparent transparent transparent;}
.about-section-2-slogon:after{ position: absolute; bottom:15px; right: 15px; content: "";width: 0;height: 0;border-style: solid;border-width: 0 0 140px 140px;border-color: transparent transparent #bdbdbd transparent;}
.about-logo { padding-bottom: 10px; line-height: 0;}

.about-section-2-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.about-section-2-list > div { padding: 0 2px 20px 2px; line-height: 0;}

/*products*/
.main-box { padding: 30px 100px 0 70px;}
.main-box ul {padding-left: 27px;}
.main-box ul li {list-style: disc;}
.main-box ol {padding-left: 27px;}
.main-box ol li {list-style: decimal;}

.title01 { padding-bottom: 15px;}
.title01 h1 { font-size: 25px; font-weight: normal; line-height: 1.2;}
.edit_main { margin-bottom: 20px; text-align: justify; line-height: 1.5rem;}
.edit_main ul li { list-style-type: disc; margin-left: 21px;}
.ui-widget-content { font-family: '微軟正黑體', 'PT Sans', sans-serif !important;}

.title-prod { text-align: center; padding-bottom: 50px; }
.title-prod span { display: inline-block;letter-spacing: 3px; border: 1px solid #555; padding: 10px 20px; font-size: 22px; color: #555; }

.products-item { display: flex; flex-wrap: wrap;}
.products-item > div { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 70px;width: 100%;}
.products-item > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
.products-item > div:nth-child(even) > div:nth-of-type(2) { order: 1; padding-left: 0; padding-right: 30px;}
.products-item > div > div:nth-of-type(1) { width: 40%; line-height: 0;}
.products-item > div > div:nth-of-type(1) img { width: 100%;}
.products-item > div > div:nth-of-type(2) { width: 54%; padding-left: 6%;}
.products-item-title { max-width: 470px; border-bottom: 3px solid #444444; padding-bottom: 8px; margin:0 auto 10px auto; font-size: 18px; text-align: center;}
.products-item-btn { display:block; width:174px; line-height: 54px; text-align: center; color: #444; font-size: 16px; border: 1px solid #444;}
.products-item-btn:hover { color: #fff;  background: #444;}
.idx-pro-text { max-width: 642px; text-align: justify;}
.no_stocks {color: hsl(0, 100%, 50%);}
.no_stocks > div { font-size: 22px; margin: 5px 0;}
.no_stocks > div > a {color:hsl(240, 100%, 50%);text-decoration: underline;}
/*products-list*/
.title02 { text-align: center; padding-bottom: 50px; }
.title02 span { display: inline-block;letter-spacing: 3px; border: 1px solid #555; padding: 10px 20px; font-size: 22px; color: #555; }

.idx-pro { margin-right: -30px; display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 30px; padding-bottom: 95px;}
.idx-pro > div { width:calc(25% - 30px); margin: 0 30px 50px 0; position: relative; z-index: 1;}
.idx-pro > div:hover img { transform: scale(1.05);}
.idx-pro > div:hover .idx-pro-pto  a:nth-of-type(2) { bottom: 0;}
.idx-pro > div .pro_newest { position: absolute; top: 3%; left: 0%; z-index: 100; background: #FF0000; color: #fff; padding: 5px 15px; font-size: 18px; transform: skew(0deg, -10deg); transition: all 0.4s ease-out 0s;}
.idx-pro > div:hover .pro_newest { top:0; transform: skew(0deg, 0deg);}
.idx-pro3 { margin-right: -30px; display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 30px; padding-bottom: 95px;}
.idx-pro3 > div { width:calc(33.33% - 30px); margin: 0 30px 50px 0; position: relative; z-index: 1;}
.idx-pro3 > div:hover img { transform: scale(1.05);}
.idx-pro3 > div:hover .idx-pro-pto  a:nth-of-type(2) { bottom: 0;}
.idx-pro3 > div .pro_newest { position: absolute; top: 3%; left: 0%; z-index: 100; background: #FF0000; color: #fff; padding: 5px 15px; font-size: 18px; transform: skew(0deg, -10deg); transition: all 0.4s ease-out 0s;}
.idx-pro3 > div:hover .pro_newest { top:0; transform: skew(0deg, 0deg);}
.pro_border {display: block;position: relative;border: 2px solid #cecdcd;}
.pro_border::before {content: '';width: calc( 100% - 40px);background-color: #ffffff;position: absolute;top: -2px;bottom: -2px;left: 8%;z-index: 1;}
.idx-pro-pto { line-height: 0; overflow: hidden; position: relative; margin-bottom: 18px;}
.idx-pro-pto img { transition: all 0.4s ease-out 0s; width: 100%;position: relative;z-index: 98;}
.idx-pro-pto a:nth-of-type(2) { position: absolute; display: block; width: 100%; bottom: -45px; left: 0; line-height: 45px; background: rgba(0,0,0,.7); text-align: center; color: #fff; letter-spacing: 1px; font-size: 17px;transition: all 0.4s ease-out 0s;z-index: 99;}
.idx-pro-sale { position: absolute; z-index: 99; top: 0px; left: 0;}
.idx-pro-sale:before { content: "";width: 0;height: 0;border-style: solid;border-width: 80px 80px 0 0;border-color: #ff6e00 transparent transparent transparent; position: absolute; top: 0; left: 0;}
.idx-pro-sale:after { content: "推薦";  color: #fff;position: absolute; top: 20px; left: 3px; width:50px; letter-spacing: 4px;transform: rotateZ(-45deg); font-weight: bold;}

.pro_float{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.idx-pro > div:hover .pro_float{opacity: 1;visibility: visible;}
.idx-pro > div:hover .pro_border{opacity: 0;visibility: hidden;}

.separateUrl{color:blue}
.separateUrl a{color:red}

.list-code{padding: 30px 0;}
.list-code:not(:last-child){border-bottom:1px dotted #000}
.list-code .code{font-size: 20px;}
.list-code .description{font-size: 14px;text-align: left;padding: 15px 0 0 0;}
.list-code .code-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.list-code .code-wrap a{border: 1px solid #444444;background: #444444;color: #fff;padding: 6px 16px;font-size: 16px;border-radius: 2px;}
.list-code .code-wrap a:hover{border: 1px solid #444444; color: #444444;background: #fff;}

.ui-dialog{width: 350px!important;padding: 50px 25px 20px 25px !important;}
.ui-dialog.ui-corner-all .ui-dialog-content{padding: 0;}
.ui-dialog.ui-corner-all .ui-dialog-titlebar{position: initial;}
.ui-dialog.ui-corner-all .ui-dialog-titlebar-close{top: 13px;right: 11px;margin: 0;}

#btnListCodes{position: relative;background: #4E9651;color: #fff;padding: 6px 16px;border-radius: 3px;}
#btnListCodes:hover{background: #C33D3D;}
#btnListCodes::before{position: absolute;content: "";top: 50%;left: -50px;transform: translateY(-50%);background: url("../images/icon-gift.svg")no-repeat;background-size: cover;width: 40px;height: 27px;}

.coupon-title{font-weight: bold;font-size: 20px;}
.coupon-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, 302px);
	gap: 16px;
	max-width: 940px;
	margin: 30px auto;
	justify-content: center;
}
.coupon {
	background: #fff;
	border: 2px solid #ff7f50;
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	transition: 0.2s;
	text-align: left;
}
.coupon.disabled {
	border: 2px dashed #ff7f50;
}
.coupon:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.coupon-header {
	font-weight: bold;
	font-size: 1.1em;
	color: #ff7f50;
	margin-bottom: 8px;
	text-align: left;
}
.coupon-discount {
	font-size: 1.8em;
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
}
.coupon-condition {
	font-size: 0.9em;
	color: #777;
	margin-bottom: 6px;
}
.coupon-period {
	font-size: 0.9em;
	color: #f00;
	margin-bottom: 6px;
	background: #efefef;

}
.use-checkbox {
	display: none;
}
.coupon-checkmark {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	border: 2px solid #ff7f50;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s;
}
.coupon-checkmark:hover {
	background: rgba(255, 127, 80, 0.1);
}
.use-checkbox:checked + .coupon-checkmark {
	background: #ff7f50;
}
.use-checkbox:checked + .coupon-checkmark::after {
	content: "✓";
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 1px;
	left: 6px;
}
.coupon.disabled .coupon-checkmark {display: none}
.coupon button {
	background: #ff7f50;
	color: white;
	border: none;
	padding: 8px 0;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.2s;
}
.coupon button:hover {
	background: #ff9966;
}
.coupon.disabled button {display: none}

.coupon-card {position: relative;cursor: pointer;}
.coupon-card:hover .pho-block{opacity: 0.8;}
.coupon-card.coupon-confirm .pho-block{background: #C33D3D;opacity: 1;}
.coupon-card.disabled .pho-block{opacity: 0.4;}
.coupon-card .pho-block{background: #4E9651;padding: 8px;font-size: 0;line-height: 0;}
.coupon-card .text-block{position: absolute;top: 17px;left: 18px;right: 82px;}
.coupon-card .text-block .top{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 15px;}
.coupon-card .text-block .top .title{font-size: 1.1em;font-weight: bold;}
.coupon-card .text-block .top .date{font-size: 14px;font-weight: bold;}
.coupon-card .text-block .discount{font-size: 48px;font-weight: bold;margin-bottom: 9px;}
.coupon-card .text-block .discount span{font-size: 28px;font-weight: bold;}
.coupon-card .text-block .condition{font-size: 1.1em;font-weight: bold;text-align: center;}

.error-message {padding: 30px 20px}
.error-message li{color: red}


/* 詳情區塊容器：使用淺灰色背景與主項目的白色區分 */
.item-details {
	background-color: #f8f9fa;
	padding: 20px;
	margin-top: 10px;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
}

/* 規格網格：在桌面端分為兩欄，增加空間利用率 */
.detail-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;
}

/* 個別規格組：讓標籤與數值上下排列或左右緊貼 */
.detail-group {
	display: flex;
	flex-direction: column; /* 上下排列，標籤在上 */
	gap: 4px;
}

/* 標籤樣式：縮小且變淡，減少干擾 */
.detail-label {
	color: #888;
	font-size: 12px;
	font-weight: 500;
}

/* 數值樣式：加深且加粗，強調用戶選擇的資訊 */
.detail-value {
	color: #222;
	font-weight: 600;
}

/* 配件與加購區塊 */
.extra-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.extra-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.extra-label {
	color: #666;
	font-weight: 500;
	min-width: 80px; /* 確保標籤對齊 */
}

/* 標籤化處理 (Tags)：讓配件看起來像獨立的元件而非單純文字 */
.tag {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 13px;
	color: #444;
	line-height: 32px !important;
	height: 36px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.tag input{text-align: center;width:36px;height:24px;}


.btn-remove-accessory {
	background-color: #dc3545;
	color: #fff;
	border: 1px solid #dc3545;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	margin-left: 8px;
	transition: all 0.2s ease-in-out;
}

.btn-remove-accessory:hover {
	background-color: #c82333;
	border-color: #bd2130;
}


@media only screen and (max-width:1080px){
  .idx-pro-sale:before {
    border-width: 60px 60px 0 0;

  }
}

@media only screen and (max-width:980px){
  .coupon-list{grid-template-columns: repeat(auto-fit, 280px);}
  .coupon-card .text-block{right: 75px;}
  .coupon-card .text-block .top{margin-bottom: 12px;}
  .coupon-card .text-block .top .title{font-size: 16px;}
  .coupon-card .text-block .discount{font-size: 40px;margin-bottom: 8px;}
  .coupon-card .text-block .condition{font-size: 16px;}
}

@media only screen and (max-width:350px){
  .ui-dialog{width: 240px!important;}
  .coupon-list {grid-template-columns: repeat(auto-fit, 240px);}
  .coupon-card .text-block{top: 13px;left: 16px;right: 65px;}
  .coupon-card .text-block .top{margin-bottom: 8px;}
  .coupon-card .text-block .top .title{font-size: 14px;}
  .coupon-card .text-block .discount{font-size: 38px;margin-bottom: 4px;}
  .coupon-card .text-block .condition{font-size: 14px;}
}

@media only screen and (max-width:600px){
  .idx-pro-sale:before {
    border-width: 60px 60px 0 0;
}
	/* 回應式設計：手機版時切換為單欄 */
	.detail-grid {
		grid-template-columns: 1fr;
	}

	.item-details {
		padding: 15px;
	}
.idx-pro-sale:after {
  top: 18px;
  left: 3px;
  width: 33px;
  letter-spacing: 2px;
  font-size: 14px;
}
}
.idx-pro-name { font-size: 18px; color: #333; line-height: 28px; text-align: left;word-break: break-word;}
#path a br, .idx-pro-name br, .title01 h1 br {display: none;}
@media only screen and (max-width:576px){.idx-pro-name br, .title01 h1 br {display: block;}}
.cash-o { font-weight: bold; color: #333333; font-size: 18px;}
.cash-s { font-weight: bold; color: #ce3300; font-size: 18px;}
.cash-d { text-decoration: line-through;font-size: 16px;}
.veido_wFull {width: 100%;}
.prod_video_ctrl {height: 0;position: relative;padding-bottom: 56%;}
.prod_video_ctrl iframe{position: absolute;left: 0;top: 0%;width: 100%;height: 100%;}
.idx-pro2 .idx-pro-pto { border: 1px solid #bbbbbb;}

/*products-detail*/
.products-detail-title { font-weight: bold; font-size: 20px; padding-bottom: 15px;}
.products-detail-top { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 50px;}
.products-detail-top > div { width: 50%;}
.products-detail-top > div:nth-of-type(2) {  padding-left: 45px;}

.rslides_tabs { margin-top:0px; text-align:left; display:flex;  flex-wrap:wrap; padding-left: 0!important;}
.pro-s { margin-top:8px;}
.pro-s li { margin:0 8px 8px 0; line-height:0; width: calc(25% - 8px);list-style:none!important;}
.pro-s li span{display: block;}
.pro-s li a img { border:1px solid #e4e4e4;}
.rslides_here img { border-color:#c42626 !important;}

.products-detail-title2 { padding-bottom: 20px;}
.products-detail-title2 span { display: inline-block; background: #444444; color: #fff; font-size: 18px; font-weight: bold; padding: 5px 10px;}
.products-detail-title3 { font-weight: bold; font-size: 18px;}
.products-detail-link { padding: 10px 0 30px 0;}
.products-detail-link a {color: #7e0993; font-size: 18px; letter-spacing: normal;}
.products-detail-link a:hover { text-decoration: underline;}

.pro-detail-spec-1 { border-spacing: 0; width: 100%; max-width: 1200px; margin: 0 auto 10px auto; /*margin-bottom: 10px;*/}
.pro-detail-spec-1 th { width: 87px; vertical-align: top; padding-bottom: 5px;font-weight: 400;}
.pro-detail-spec-1 td { /*width: calc(100% - 120px);*/ vertical-align: top; padding-bottom: 5px;word-break: break-all;}

.pro-detail-cash { padding-bottom: 30px;}
.pro-detail-cash span { display: inline-block; vertical-align: bottom; margin-right: 14px;}
.pro-detail-cash span.sale { color: #ce3300; font-size: 28px; font-weight: bold;}

.pro-detail-gift { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 30px; }
.pro-detail-gift > div:nth-child(odd) { width: 60px; margin-bottom: 15px; background: #b22c00; color: #fff; text-align: center; padding: 2px; }
.pro-detail-gift > div:nth-child(even) { width: calc(100% - 60px); padding: 2px 2px 2px 15px; }

.pro-detail-choice { display: flex; flex-direction: row; flex-wrap: wrap; margin-right: -20px;}
.pro-detail-choice > div { margin: 0 20px 15px 0; width: calc(50% - 20px);}
.pro-detail-choice-data { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.pro-detail-choice-data > div:nth-of-type(1) { width: 76px; font-weight: bold;}
.pro-detail-choice-data > div:nth-of-type(2) { width: calc(100% - 76px);}
.pro-detail-choice-data > div:nth-of-type(2) select{ font-size: 16px; border: 1px solid #444; margin: 0px 0 0 0; min-width: 80px; width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: calc(100% - 6px) 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1px 27px 1px 5px; color:#666666; height:40px; margin-bottom:5px; background-color:#fff; margin-right:4px; font-family:'微軟正黑體'; }
.pro-detail-choice-data > div:nth-of-type(2) option { padding:1px 5px;}
.pro-detail-choice-data > div:nth-of-type(2) select::-ms-expand {display: none;}

.number-box { border: 1px solid #444; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; height: 40px;font-size: 15px;font-family: '微軟正黑體';}
.number-box2 { border: 0px solid #444;}
.number-minus { width: 36px; border-right: 0px solid #444; line-height: 40px; display: block; text-align: center; background: #fff; cursor: pointer;} 
.number-plus { width: 36px; border-left: 0px solid #444; line-height: 40px; display: block; text-align: center; background: #fff; cursor: pointer; } 
.number-minus:hover, .number-plus:hover {background: #fff;}
.number-box > input {display: block; width: calc(100% - 72px); text-align: center; background: #fff; border-width: 0; font-size: 16px; height: 38px; line-height: 38px;}

.pro-detail-btn { display: block; width: 142px; line-height: 32px; border-radius: 5px; color: #fff; background: #b22c00; text-align: center; margin: 0 0 0 auto;}
.related-bottom{ display:inline-block;width: 142px; line-height: 32px; border-radius: 5px; color: #fff; background: #b22c00;}
a.prodToCart.related-bottom,.prodToCart.related-bottom i{color: #fff}
a.prodToCart.related-bottom,a.prodToCart.related-bottom:hover{text-decoration: none;}
a.prodToCart.related-bottom:hover{background: #444;}
.pro-detail-btn:hover { background: #444;}
.pro-detail-btn i { display: inline-block; padding-right: 8px;}

.title-align-center { text-align: center;}
.pro-detail-add-list {display: flex; flex-direction: row; flex-wrap: wrap; margin-right: -14px; padding-bottom: 30px;}
.pro-detail-add-list > div {margin: 0 14px 14px 0; width: calc(50% - 14px); display: flex; flex-direction: row; flex-wrap: wrap; background: #eeeeee;}
.pro-detail-add-list > div > div:nth-of-type(1) {width: 74px; padding-top: 25px; padding-left: 27px;}
.pro-detail-add-list > div > div:nth-of-type(2) {width: 128px; line-height: 0; padding: 5px 0;}
.pro-detail-add-list > div > div:nth-of-type(3) {width: calc(100% - 74px - 128px); padding: 5px 18px;}
.pro-detail-add-list > div > div:nth-of-type(3) > span {display: block; font-size: 18px; padding-bottom: 5px;}
.pro-detail-add-list > div > div:nth-of-type(2) > span {display: none;}

.pro-detail-add-data { display: flex; flex-direction: row; flex-wrap:wrap; align-items: center;}
.pro-detail-add-number { background: #fff; width: 184px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 0 8px; margin-right: 8px; }
.pro-detail-add-number > div:nth-of-type(1) { width: 58px;}
.pro-detail-add-number > div:nth-of-type(2) { width: calc(100% - 58px);}

.pro-detail-add-btn { text-align: center; padding-bottom: 70px;}
.pro-detail-add-btn a { color: #b22c00;}
.pro-detail-add-btn a:hover { text-decoration: underline;}
.pro-detail-add-btn a i { display: inline-block; padding-right: 8px;}

.contact-note2 { padding-bottom: 10px; margin-top: 5px; display: inline-block;position: relative;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.contact-note2 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 3px;left: 0;height: 20px;width: 20px;background-color: #fff; border: 1px solid #d3d3d3;}
.contact-note2:hover input ~ .checkmark {background-color: #fff;}
.contact-note2 input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.contact-note2 input:checked ~ .checkmark:after {display: block;}
.contact-note2 .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.pro-detail-gray { background: #ddd; padding: 70px 20px 20px; width: 100%; max-width: 1240px; margin: auto;}
.pro-detail-gray2 { background: #eee; max-width: 1200px; margin: auto;}
.pro-detail-white { background: #fff; /*padding: 0px 0px;*/}
.pro-detail-pto { line-height: 0; text-align: center;}
.pro-detail-top{padding-top: 70px;}

.pro-detail-type { display: flex; flex-direction: row; flex-wrap:wrap; background: #eeeeee;}
.pro-detail-type > div { width: 50%;}
.pro-detail-type-data { margin-top: -20px;}
.pro-detail-type-title { text-align: center; margin-bottom: 30px; position: relative; z-index: 2;}
.pro-detail-type-title span { display: inline-block; background: #444444; padding: 5px 8px; color: #fff; font-weight: bold;line-height: 1;}
.pro-detail-type-feature { text-align: center; padding-bottom: 45px; font-weight: bold;}
.pro-detail-type-feature-btn { padding-top: 18px;}
.pro-detail-type-feature-btn span { display: inline-block; line-height: 32px; text-align: center; padding: 0 10px; border-radius: 16px; border: 1px solid #444; color: #444; font-weight: normal;}

.pro-s2 { padding-bottom: 22px;}
/* .pro-s2 .rslides_tabs { justify-content: center;} */
.pro-s2 ul {padding-left: 0!important;}
.pro-s2 li { width: 26%;text-align: center;list-style:none!important;}
.pro-s2 li:nth-of-type(3n+1) {margin: 0 3.6% 24px 7.2%;}
.pro-s2 li:nth-of-type(3n+2) {margin: 0 0 24px;}
.pro-s2 li:nth-of-type(3n+3) {margin: 0 7.2% 24px 3.6%;}
.pro-s2 li a { color: #444; font-weight: bold;}
.pro-s2 li a img { border:0px solid #e4e4e4; margin-bottom: 20px;}
.pro-s2 li span {line-height: 1.4;}
.pro-detail-title01 { padding-bottom: 25px; text-align: center;}
.pro-detail-title01 span { line-height: 38px; display: inline-block; padding: 0 20px; border-radius: 19px; color: #fff; font-weight: bold; font-size: 22px; background: #444444;}
.pro-detail-title02 {margin-bottom: 45px; text-align: center; color: #3e3a39; font-weight: bold; font-size: 48px; line-height: 1.2;}
.pro-detail-title02 span {position: relative; z-index: 1;}
.pro-detail-title03 {margin-bottom: 30px; text-align: center; color: #3e3a39; font-weight: bold; font-size: 36px; line-height: 1.2;}
.pro-detail-title03 span {position: relative; z-index: 1;}

.pro-detail-feature { display: flex; flex-direction: row; flex-wrap:nowrap; justify-content:space-around;}
.pro-detail-feature > div { width: 222px; text-align: center; padding-bottom: 40px;}
.pro-detail-feature > div span { display: block; font-weight: bold; font-size: 25px; text-align: center; margin-bottom: 20px;}
.pro-detail-feature-pto {line-height: 0; margin-bottom: 25px;}

.pro-detail-spec-2 { display: flex; flex-direction: row; flex-wrap:wrap; max-width: 1200px; margin: auto; padding-bottom: 30px;}
.pro-detail-spec-2 > div {margin: 0 25px 0 0; width: calc(50% - 25px); padding: 14px 0; border-bottom: 1px solid #bcbcbc;}
.pro-detail-spec-2 > div.width-100 { width: 100%; margin: 0;}

.pro_remark span {
  padding: 2px 30px;
  background: #bbb;
  border-radius: 6px;
  font-weight: 600;
  display: inline-block;
  margin-bottom:16px;
}
.prod_woodType_link:link, .prod_woodType_link:visited {color: #333; height: 100%; display: inline-flex; justify-content: center; align-items: center;}

/*contact*/
.contact-main { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; z-index: 2; padding-bottom: 60px;}
.contact-main > div:first-child { width: 46%; padding-right: 80px; padding-top: 40px;}
.contact-main > div:last-child { width: 54%; }
.content-list { background: #dddddd; line-height: 42px; padding: 0px 0 0px 28px; display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 20px;}
.content-list > div:nth-of-type(1) { width: 72px; position: relative;}
.content-list > div:nth-of-type(1) > span { position: absolute; top:3px; left: -15px;}
.content-list > div:nth-of-type(1) > span { position: absolute; top:3px; left: -15px;}
.content-list > div:nth-of-type(2) { width: calc(100% - 72px);}
.contact-main input[type="text"], .contact-main input[type="number"], .contact-main input[type="tel"], .contact-main input[type="phone"], .contact-main input[type="date"], .contact-main input[type="email"], .contact-main input[type="password"], .contact-main input[type="button"], .contact-main textarea { font-size: 16px; border-width:0 0 0px 0; border-style: solid; border-color: #cccccc; margin: 0px 0 0 0; width: 100%; padding: 0px 0px; color:#444; background: none; font-family: '微軟正黑體', sans-serif; letter-spacing: 1px; }
.contact-main textarea { height:135px; padding:15px 0; letter-spacing: 1px;}
.contact-main select{  margin: 0px 0 0 0; min-width: 80px; width:100%; background-image: url(../images/product-select2.png); background-repeat: no-repeat; background-position: calc(100% - 7px) 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   margin-right:4px; background-color: transparent; font-size: 16px; border-width:0 0 0px 0; border-style: solid; border-color: #cccccc; mwidth: 100%; color:#444; font-family: '微軟正黑體', sans-serif; height: 24.5px; padding: 0 27px 0 0;  letter-spacing: 1px;}
.contact-main option { padding:1px 5px;}
.contact-main select::-ms-expand {
    display: none;
}
.contact-form-3 { margin-right: -10px; display: flex; flex-direction: row; flex-wrap: nowrap;}
.contact-form-3 > div {margin-right: 10px;}
.contact-form-3 > div:nth-of-type(1), .contact-form-3 > div:nth-of-type(2) { width: calc((100% - 126px) / 2);}
.contact-form-3 > div:nth-of-type(3) { width: 126px;}
.google-machine { margin:24px 0 28px 0;}
.contact-btn { text-align: left;}
.contact-btn a {display: inline-block; margin-right: 10px; margin-top: 10px; width: 280px; height: 55px; border-radius: 0px; text-align: center; line-height: 55px; color: #ffffff; font-size: 16px; font-weight: bold; background: #888888;}
.contact-btn a:hover { opacity: 0.6;}

.contact-info { display: flex; flex-direction:row; flex-wrap: wrap;padding:60px 0 0 0px}
.contact-info > div {padding: 0 0 80px 0; font-size: 18px; }
.contact-info > div:nth-child(odd){width: 48px; }
.contact-info > div:nth-child(even){width: calc(100% - 48px); padding-left: 30px; }
.contact-info > div b {display: block; font-size: 20px;}
.contact-info > div:nth-of-type(1) { font-size: 50px; color: #565656; line-height: 100%; font-weight: normal; letter-spacing: 0; font-weight: normal;}
.contact-info > div a { color: #393939;}
.contact-info > div a:hover { text-decoration: underline;}
.contact-info > div:nth-of-type(2) font, .contact-info > div:nth-of-type(3) font, .contact-info > div:nth-of-type(4) font {display: block; font-size: 20px; font-weight: bold; padding-bottom: 20px; line-height: 100%;}
.contact-info > div:nth-of-type(2) i, .contact-info > div:nth-of-type(3) i, .contact-info > div:nth-of-type(4) i { font-size: 30px; display: inline-block; vertical-align: middle; padding-right: 18px;}

/*login*/
.login-section { max-width: 890px; margin: 0 auto; text-align: left; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 90px 0;}
.login-section > div:nth-of-type(1) { width: 368px;}
.login-section > div:nth-of-type(2) { width: 324px;}

.login-left { border-spacing: 0; width: 100%; font-size: 16px;}
.login-left input { border-width: 0; background: #eeeeee; line-height: 33px; padding: 0 10px; font-size: 16px; color: #444; width:100%;}
.login-left th { width: 56px; font-weight: normal; padding-bottom: 14px;}
.login-left td { padding-bottom: 14px;}

.login-btn { margin-right: 26px; display: inline-block; vertical-align: middle;line-height: 38px; color: #fff; text-align: center; width: 128px; background: #ff5c26;}
.login-btn:hover { background: #444;}
.fb-btn { display: inline-block; vertical-align: middle; padding-top: 4px;}
.fb-btn:hover { opacity: 0.7;}

.btn-forget { color: #444; display: inline-block; padding-left: 15px; position: relative;}
.btn-forget:before { content: ""; position: absolute; top:10px; left: 5px;   width: 6px; height: 6px; border-radius: 100%; background: #444;}
.btn-forget:hover { text-decoration: underline;}

.login-note > div { background: url(../images/login-icon.png) no-repeat 10px 7px; padding: 0 0 30px 25px;}

/*join*/
.join-top {background: url(../images/join-bg.jpg) no-repeat; background-size: cover;}
.join-content { padding: 50px 35px; margin-bottom: 45px;}
.join-content-title { font-size: 16px; color: #633713; padding-bottom: 16px; line-height: 100%;text-align: left}
.join-content-title span {  display: inline-block; vertical-align: top; margin-left: 30px; font-size: 15px; color: #000000;}
.join-content-title span input { display: inline-block; vertical-align: middle; margin-right: 5px;}
.join-content-form { display: flex; flex-direction: row; flex-wrap: wrap; word-break: break-all;text-align: left;}
.join-content-form > div { margin-bottom: 10px;}
.join-content-form > div:nth-child(odd) { width: 110px; font-size: 15px; color: #000000;}
.join-content-form > div:nth-child(even) { width: calc(100% - 110px);}
.join-content-form input[type=text],.join-content-form input[type=password] { background: #fff; border-width: 0; line-height: 33px; padding: 0 8px; font-size: 16px; color: #1f1f1f; font-family: "微軟正黑體"; width: 100%;}
.join-content-form select{  margin: 0px 0 0 0; min-width: 80px; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: 100% 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   margin-right:4px; background-color: #fff; font-size: 18px; border-width:0 0 0px 0; border-style: solid; border-color: #cccccc; mwidth: 100%; color:#1f1f1f; font-family: '微軟正黑體', sans-serif; height: 33px; padding: 0 40px 0 5px; width: 100%;  }
.join-content-form option { padding:1px 8px;}
.form-type-1 { display: flex; flex-direction: row; flex-wrap: nowrap;}
.form-type-1 > div { margin:0 10px 10px 0;}
.join-rule { margin-bottom: 45px;}
.join-rule-title { color: #000000; padding-bottom: 15px;}
.join-rule-title a{ color: #000000;text-decoration:underline;}
.join-rule-content { border: 1px solid #bbbbbb; height: 352px; overflow:auto; padding: 40px 45px; color: #333333; font-size: 16px; line-height: 20px; margin-bottom: 45px;}

.btn-box-1 { text-align: right;}
.btn-box-1 a { display: inline-block; vertical-align: top; margin-right: 3px; line-height: 25px; width: 95px; text-align: center; color: #fff; font-size: 16px; background: #444444;}
.btn-box-1 a:hover {opacity: 0.6;}

.btn-box-2 { text-align: left;}
.btn-box-2 a:nth-of-type(2) { background: #ff0000;}
.btn-box-2 a.btnSubmit { background: #ff0000;}

/*forgot-password*/
.forgot-password-top { color: #000000; font-size: 15px; line-height: 27px; padding:0 0 40px 0;}
.forgot-password-bottom { padding: 70px 30px; max-width: 1020px; margin: 0 auto 20px auto; text-align: left;}
.forgot-password-email { color: #000000; font-size: 15px; margin-bottom: 45px;}
.forgot-password-email input[type=text] { background: #fff; border-width: 0; line-height: 33px; padding: 0 8px; font-size: 16px; color: #1f1f1f; font-family: "微軟正黑體"; display: inline-block; vertical-align: middle; width: 100%; max-width: 380px;}
.forgot-password-btn {text-align: left; margin: 0 auto;}
.btn-send { display: inline-block; width: 94px; line-height: 25px; text-align: center; font-size: 14px; color: #fff; background: #444444; margin-bottom: 50px;}
.btn-send:hover {background: #ff5c26;}

/*member*/
.shopping-guidw-menu { margin-bottom: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; }
.shopping-guidw-menu > a { display: inline-block; margin-left: 12px; padding: 3px 30px; font-size: 22px; border: 1px solid #7d7d7d; color: #444;}
.shopping-guidw-menu > a:hover, .shopping-guidw-menu > a.current { background: #e60012; color: #fff; border-color: #e60012;}

.order-search-table { margin: 50px 0 60px 0; width: 100%; border-spacing: 0; min-width: 900px;}
.order-search-table th { color: #525252; font-size: 16px; text-align: center; padding: 0 5px 18px 5px; line-height: 120%; border-bottom: 1px solid #aaaaaa; }
.order-search-table td { color: #525252; font-size: 16px; text-align: center; padding: 25px 5px; line-height: 30px; border-bottom: 1px solid #aaaaaa; vertical-align: middle;}
.order-search-table td a { display: inline-block; padding: 4px 12px; color: #525252; line-height: 100%;}
.order-search-table td a.bkred {  color: #fff;background: #ff0000;padding: 3px 10px; }
.order-search-table td a.bkred:hover { background: #b30000;}
.order-search-table td font { color: #000000;}
.order-search-table td span { font-size: 15px; /*background: #dddddd;*/ color: #333; padding: 2px 4px; display: inline-block; min-width: 88px; line-height: 24px; height: 24px;}
.order-search-table td.spec ul{list-style: none;padding:0}
.order-search-table td.spec ul li{list-style: none}
.orderInput{
	font-size: 15px;
	background: #dddddd;
	color: #333;
	padding: 2px 4px;
	display: inline-block;
	min-width: 88px;
	line-height: 24px;
	height: 24px;
	border: 0px;
}

/*order-search-detail*/
.order-search-detail-content { margin-bottom: 22px; padding: 35px;}
.order-search-detail-data > div:nth-child(odd) { color: #633713; text-align: right;}
.order-search-detail-data > div:nth-child(even) { color: #000000; font-size: 15px; padding-left: 30px;}
.order-search-detail-data2 > div:nth-child(odd), .order-search-detail-data2 > div:nth-child(even) a { color: #000;}
.order-search-detail-data2 > div:nth-child(even) span { display: inline-block; vertical-align: top; padding-right: 20px;}
.order-search-detail-btn { text-align: center; margin-bottom: 40px;}
.order-search-detail-btn a { display: inline-block; padding: 4px 12px; color: #fff; background: #444444; line-height: 100%; font-size: 16px; min-width: 162px;}
.order-search-detail-btn a:hover { background: #000;}

/*case*/
.case-list{ padding-top: 10px;}
.case-list > div { width:calc(33.33% - 30px); }
.case-list2{ padding-bottom: 10px;}
.case-data span { display: block; font-size: 18px; padding-bottom: 10px;}

/*case-detail*/
.case-detail-box { margin-top: 10px; background: #eeeeee; padding: 45px 10px; margin-bottom: 60px;} 
.case-detail-box2 { margin-top: 10px; background: #fff; padding: 45px 10px; margin-bottom: 60px;} 
.case-detail-content { max-width: 962px; margin: 0 auto; text-align: left;} 
.case-detail-content-top { max-width: 744px; margin: 0 auto;} 
.case-detail-content-top-pto { max-width: 744px; margin: 0 auto;margin-bottom: 28px; line-height: 0;}
.case-detail-content-top-data {  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding-bottom: 50px;}
.case-detail-content-top-data > div {  font-weight: bold;  width: 230px;}

.case-detail-content h1{line-height: 1.2;}

/*place*/
.place{padding: 30px 0 10%;}
.place-link{padding: 0!important;display: flex; justify-content: center;}
.place-link li{list-style: none!important;}
.place-link li a{display: block; background: #444;padding: 5px 15px;border-radius: 20px;color: #fff;margin-left: 10px;}

.place-content{display: flex; justify-content: center;flex-wrap: wrap; padding-top: 80px;}
.place-content .place-info {width: 45%;padding-right: 5%;}
.place-content .place-info h2{font-size: 24px;font-weight: 600;text-align: center;border-bottom: 2px solid #444;padding: 15px 0;margin-bottom: 20px;}
.place-content .place-info div{padding: 15px 0;}

.place-content .place-map{width: 45%;}
.place-content .place-map iframe{width: 100%;min-height: 380px;border: 0;}


/*qa*/
#content .faq_show p { padding-bottom: 15px;}
.qa-aside { padding: 12px 0 25px 0;}
.qa-aside a { position: relative; display: inline-block; margin: 0 15px 10px 15px; color: #444;}
.qa-aside a:before { content: ""; position: absolute; left: -15px; top:0; height: 100%; width: 1px; background: #dedede;}
.qa-aside a:after { content: ""; position: absolute; left: 0; bottom:-3px; width: 100%; height: 0px; background: #dddddd;}
.qa-aside a:hover:after, .qa-aside a.current:after { height: 3px;}

.qa-list-q { border-bottom: 1px solid #dedede; padding: 0 0 10px 50px; position: relative;}
.qa-list-q:before { content: ""; position: absolute; width: 32px; height: 32px; border-radius: 100%; background: #777777; left: 0; top:0;}
.qa-list-q:after { content: "Q"; position: absolute; z-index: 2; color: #fff; left: 10px; top:2px;}
.qa-list-a { padding: 0 0 50px 50px; margin-top: 15px; position: relative;}
.qa-list-a:before { content: ""; position: absolute; width: 32px; height: 32px; border-radius: 100%; background: #444444; left: 0; top:0;}
.qa-list-a:after { content: "A"; position: absolute; z-index: 2; color: #fff; left: 10px; top:2px;}
.qa-list-a ul li { list-style-type: disc; margin-left: 20px;}

/*shopping-1*/
.shopping-flow-bg {  margin-bottom: 44px;}
.shopping-flow-box { padding: 30px 10px; display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1100px; justify-content: center; margin: 0 auto;}
.shopping-flow-box > div { position: relative; margin: 0 80px 0 0; width:calc(25% - 80px); color: #1f1f1f; font-size: 18px; line-height: 150%; text-align: left;}
.shopping-flow-box > div > div {position: relative; z-index: 2;}
.shopping-flow-box > div:last-child {margin-right: 0;}
.shopping-flow-box > div:before { content: ""; position: absolute; background: url(../images/shopping-arrow.png) no-repeat; width: 26px; height: 48px; top:0; right: -50px;}
.shopping-flow-box > div:last-child:before { display: none;}
.shopping-flow-box > div span { font-size: 25px; display: inline-block; vertical-align: bottom; margin-left: 10px;}
.shopping-flow-box > div.current:after,.shopping-flow-box > div.on_page:after { content: ""; position: absolute; left: 0; bottom: -30px; height: 8px; width: 100%; background: #e63455;}
.shopping-1-choice { max-width: 900px; text-align:left; margin: 0 auto; padding: 50px 0;}
.shopping-1-choice-table { width: 100%; border-spacing: 0;}
.shopping-1-choice-table th { font-weight: normal; vertical-align: top; font-size: 15px; color: #633713; width: 85px; line-height: 160%; padding-bottom: 12px;}
.shopping-1-choice-table td { color: #000000; font-size: 15px; line-height: 160%;padding-bottom: 12px; vertical-align: top;}
.shopping-1-choice-table td select{  margin: 0px 0px 0 0px; width: 100%; max-width:324px; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: 100% 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; font-size: 15px; border-width:0px; border-style: solid; border-color: #525252; color:#666666; font-family: '微軟正黑體', sans-serif; height: 28px; padding: 0 40px 0 5px;color: #666666; display: inline-block; vertical-align: middle;}
.shopping-1-choice-table td option { padding:1px 8px;}
.shopping-1-choice-table td span { display: inline-block; vertical-align: top; margin-right: 28px;}

.shopping-1-form { max-width: 1220px; margin-left: auto; margin-right: auto;}
.shopping-1-form .number-box { max-width: 100px; margin: 0 auto;}
.shopping-1-form a { background: none !important; color: #444 !important; padding: 10px 12px !important;}
.shopping-1-form select{  margin: 0px 0px 0 8px; width: 100%; max-width:84px; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: 100% 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; font-size: 15px; border-width:1px; border-style: solid; border-color: #525252; color:#666666; font-family: '微軟正黑體', sans-serif; height: 28px; padding: 0 40px 0 5px;color: #666666; display: inline-block; vertical-align: middle;}
.shopping-1-form select.pickgift{   max-width: 100%}
.shopping-1-form option { padding:1px 8px;}
.shopping-1-form i { cursor: pointer; font-size: 20px;}
.shopping-1-form i:hover { color: #ff5c26;}
.shopping-1-info { padding: 0px 60px 0 60px; width: 100%; border-spacing: 0;}
.shopping-1-info-table { max-width: 560px; width: 100%; border-spacing: 0; margin: 0 0 30px auto;}
.shopping-1-info-table td { font-size: 16px; color: #525252; border-bottom-width: 0; padding: 0 5px 10px 5px;}
.shopping-1-info-table td input[type=text] { width:100%; line-height: 20px; text-align: center;font-size: 16px; color: #525252; border: 1px solid #aaaaaa;}
.shopping-1-info-table td span { color: #ff4000;background: none;}
.shopping-1-info-table td:nth-child(odd) { width: calc(100% - 140px); text-align: right;}
.shopping-1-info-table td:nth-child(even) { width: 140px; text-align: center; padding-left: 20px; padding-right: 20px;}
.shopping-1-info-table td b,.minus { color:#d90000;}
.shopping-1-total-box { width: 100%; border-spacing: 0;}
.shopping-1-total-box { border-bottom-width: 0 !important;  padding-bottom: 20px !important;}
.shopping-1-total { padding-top: 0; border-top:1px solid #aaaaaa; padding-top: 30px; }
.shopping-1-btn { text-align: center; margin-bottom: 40px;}
.shopping-1-btn a { margin: 0 7px 11px 7px; min-width: 94px; line-height: 25px; text-align: center; color: #fff; font-size: 15px; padding: 0 5px; background: #444444; display: inline-block;}
.shopping-1-btn a:hover { background: #d90000;}
.shopping-1-btn a[disabled] { opacity: 0.4 }

/*shopping-2*/
.shopping-2-content {position: relative; z-index: 3;}
.shopping-2-content textarea { border-width: 0; font-size: 16px; color: #1f1f1f; font-family: "微軟正黑體"; padding: 8px; width: 100%; height:82px; max-width: 520px; resize: none; }
.shopping-2-invoice { display: flex;flex-direction: row;flex-wrap: wrap;}
.shopping-2-invoice > div { margin-bottom: 10px;}
.shopping-2-invoice > div:nth-child(odd) { width: 35px; }
.shopping-2-invoice > div:nth-child(even) { width: calc(100% - 35px);font-size: 15px; color: #000000;}
.shopping-2-invoice > div:nth-child(even) span { display: inline-block; vertical-align: middle; margin-right: 45px; margin-bottom: 3px;}
.shopping-2-invoice > div input[type=text] { background: #fff; border-width: 0; line-height: 33px; padding: 0 8px; font-size: 16px; color: #1f1f1f; font-family: "微軟正黑體"; display: inline-block;}

/*shopping-4*/
.shopping-4-content { max-width: 800px; margin: 60px auto; text-align:left; font-size: 15px; color: #000000; }
.shopping-4-content span { color: #d90000; display: inline-block; vertical-align: top; padding: 0 5px;}
.shopping-4-content-title { font-size: 24px; line-height: 100%; color: #633713; padding-bottom: 20px;}


.faq_show td img {
    padding-right: 20px;
}

.case_table { width: 50%;}
.case_table02 {
    width: 35% !important;
}
.case_table02 td {
    text-align: left !important;
}
.invoice_input_box span:not(:last-child) {margin-right: 10px;}
.invoice_input_box span input {margin-right: 6px;}
@media only screen and (max-width: 1200px) {
	.idx-pro > div .pro_newest { transform: skew(0deg, 0deg); top: 0;}
	.idx-pro3 > div .pro_newest { transform: skew(0deg, 0deg); top: 0;}
    .place-content{ justify-content: space-between;}
}

@media only screen and (max-width: 980px) {
	#path { text-align: left;}
	
	.about-section-1 { padding:40px 20px 100px 20px;}
	.about-section-1-list > div { width: 50%;}

	.products-item > div > div{ width: 100% !important;}
	.products-item > div > div:nth-of-type(2) { padding-left: 0; padding-right: 0; padding-top: 30px;}
	.products-item-btn { margin: 0 auto;}
	.products-item > div:nth-child(even) > div:nth-of-type(1) { order: 1;}
	.products-item > div:nth-child(even) > div:nth-of-type(2) { order: 2;}
	
	.idx-pro { padding-bottom: 30px;}
	.idx-pro > div { width:calc(50% - 30px); }
	.idx-pro > div .pro_newest { font-size: 22px;padding: 10px 15px;}
	.idx-pro3 { padding-bottom: 30px;}
	.idx-pro3 > div { width:calc(50% - 30px); }
	.idx-pro3 > div .pro_newest { font-size: 22px;padding: 10px 15px;}
	
	.products-detail-top > div { width: 100%;}
	.products-detail-top > div:nth-of-type(2) {  padding-left: 0px; padding-top: 30px;}
	
	.pro-detail-gray {padding: 20px;}
	.pro-detail-top {padding-top: 20px;}
	
	.pro-detail-feature { flex-wrap: wrap;}
	.pro-detail-feature > div { width: 50%; padding-left: 10px;padding-right: 10px;}
	
	.pro-detail-spec-2 > div { width: calc(100% - 25px);}
	
	.contact-main {width: 100%;}
	.contact-main > div:first-child { width: 100%; padding-right: 0px; order: 2; }
	.contact-main > div:last-child { width: 100%; padding-left: 0px; order: 1;} 
	.contact-info { padding-top: 25px;}
	.contact-info > div { padding-bottom: 30px;}
	
	.login-section { padding: 30px 0 55px 0; flex-direction: column; justify-content: flex-start;}
	.login-section > div { width: 100% !important;}
	.login-section > div:nth-of-type(1) { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
	
	.join-content { padding: 20px;}
	.join-rule-content { padding: 20px;}
	
	.shopping-guidw-menu { justify-content: flex-start;}
	.shopping-guidw-menu > a { font-size: 17px; padding: 3px 5px; margin: 0 5px 0 0;}
	
	.order-search-table { margin-top: 25px;}
	
    .place-content{ padding-top: 50px;}
	.place{padding: 20px 0 80px;}
    .place-content .place-info {width: 100%;padding: 0;}
    .place-content .place-info div{padding: 10px 0;}
    .place-content .place-map{width: 100%;}
	
	.shopping-1-choice { padding: 20px;}
}

@media only screen and (max-width: 768px) {
	.main-box { padding: 30px 20px 0 20px;}
	.about-section-2-slogon:before{ border-width: 40px 40px 0 0;}
	.about-section-2-slogon:after{ border-width: 0 0 40px 40px;}
	.about-section-2-slogon { margin-bottom: 25px;}
	
	.pro-detail-add-list > div { width: calc(100% - 14px)}
	
	.pro-detail-type > div { width: 100%;}
	.pro-detail-type > div:nth-of-type(2) {border-top: 20px solid #fff;border-bottom: 24px solid #fff;}
	
	.contact-form-3 { flex-direction: column; margin-right: 0;}
	.contact-form-3 > div { width: 100% !important;}
	
	.case-detail-content-top-data { flex-direction: column; justify-content: flex-start;}
	.case-detail-content-top-data > div { width: 100%;}
	
	.shopping-flow-box {padding:20px 0px 0 0px; justify-content: flex-start;}
	.shopping-flow-box > div {  margin: 0 0 15px 0; width:50%; padding-bottom: 30px; padding: 10px; }
	.shopping-flow-box > div {margin-right: 0;}
	.shopping-flow-box > div:before { display: none;}
	.shopping-flow-box > div.current {  color: #fff;}
	.shopping-flow-box > div.current:after { height: 100%; bottom: 0; }
	.shopping-flow-box > div.on_page {  color: #fff;}
	.shopping-flow-box > div.on_page:after { height: 100%; bottom: 0; }
}
@media only screen and (max-width: 640px) {
	.pro-detail-choice > div { width: 100%;}
	.pro-detail-btn { width: 100%;}
	.faq_show td img { padding-right: 0;display: none;}
	form table td { float:left; width:100%;} 
	.login-section .login-left td {float: none;}
	.order-search-table td { clear: both; float: none; width: auto;}
	.shopping-1-info { padding: 0px 40px 0 40px;}
	.case_table { width: 100%; display: flex; margin-bottom: 10px; }
	.case_table02 { width: 100% !important;}
}
@media only screen and (max-width: 570px) {
	.idx-pro > div .pro_newest { font-size: 18px; padding: 2px 10px;}
	.idx-pro3 > div .pro_newest { font-size: 18px; padding: 2px 10px;}
	
	.pro-detail-add-list > div { padding: 10px;}

	.pro-detail-add-data  { justify-content: center;}
	
	.case-data span { font-size: 18px;}
	.case-list > div { width:calc(100% - 30px);}
	.join-content-form > div:nth-child(even) { width: 100%;}
	.order-search-detail-data > div:nth-child(odd) { font-weight: bold;text-align: left;}
	.order-search-detail-data > div:nth-child(even) { padding-left: 0;}
    
    .place-content{padding-top: 30px;}
    
}

@media only screen and (max-width: 430px) {
   .idx-pro3 > div { width:calc(100% - 30px); }
}
@media only screen and (max-width: 414px) {
	.about-section-2-list > div {
	    padding: 0 8px 20px 8px;
	    width: calc(100%/2);
  }
  .invoice_input_box span:last-child {display: block;margin-top: 6px;}
  
  .idx-pro > div .pro_newest { font-size: 14px; padding: 2px 5px;}
  .idx-pro3 > div .pro_newest { font-size: 14px; padding: 2px 5px;}
	
  .pro-detail-title01 span {padding: 0 15px;line-height: 22px;font-size: 16px;}
}

@media only screen and (max-width: 350px) {
    .pro-detail-title01 span {padding: 0 10px; letter-spacing: -1px;}
}

@media only screen and (max-width: 320px) {
	.join-content-form { flex-direction: column;}
	.join-content-form > div { width: 100% !important;}

}

select[name=o_payment_type] :disabled{
	background: #ebebeb;
	color: red;
}

.relatedSpecZone{
	margin: 10px 0 8px;
}
.relatedSpec{
	/*min-width: 80px;*/
	/*width: 100%;*/
	background-image: url(../images/product-select2.png);
	-webkit-appearance: none;
	/*background-color: transparent;*/
	font-size: 16px;
	color: rgb(68, 68, 68);
	font-family: 微軟正黑體, sans-serif;
	height: 26px;
	letter-spacing: 1px;
	margin: 0px 4px 0px 0px;
	background-repeat: no-repeat;
	background-position: calc(100% - 7px) 4px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(204, 204, 204);
	padding: 0px 27px 0px 0px;
}
.relatedSpec option:disabled{
	color: #b51414;
}
@media only screen and (max-width: 570px) {
	.pro-detail-add-list > div > div:nth-of-type(1){width: 28px;padding: 0 8px 0 0;}
  .pro-detail-add-list > div > div:nth-of-type(2) {width: 90px;}
  .pro-detail-add-list > div > div:nth-of-type(3) {width: calc(100% - 118px);text-align: center;padding: 0 0 0 8px;}
  .pro-detail-add-list > div > div:nth-of-type(2) > span {display: block;margin-top: 8px;line-height: 1.5;font-size: 14px;}
  .pro-detail-add-list > div > div:nth-of-type(3) > span {display: none;}
  .pro-detail-add-number{margin-right: 0;}
  .pro-s2 li{font-size: 14px;}
}

@media only screen and (max-width: 414px) {
  .pro-detail-add-list > div > div:nth-of-type(2) > span {font-size: 14px; display: flex;justify-content: center;}
  .pro-detail-add-data .cash-s{font-size: 14px;}
  .pro-detail-add-data .cash-o{font-size: 14px;}
  .pro-detail-add-number > div:nth-of-type(1){width: 40px;}
  .pro-detail-add-number > div:nth-of-type(2){width: calc(100% - 28px);}
  .number-minus, .number-plus{width: 28px;}
  .number-box > input{width: calc(100% - 52px);}
  .relatedSpec{padding-left: 6px;width: 100%;}
}
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.section_b {padding: 70px 20px 30px;max-width: 1200px;margin: 0 auto;color: #444;}
.section_a{background-color: #ddd;width: 100%;padding: 70px 20px;color: #444;}
.section_a img, .section_b img {vertical-align: middle;}
.introduce_a_imgs{position: relative;max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.introduce_a_img{background: url(../images/product/bg1.jpg);height: 516px;width: 100%;background-position: center;}
.introduce_a_txtbox{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex;}
.introduce_a_txt_img {margin-right: 30px;display: flex;align-items: center;width: 20%;}
.introduce_a_text {width: 60%;}
.introduce_a_text h2 {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #fff;font-size: 22px;color: #fff;width: 100%;}
.introduce_a_imgs p{ margin-bottom: 0;font-weight: 400;font-size: 16px;color: #fff;margin-bottom: 8px;line-height: 1.5;}
.introduce_a_imgs p:last-child{margin-bottom: 0;}

.introduce_a_list{width: 32%;margin:1.95% 1.95% 0 0;}
.introduce_a_list:last-child{margin-right: 0%;}
.introduce_a_img_1{position: relative;}
.introduce_a_txtbox_2 {position: absolute;top: 50%; transform: translateY(-50%);}
.introduce_a_img_2 {margin:0 auto 25px;text-align: center;}
.icon_tac img{margin-left: 18px;}
.introduce_a_text_2{width: 70%;margin: 0 auto;text-align: left;}
.introduce_a_text_2 h2{font-size: 22px;color: #fff;text-align: center;margin-bottom: 15px;}

.introduce_b{display: flex;flex-wrap: wrap;margin:0 auto 40px;font-weight: 600;}
.introduce_b_img {width: 60%;}
.introduce_b_txt {display: flex;flex-wrap: wrap;align-content: center; font-size: 16px;width: 40%;}
.introduce_b_txt ul{ padding-left: 25px;}
.introduce_b_txt ul li{ list-style: disc;margin-bottom: 15px;line-height: 1.5;}
.introduce_b_txt ul li:last-child{margin-bottom: 0;}
.introduce_b_l{width: 47%;display: flex;flex-wrap: wrap;}
.introduce_b_l .introduce_b_l_img {width: 100%;}
.introduce_b_r{width: 53%;display: flex;flex-wrap: wrap;justify-content: center;}
.introduce_b_r_text{margin-top: -60px;width: 100%;text-align: center;}

.introduce_c{max-width: 1200px;margin: 0 auto;}
.introduce_c_txt {width: 100%;max-width: 700px;line-height: 1.5;font-size: 16px;margin: 60px 0 0 15px;}
.intr_imgbox_c {display: flex;flex-wrap: wrap;}
.intr_imgbox_c div:nth-of-type(1){width: 74%;margin-right: 3%;}
.intr_imgbox_c div:nth-of-type(2){width: 23%;}
.introduce_c2{display: flex;justify-content: center;align-items: center;margin-top: -95px;}
.introduce_c3 {text-align: center;margin-top: 90px;}
.c3_card_title{font-size: 18px;font-weight: 600;}
.introduce_c3_cardbox{display: flex;flex-wrap: wrap;margin-top: 20px;}
.introduce_c3_card{background-color: #fff;border-radius: 20px;text-align: center; width: 45%;margin: 0 2.5% 5%;padding: 30px;}
.introduce_c3_card:nth-of-type(3), .introduce_c3_card:nth-of-type(4) {margin-bottom: 0;}
.introduce_c3_card_p {width: 85%; margin: 40px auto; text-align: left;}
.introduce_d{display: flex;flex-wrap: wrap;text-align: center;}
.intr_title_box{width: 100%;text-align: left;}
.introduce_d_img{width: 50%;}
.introduce_d_txt{width: 50%;font-size: 18px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.introduce_d_txtbox{max-width: 280px;}
.introduce_d_txt_1{display: flex;width: 100%;}
.introduce_d_txt_1 h4{width: 50%; border-bottom: 1px solid #ccc;text-align: left;padding: 0 0 15px;margin-bottom: 15px;}
.introduce_d_txt_1 h4:nth-of-type(even){padding-left: 30px;}
.introduce_d_txt_2{display: flex;flex-wrap: wrap;}
.introduce_d_txt_2 li {width: 50%;text-align: left;margin-bottom: 15px;position: relative;}
.introduce_d_txt_2 li:nth-of-type(even) {padding-left: 30px;}
.highlight_star::before{position: absolute;content:'★';color: #5ed0d5; left: -24px;font-size: 22px;top: -4px;}
.introduce_e{display: flex;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}
.introduce_e > div {width: 50%;}
.introduce_f {padding: 45px 16.154%;}
.introduce_f p {font-size: 24px; text-align: center; line-height: 1.66; letter-spacing: 2px;}
.introduce_f .pro-detail-title02 span::before {content: ''; height: 19px; border-radius: 19px; background-color: rgba(102, 221, 235, 0.3); position: absolute; bottom: -1px; left: -19px; right: -19px; z-index: -1;}
.introduce_f .pro-detail-title03 span::before {content: ''; height: 13px; border-radius: 19px; background-color: #e7e9a0; position: absolute; bottom: -1px; left: -19px; right: -19px; z-index: -1;}

/* component*/
.intr_title {padding: 7px 20px 5px; background-color: #444444;display: inline-block;border-radius: 20px;color: #fff;margin-bottom: 20px;font-size: 22px;text-align: center;height: 40px;}
.intr_title_b{margin:auto auto 20px;}
.intr_title_c{margin:0 0 40px 6%;}
.intr_title_c2{transform: translateX(105px);}
.introduce_c2 > h3{width: 247px;}
.introduce_c2 > div{width: calc(100% - 247px);}
.text_tac {text-align: center;}
@media only screen and (max-width:1400px){
.introduce_f {padding: 40px 9%;}
}
@media only screen and (max-width:1200px){
 .introduce_a_txtbox{width: 70%;}
 .introduce_f {padding: 35px 7%;}
}
@media only screen and (max-width:1024px){
 .introduce_a_img_2 img{height: 100px;}
 .introduce_a_img_2{margin-bottom: 15px;}
 .introduce_a_text_2 h2{font-size: 19px;margin-bottom: 10px;}
 .introduce_a_text_2{width: 80%;}
 .introduce_c2{flex-wrap: wrap; margin-top: 50px;}
 .intr_title_c2{transform: unset;}
 .introduce_c_txt{margin-left: 0;}
 .intr_title_box{text-align: left;}
 .intr_title_c{margin: 0 0 40px 6%;}
 .introduce_f {padding: 35px 0;}
 .introduce_f p {font-size: 2.344vw;}
 .pro-detail-title02 {font-size: 4.688vw; margin-bottom: 25px;}
 .pro-detail-title03 {font-size: 3.516vw; margin-bottom: 20px;}
}
@media only screen and (max-width:800px){
  .introduce_a_img_2 img{height: 80px;}
  .introduce_b_r_text{margin-top: 0;}
}
@media only screen and (max-width:550px){
  .introduce_a_txtbox{flex-wrap: wrap;}
  .introduce_a_txt_img{width: 20%;margin: 0 auto;}
  .introduce_a_text{width: 100%;margin-top: 20px;}
  .introduce_a_list{width: 100%;margin: 8px 0;}
  .introduce_a_img_2 img {height: unset;}
  .introduce_a_txtbox{width: 80%;}
  .introduce_b_img{width: 100%;}
  .introduce_b_txt{width: 100%;margin-top: 30px;}
  .introduce_b_l{width: 100%;}
  .introduce_b_r{width: 100%;margin-top: 10px;}
  .introduce_c:not(:last-child) {margin-bottom: 30px;}

  .introduce_c2 > div {width: 100%;}
  .introduce_c3_card {width: 100%;margin: 0 0 20px;}
  .introduce_c3_card:nth-of-type(3) {margin-bottom: 20px;}
  .introduce_d_img, .introduce_d_txt{width: 100%;margin-bottom: 20px;}
  .introduce_e > div {width: 100%;}
  .intr_imgbox_c div:nth-of-type(1){width: 100%;margin-right: 0;}
  .intr_imgbox_c div:nth-of-type(2){width: 100%;text-align: center;margin-top: 20px;}
}
@media only screen and (min-width:992px){
  .other_posi{top: 42%;}
}
.rwd_img_change {margin:0 auto 16px;max-width: 1200px;text-align: center;}
.rwd_img_change img:last-child{display: none;}
.img_waist{margin:0 auto;max-width: 1200px;text-align: center;display: flex;flex-wrap: wrap;}
.img_waist > div{width: 32.5%;margin-right: 1.25%;}
.img_waist > div:nth-child(3){margin-right: 0;}
.img_waist > div > div:nth-child(1){width: 75%;margin: 0 auto 20px auto;}
@media only screen and (max-width:640px){
  .img_waist > div{width: 100%;margin: 0 0 50px 0;}
  .img_waist > div > div:nth-child(1){width: 55%;min-width: 210px;}
  .img_waist > div:last-child{width: 100%;margin: 0;}
}
@media only screen and (max-width:580px){
  .rwd_img_change img{display: none;}
  .rwd_img_change img:last-child{display: block;}
}
/* 20220324產品詳細頁 */
.pto_mb,.order-search-table td span.pto_mb {display: none;}
.list_circle {padding-left: 25px;font-size: 15px;}
.list_circle li {list-style: circle;}
.pto_pc_pb {padding: 70px 0 32px; max-width: 1200px; margin: auto;}
.pro-detail-spec-2 .pord_buy_txt {width: 100%;border: 0;}
.pord_buy_txt span:first-child {width: 86px;display: inline-block;vertical-align: top;font-weight: 600;}
.pord_buy_txt span:last-child {width: calc(100% - 86px);display: inline-block;}
.prod_woodType_link:link, .prod_woodType_link:visited {padding-left: 12px;margin: 36px 0 20px;}
.prod_woodType_link img {width: 112px;transition: all .3s;}
.prod_woodType_link:hover img {transform: scale(0.98);}
.pto_pc_db {display: block;}
.chair_pto_title {font-size: 20px;margin-bottom: 6px;}
.phs_feature_1 {display: flex;align-items: center;justify-content: center;max-width: 800px;margin: 0 auto;}
.phs_feature_1_text {text-align: center;margin-top: 20px;}
.phs_feature_1_left {width: 50%;text-align: center;}
.phs_feature_1_right {width: 50%;padding-left: 30px;}
.phs_feature_1_img {position: relative;}
.phs_feature_1_img::after {position: absolute;content: '';top: 60%; right: -100px;width:200px;height: 1px;background-color: #bbb;}
.phs_feature_1_text p {max-width: 230px; margin: 0 auto;}
.phs_feature_2 {display: flex; flex-wrap: wrap;}
.phs_feature_2 > div:nth-child(1) {width: 42.34%;}
.phs_feature_2 > div:nth-child(2) {width: 57.66%;}
.hsd_md_vs {display: flex;flex-wrap: wrap; padding: 30px 0;}
.hsd_md_vs_l {width: 50%;}
.hsd_md_vs_r {width: 50%;}
.hsd_md_vs_text {max-width: 560px;margin: 0 auto;margin-top: 48px;padding: 0 30px;}
.hsd_md_vs_text ul {padding-left: 25px;}
.hsd_md_vs_text ul li {list-style: disc;margin-bottom: 8px;font-weight: 600;line-height: 1.5;}
.hsd_md_vs_text ul li:last-child {margin-bottom: 0;}
.hsd_md_vs_f {width: 100%;text-align: center;margin-top: 24px;}
.hsd_md_vs_f2 {margin-top: 60px;}
.transport_list {display: flex;flex-wrap: wrap; border-bottom: 1px solid #fff;}
.transport_list:last-child {border-bottom: 0;}
.transport_list_l {background-color: #efefef;width: 27.7%;padding: 37.5px 20px;display: flex;justify-content: center;align-items: center;}
.transport_list_r {width: 72.3%;display: flex;align-items: center;background: #f7f7f7;padding:20px 30px;}
.transport_list_r ul {padding-left: 25px;text-align: left;}
.transport_list_r ul li {list-style: disc;margin-bottom: 12px;line-height: 1.5;font-size: 24px;font-weight: 400;color: #676767;}
.transport_list_r span {color: #327cbd; font-weight: bold;}
.pro-detail-type-2 > div{margin: 0 auto;}
.pro_dtl_title_gu {padding: 48px 0;}
.pro_dtl_BST {text-align: center;}
.qa_why_table {display: flex;flex-direction: column;text-align: center;max-width: 376px;margin: 20px auto 0;}
.qa_why_table_img {position: relative;z-index: 1;}
.qa_why_table_title {margin-top: -20px;background-color: #efefef;}
.qa_why_table_title h3{margin: 0;font-size: 18px;background-color: #555;color: #fff;display: inline-block;padding: 4px 12px;border-radius: 4px;position: relative;z-index: 2;}
.qa_why_table_content {background-color: #efefef;padding: 32px 20px 20px;font-size: 18px;}
.qa_why_table_content > div {margin-bottom: 20px;text-align: center;}
.qa_why_table_content img {width: 100px;}
.pro_dtl_title_QA {
	padding: 60px 0 20px;
}
.font_notice {font-size: 15px;color: #666;}
.pro_dtl_title_QA span {
	background-color: #fff !important;
	border: 1px solid #444444;
	color: #444444;
}
.board_text {text-align: center;font-size: 20px;}
.board_vs {width: 100%;max-width: 1000px;margin: 0 auto;border-collapse: collapse;font-size: 18px;}
.board_vs_type {width: 10%;}
.board_vs_ergonomics, .board_vs_austria {width: 45%;}
.board_vs tr td {text-align: center;padding: 12px;color: #555;}
.board_vs tr {border-bottom: 1px solid #aaa;}
.board_vs tr:nth-of-type(1), .board_vs tr:nth-of-type(2)  {border-bottom: 0;}
.board_vs tr td:nth-of-type(1) {background-color: #ccc;font-weight: 600;color: #333;}
.board_vs tr:nth-of-type(1) td:nth-of-type(1) {background-color: #fff;}

.board_vs_title {text-align: center;font-size: 20px;font-weight: 600;margin-bottom: 8px;}
.board_vs_img {text-align: center;}
@media only screen and (max-width:992px){
  .transport_list_r ul li {font-size: 20px;}
}
@media only screen and (max-width:768px) {
	.board_vs_title {font-size: 18px;}
	.board_text {font-size: 18px;}
	.board_vs {font-size: 15px;}
	.board_vs tr td {padding: 8px;}
}
@media only screen and (max-width:576px){
  .cl_br {line-height: 11px;}
  .board_vs_title {font-size: 15px;}
	.board_text {font-size: 15px;}
	.board_vs {font-size: 14px;}
	.board_vs tr td {padding: 8px;}
	.board_text.board_text_lg, .board_text_lg {font-size: 16px;}
  .phs_feature_1_text {margin-top: 6px;}
  .phs_feature_1_right {padding-left: 16px;}
  .phs_feature_1_text p {font-size: 14px;line-height: 1.2;}
  .phs_feature_1_img::after {display: none;}
  .chair_pto_title ~ p {font-size: 15px;max-width: 240px;margin: 0 auto;}
  .pto_pc_db {display: inline;}
  .pro-s2 li:nth-of-type(3n+1) {margin: 0 3.6% 24px;}
  .pro-s2 li:nth-of-type(3n+2) {margin: 0 3.6% 24px;}
  .pro-s2 li:nth-of-type(3n+3) {margin: 0 3.6% 24px;}
  .pord_buy_txt span:first-child {font-size: 15px;}
  .pto_pc_pb {padding-bottom: 0px;}
  .tab_ctrl_td50 tr {display: flex;}
  .tab_ctrl_td50 td {width: 50%;}
  .tab_ctrl_td50 td.tab_ctrl_tdr {padding-right: 10px;}
  .tab_ctrl_td50 td.tab_ctrl_tdl {padding-left: 10px;}
  .pto_mb,.order-search-table td span.pto_mb {display: block;margin: 0 auto;}
  .pto_pc,.order-search-table td span.pto_pc {display: none;}
  .pto_switch{width: 110px;margin: 0px auto 16px;text-align: center;cursor: pointer;display: none;}
  .pto_mb_2 {max-height: 1000px;transition: all .3s;overflow: hidden;}
  .pto_switch_open ~ .pto_mb_2{max-height: 1000px;}
  .title01 h1 {font-size: 22px;}
  .products-detail-title {font-size: 16px;}
  .pro_s3 li{width: 46% !important;margin: 0 2% 24px !important;}
  .pro-detail-title01 span{background: #555;font-size: 18px;padding: 2px 15px;}
  .pro-detail-gray2{padding-bottom: 0;}
  .pro-detail-gray{padding: 20px 0;margin: 0;width: 100%;}
  .pto_mb_title {padding-bottom: 12px;}
  .pto_mb_txt {padding-bottom: 12px !important;text-align: center;font-size: 15px;}
  .prod_ill {padding: 24px 12px;background-color: #efefef;margin-bottom: 16px;}
  .prod_ill:last-child {margin-bottom: 0px;}
  .prod_ill ul {padding-left: 24px;}
  .prod_ill li {list-style: disc;}
  .prod_ill li span {color: #4278be;}
  .width-100 {font-size: 15px;}
  .text_block {display: block;}
  .introduce_f {padding: 35px 9%;}
  .introduce_f p {font-size: 16px;}
  .pro-detail-title02 {font-size: 26px; margin-bottom: 20px;}
  .introduce_f .pro-detail-title02 span::before {height: 9px; bottom: 1px;}
  .pro-detail-title03 {font-size: 22px; margin-bottom: 20px;}
  .introduce_f .pro-detail-title03 span::before {height: 9px; bottom: 1px;}
  .pro-detail-spec-2 > div{width: 100%;margin: 0;padding: 0;}
}
@media only screen and (max-width:430px){
  .introduce_f {padding: 35px 5px;}
  .pro-detail-title02, .pro-detail-title03 {font-size: 6.28vw;}
}
@media only screen and (max-width:375px){
  .pro-s2 li {
    width: 30%;
    text-align: center;
}
.pro-s2 li:nth-of-type(3n+1) { margin: 0 1.6% 24px;}
  .pro-s2 li:nth-of-type(3n+2) {margin: 0 1.6% 24px;}
  .pro-s2 li:nth-of-type(3n+3) {margin: 0 1.6% 24px;}
}

@media only screen and (max-width:350px) {
	.board_vs_title {font-size: 14px;}
	.board_text {font-size: 13px;}
	.board_vs {font-size: 13px;}
	.board_vs tr td {padding:8px 4px;}
}
/* cart */
@media only screen and (max-width:576px){
  .order-search-table {min-width: unset;}
  .order-search-table thead tr {display: none;}
  .order-search-table tbody tr.altrow th{display: none;}
  .order-search-table tbody tr {display: flex;flex-wrap: wrap;border-bottom: 1px solid #ccc;}
  .order-search-table tbody tr:nth-of-type(even) {background-color: #f6f6f6;}
  .order-search-table tbody tr td:first-child {display: none;}
  .order-search-table tbody tr td {width: 100%;position: relative;border: 0;text-align: right;padding: 5px 10px 5px 80px;min-height: 40px;}
  .order-search-table tbody tr td::before {position: absolute;content: attr(data-title);left: 10px;top: 4px;font-size: 14px;color: #333;font-weight: 600;border-bottom: 1px solid #ccc;line-height: 1.4;}
  .shopping-1-form a {padding: 0 !important;}
  .shopping-1-info {padding: 0;}
}

/*blog*/
.blogTitle{line-height: 1.2;}
.catalogueBox {border: 1px solid #a4afb7; border-radius: 3px;}
.catalogueBox > .catalogueBoxTitle {position: relative; z-index: 1; padding: 20px; border-bottom: 1px solid #a4afb7;}
.catalogueBox > .catalogueBoxTitle span{font-weight: bold;font-size: 22px;}
.catalogueBox > .catalogueBoxCom {padding: 17px 20px;}
.catalogueBox > .catalogueBoxCom ul {padding-left: 25px;}
.catalogueBox > .catalogueBoxCom ul li{padding: 3px 0;}
.catalogueBox > .catalogueBoxCom ul li > ul {padding-left: 20px;}
.catalogueBox > .catalogueBoxCom ul li > ul li{list-style: none;}
.catalogueBox > .catalogueBoxCom ul li > ul li a{font-size: 15px;}
.catalogueBox > .catalogueBoxCom a{color: #000;opacity: 0.65;font-weight: bold;}
.catalogueBox > .catalogueBoxCom a:hover{opacity: 1;}
.catalogueBox .sp_arrow{position: absolute;right: 10px;top: calc(50% - 13px);width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 100;}
.catalogueBox .sp_arrow i{width: 13px; height: 13px; border-width: 2px 2px 0 0; border-style: solid; border-color: #000; transform: rotate(-45deg); cursor: pointer;}
.catalogueBox .sp_arrow_close {top:calc(50% - 18px);}
.catalogueBox .sp_arrow_close i{transform: rotate(135deg);}

/*attest*/
.attest_title {text-align: center; line-height: 0; font-size: 0; padding: 20px 0 0 0;}
.attest_wrap {width: 100%; max-width: 1166px; padding: 40px 0; margin: 0 auto;}
.attest_wrap img {width: 100%;}
.attest_A {background: #727171; border-radius: 5px; padding: 40px 23px 30px 23px; margin: 0 0 20px 0;}
.attest_A01 {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; padding: 0 0 20px 0; line-height: 0; font-size: 0;}
.attest_A01 > .lef {width: 62.054%; padding: 0 20px 0 2.5%;}
.attest_A01 > .lef img {max-width: 586px;}
.attest_A01 > .rig {width: calc(100% - 62.054%); padding: 0 0 0 30px; position: relative; z-index: 1;}
.attest_A01 > .rig::before {content: ''; width: 5px; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; z-index: -10;}
.attest_A01 > .rig img {max-width: 355px;}
.attest_A11 {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; line-height: 0; font-size: 0;}
.attest_A11 > .lef {width: 59.375%; padding: 0 20px 0 5px;}
.attest_A11 > .lef img {max-width: 610px;}
.attest_A11 > .rig {width: calc(100% - 59.375%); padding: 0 0 0 0;}
.attest_A11 > .rig img {max-width: 438px;}
.attest_Box1 {background: #fff; max-width: 1118px; border-radius: 5px; padding: 30px 0 25px 0; margin: auto;}
.attest_A21 {text-align: center; padding: 0 10px 25px calc(10px + 1.343%); line-height: 0; font-size: 0;}
.attest_A21 img {max-width: 1050px;}
.attest_A22 {display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; padding: 0 calc(10px + 0.4478%) 0 calc(10px + 1.79%); line-height: 0; font-size: 0;}
.attest_A22 img {max-width: 351px;}
.attest_A22 > div {width: calc(100% / 3);}

.attest_B {background: #727171; border-radius: 5px; padding: 40px 23px 30px 23px; margin: 0 0 20px 0;}
.attest_B01 {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; padding: 0 0 30px 0; line-height: 0; font-size: 0;}
.attest_B01 > .lef {width: 62.054%; padding: 0 20px 0 2.5%;}
.attest_B01 > .lef img {max-width: 502px;}
.attest_B01 > .rig {width: calc(100% - 62.054%); padding: 0 0 0 30px; position: relative; z-index: 1;}
.attest_B01 > .rig::before {content: ''; width: 5px; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; z-index: -10;}
.attest_B01 > .rig img {max-width: 374px;}
.attest_B11 {display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; line-height: 0; font-size: 0; padding: 0 0 15px 2.68%;}
.attest_B11 img {max-width: 223px;}
.attest_B11 > div {width: calc(100% / 4); text-align: center; padding: 0 10px 20px 10px;}
.attest_Box2 {background: #fff; max-width: 1118px; border-radius: 5px; padding: 40px 0 10px 0; margin: auto;}
.attest_B21 {text-align: center; line-height: 0; font-size: 0; padding: 0 10px 10px calc(10px + 1.343%);}
.attest_B21 img {max-width: 1061px;}
.attest_B31 {text-align: center; line-height: 0; font-size: 0; padding: 0 10px 25px 10px;}
.attest_B31 img {max-width: 1035px;}
.attest_B41 {display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; line-height: 0; font-size: 0; padding: 0 10px 0 calc(10px + 0.895%);}
.attest_B41 img {max-width: 521px;}
.attest_B41 > div {width: calc(100% / 2); text-align: center;}

.attest_C {background: #727171; border-radius: 5px; padding: 40px 23px 30px 23px;}
.attest_C01 {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; padding: 0 0 25px 0; line-height: 0; font-size: 0;}
.attest_C01 > .lef {width: 63.394%; padding: 0 20px 0 4.465%;}
.attest_C01 > .lef img {max-width: 501px;}
.attest_C01 > .rig {width: calc(100% - 63.394%); padding: 0 0 0 30px; position: relative; z-index: 1;}
.attest_C01 > .rig::before {content: ''; width: 5px; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; z-index: -10;}
.attest_C01 > .rig img {max-width: 355px;}
.attest_C11 {text-align: center; line-height: 0; font-size: 0;}
.attest_C11 img {max-width: 1080px;}
.attest_Box3 {background: #fff; max-width: 1118px; border-radius: 5px; padding: 25px 0 10px 0; margin: -13px auto 0 auto;}
.attest_C21 {text-align: center; line-height: 0; font-size: 0; padding: 0 10px;}
.attest_C21 img {max-width: 1093px;}
.attest_C31 {display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; line-height: 0; font-size: 0; padding: 25px 10px 0 calc(10px + 0.895%);}
.attest_C31 img {max-width: 478px;}
.attest_C31 > div {width: calc(100% / 2); max-width: 484px; text-align: center; padding: 0 3px 25px 3px;}

@media only screen and (max-width:1200px) {
    .attest_A, .attest_B, .attest_C {padding: 40px 20px 30px 20px;}
}
@media only screen and (max-width:768px) {
    .attest_A01 > .lef, .attest_B01 > .lef, .attest_C01 > .lef {width: 100%; padding: 0 0 20px 0;}
    .attest_A01 > .lef img {max-width: 75%;}
    .attest_A01 > .rig, .attest_B01 > .rig, .attest_C01 > .rig {width: 100%; padding: 0 0 0 20px;}
    .attest_A01 > .rig img {max-width: 55%;}
    .attest_A11 > .lef {width: 100%; padding: 0;}
    .attest_A11 > .lef img {max-width: 92%;}
    .attest_A11 > .rig {width: 100%; padding: 0 0 0 0;}
    .attest_A11 > .rig img {max-width: 66%;}
    .attest_Box1 {padding: 30px 10px 5px 10px;}
    .attest_A21 {padding: 0 0 25px 8px;}
    .attest_A22 {padding: 0 0 0 7px;}
    .attest_B01 > .lef img {max-width: 65%;}
    .attest_B01 > .rig img {max-width: 53%;}
    .attest_B11 {padding: 0 0 15px 0;}
    .attest_B11 img {max-width: 62%;}
    .attest_B11 > div {width: calc(100% / 2);}
    .attest_Box2 {padding: 40px 10px 10px 10px;}
    .attest_B21 {padding: 0 4px 10px 10px;}
    .attest_B41 {padding: 0 0 0 7px;}
    .attest_C01 > .lef img {max-width: 65%;}
    .attest_C01 > .rig img {max-width: 53%;}
    .attest_Box3 {padding: 25px 10px 5px 10px; margin: 0 auto;}
    .attest_C21 {padding: 0 7px 0 0;}
    .attest_C31 {padding: 25px 0 0 3px;}
}
@media only screen and (max-width:576px) {
    .attest_wrap {padding: 20px 0 40px 0;}
    .attest_title img {max-width: 35%;}
    .attest_A22 {padding: 0 0 0 15px;}
    .attest_A22 > div, .attest_B41 > div {width: 100%;}
    .attest_A22 img, .attest_B41 img {max-width: 100%;}
    .attest_B41 {padding: 0 0 0 17px;}
    .attest_C31 {padding: 25px 0 0 6px;}
    .attest_C31 > div {width: 100%; max-width: 100%; padding: 0 0 5px 0;}
}
@media only screen and (max-width:430px) {
    .attest_title img {max-width: 40%;}
    .attest_A, .attest_B, .attest_C {padding: 30px 15px;}
    .attest_A01 > .rig img, .attest_C01 > .rig img {max-width: 57%;}
    .attest_A11 > .lef img {max-width: 93%;}
    .attest_A11 > .rig img {max-width: 67%;}
    .attest_A21 {padding: 0 0 15px 4px;}
    .attest_A22 {padding: 0 0 0 10px;}
    .attest_B01 > .rig img {max-width: 60%;}
    .attest_B11 img {max-width: 71%;}
    .attest_B21 {padding: 0 0 10px 4px;}
    .attest_B31 {padding: 0 4px 25px 6px;}
    .attest_B41 {padding: 0 0 0 12px;}
    .attest_C21 {padding: 0 3px 0 0;}
    .attest_C31 {padding: 15px 0 0 5px;}
}


/*partner*/
.partner-box{margin-bottom: 45px;}
.partner-box .partner-step{display: grid;grid-template-columns: 36.7% 1fr;align-items: center;gap: 0 6%;margin-bottom: 120px;}
.partner-box .partner-step .text-block .topic{font-size: clamp(18px, 2vw, 25px);font-weight: bold;letter-spacing: 1px;margin-bottom: 5px;}
.partner-box .partner-step .text-block > .title{font-size: clamp(32px, 3vw, 48px);font-weight: bold;letter-spacing: 2px;line-height: 1.2;margin-bottom: 5px;}
.partner-box .partner-step .text-block  .small{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.partner-box .partner-step .text-block  .btn-box{display: flex;flex-wrap: wrap;gap: 5px 15px;margin-bottom: 5.495%;}
.partner-box .partner-step .text-block  .btn-box a{font-size: 18px; color: #fff;display: inline-block;padding: 6px 15px;border-radius: 4px;font-size: clamp(14px, 1.1vw, 18px);-webkit-transition: padding .2s linear;transition: padding .2s linear;}
.partner-box .partner-step .text-block  .btn-box a:hover{filter: brightness(110%);-webkit-filter: brightness(110%);}
.partner-box .partner-step .text-block  .btn-box .join{background: #06c152;}
.partner-box .partner-step .text-block  .btn-box .check{background: #5e89e6;}
.partner-box .partner-step .text-block  .step-item .title{font-size: clamp(18px, 2vw, 25px);font-weight: bold;margin-bottom: 15px;}
.partner-box .partner-step .text-block  .step-item ol {margin: 0;padding: 0;display: grid;gap:12px;}
.partner-box .partner-step .text-block  .step-item ol li{list-style: none;display: flex;flex-wrap: wrap;}
.partner-box .partner-step .text-block  .step-item ol li .number{background-color: #333;color: #fff;font-weight: bold;border-radius: 4px;font-size: clamp(18px, 2vw, 28px);width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;}
.partner-box .partner-step .text-block  .step-item ol li .text{padding: 10px 12px;background: #eeeeee;font-weight: bold;width: calc(100% - 45px);border-radius: 4px;font-size: clamp(16px, 1.1vw, 18px);}

.partner-box .partner-step .img-block{position: relative;display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
.partner-box .partner-step .img-block::before{position: absolute;content: "";background: url('../images/partner-arrow.png')no-repeat;background-size: cover; width: 151px;height: 69px;bottom: 29px;left: 0;}
.partner-box .partner-step .img-block img{max-height: 635px;}

.partner-brand .text-block{text-align: center;margin-bottom: 45px;}
.partner-brand .text-block .title{font-size: clamp(18px, 2vw, 25px);font-weight: bold;margin-bottom: 15px;}
.partner-brand .text-block .small{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap:10px;}
.partner-brand .text-block .small span{font-weight: bold;}
.partner-brand .text-block .small .consult{color: #fff;background: #06c152; padding: 3px 15px;border-radius: 4px;-webkit-transition: padding .2s linear;transition: padding .2s linear;}
.partner-brand .text-block .small .consult:hover{filter: brightness(110%);-webkit-filter: brightness(110%);}

.partner-brand .brand-block{display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap:65px 70px;align-items: center;margin-bottom: 40px;}
.partner-brand .brand-block > div{margin: 0 auto;font-size: 0;line-height: 0;}

.partner-brand .partner-notice{text-align: center;}
.partner-brand .partner-notice > span{width: 100%;max-width: 747px; height: 1px;background: #444444;display: block;margin: 0 auto 10px auto;}
.partner-brand .partner-notice > div{font-size: 18px;font-weight: bold;}


@media only screen and (max-width:1200px) {
	.partner-box .partner-step{grid-template-columns: 42% 1fr;}
	.partner-box .partner-step .img-block::before{width: 100px;height: 46px;}
}

@media only screen and (max-width:980px) {
	.partner-box .partner-step{grid-template-columns: 1fr;}
	.partner-box .partner-step .text-block{order: 2;}
	.partner-box .partner-step .img-block{order: 1;justify-content: center;}
	.partner-box .partner-step .img-block::before{transform: rotate(-130deg);left: auto;right: 0;bottom: -30px;}
}

@media only screen and (max-width:430px) {
	.partner-box .partner-step .img-block::before{width: 80px;height: 37px;}
	.partner-box .partner-step .text-block .btn-box a{width: 100%;text-align: center;}
	.partner-box .partner-step .text-block .step-item ol li .text{font-size: 14px;}
	.partner-brand .brand-block {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 65px 60px;}
}

@media only screen and (max-width:350px) {
	.partner-box .partner-step .text-block .step-item ol li .number{width: 35px;height: 35px;}
	.partner-box .partner-step .text-block .step-item ol li .text{width: calc(100% - 35px);padding: 4px 12px;}
}