@charset "utf-8";
@import url("bootstrap-theme.css");
/* CSS Document */
html{
	font-size:16px; 
	line-height:1.5rem;
	font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica, Arial,  sans-serif;
	margin:0;
	color:#333
}
body
{
		font-size:14px; 
		font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica, Arial,  sans-serif;
}
h1{
	font-size:1.375rem; /*22px */
	font-weight:bold}
h2
{
	font-size:1.125rem; /*18px */
	color: #cc3366;
	
}
h3{
	font-size:1.25rem; /*20px*/
	font-weight: bold;
	color: #F58FC2;
}
h4
{
	font-size: 1rem; /*14px*/
	color: #C30;
}
a{text-decoration:none;color:#000}
a:hover{color:#666}
.content 
{
	position: relative;
}
section,section li
{
font-family: "微軟正黑體","Microsoft Jhenghei",Helvetica, Arial,  sans-serif;
	font-size: 0.875rem; /*14px*/
	line-height: 180%;	
}
.row
{
	margin-top:1rem;
	margin-bottom:1rem;
}
#member_join_table {
		width: 100%;
		border: 1px solid #999;
		border-collapse: collapse;
		margin-bottom: 10px;
		font-size: small;
}
#member_join_table th, #member_join_table td {
		border-right: 1px dotted #ccc;
		border-bottom: 1px solid #999;
		line-height: 2em;
		padding: 5px;
		text-align: left;
}
#member_join_table th {
		background-color: #eee;
		width: 180px;
}
span.help {
		color: #666;
}
.itempic {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 10px;
    float: left;
    overflow: hidden
}
.itempic img {
    width: 100%;
    height: auto
}
.itemtex {
    line-height: 18px;
    font-size: 13px;
    text-align: center;
    clear: both;
    margin-top: 10px
}
.itemtext1{
	width: 35%;
	text-decoration: line-through;
	font-size: 0.75rem; /*12px*/
	float: left;
	text-align: right;
	margin-top: 0.5rem;
}
.itemtext2 {
    width: 35%;
    padding: 2px;
    color: #ff004e;
    font-size:1.125rem; /*18px*/
    text-align: center;
    margin-left: 5px;
    float: left;
    font-weight: bold
}

/*產品詳細資訊 S*/
.prod_detail h1
{
	font-size: 1.7rem;
	color: #222;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height:150%;
}
.prod_detail h2
{
	font-size: 1rem;
	color: #222;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height:150%;
}
.prod_detail .itemtext2
{
	width: 100%;
	font-size: 1.2rem;
	color: #900;
	padding: 0px;
	margin:0px;
	line-height: 150%;
text-align: left;	
}
.prod_detail .panel
{
	background-color: #F5F5F5;
}
.nav > li > a,nav ul li a
{
	text-decoration: none;	
}
.itemwishes {
    width: 10%;
    float: right;
    margin-top: -5px
}
.itembig {
    float: left;
    margin-right: 28px;
}
.itembigtext {
    color: #C33;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    clear: both
}
.itembigpic {
    height: 150px
}
.itembigright {
    float: right;
    width: 140px
}
.itemselect select,#buy_remind
{
	font-size:12px;
	text-align:center;
}
.panel-default
{
	padding: 10px;
	border-color: #FBB;

}
.navbar-toggle span
{
	color:#fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.qua
{
	margin-top: 7px;	
}
.qua input
{
	width:50px;
	height:30px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #bbb;
	border-bottom-color: #bbb;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.qua button
{
	width:30px;
	height:30px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #bbb;
	border: 1px solid #bbb;
}

/*產品詳細資訊 E*/


.hottitle {
    height: 1px;
    border-top: #555 2px solid;
    text-align: center
}
.titlebox{
	font-size:1rem;
	width: 100%;
	margin-top: 4rem;
	margin-bottom:4rem;
}
.title {
	height: 1px;
	border-top: #555 1px solid;
	text-align: center;
}
.title span {
	position: relative;
	top: -0.5rem;
	background-color: #900;
	color: #fff;
	padding-top: 0.5rem;
	padding-right: 3rem;
	padding-bottom: 0.5rem;
	padding-left: 3rem;
}

#copyright {
    margin-top: 5px;
    text-align: center;
    font-size: 8px;
    color: #777
}


.margin200
{
	margin-top:100px;
}
.margin80
{
	margin-top:80px;
}
.media-left img
{
	width:70px;
	height:70px;
}

footer
{
	margin-top: 4rem;
	margin-bottom: 4rem;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	color: #444;
	padding-top: 2rem;
	font-size: 12px;
	-webkit-text-size-adjust:none;
}
footer a
{
	font-size: 12px;
	-webkit-text-size-adjust: none;
	color: #666;
}
footer ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
footer ul li:before
{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #f58fc2;	
	padding-right: 10px;
}
footer ul li
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.tel
{
	font-size: 1.25rem; /*20px*/
	color: #09F;
	margin-bottom: 1rem;
	line-height: 150%;
}

.row-fluid
{
		margin-top:2rem;
		margin-bottom:2rem;
}
/*購物車*/
.table-bordered
{
	font-size:1rem;
}
.table-bordered  img
{
	width:100px;
	height:100px;
}
.table-bordered th , .table th
{
	background-color: #FADCE3;
	padding: 0.3rem;
	color: #333;
	font-size: 1rem;
}
.table-bordered td
{
	border: 1px solid rgba(230,60,140,0.2);
	padding: 0.5rem;
}
.table-bordered .cart_qua
{
	width:5rem;
}
#cart button
{
	padding:0.3rem;
	font-size: 0.875rem;
}
#cart button a
{
	text-decoration: none;
	color: #FFF;
}
.price
{
	font-size:1.1rem;
	color: #C30;

}
.navbar-toggle .icon-bar
{
	color:#fff;
}
#top-bar{
	display: block;
	width: 300px;
	top: 15px;
	right:0px;
	text-align: right;
	position: absolute;
	z-index:9999;
}
#top-bar .topicon
{	
	padding: 5px;
	background-color: #ed8ea6;
	border-radius: 4px;
	color:#fff;
	font-size:22px;
}
#top-bar .topicon a
{
	cursor: pointer; /*手型，表示超連結*/
}
#show input,#show button
{
	margin:4px;
	
}
#show button
{
	color:#333;
}
.navbar-fixed-top
{	background:rgba(255,255,255,0.9);
margin-top:-20px;
}

.navbar-collapse {
	margin-top:35px;
}
.navbar-brand
{
	width:150px;
	height:80px;
	margin-top:-30px;
}
.btn
{
	background-color: #ed8ea6;
}

/*好感留言 Start*/
.comment {
    cursor: pointer;
    height:80px;
    margin-bottom: 10px
}
.comment .photo {
    float: left
}
/*.comment .photo img {
    width: 100px;
    height: 125px;
    max-width: 100px;
    max-height: 125px
}*/
.comment .commenttext {
    width: 175px;
    height: 103px;
    border: #CCC 1px solid;
    float: right;
    padding: 10px;
    overflow: hidden;
    color: #e08882
}
#commentbox{
	width: 100%;
	border: #e08882 1px solid;

}
#commenttitle{color:#FFF;padding:11px;margin-left:0px;font-size:20px;line-height:100%;}
#commentzone{
	position: absolute;
	top:-50px;
	position: relative;
	overflow: hidden;
	height: 270px;
	width: 100%;
	border: 0 solid #ccc;	
	padding-right: 1rem;
	padding-left: 1rem;
}
#commentzone ul
{
	position: absolute
}
#commentbg{margin-top:-62px;float:left;width:0;height:0;border-style:solid;border-width:100px 100px 0 0;border-color:#e08882 transparent transparent transparent}
.comment{ margin-bottom:18px;margin-top:-100px;}
#commentzone .comment .photo {
 	float: left;
}

.commenttext{ border:#CCC 1px solid; float:left; padding:10px;  overflow: hidden; color:#e08882;	}
/*好感留言 End */

dt:before
{
	content: "\f054";
	font-family: FontAwesome;
	font-size: 9px;
	color: #aaa;
	margin-right: 9px;
}

dt
{
	font-size: 1rem;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	color: #333;
}
dd .mark
{
	font-size: 0.875rem;
	}
dd
{
	margin-left: 1rem;
	margin-top:0.4rem;
	line-height:150%;
}

dd button 
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 0.3rem;
	padding-right: 1rem;
	padding-bottom: 0.3rem;
	padding-left: 1rem;
	background-color: #CCC;
}
dd button  a,section button a 
{
		text-decoration: none;	
}
section a /*內文連結有底線*/
{
	text-decoration: underline;	
}

.mark
{
		color: #09C;	
}
.section ul li
{
	list-style-type: square;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:3rem;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: -3rem;
}
.section u
{
	text-decoration: underline;	
}
.section .ps
{
	font-size:0.75rem;
	color: #09C;	
}
dd ul ol
{
	list-style-type: decimal;
	list-style-position: outside;
}
/*商品頁左側選單 開始*/
.leftmenu
{
	display:block;
}
.leftmenu a
{
	font-size:0.875rem;
	line-height:180%;
	color:#666;
}
.leftmenu ul li ul li
{
	list-style-type: none;
	list-style-position: outside;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
.leftmenu h3
{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FF8EFF;
	padding-top: 10px;
}
.leftmenu ul li ul li:before
{
	content: "\f105";
	font-family: FontAwesome;
	font-size: 9px;
	color: #333;
	margin-right: 5px;
}
.leftmenu h3 a
{
	font-size:1rem;
	line-height:180%;
	color:#444;
}
/*商品頁左側選單 結束*/
.ps
{
	font-size: 0.75rem; /*12px*/
	color: #666;
}
button{

	border: none;
	font-size:12px;
	color: #FFF;
	padding: 0.3rem;
}
.search input
{
	font-size: 12px;
	color: #333; 
	padding: 0.2rem;
	margin-top: 0.5rem;
	margin-right: 0.5rem;
}
aside{z-index:999;width:85px;position:absolute;top:50px;right:-90px}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.navbar-right 
{
	color: #069;	
}

.modal-body
{
	line-height: 150%;
	font-size:1rem;	
}
#regiter label
{

width:17%;
	float:left;
	margin-top:1rem;
	margin-bottom:1rem;
}

#regiter input
{
width:50%;
	float:left;
	margin-top:1rem;

}
#regiter br
{
	clear:both;
}
.formtext
{
	margin-left:17%;
	font-size:0.7rem;
	line-height:140%;
	color: #555;
}
.caption h3
{
	font-size:0.875rem;
	color:#333;
	line-height:170%;
	text-align:center;
}

.text-info
{
	font-size:0.875rem;
	line-height:150%;
}
.bigtext
{
	font-size:36px;
	color:#f00;
}

.blog .col-lg-3 {
	background-color: #ffffff;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.add img
{
	width:25%;
	margin:0px;
	padding:0px;
}
.panel-body h1
{
	font-size:14px;
	display:inline-block;
	color:#333;
	margin-left:12px;
}

.panel-body .price
{
		font-size:12px;
			display:inline-block;
		color:#333;
			margin-left:5px;
}

/*瀑布流 開始*/

#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

#tiles li {
width:275px !important;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px !important;
margin-right:7px;
margin-bottom:15px; !important;
float:left;
}

#tiles li img {margin-bottom:10px;}

#tiles li div.meta {color:#999;text-transform:uppercase;font-size:0.7rem;margin:0;}

#tiles li h4 {font-size:1.063rem;line-height:1.5;margin:0 0 5px 0;}

#tiles li h4 a {line-height:inherit;margin:0;text-decoration:inherit;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;}

#tiles li p {font-size:0.875rem;line-height:150%;margin:0;}

#tiles li a {font-size:0.875rem;}

#tiles li .more_link {
	font-size: smaller;
	line-height:150%;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: nowrap;
	display: block;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#tiles li blockquote {line-height:1.5;margin:0;padding:0;color:#999;border:none;font-size:150%;font-style:italic;font-family:Georgia, Times, serif;}

#tiles li blockquote small {font-size:11px;font-style:normal;}

/* Responsive Image */

img {max-width:100%;height:auto;width:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* Responsive Video from Zurb Foundation. Copyright (c) 2011 ZURB, http://www.zurb.com/ License: MIT */

.flex-video {position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow: hidden;}

.flex-video.widescreen {padding-bottom:57.25%;}

.flex-video.vimeo {padding-top:0;}

.flex-video iframe, .flex-video object, .flex-video embed {position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

.tab-pane
{
	margin-bottom: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*瀑布流 結束*/

.modal,.modal a
{
	font-size:1rem;
}

.jumbotron .thumbnail
{
	width: 150px;
	height: 300px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.jumbotron .thumbnail h3
{
	font-size:0.875rem;
	color:#333;
}
.jumbotron .thumbnail p
{
	magrin-top:0px;
	line-height:100%;
}
.jumbotron .text-danger
{
	font-size:24px;
	color:#900
}
.div_qa
{
	background-color: #FEEDED;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.div_qa hr
{
	height: 1px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #D17070;
}
.re
{
	font-weight: bold;
	color: #CA5959;
	padding-left: 20px;
}
.vote-star
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	color: #EE9D9D;
	line-height: 100%;
}
.vote
{
	font-size: 15px;
	color: #0070A6;
	display: inline-block;
}
/** Loader **/
  
#loader {
  height: 16px;
  text-align: center;
  padding: 25px 0 25px 0;
}
  
#loaderCircle {
  width: 16px;
  height: 16px;
margin: 0 auto;
  background-image: url('../images/loader.gif');
}
/*搜尋框*/
.search-input
{
	width:100%;
}

@media screen and (max-width: 1023px){
.navbar-inverse .navbar-nav > li > a { 
padding:0.3rem;
}
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  
#top-bar .topicon
{	
	padding: 5px;
	background-color: #ed8ea6;
	border-radius: 4px;
	color:#fff;
	font-size:18px;
}
.navbar-brand
{
	width:120px;
	height:70px;
	margin-left:-20px;
}
}



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

.collapse
{
	top:0px;
	background-color:transparent
}

#top-bar{
	display: block;
	width: 300px;
	top: 0px;
	right:0px;
	text-align: right;
	position: absolute;
	z-index:9999;
}
.hottitle{display:none}
footer ul li
{
	padding-top: 0.2rem;
	padding-bottom:0.2rem;
	float: left;
	margin-right:0.3rem;
	margin-left: 0.2rem;
}
footer ul li a,footer ul li
{
	font-size: 14px;
	line-height:120%;
}
/*.media-left img
{
	width:140px;
}*/
.titlebox{
	width: 100%;
	margin-top: 2rem;
	margin-bottom:2rem;
}

#regiter label
{
	width: 100%;
	margin-top: 1rem;
	margin-botton: 0rem;

}

#regiter input
{
	width: 100%;
	margin-top: 0rem;
	margin-botton: 0rem;

}
#regiter br
{
	clear:both;
}
.formtext
{
	margin-left:0px;
	line-height:180%;

}
#commentzone{
	top:-40px;

}

}
@media screen and (max-width: 640px){
.collapse
{
	position:absolute;
	width:100%;
	box-sizing:border-box;
	left:0px;
	top:50px;
	z-index:3;	
	background:#fff;
}

.navbar-brand
{
	width:110px;
	height:60px;
	margin-top:20px;
	margin-left:-20px;
}
#top-bar{
	display: block;
	width: 300px;
	top:40px;
	right:50px;
	text-align: right;
	position: absolute;
	z-index:4;
}
.comment {
	height:80px;
	overflow:hidden;
}

#commentzone{
	top:-20px;

}
.media-left img
{
	height:50px;
	width:50px;
	min-height:50px;
	min-width:50px;
}
}