@charset "utf-8";
#float_sidebar {
	position: fixed;
	z-index: 99;
	text-align: center;
	right: 15px;
	top: 140px;
}
#float_sidebar button {
	background-color: transparent;
	width: 100%;
	padding-top: 0px;
	border: 0px;
}
#float_cart_down{
	border-radius: 50%;
	color: #fff;
	margin-bottom: 7px;
}

#float_cart_down {
	background: rgba(0,0,0,0.3);
}

#float_cart_down i{
	display: block;
	color: #fff;
	font-size: 34px;
}
#float_cart_down a{
	color: #fff;
	width: 80px;
    height: 80px;
    display: block;
    padding: 8px 0;
}

#float_cart_down a:hover{
	box-shadow: 0 0 10px #999;
	border-radius: 50%;
}
header {padding-top:20px;}
#logo {
	padding-left:40px;
	}
#logo img {
		max-width: 249px;
	}
#title_01 {
	font-size: 20px;
	font-weight: 600;
	color: #8b5c29;
    padding-top: 32px;
    line-height: 24px;
    font-family: Arial, "新細明體", sans-serif;
    letter-spacing: 1px;
}
#topnav{
	float:right;	
	overflow: hidden;
	min-width:170px;
		}
.service a, .fb a, .member a {	
width:45px;	
height:40px;
float:left;	
display: block;
margin-left:10px;
margin-top:20px;
}
.language a {	
width:35px;	
height:40px;
float:left;	
display: block;
margin-left:10px;
margin-top:20px;
}
.service a {
	background:url(../images/topnav.png) 0 0 no-repeat;
	}
.fb a {
background:url(../images/topnav.png)  -58px 0px   no-repeat;}
.member a {
	background:url(../images/topnav.png) -111px 0 no-repeat;}
.service a:hover{ background:url(../images/topnav-hover.png) 0 0 no-repeat;}
.fb a:hover {
	background:url(../images/topnav-hover.png) -58px 0 no-repeat;
	}
.member a:hover {
	background:url(../images/topnav-hover.png) -111px 0 no-repeat;
	}

.language a{
	background: url(../images/topnav-lgs.png) -110px 0 no-repeat;
	
}
.language a:hover{
	background: url(../images/topnav-lgs.png) -165px 0px  no-repeat;
}
/*mainnav 選單*/
#mainNav {
background-color: #6a3906;
	box-shadow: 0 2px 8px #999999;
    border-radius: 10px;
	margin: 24px 0px 0px 0px;
    padding: 0 50px;
	height:77px;
	line-height:77px;
}
.navbar-nav {
  /* float: initial; */
width: 100%;
  }

.navbar {
  margin-bottom: 0px;
min-height: 30px;
}
.navbar {
  background-color: transparent;
  border-color: transparent;
}
.navbar .navbar-brand:hover,.navbar-brand {
	color:#e4d3bf!important;
	font-size:17px;}
.icon-bar {
	background-color:#fff!important;
	}
.container-fluid > .navbar-header{

	}
.navbar .navbar-toggle {
  border-color: #fff;
  margin-right:0!important;
}
#bs-example-navbar-collapse-1 {
  padding-right: 0px;
  padding-left: 0px;
  min-width: 76px;
}
.navbar .navbar-nav > li {
width: 14.2%;
text-align: center;
height: 76px;
padding-top: 10px;
height: 40px;
border-right: 2px solid #956235;
margin-top: 18px;
}
.navbar .navbar-nav > li:first-child  {
    border-left: 2px solid #956235;
}
.navbar .navbar-nav > li > a {
display: block;	
padding: 5px 15px;
width:100%;
height: 55px;
border-right: 0px solid #c8a063;
margin-top: -19px;
}
.navbar .navbar-nav > li > a:hover {
padding: 5px 15px;
height:55px;
 background-color: #b18147;
}
.nav_01 a , .nav_02 a , .nav_03 a , .nav_04 a , .nav_05 a , .nav_06 a , .nav_07 a {
	width:100%;
	height:77px;}
	.nav_01 a:hover , .nav_02 a:hover , .nav_03 a:hover , .nav_04 a:hover , .nav_05 a:hover , .nav_06 a:hover , .nav_07 a:hover {
	width:100%;
	height:77px;}
.nav_01 a {
	background:url(../images/nav_1_01.png) center no-repeat;
	
	}
.nav_01 a:hover {
	background:url(../images/nav_01.png) center no-repeat #b18147;
	}
	.nav_02 a {
	background:url(../images/nav_1_02.png) center no-repeat;
	}
.nav_02 a:hover {
	background:url(../images/nav_02.png) center no-repeat #b18147;
	}
	.nav_03 a {
	background:url(../images/nav_1_03.png) center no-repeat;
	}
.nav_03 a:hover {
	background:url(../images/nav_03.png) center no-repeat #b18147;
	}
.nav_04 a {
	background:url(../images/nav_1_04.png) center no-repeat;
	}
.nav_04 a:hover {
	background:url(../images/nav_04.png) center no-repeat #b18147;
	}
.nav_05 a {
	background:url(../images/nav_1_05.png) center no-repeat;
	}
.nav_05 a:hover {
	background:url(../images/nav_05.png) center no-repeat #b18147;
	}
.nav_06 a {
	background:url(../images/nav_1_06.png) center no-repeat;
	}
.nav_06 a:hover {
	background:url(../images/nav_06.png) center no-repeat #b18147;
	}
.nav_07 a {
	background:url(../images/nav_1_07.png) center no-repeat;
	}
.nav_07 a:hover {
	background:url(../images/nav_07.png) center no-repeat #b18147;
	}
/*輪播*/
#ad {
	padding: 20px 0;
}
.flex-direction-nav .flex-prev {
	color: #FF0!important
}
.flex-direction-nav .flex-next {
	color: #FFF!important;
}
/* Control Nav */
.flex-control-nav {
	bottom: 10px!important;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #FFF;
	background: rgba(247,247,247,0.7)!important;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #FFF;
	background: rgba(141,120,108,0.7)!important;
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(148,81,44,0.9)!important;
	cursor: default;
}
/*輪播圓角*/
#ad .flexslider .flex-viewport {
	border-radius: 10px; }
/*內容*/
#intro01 {
	padding: 15px 0;
}
#main_title {
	padding-top:20px;
	color:#C8A063;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	overflow:hidden;
	}
	#main{
		padding:15px 0;
		overflow:hidden;
		min-height:300px;
		}
/*調整會員價文字回到初始值*/
.sm-product-detail{
	overflow: hidden;
}
.sm-product-detail .dl-horizontal dt {
width: 100px;
text-align: left;
float: left;
margin-bottom: 10px;
overflow: initial;
text-overflow: initial;
white-space: initial;
}

/*footer*/	
footer {
	padding-top:20px; 
	}
.copyright { 
border-top:10px solid #e4d3bf;
padding:15px;
color: #C8A063}
 /*頁尾四顆浮動*/
#mobile-float{
	background:#6a3906;
	color:#fff;
	line-height:24px;
	font-size:14px;
	padding:5px 0;
	position:fixed;
	width:100%;
	bottom:0px;
	z-index: 4;
	}
#mobile-float ul{
	margin:0px;
	padding:0px;
	padding-top:2px;
	padding-bottom: 0px;
	}
#mobile-float ul li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:inline-block;
	width:24%;
	text-align:center;
	border-left:1px solid #fff;
}
#mobile-float ul li img {
	display:block;
	margin: 0 auto;
	padding-bottom:0px;
	height:22px;
	}
#mobile-float ul li:first-child{
	border-left:0px solid #fff;
	}
#mobile-float ul li a{
	color:#fff;
	display:block;
	width:100%;
	}
.mobile-float-01 ,.mobile-float-02 ,.mobile-float-03 ,.mobile-float-04 {
	background-color:transparent;
	width:100%;
border: 0px;
	}

.modal-body_2{
	overflow:hidden;
	}

/*付款方式置右*/
.payment_block .control-label, .deliver_block .control-label {    
text-align: left !important;}


.col-xs-5ths,/*5個欄位的寫法*/
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (max-width: 991px) {
	#title_01 {
		padding-top:30px;
		font-size:17px;
	}
	#mainNav {
		height:77px;
		padding: 0 10px;
		margin-top:15px;
		}
#topnav{
	float:right;	
	overflow: hidden;
	min-width:180px;
		}
.service a, .fb a, .member a {	
margin-left:2px;
}
.language a {	
margin-left:2px;
}	
	}
	@media (max-width: 767px) {
		#logo {
	padding-left:15px;
	}
	#title_01 {
		text-align:center;
		padding-top:10px;
	}
	#mainNav {
		line-height: normal;
		height:auto;
		padding:0;
		overflow:hidden;
		margin-top:20px;
		}
	
	.navbar {
    margin-top: 0px;
}
.navbar-collapse {
    border-top: 0px ;
	}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-top:0px;
	}
	#bs-example-navbar-collapse-1 {
  height:auto;
}
	.container-fluid > .navbar-header {
    border-bottom: 0px ;
	padding: 5px 20px;
}
.navbar .navbar-toggle:hover {
	background-color: #e5c69b;
	}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: #e5c69b;
}

	.navbar-nav {
		margin:0px;
		border: 0px;
		height:auto;
		background-color: #6a3906;
		border-radius: 0 0 10px 10px;
	}
	.navbar .navbar-brand {
    color: #ccc;
    padding: 14.5px 0px;
}
		.navbar .navbar-brand a{
	color: #FFFFFF;
		}

	.navbar .navbar-nav > li{
	width:100%;
	border-right:0px;
	border-top: 1px solid #e5c69b;
	height: auto;
    padding-top: 0;
	margin: auto;
	}
	.default_border > ul >li {
	border-right:0px  !important;
}
.default_border > ul >li:first-child {
	border-left:0px!important;
}
.navbar .navbar-nav > li:first-child > a {
    border-left: 0px ;
}
	.navbar .navbar-nav > li > a {
color:#313131;
padding: 15px 0 15px 23px;
display:block;
text-align:left;
border-radius:0px;
color:#ffffff;
height: 50px;
border-right: 0px solid #c8a063;
margin: auto;
}

.navbar .navbar-nav > li > a:hover{
	background-color:#e5c69b;
	display:block;
	color:#5a2e13;
	height: 50px;
	padding: 15px 0 15px 23px;
	 font-weight: 600;

}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
	background:#669900;
	color:#fff;
	}
.navbar .navbar-nav .open .dropdown-menu > li > a {
	color:#333;
	padding-left:40px;
}
/*手機板點點*/
.flex-control-nav {
	bottom: -15px!important;
}
/*內容*/
#intro01 {
	padding:0 0 15px 0;
}
footer {
	padding-top:20px; 
	padding-bottom: 50px;
	}
	.sm-figure-2 {
   padding: 0px;
}
/*縮小手機板邊距*/
.container {
/*margin-right: auto;
margin-left: auto;
padding-left: 5px;
padding-right: 5px;*/
overflow: hidden;
}

	}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
	
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}