@charset "utf-8";


/* 色系 - 紅色 */
.btn-danger {
  color: #fff;
  background-color: #E20A0B;
  border-color: #E20A0B;
  -webkit-box-shadow: 0;
  box-shadow: 0
}

.bg-danger { background-color: #E20A0B!important; }

.btn-danger:hover {
  color: #fff;
  background-color: #ff3631;
  border-color: #ff3631;
}

.btn-danger.focus,.btn-danger:focus {
  color: #fff;
  background-color: #ff3631;
  border-color: #ff3631;
  box-shadow: 0 0 0 .2rem rgba(255,116,112,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
  color: #fff;
  background-color: #ff5b57;
  border-color: #ff5b57
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff2924;
  border-color: #ff2924
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255,116,112,.5)
}



/* 色系 - 黃色 */
.btn-warning {
  color: #212529;
  background-color: #f59c1a;
  border-color: #f59c1a;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  color: #fff
}

.btn-warning:hover {
  color: #fff;
  background-color: #df880a;
  border-color: #df880a
}

.btn-warning.focus,.btn-warning:focus {
  color: #fff;
  background-color: #df880a;
  border-color: #df880a;
  box-shadow: 0 0 0 .2rem rgba(213,138,28,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
  color: #212529;
  background-color: #f59c1a;
  border-color: #f59c1a
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #d38109;
  border-color: #d38109
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(213,138,28,.5)
}


	/* 商品列表 */
	.pos-task-product {
    position: relative;
	}
	.pos-task-product a:link {
    color: black;
	}
	.pos-task-product a:hover {
    color: #bf4441; /* bg-red-darker */
		text-decoration: none;
	}

  /*
  .discount {
    position: absolute;
    top: 10px;
    left: 0;
    line-height: 1.25rem;
    padding: .125rem .375rem;
    color: #fff;
    background: #2d353c;
    font-weight: 600;
    font-size: .75rem;
    -webkit-border-radius: 4px;
    border-radius: 4px
	}
  */
  .discount { /* Reb紅 */
    position: absolute;
    top: 0px;
    left: 0px;
	  width: 65px;
    height: 80px !important;
	  color: white;
	  padding-left:15px;
	  padding-top:1px;
	  background:url("/assets/img/icon_tag.png") left top no-repeat;
	  background-size: 100% auto;
	}
  /* tag上的文字 
  .discount::after {
    content: "新品";
    position: absolute;
    top: 5px;
    left: 10px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    margin-top:0px;
    }
  */

  .discount2 { /* 預購, black黑 
    position: absolute;
    top: 40px;
    left: 0;
    line-height: 1.25rem;
    padding: .125rem .375rem;
    color: #fff;
    background: #2d353c;
    font-weight: 600;
    font-size: .75rem;
    -webkit-border-radius: 4px;
    border-radius: 4px
    */
    position: absolute;
    top: 32px;
    left: 0;
 	  width: 65px;
    height: 80px !important;
	  color: white;
	  padding-left:15px;
	  padding-top:1px;
	  background:url("/assets/img/icon_tag.png") left top no-repeat !important;
	  background-size: 100% auto !important;

	}



/* 相關商品 */
  .about a { color:#333; text-decoration:none;}
  .about a:focus,.about a:hover { color: #000; text-decoration:none; }

  .discount_about { /* 新品, 相關商品 */
    position: absolute;
    top: 0px;
    left: 0px;
	  width: 65px;
    height: 80px !important;
	  color: white;
	  padding-left:15px;
	  padding-top:1px;
	  background:url("/assets/img/icon_tag.png") left top no-repeat;
	  background-size: 100% auto;
	  margin-left:-10px;
	}

  .discount2_about { /* 預購, 相關商品 */
    position: absolute;
    top: 28px;
    left: 0;
 	  width: 65px;
    height: 80px !important;
	  color: white;
	  padding-left:15px;
	  padding-top:1px;
	  background:url("/assets/img/icon_tag.png") left top no-repeat !important;
	  background-size: 100% auto !important;
	  margin-left:-10px;
	}

  .item.item-thumbnail .item-image .discount { /* 相關商品 */
    /* position:absolute; */
    /* bottom:0; */
    /* right:.9375rem; */
    line-height: auto;
    padding: .125rem .375rem;
    /* color:#fff; */
    background:url("/assets/img/icon_tag.png") left top no-repeat;
	  background-size: 100% auto;
    font-weight: normal;
    font-size: 0.9rem;
    /* -webkit-border-radius:4px; */
    /* border-radius:4px; */
	  margin-left:-10px;
  }




/* 產品名稱 */
.pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info a {
  color: #333; 
}
.pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info a:hover {
  color: #ff6b00; 
}

	/****** 商品編號 ******/
	.txt .no {
		color: #777;
		font-size: .8125rem;
		line-height: 20px;
		margin-top: 2px;
		margin-bottom: 10px;
	}

	/****** 商品規格 ******/
	.radio_s11 {
		width: 100%;
		/*
		text-align: center;
		padding-bottom:20px; */
	}
	.radio_s11 input[type=radio] {
		display: none;
	}
	.radio_s11 input[type=radio]:checked + .box {
		background-color: #5F5F5F;
		color:#FFF;
	}
	.radio_s11 input[type=radio]:checked + .box span {
		color: white;
		/* transform: translateY(70px); */
	}
	.radio_s11 input[type=radio]:checked + .box span:before {
		transform: translateY(0px);
		opacity: 1;
	}
	.radio_s11 .box {
		display: inline-block;
		/*
		position: relative;
		width: 200px;
		height: 65px;
		margin:10px;
		*/
		border: 1px solid #000;
		transition: all 250ms ease;
		padding: 2px 10px;
		margin: 0px 5px 0px 0px;
	}
	/*
	@media (max-width: 375px) {
		.radio_s11 .box {
			width: 200px;
			height: 45px;
			margin:6px;
		}
	} */


	/*已選取項目*/
	.radio_s11 .box:active {
		transform: translateY(6px);
		/* color: #FFF; */
	}
	.radio_s11_price{
	/*
		font-size:2.5rem;
		font-weight:700;
		font-family:"Inter", sans-serif;
		padding:0px;
	*/
		margin:0px;
		padding: 2px 10px;
	}

	.radio_s11_pname{
		/*font-size:0.8rem;*/
		color:#333;
		font-weight: 400;
		padding:10px 0px 10px 0px;
		margin:0px;
	}





/*頁籤-產品*/
.nav3-justified {
  width: 100%;
  border-bottom: solid 1px #CCC;
  /* background-color: #EDEDEE; */
  vertical-align: middle;
}

.nav3-pills > li { /* 標題 */
  float: left;
  text-align: center;
  font-size: 1em;
  min-width: 200px;
  letter-spacing:1px;
  padding: 8px 0px;
}
.nav3-pills > li > a {

  background: #E8E8E8;
	padding:10px 60px;

  color:#333;
  margin:10px 1px 0px 1px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}


@media screen and (max-width:375px) {
  .nav3-justified {
    height: 45px;
  }
  .nav3-pills > li {
    float: left;
    text-align: center;
    font-size: 1em;
    min-width: 50px;
  }
  .nav3-pills > li > a {
    margin:5px 1px 0px 1px;
    padding: 10px 10px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}

.nav3-pills > li + li {
  margin-left: 2px;
}
.nav3-pills > li.active > a,
.nav3-pills > li.active > a:hover,
.nav3-pills > li.active > a:focus {
  background-color: #333;
  color: #FFF;
  font-weight:700;
	text-decoration:none;
}
/*選取中*/
.nav3-pills > .open > a,
.nav3-pills > .open > a:hover,
.nav3-pills > .open > a:focus {
  background: #D1D1D1;
  color:#333;

  background: #666;
  color:#000;
	text-decoration:none;
}



/* 商品介紹 <pre> */
#pre-container pre { 
    overflow: auto; /*預設會自動使用捲軸 */
    width: auto; /* 根據需要設置最大寬度 */
    padding:10px;
    margin:0px;
    border-bottom:3px solid #EEE;
}
@media (max-width: 1199px) {
    #pre-container pre { width: 600px; }
}
@media (max-width: 767px) {
    #pre-container pre { width: 450px;}
}
@media (max-width: 530px) {
    #pre-container pre { width: 370px;}
}
@media (max-width: 460px) {
    #pre-container pre { width: 320px;}
}
@media (max-width: 372px) {
    #pre-container pre { width: 250px;}
}



/* 商品介紹內容區, QA */
.tab-content { 
  background: #FFF;
  padding: 15px;
  /* border: solid 1px #ddd; */
  border-top: none;
  margin-bottom: 20px;
  min-height: 200px;
}

.tab-content h4 {   /* QA標題 */
  font-size: 1.5em;
  text-align:center;
  color: #666;
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  letter-spacing: 5px;
}

.tab-content p {    /* QA內容 */
  font-size: 14px;
}

.tab-content img {
  max-width: 100%;
}

/* 影片介紹 */
#service-three iframe {
	width: 100%;
	height:580px;
}
@media screen and (max-width:375px) {
  #service-three iframe {
    width: 100%;
    height:250px;
  }
}







/* Product 商品詳細頁-show 
#prd_show {
	width: 100%;
}

#prd_show .head {
  position: relative;
  padding: 0 15px;
  margin-bottom:20px;
}
@media (max-width: 1279px) {
  #prd_show .head,
  #prd_show .detail .detail-slick .detail-item {
    padding: 0;
  }
}
*/
/*輪播圖*/
#prd_show .head .album {
  float: left;
  width: 400px;
}
@media (max-width: 640px) {
  #prd_show .head .album {
    float: none;
    width: 100%;
  }
}

/*大圖區*/
#prd_show .head .album .big {
  position: relative;
}

/*大圖箭頭*/
#prd_show .head .album .big a.album-prev,
#prd_show .head .album .big a.album-next {
  position: absolute;
  top: 100%;
  display: block;
  width: 25px;
  height: 25px;
  background-color: rgba(0,0,0,0.30);
  /*border: 2px solid rgba(0,0,0,0.30);*/
  border-radius: 100%;
  outline: none;
  transition: background .25s linear;
  -ms-transition: background .25s linear;
  -moz-transition: background .25s linear;
  -webkit-transition: background .25s linear;
  margin-top: -25px;
  z-index: 10000;
}
#prd_show .head .album .big a.album-prev:hover,
#prd_show .head .album .big a.album-next:hover {
  /*border: 2px solid rgba(0,0,0,1);*/
  background: rgba(0,0,0,1);
}

#prd_show .head .album .big a.album-prev.slick-hidden,
#prd_show .head .album .big a.album-next.slick-hidden {
  background: none;
  opacity: .15;
  cursor: not-allowed;
}

#prd_show .head .album .big a.album-prev { /*左箭頭*/
  right: 27px;
}
#prd_show .head .album .big a.album-prev:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#prd_show .head .album .big a:hover.album-prev:after {
  border-left: 2px solid rgba(255,255,255,1);
  border-bottom: 2px solid rgba(255,255,255,1);
}

#prd_show .head .album .big a.album-next { /*右箭頭*/
  right: 0;
}
#prd_show .head .album .big a.album-next:after {
  content: '';
  position: absolute;
  top: 8px;
  right: 10px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#prd_show .head .album .big a:hover.album-next:after {
  border-top: 2px solid rgba(255,255,255,1);
  border-right: 2px solid rgba(255,255,255,1);
}


/*大圖*/
#prd_show .head .album .big .slick-slide {
	height: 400px;
	background-color: #F3F1F1;
}
#prd_show .head .album .big .slick-slide > img {
	position: relative; top: 50%; transform: translateY(-50%);max-height: 400px; margin: 0 auto;
}
@media (max-width: 640px) {
	#prd_show .head .album .big .slick-slide { height: 593px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 593px;}
}
@media (max-width: 604px) {
	#prd_show .head .album .big .slick-slide { height: 557px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 557px;}
}
@media (max-width: 600px) {
	#prd_show .head .album .big .slick-slide { height: 553px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 553px;}
}
@media (max-width: 540px) {
	#prd_show .head .album .big .slick-slide { height: 493px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 493px;}
}
@media (max-width: 533px) {
	#prd_show .head .album .big .slick-slide { height: 486px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 486px;}
}
@media (max-width: 510px) {
	#prd_show .head .album .big .slick-slide { height: 455px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 455px;}
}
@media (max-width: 480px) {
	#prd_show .head .album .big .slick-slide { height: 433px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 433px;}
}
@media (max-width: 424px) {
	#prd_show .head .album .big .slick-slide { height: 377px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 377px;}
}
@media (max-width: 414px) {
	#prd_show .head .album .big .slick-slide { height: 367px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 367px;}
}
@media (max-width: 400px) {
	#prd_show .head .album .big .slick-slide { height: 353px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 353px;}
}
@media (max-width: 384px) {
	#prd_show .head .album .big .slick-slide { height: 337px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 337px;}
}
@media (max-width: 375px) {
	#prd_show .head .album .big .slick-slide { height: 330px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 330px;}
}
@media (max-width: 360px) {
	#prd_show .head .album .big .slick-slide { height: 313px;}
	#prd_show .head .album .big .slick-slide > img { /* max-height: 313px; */}
}
@media (max-width: 320px) {
	#prd_show .head .album .big .slick-slide { height: 273px;}
	#prd_show .head .album .big .slick-slide > img { max-height: 273px;}
}

/*小圖*/
#prd_show .head .album .small {
  margin-top: 10px;
  overflow: hidden;
}

#prd_show .head .album .small-slick {
  margin-left: -5px;
  margin-right: -5px;
}

#prd_show .head .album .small-slick .slick-slide {
  padding: 0 5px;
}
#prd_show .head .album .small-slick .slick-slide a {
  position: relative;
  display: block;
  border: 1px solid #fff;
  padding: 1px;
}
#prd_show .head .album .small-slick .slick-slide.slick-current a { /*小圖外框線*/
  border-color: #ccc;
}
#prd_show .head .album .small-slick .slick-slide a:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: rgba(0,0,0,.3);
}
#prd_show .head .album .small-slick .slick-slide.slick-current a:after {
  opacity: 0;
}

/*產品資訊區*/
#prd_show .head .txt {
  float: right;
  width: calc(100% - 450px); /*扣掉輪播圖區塊寬度*/
  font-family: 'Century Gothic', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
  padding-left:30px;
}
@media (max-width: 1199px) {
  #prd_show .head .txt {
    width: calc(100% - 420px);
    padding-left:15px;
  }
}
@media (max-width: 640px) {
  #prd_show .head .txt {
    float: none;
    width: 100%;
    margin-top: 25px;
    padding-left:0px;
  }
}


#prd_show .cp_name { /*公司名稱*/
  font-size: 1.8em;
  color:#333;
  padding: 0px 20px 0px 0px;
  font-weight: bold;
}
#prd_show .cp_view a { /*查看公司全部商品*/
  font-size: 1em;
  padding: 3px 10px 2px 10px;
  color:#999;
  border: 1px solid #999;
  margin-top: 5px;
}
#prd_show .cp_view a:hover { /*查看公司全部商品*/
  color:#333;
  border: 1px solid #333;
}

#prd_show .prd_name { /*商品名稱*/
  font-size: 1.5em;
  padding: 0px 0px;
  margin-bottom: 10px;
  line-height: 1.8rem;
}

#prd_show .rating-stars,
#prd_rating .rating-stars { /*星星評價*/
  font-size: 1.5em;
  color: #FEB902;
}

#prd_show .price { /*商品資訊:價格區塊*/
  /* font-size: 15px; */
  line-height: 30px;
  padding:10px 0px;
}

#prd_show .price .item {  /* 標題欄:定價 item 左欄 */
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  /* font-size: 1.2em; */
}

#prd_show .price .info { /* 資訊欄:價格 info 右欄 */
  float: left;
  /* width: calc(100% - 80px);*/
	color: #000;
}

.line-through { text-decoration: line-through; } /*刪除線*/

/* 上標 + 刪除線 */
.line_through_super {
  vertical-align: super !important; font-size:70% !important; line-height: 0 !important;
  text-decoration-line: line-through;
  color: rgb(155, 155, 155);
}

/* 下標 + 刪除線 */
.line_through_sub {
  vertical-align: sub !important; font-size:70% !important; line-height: 0 !important;
  text-decoration-line: line-through;
  color: rgb(155, 155, 155);
}



#prd_show .price .info .cprice2 { /* 售價,黑字 */
  color: #333333;
  font-size: 1.8rem;
  /* font-weight: bold; */
  padding-right: 8px;
  font-family:helvetica,verdana,Microsoft JhengHei;
}

#prd_show .price .info .cprice { /* 價格,大紅字 */
  color: red;
  font-size: 1.8rem;
  /* font-weight: bold; */
  padding-right: 8px;
  font-family:helvetica,verdana,Microsoft JhengHei;
}

#prd_show .point {   /*紅利點數*/
  color:red;
  font-size: 1.5em;
  padding: 5px 0px 10px 0px;
  font-weight: 600;
}
#prd_show .head .txt .point .tips_small{  /*商品可折$100*/
  font-size: 11pt;
  color:#666;
}
#prd_show .head .txt .color {   /*顏色/方案 區塊 */
  float: left;
  width: 80px;
  height: 30px;
  margin: 0px 3px;
  border: 1px solid #CCC;
}

#prd_show .head .txt .price > div {
  margin-bottom: 5px;
}

#prd_show .btn_blue {    /*加入購物車*/
  background-color: #61C3D0;
  color:#FFF;
  text-align: center;
  border-radius: 6px 6px 6px 6px;
  width:100%;
  padding:10px;
  /* margin:10px 0px; */
  font-size: 1.2em;
}
#prd_show .btn_blue:hover { opacity: .8; }

#prd_show .btn_red {    /*直接購買*/
  background-color: red;
  color:#FFF;
  text-align: center;
  border-radius: 6px 6px 6px 6px;
  width:100%;
  padding:10px;
  /* margin:10px 0px; */
  font-size: 1.2em;
}
#prd_show .btn_red:hover { opacity: .8; }

#prd_show .btn_white {  /*問答*/
  background-color: #FFF;
  color:#333;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 6px 6px 6px 6px;
  width:100%;
  padding:10px; 
  /* margin:10px 0px;*/
  font-size: 1.2em;
}
#prd_show .btn_white:hover { opacity: .8; }


/*數量-列*/
#prd_show .numset {
  width:150px;
  float:left;
  background-color: #FFF;
  padding: 0px;
  border: 1px solid #CCC;
  margin-right: 10px;
}
#prd_show .btn_num {  /*input*/
  font-size:15pt;
  text-align:center;
}


#prd_show .head .txt .price .price-sale { /*促銷價*/
  display: inline-block;
  color: #e30020;
  font-size: 1.75rem;
  line-height: 28px;
  vertical-align: top;
  margin-right: 6px;
}

#prd_show .head .txt .price .price-date { /*促銷期間*/
  display: block;
  color: #72a0d8;
  font-size: 0.9375rem;
  line-height: 20px;
  padding-top: 5px;
}
#prd_show .head .txt .price .price-date p {
  display: inline-block;
}

#prd_show .head .txt .summary { /*商品簡介*/
  color: #777;
  font-size: 0.875rem;
  line-height: 26px;
  margin-top: 20px;
}

#prd_show .head .txt .size-select { /*選擇規格*/
  display: block;
  width: 100px;
  height: 36px;
  color: #484f53;
  font-size: 0.875rem;
  border: 1px solid #aaa;
  border-left: none;
  border-right: none;
  background-color: transparent;
  background-image: url('../product/images/icon_down.png');
  background-size: 20px 5px;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  
}
#prd_show .head .txt .size-select::-ms-expand {
  display: none;
}



/*選擇數量*/
#prd_show .head .txt .qty { 
  margin-top: 20px;
}
#prd_show .head .txt .qty-select {
  float: left;
  width: 140px;
  height: 36px;
  background: #fff;
  border: 1px solid #aaa;
}
#prd_show .head .txt .qty-select a.qty-minus,
#prd_show .head .txt .qty-select a.qty-plus { /*增加、減少*/
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .5;
}
#prd_show .head .txt .qty-select a.qty-minus { /*減少數量*/
  background-image: url('../images/products/ic_qtyminus.jpg');
}
#prd_show .head .txt .qty-select a.qty-plus { /*增加數量*/
  background-image: url('../images/products/ic_qtyplus.jpg');
}

#prd_show .head .txt .qty-select a.qty-minus:hover,
#prd_show .head .txt .qty-select a.qty-plus:hover {
  opacity: 1;
}

#prd_show .head .txt .qty-select input {
  display: block;
  float: left;
  width: 70px;
  height: 34px;
  color: #484f53;
  font-size: 0.9375rem;
  text-align: center;
  background: #fff;
  border: none;
}

/* 加入購物車 */
#cart_add11{ margin-top:10px; }
#cart_add12{ margin-top:10px; }

#prd_show .msg {    /*運費訊息*/
  font-size: 1.2em;
  background: #FFF;
  margin: 2px 5px 2px 0px;
  padding:10px;
}
#prd_show .icon1 img {    /*小圖示: 7-11超取*/
  width: 25px;
}
#prd_show .msg .msg2 {    /*免運費，可宅配或超取*/
  font-size: 1.2em;
  color: red;
}
#prd_show .msg .share {    /*分享給朋友*/
  font-size: 1.2em;
  color: #333;
  vertical-align: middle;
}



@media screen and (max-width:375px) {
  #prd_show .head .txt .color {   /*顏色/方案 區塊 */
    width: 70px;
  }
  
  #prd_show .cp_name { /*公司名稱*/
    font-size: 1.6em;
  }
  #prd_show .cp_view a { /*查看公司全部商品*/
    font-size: 0.8em;
    padding: 3px 10px 2px 10px;
    margin-top: 2px;
  }
  #prd_show .prd_name { /*商品名稱*/
    font-size: 1.5em;
    line-height: 30px;
  }
  #prd_show .price .item {  /* 標題欄:定價 item 左欄 */
    float: left;
    padding-right: 10px;
    padding-top: 4px;
    font-size: 1.2em; 
  }
  #prd_show .point {   /*紅利點數*/
    padding: 0px;
  }
  
  #prd_show .icon1 img,
  #prd_show .icon1 i {    /*小圖示: 7-11超取*/
    max-width: 14px;
    font-size: 18px;
  }
  #prd_show .msg .msg2 {    /*免運費，可宅配或超取*/
    font-size: 1em;
  }
  #prd_show .msg .share {    /*分享給朋友*/
    font-size: 1em;
  }

  /*數量-列*/
  #prd_show .numset {
    width: 140px;
  }
  #prd_show .btn_num {  /*input*/
    font-size:15px;
  }

  #prd_show .btn_blue {    /*加入購物車*/
    font-size: 1.3em;
  }
  #prd_show .btn_red {    /*直接購買*/
    font-size: 1.3em;
  }
  #prd_show .btn_white {  /*問答*/
    font-size: 1.3em;
  }

}




/*商品詳細頁籤*/
#prd_show .detail {
  margin-top: 40px;
}

#prd_show .detail .tab {
  font-size: 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding-left: 10px;
}
@media (max-width: 1200px) {
	#prd_show .detail .tab {
	  padding-left: 0px;
	}
}

#prd_show .detail .tab li {
  display: inline-block;
  vertical-align: top;
	margin-right: 2px;
}
@media (max-width: 384px) {
	#prd_show .detail .tab li {
		margin-right: 1px;
	}
}

#prd_show .detail .tab li a {
  position: relative;
  display: block;
  height: 40px;
  color: #333;
  font-size: 1rem;
  line-height: 26px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #e8e8e8;
  border: 1px solid transparent;
  border-bottom: none;
  padding: 7px 50px 7px 24px;
}
@media (max-width: 720px) {
  #prd_show .detail .tab li a {
    height: auto;
    font-size: 0.875rem;
    padding: 7px 28px 7px 15px;
  }
}

@media (max-width: 480px) {
  #prd_show .detail .tab li a {
    font-size: 0.85rem;
    line-height: 20px;
    padding: 7px 26px 7px 12px;
  }
}
@media (max-width: 424px) {
  #prd_show .detail .tab li a {
    padding: 7px 12px;
	  text-align: center;
  }
}
@media (max-width: 414px) {
  #prd_show .detail .tab li a {
    padding: 7px 11px;
  }
}
@media (max-width: 400px) {
  #prd_show .detail .tab li a {
    padding: 7px 9px;
  }
}
@media (max-width: 384px) {
  #prd_show .detail .tab li a {
    padding: 7px 8px;
  }
}
@media (max-width: 375px) {
  #prd_show .detail .tab li a {
    padding: 7px 6px;
  }
}
@media (max-width: 360px) {
  #prd_show .detail .tab li a {
    padding: 7px 7px;
  }
}
@media (max-width: 320px) {
  #prd_show .detail .tab li a {
    font-size: 0.82rem;
    padding: 7px 2px;
  }
}


#prd_show .detail .tab li a:hover {
  background: #d1d1d1;
}

#prd_show .detail .tab li a:before {
  content: '';
  position: absolute;
  top: 17px;
  right: 25px;
  display: block;
  width: 10px;
  height: 6px;
  background: url('../images/products/ic_detailtab.png') no-repeat;
  background-size: 10px 6px;
  opacity: .5;
}
@media (max-width: 720px) {
  #prd_show .detail .tab li a:before {
    top: 50%;
    right: 13px;
    margin-top: -3px;
  }
}
@media (max-width: 480px) {
  #prd_show .detail .tab li a:before {
    right: 10px;
    margin-top: -2px;
  }
}
@media (max-width: 424px) {
  #prd_show .detail .tab li a:before {
	  background: url('../images/products/') no-repeat;
  }
}

#prd_show .detail .tab li.current a {
  color: #fff;
  text-decoration: none;
  border-top-color: #333;
  border-left-color: #333;
  border-right-color: #333;
  background-color: #333;
  cursor: default;
}
#prd_show .detail .tab li.current a:active {
  text-decoration: none;
}
#prd_show .detail .tab li.current a:before {
  content: '';
  position: absolute;
  top: 17px;
  right: 25px;
  display: block;
  width: 10px;
  height: 6px;
  background: url('../images/products/ic_detailtabo.png') no-repeat;
  background-size: 10px 6px;
  opacity: 1;
}
@media (max-width: 720px) {
	#prd_show .detail .tab li.current a:before {
		top: 50%;
		right: 13px;
		margin-top: -3px;
	}
}
@media (max-width: 480px) {
	#prd_show .detail .tab li.current a:before {
		right: 10px;
		margin-top: -2px;
  }
}

#prd_show .detail .detail-slick {
  margin-top: 20px;
  padding-bottom: 50px;
}
#prd_show .detail .detail-slick .detail-item { /*一組頁籤*/
  padding: 0 15px;
}
#prd_show .detail .detail-slick .detail-item.itempadding {
  padding: 0;
}
#prd_show .detail .detail-slick .detail-item img { max-width: 100%; height: auto !important; }


#prd_rating {
  padding: 20px;
  background: #FFF;
  color: #333;
  font-size: 1.5rem;
}
#prd_rating .prd_rating_header{
  font-size: 2rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}
#prd_rating h4{       /*Name*/
  font-size: 1.8rem;
  font-weight: bold;
  padding: 10px 0px;
}
#prd_rating .type{    /*規格*/
  padding: 10px 0px;
  color: #666;
  letter-spacing: 1px;
}
#prd_rating .content{
  padding: 10px 0px;
}
#prd_rating .date{
  padding: 10px 0px;
}
#prd_rating .pic img{ /*人像*/
  max-width: 100px;
}
#prd_rating .pic2 img{  /*分享圖*/
  max-width: 150px;
  padding: 5px 5px;
}


#prd_rating .like{  /* 讚 */
  float:right;
  width: 80px;
  color: #AAA;
  background-color: #FFF;
  font-size:16px;
  text-align: center;
  border: 1px solid #AAA;
  border-radius: 50px; 
  cursor: pointer;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 2px 10px;
}

#prd_rating .like_1{  /* 讚 active */
  float:right;
  width: 80px;
  color: #FFF;
  background-color: #00A4BD;
  font-size:16px;
  text-align: center;
  border: 1px solid #00A4BD;
  border-radius: 50px; 
  cursor: pointer;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 2px 10px;
}
#prd_rating .btn_blue {    /*查看全部評價*/
  background-color: #61C3D0;
  color:#FFF;
  text-align: center;
  border-radius: 6px 6px 6px 6px;
  width:100%;
  padding:10px;
  font-size: 1.2em;
}
#prd_rating .btn_blue:hover { opacity: .8; }


@media screen and (max-width:375px) {
  #prd_rating {
    padding: 0px;
    font-size: 1.2rem;
  }
  #prd_rating .prd_rating_header{
    font-size: 1.8rem;
    padding: 10px;
  }
  #prd_rating h4{       /*Name*/
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px;
    margin: 2px 0px;
  }
  #prd_rating .type{    /*規格*/
    padding: 0px 0px;
    letter-spacing: 0px;
    font-size: 14px;
  }
  #prd_rating .content{
    padding: 6px 0px;
  }
  #prd_rating .date{
    padding: 10px 0px;
  }
  
  #prd_rating .pic img{ /*人像*/
    max-width: 50px;
  }
  
  #prd_rating .pic2 img{  /*分享圖*/
    max-width: 100%;
    padding: 5px 5px;
  }
    
  #prd_rating .like{  /* 讚 */
    width: 60px;
    font-size:14px;
    padding: 2px 10px 0px 10px;
  }
  
  #prd_rating .like_1{  /* 讚 active */
    width: 60px;
    font-size:14px;
    padding: 2px 10px 0px 10px;
  }

}


.agent_title { 
  position: relative;
  color: #FFF;
  font-size: 15px; 
  font-weight: 700; 
  background: rgb(147, 231, 241); opacity: 1; 
}

.flex_agent_box {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.agent_title_left{
  margin:20px 20px;
  padding:50px 15px 50px 30px;
  background: #29A8BB;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 18px; 
  line-height: 15pt;
}
.agent_title_left img {
  max-width: 100px;
  padding-right:10px;
}
.agent_title_right{
  margin:20px 0px 20px 5px;
  padding:20px 30px;
  background: #61C3D0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 15pt;
}
.agent_title_right ul{
  list-style-type: none;
}

@media screen and (max-width:375px) {
  .agent_title { 
    font-size: 14px; 
    font-weight: 700; 
  }
  .flex_agent_box {
      display: block;
  }
  .agent_title_left{
    margin:10px 0px;
    padding:10px 10px 10px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 15px; 
    line-height: 14px;
  }
  .agent_title_left img {
    max-width: 100px;
    padding-right:10px;
  }
  .agent_title_right{
    margin:10px 0px 20px 5px;
    padding:10px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 15pt;
  }
  .agent_title_right ul{
    list-style-type: square;
    padding-left:10px;
    margin-left:10px;
  }
}

 #faq {    /* 商品介紹內容區, QA */
  font-size: 14px;
  background: #FFF;
  padding: 24px;
  margin-bottom: 20px;
  min-height: 200px;
  border: none;
}

#faq h4 {   /* QA標題 */
  font-size: 1.5em;
  text-align:center;
  color: #666;
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  letter-spacing: 5px;
}

#faq-list-1 a {	/* Q - 題目 */
	font-size:14px;
}

@media screen and (max-width:375px) {
  #faq {    /* 商品介紹內容區, QA */
    padding: 0px;
    min-height: 200px;
    }
    #faq h4 {   /* QA標題 */
    border-bottom: 0px solid #CCC;
    padding-bottom: 0px;
    }  
}



/* CSS小視窗 */
.win-header{
  text-align:center;
  padding:20px 20px 0px 20px;
  border-bottom:1px solid #E5E5E5;
}
.win-body{
  position: relative;
  padding: 15px;
}
.win-footer{
  padding-top:12px;padding-bottom:14px;
  border-top-color:#E4E9EE;
  -webkit-box-shadow:none;
  box-shadow:none;
  background-color:#EFF3F8;
  text-align:center;
}
.modal{ 
  z-index: 99999;
}

/*大圓角*/
.border-radius-10{ -webkit-border-radius: 10px; border-radius: 10px; }
.border-radius-20{ -webkit-border-radius: 20px; border-radius: 20px; }
.border-radius-30{ -webkit-border-radius: 30px; border-radius: 30px; }
.border-radius-40{ -webkit-border-radius: 40px; border-radius: 40px; }
.border-radius-50{ -webkit-border-radius: 50px; border-radius: 50px; }



/* 商品圖 */
.item-image img {
  box-shadow: 0px 0px 4px rgba(0,0,0,0.1)
  /*
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2),
  inset 6px 6px 32px rgba(255,255,255,0.1),
  inset 0px 0px 8px rgba(255,255,255,0.5),
  inset -5px -5px 12px rgba(0,0,0,0.25); */
}
.item-image img:hover { box-shadow: 0px 0px 6px rgba(0,0,0,0.2); }
.pos-task-product .title { padding-top:10px; text-align:center;}




/* 商品圖 */
.item-image img {
  /*
box-shadow: 0px 0px 4px rgba(0,0,0,0.1)

box-shadow: 0px 0px 6px rgba(0,0,0,0.2),
inset 6px 6px 32px rgba(255,255,255,0.1),
inset 0px 0px 8px rgba(255,255,255,0.5),
inset -5px -5px 12px rgba(0,0,0,0.25); */
}
.item-image img:hover { box-shadow: 0px 0px 6px rgba(0,0,0,0.2); }
.pos-task-product .title { padding-top:10px; }

.pos-task-product { box-shadow: 0px 0px 5px rgba(0,0,0,0.1)}