body{
	font-family:"Lucida Console","Microsoft JhengHei","新細明體",Arial,sans-serif;
}

header{ background-color: rgba(255,255,255,0.15);}


.navbar-right{ margin-right:0;}
.navbar-brand { padding: 7px 0px;}


.carousel-inner .item{
    height:300px;
    overflow:hidden;
}
/*logo*/
#logo a , .m_logo a{ display:block;}

.main_menu #logo{
	background:url(../../images/logo.png) no-repeat 0 0px;
	background-size: contain;
	width: 188px;
	height: 84px;
	text-indent:-9999px;
	margin:0;		
}

#m_logo{
	background:url(../../images/logo.png) no-repeat 0 0px;
	background-size: contain;
	width: 100px;
	height: 50px;
	text-indent:-9999px;
	margin: 0 15px 0;	
}

/*top_menu*/
.top_menu{ 
	background-color: #63C713;
	height: 10px;
}
.top_menu .utility li{ 
	margin-left:10px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
	background-color: #63C713;
}
.top_menu .utility li a{ 
	padding:10px;
	color:#fff;
	font-size: 1.1em;
}

.utility span{
	margin-right:7px;
	}


/*fix_menu*/
#fixedbar{
	position:absolute;
	background-color:#64CA13;
    background-image: none;
	top:-180px;
	left:0;
	right:0;
	z-index:10;
}

.fixed_menu{ 
	position: absolute; 
	padding-left:0; 
	padding-right:0;
	}
.fixed_menu .utility{ margin-left: 251px;}
.fixed_menu .utility li{
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    margin-left: 15px;
    height: 55px;
    background-color: #63C713;
}

#fixedbar .fixed_menu>ul>li>a{color:#fff;}

/*main_menu*/
.main_menu{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 40px;
}
.main_menu .menu_list ul>li{
    float: left;
    height: 51px;
    line-height: 51px;
    position: relative;
    text-align: center;
    width: 20%;
	padding:0;
}
.main_menu .menu_list ul>li:before , .main_menu .menu_list ul>li:first-child:after {
    background: #e6e6e6;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    top: 14px;
    width: 1px;
}
.menu_list .menu_item  a{
	font-weight: bold;
	display:block;
}

.menu_list .menu_item:hover a:after{
	position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 53%;
    height: 0;
    background-color: #00a05c;
    transition: height 0.2s ease;
	}

.main_menu .menu_list ul>li:before{ right:0;}


/*banner*/
.main_banner{ margin-top:15px;}
.main_banner .pic{
	max-height:400px;
	overflow:hidden;
}

/*h1-h6*/
h3.index_title{
	margin-bottom:30px;
	margin-top:30px;
	color: #666;
}
h3.index_title::before,h3.index_title::after{
	content: "";
    display: inline-block;
    position: absolute;
    top: .6em;
    width: 42%;
    border-bottom: 1px solid #cbcbcb;
}

h3.index_title::before {
    left: 0;
}
h3.index_title::after {
    right: 0;
}

h4.title{		
	border-bottom: 1px solid #dff0d8;
	padding-bottom: 15px;
	color: #6CCE35;
}

/*index*/
.index_list{ 
	position:relative;
	margin-bottom: 30px;
}


/*index>news*/
.index_list .news_list{
	background: #f5f5f5;
	padding: 5px 15px;
}
.index_list .news_list li>a{color: #333;}
.news_box .title{
	display:inline-block;
	padding-left:15px;
	margin-bottom: 0;
}
.news_box time{ padding-right:15px;}
.news_box .more{
	display:inline-block;
	margin-left: 480px;
	margin-bottom: 0;
}


/*index>join*/
.join_list {
    display: block;
    background: #f0ad4e;
    color: #FFFFFF;
    padding: 15px;
}

.join_list .joinlink{
	border: 1px solid #fff;
    padding: 8px 15px;
    color: #f0ad4e;
    background: #fff;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
}

/*index>info*/

.info_section{
	background: #f5f5f5;
}

.index_list .info_title>ul>li>a{
	background-color: #f0ad4e;
    width: 135px;
    color: #fff;
    border-radius: 0;
}
.index_list .info_context{min-height:400px;}
.info_title>ul{ display:inline-block;}

.info_section .video{
	margin-top: 20%;
    height: 250px;
}
/*index>store*/
.store_box .pic{
	width:100%;
	height:155px;
	overflow:hidden;
	border-radius:0;
	line-height: 140px;
    text-align: center;
}
.store_list .store_box a{
	display: block;
    border: 1px solid #64CA13;
    background: #fff;
    padding: 5px 8px;
	text-align: center;
}

.store_box .pic>img{
	margin: 0 auto;
	display:inline-block;
}

/*leftmenu*/
.leftmenu li{
	line-height:1.7em;
	padding: 5px 15px;
	margin-bottom: 5px;		
}

.leftmenu>li:hover{
	 background: #F5F5F5;
}
.leftmenu>li.active{
	position: relative;
	background: #F5F5F5;
}
.leftmenu>li.active::after{
	content: "\e131";
	padding: 0 5px;
	color: #6DCC35;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 5px;
}

/*store_list*/
.store_list .store_box{padding-bottom: 30px;}
.store_list .store_box .pic{
	width:100%;
	height:152px;
	overflow:hidden;
}

.store_box .address{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.store_box .address::before{
	content: "\e135";
	padding: 0 5px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.store_box .tel::before{
	content: "\e183";
	padding: 0 5px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.store_box .more::before{
	content: "\e144";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	
}
.store_box .favorite::before{
	content: "\e007";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

/*contact*/
.dl-horizontal{
    border-top:1px dotted #6c6c6c;
}
.dl-horizontal dt{
	width: 70px;
}
.dl-horizontal dd{
	margin-left: 85px;
}

dd,dt{
	line-height: 2em;
}

/*product_list*/

.product_box{
	background: #fcf8e3;
    margin-bottom: 15px;
    border:1px solid #DDD;
    height:232px;
    text-align:center;
}
.product_box:hover{
    border:1px solid #f58400;
}

.product_box .detail{  padding: 8px 12px;}
.product_box .pic{
	overflow:hidden;
    max-height:182px;
}

.product_box .pic>img {
    max-height:140px;
    margin:0 auto;
}
.product_box .pic figcaption{
    display:none;
}
.h3_product_name{
    font-size:16px;
    color:#343434;
    padding:3px 3px 3px 3px;
    margin:2px;   
}
.product_box .txt{
	overflow:hidden;
	height:40px;
}
.product_box .price{
    background: none repeat scroll 0 0 #FF5A00;
    border-radius: 24px 13px 13px 24px;
    color: #FFFFFF;
    font-size:16px;
    font-weight: bold;
    padding: 3px 3px 2px 4px;
	float:left;
	width:80px;
    margin-right:15px;
}

.product_box .points{
	background: none repeat scroll 0 0 #d62872;
    border-radius: 16px 16px 16px 16px;
    color: #FFFFFF;
    font-size:14px;
    font-weight: bold;
    padding: 3px 3px 2px 4px;
	float:left;
	width:80px;
}

/*footer*/
footer{
	padding-top:10px;
}
footer, footer a{
	background-color:#666;
	color:#FFF;
}

.editor img{
	display: block;
    max-width: 100%;
    height: auto;
}

.product_detail h1{
    font-size:20px;
    color:#337ab7;
    margin:0xp;
}



/************/
.btn:hover{
    color:#FFF;
}
.btn_add_to_cart{
    background:#f70000;
    color:#FFF;
}
.product_price{
    color:#e00517;font-size:21px;
}
.product_point{
    color:#ff5100;font-size:18px;
}

.navbar-toggle{
    padding:6px 6px;
}