@charset "utf-8";
/* CSS Document */

/* 側邊欄 - menu */
.m_side_menu {
	display:none;
}
@media screen and (max-width: 767px) {
/* mobile subMenu */
.leftBox .side_menu {
	display:none;
}

.m_side_menu {
	display:block;
	margin:0 0 0px;
	position:relative;
}

.m_side_menu a.main {
	display:block;
	background:#EEE;
	font-size:15px;
	color:#666;
	border:1px solid #DDD;
	position:relative;
	padding:10px;
	border-radius:5px;
	cursor:pointer;
}

.m_side_menu a.main i {
	display:block;
	font-size:15px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-6px;
}

.m_side_menu > div {
	display:none;
	width:100%;
	/*background:#FFF;
	border-radius:5px;
	border:1px solid #D1D1D1;*/
	position:absolute;
	left:0;
	top:100%;
	z-index:999;
}
}

/*** 商品列表 ***/
.productList {
	margin-left:-10px;
	margin-right:-10px;
}
.productList [class*="col-"] {
	padding-left:10px;
	padding-right:10px;
}
@media (max-width: 480px) {
.productList .col-xs-6 {
	width:100%;
}
}

/*** 商品內頁 ***/
.productIntro {
	/*padding-top:20px;*/
}

 /* 商品縮圖 */
ul.thumb {
	margin:5px -2px 20px;
}
ul.thumb li {
	padding:2px;
}
ul.thumb li a {
	display:block;
	box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}
ul.thumb li a img {
	width:100%;
}

 /* 商品介紹 */
.introBox h1 {
	font-size:24px;
	margin-top:0;
	margin-bottom:20px;
}

.introBox .Txt {
	color:#777;
	font-size:15px;
	line-height:1.6;
	text-align:justify;
	margin-bottom:20px;
}
.introBox .Txt ul {
	list-style:disc outside none;
	padding-left:1.3em;
}
.introBox .Txt img {
	display:block;
	max-width:100%;
	height:auto;
}

 /* 分享按鈕 */
.introBox .share-btn {
	color:#A29F9D;
	border-top:1px dashed #A29F9D;
	border-bottom:1px dashed #A29F9D;
	padding:8px 0;
	margin-bottom:20px;
}

.share-btn #___plus_0,
.share-btn .fb-like,
.share-btn .line-it-button {
	vertical-align:middle !important;
}

.introBox .social {
	color:#A29F9D;
	border-top:1px dashed #A29F9D;
	border-bottom:1px dashed #A29F9D;
	padding:8px 0;
	margin:20px 0;
}

.introBox .social a {
	color:#A29F9D;
	font-size:16px;
	margin:0 10px;
}

.introBox .social a:hover {
	color:#DA251C;
}

.introBox .orderTable {
	margin-bottom:20px;
}

.introBox h4 {
	color:#BD0000;
	/*font-size:16px;
	font-style:italic;*/
	font-weight:bold;
	margin-bottom:20px;
}
.introBox .btn-set {
	margin-bottom:20px;
}

 /* 詳細說明 */
.tabBox {
	margin-top:20px;
}

.tabBox .tab-content {
	padding:20px 5px;
}


/*** 套用 get-shit-done-1.4.0 Radio TEST ***/
/*      Checkbox and radio         */
.checkbox,
.radio {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #333333; }

.checkbox input,
.radio input {
  outline: none !important;
  display: none; }

.checkbox .icons,
.radio .icons {
  color: #DDDDDD;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 2px;  /* top: 0; 改為 2px 讓選項按鈕與文字等高 */
  width: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100); }

.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox:hover,
.radio:hover {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.checkbox:hover .first-icon,
.radio:hover .first-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox:hover .second-icon,
.radio:hover .second-icon {
  opacity: 1;
  filter: alpha(opacity=100); }

.checkbox.checked,
.radio.checked {
  color: #2CA8FF; }

.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox.checked .second-icon,
.radio.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #2CA8FF;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.checkbox.disabled,
.radio.disabled {
  cursor: default;
  color: #DDDDDD !important; }

.checkbox.disabled .icons,
.radio.disabled .icons {
  color: #DDDDDD !important; }

.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100); }

.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
  color: #DDDDDD; }

.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0); }

.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #D9D9D9; }