/**********comfort*************/
.recommendBox { border: 1px solid #1b90cc; font-size: 15px; margin-bottom: 40px}
.recommendBoxLeft { background: #1b90cc; align-items: center; justify-content: center; display: flex; color: #ffffff;}
.recommendBoxRight { padding: 20px; color: #5c5c5c;} 
.recommendBoxRight .item { padding-top: 5px; padding-bottom: 5px;}
.recommendBoxRight .item i { color: #1b90cc; margin-right: 5px; }


.b-contentTitle { padding: 20px; border-top: dashed 1px #3396ce; border-bottom: dashed 1px #3396ce; text-align: center; color: #3396ce; margin-bottom: 20px; }
.b-contentTitle .title_s { font-size: 16px;}
.b-contentTitle .title_l { font-size: 20px; letter-spacing: 1px;}
.comfort .focusLine { border-color: 1px solid #0097d0;}
.comfort .color { color: #1b90cc;}
.comfort .color_b { color: #666666;}
.b-contnetV .vContent { background: #f5f5f5; padding:15px 10px; border-radius: 8px; text-align: center; margin-bottom: 15px;}
.b-contnetV .vNameTitle { color: #42a8b6; margin-bottom: 8px;}
.b-contnetV .vWeight { color: #42a8b6;}
.b-contnetV .col-sm-2 { border-right:none; margin-bottom: 12px;}
.b-contnetE .col-6 .eContent { background: #e6f4f5; padding:15px 0px; border-radius: 8px; text-align: center;}
.b-contnetE .vWeight { color: #42a8b6;}
.b-pillContent li .pillItem { color: #997c3e; font-size: 15px;}
.b-pillContent .pillPic { text-align: center;}
.b-pillContent .pillItem { text-align: center;}
.b-pillContent .pillHightLight { color: #eaa932; font-size: 27px; border-bottom: #eaa932 1px solid; line-height: 1.6em; font-weight: 300; display: block; text-align: center;}
.b-graphic { text-align: center;}
.b-graphic img { max-width: 100%;}

.vTableForm { color: #5c5c5c;}
.vTableForm ul { padding: 0; margin: 0;}
.vTableForm li { line-height: 1.8em; padding: 4px 0; font-size: 13px;}
.vTableForm li:nth-child(odd) { background: #f5f5f5;}
.vTableForm li .col-3 { text-align: right;}
.vcolor { color: #b8a477;}
.vcolorc { color: #65a974;}
.vcolore { color: #5b7fba;}
.vcolorn { color: #938ebe;}
.vcolorp { color: #da1d7d;}

.b-contentManNeed { text-align: center;}
.needTitle { margin-bottom: 20px;}
.needPic { position: relative; height: 475px; background-position: center; background-repeat: no-repeat;}
.needBox { position: absolute; bottom: 20px; background: #ffffff; padding: 20px 20px; text-align: left; font-size: 20px; line-height: 1.6em; font-weight: 100; font-style: italic;}

.b-contentBigBox { border-top: #0097d0 1px solid; border-bottom: #0097d0 1px solid; padding: 40px 10px; font-size: 20px; color: #0097d0; background: #e3f7ff; text-align: center; letter-spacing: 1px; font-weight: 200;}

.b-infoBottom { align-items: center; font-size: 20px; color: #0097d0; line-height: 1.8em; text-align: center;font-weight: 300;}
.b-infoBottom img { max-width: 100%;}


.paperBox { display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap;}
.paperItem { width: 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 0px; padding: 20px;}
.paperItem .paper { text-align: center; margin-bottom: 20px;}
.paperItem .paper img { width: auto; max-width: 100%;border: 1px solid #f1f1f1;}
.paperItem .paperName { font-size: 14px;}


.goodsItemInfoBox .card-header {
    background: #4cc3fe;
}
.hightlightTop img {max-width: 100%; width: 100%;}
.hightlightTop img,	.hightlightTop.text-center img {max-width: 100%;width: 100%;}
.threeRowBox { display: flex; justify-content: center; align-items: center; flex-flow: column;}
.threeRow { width: 100%; margin-bottom:50px}
.threeRow img { max-width: 100%;}

.picBox img { max-width: 100%;}
.infoBox { padding: 0px; text-align: center;}
.infoBox .info1 { margin-bottom: 10px;}

.threeRowBox.elBox { align-items: flex-start;}
.threeRowBox.elBox .twoRow { margin: 0 20px;}
.el1 { margin-bottom: 20px; text-align: center;}
.el1 img { border-radius: 500px; width: 50%;}
.el2 { display: flex; justify-content:space-between; align-items: center; border-bottom: #000000 2px solid; margin-bottom: 20px; padding-bottom: 10px;}
.el2 .el2_1 { font-size: 16px; color: #000000}
.el2 .el2_2 { font-size: 15px; color: #4cc3fe;}
.el3 { font-size: 16px; line-height: 1.6em;}
.el3_tit{color: #4cc3fe;  font-size: 22px;font-weight:200;margin-bottom: 10px; line-height: 1.4em;}

.hightlightBox { color: #ffffff;}

.hightlightBig { font-size: 20px; color: #ffffff; font-weight: 300; padding: 20px; text-align: center;}

.hightlightBoxText { padding: 10px 20px}
.hightlightTitle { font-size: 24px;  line-height: 1.6em; display: inline-block;color:#006699}
.hightlightText { line-height: 1.6em; font-size: 16px;color: #000000}

.hightlightBoxin{width:100%;padding:20px;margin:5px 0;background-color: rgba(255,255,255,0.5)}

.mosaic{color: transparent;text-shadow: 0 0 8px rgba(0,0,0,0.5);}

.hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
.goodsItemTitle h2{font-weight:300;font-size: 1.2em;line-height: 1.2em}

.tick{color:#ffffff; text-decoration: none; background-color: #41ad49; text-align: center; border-radius:100px 100px 100px 100px;font-size: 16px;font-weight: bold; padding: 1px 3px}
.tickcolor{color:#41ad49}

.ganodermaTe .table { background: #f4f4f4;}
.ganodermaTe .table thead th { border: none;}
.ganodermaTe .table th, .ganodermaTe .table td { font-size: 15px; text-align: center; border: none;}
.ganodermaTe th.hightlight, .ganodermaTe td.hightlight { font-size: 22px; background: #84bce3; color: #ffffff; font-weight: 500; }
.table-striped tbody tr:nth-of-type(odd) .hightlight { background-color: #6cafdd;}

.tablelw{width: 100%; text-align: center;margin:0 auto; font-size: 20px }

.twoRowBox { display: flex; justify-content: center;  flex-flow: column; font-size: 22px; color: #919191; line-height:1.6em;font-weight:200; }
.twoRow { width: 100%;}

.box1_m{display:block}
.box1{display:none}

.goodsDetailInfo ul{font-weight: bold;color: #62b3e2}
.goodsDetailInfo ul .square{list-style-type:square;color: #666666}
.goodsDetailInfo ul li span{font-weight:normal;color: #666666}

.elementBox { display: flex; justify-content: center; align-items: center;flex-wrap: wrap; font-weight: 300;}
.elementBox .elements { min-width: 150px; width: 50%; height: 175px; background-position:center; background-repeat: no-repeat; background-size: contain; display: flex; flex-flow: column; justify-content: center; align-items: center; color: #000000;flex-shrink: 0;flex-wrap: wrap;}
.elements .e_p1 { font-size: 30px; line-height: 1.3em;}
.elements .e_p2 { font-size: 18px; line-height: 1.3em;}

.elementframe{border: solid 4px #6ec0e4;border-radius: 20px; padding: 10px}
.elementtitle{color:#ffffff; font-size: 26px; background-color:#6ec0e4;border-radius: 10px 10px 0px 0px;}

.elementItem { width: 50%; padding: 10px;}
.elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:200px; height: 200px; border: #6ec0e4 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
.e1 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e1.webp) }
.e2 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e2.webp) }
.e3 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e3.webp) }
.e4 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e4.webp) }
.e5 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e5.webp) }
.e6 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e6.webp) }
.e7 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e7.webp) }
.e8 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e8.webp) }
.e9 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e9.webp) }
.e10 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e10.webp) }
.e11 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e11.webp) }
.e12 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e12.webp) }
.e13 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e13.webp) }
.e14 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e14.webp) }
.e15 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e15.webp) }
.e16 { background-image: url(https://imgc.daikenshop.com/images/goods/comfortex/e16.webp) }

.elementItem .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem2 .picBox .pb1 img{min-width: 10px}

.elementItem .textBox { color: #6ec0e4;font-size: 16px; text-align: center; line-height: 1.2em; font-weight: normal}

.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.elementItem2 { width: 50%; padding: 10px;}
.elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 10px; color: #ffffff; max-width:200px; height: 200px; border: #cdc13f 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
.elementItem2 .picBox .pb1 { font-size: 20px; font-weight: bold; text-align: center;}
.elementItem2 .textBox { color: #cdc13f;font-size: 16px; text-align: center; line-height: 1.2em; font-weight: normal}

.goodsItemTitle.colorblock {
    background: #009ade;
    color: #ffffff;
    padding: 13px 0px 8px 0px;
    border-radius: 10px;
    font-weight: bold;
}
.compare-box {
  position: relative;
  width: 100%;
  max-width: 360px;
  height: 640px;
  margin: 0 auto;
  overflow: hidden;
}


.compare-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: calc(100% - 60px);
  background: url('https://imgc.daikenshop.com/images/goods/comfortex/comfortex11.webp') no-repeat center top;
  background-size: cover;
}

.btn-buy {
  position: absolute;
  bottom: 75px;
  left: 0; right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0%;
  box-sizing: border-box;

  /* 始終並排不換行 */
  flex-direction: row;
  flex-wrap: nowrap;
}

.compare-btn {
  flex: 1;
  max-width: calc(50% - 10px); /* 兩個按鈕各佔約 50%，減去左右間距 */
  margin: 0 10px;
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  border-radius: 50px;
  transition: background 0.2s;
}

.btn-left {
  background: #007bff;color: #ffffff;
}
.btn-left:hover {
  background: #0056b3;color: #ffffff;
}

.btn-right {
  background: #9e6f1e;color: #ffffff;
}
.btn-right:hover {
  background: #68460b;color: #ffffff;
}

/*******************sm*******************/
@media (min-width: 576px) {
    .recommendBox { font-size: 19px; margin-bottom: 80px}
   .b-contnetV .col-sm-2 { border-right: 1px solid #cccccc; margin-bottom: 0px;}
   .b-contnetV .col-sm-2:last-child { border-right: none; }
    .b-contentBigBox { font-size: 30px; }
    .b-infoBottom { font-size: 30px; }

	.hightlightTop.text-center img {max-width: 100%;width: 50%;}
}

/*******************md*******************/
@media (min-width: 768px) { 
    .b-pillContent .pillPic { text-align: right;}
    .b-pillContent .pillItem { text-align: left;}
    .b-pillContent .pillHightLight { text-align: left; display: inline-block;}
   .hightlightBoxin{width:50%;}
	
   	.threeRowBox { flex-flow: row;}
    .threeRow { width: 30%;padding: 20px}
	.el1 img { width: 70%;}
	
	.tick{color:#ffffff; text-decoration: none; background-color: #41ad49; text-align: center; border-radius:100px 100px 100px 100px;font-size: 16px;font-weight: bold; padding: 2px 4px}
	.tickcolor{color:#41ad49}
	
	.tablelw{width: 20%; text-align: center;margin:0 auto; font-size: 22px }
	
	.twoRowBox { flex-flow: row;font-size:26px; color: #919191; line-height:1.6em;font-weight:200;}
    .twoRow { width: 50%;}
    .infoBox { padding: 160px 0px 0px 40px}
    
	.label{ font-size:1em;line-height: 1.5em; }

    .hightlightTop h2{font-weight:300;font-size: 1em;line-height: 1.2em}
    .goodsItemTitle h2{font-weight:300;font-size: 1em;line-height: 1.2em}

    .box1_m{display:none}
    .box1{display:block}
	
	.elementBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem { width: 25%; padding: 10px; margin-top: 0px}
    .elementItem .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 200px; height: 200px; border: #6ec0e4 1px solid; border-radius: 10px; background-position: center; background-repeat: no-repeat;}
	.elementItem .textBox { color: #6ec0e4;font-size: 24px; text-align: center; line-height: 1.2em; font-weight: normal}
	
	.elementBox2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
    .elementItem2 { width: 25%; padding: 10px; margin-top: 0px}
    .elementItem2 .picBox { display: flex; flex-flow: column; justify-content: center; align-items: center; margin: 0 auto 20px; color: #ffffff; max-width: 300px; height: 220px; border: #cdc13f 1px solid; border-radius: 20px; background-position: center; background-repeat: no-repeat;}
	
	.compare-box {
  	position: relative;
  	width: 100%;
  	max-width: 960px;
  	height: 1550px;
  	margin: 0 auto;
  	overflow: hidden;
	}
	
	.btn-buy {
  position: absolute;
  bottom: 90px;
  left: 0; right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0%;
  box-sizing: border-box;

  /* 始終並排不換行 */
  flex-direction: row;
  flex-wrap: nowrap;
}
	
.compare-btn {
  flex: 1;
  max-width: calc(50% - 10px); /* 兩個按鈕各佔約 50%，減去左右間距 */
  margin: 0 20px;
  padding: 10px 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  border-radius: 50px;
  transition: background 0.2s;
}
}