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

/* 共通 css開始  */
body{
	font-family: "微軟正黑體";
	line-height: 1.5em;
	margin:0;
	background: url(../img/background.jpg) top center no-repeat;
	background-size: 100% 100%;
    -moz-user-select : none;
    -webkit-user-select: none;
}

a{
	text-decoration:none;
	outline: none;
	hlbr:expression(this.onFocus=this.blur());		
}

a img{
	border:none;
}

a:hover{
	text-decoration: none;
}

/* 分頁 */
.pagination{
	width: 100%;
	padding: 10px 0;
	clear: both;
	text-align: center;
	background: none;
	box-shadow: none;
	margin: 0;
}

.pagination a{
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #fff;
	color: #636d6d;
	font-size: 18px;
	margin: 0 0.1em;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	border-radius: 50%;
}

.pagination strong{
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #81bb8e;
	color: #FFF;
	font-size: 18px;
	margin: 0.1em;
	border: 1px solid #636d6d;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
	display: inline-block;
}

.pagination a:hover, .pagination strong:hover{
	color: #fff;
	background: #81bb8e;
}

.htmleditor{
	padding: 0 1%;
	overflow-x: hidden;
	word-break: break-all;
}

#mainpage{
	background-image: url(../img/background_icon.png), url(../img/background_icon2.png);
	background-position: left bottom, right 40%;
	background-repeat: no-repeat, no-repeat;
}

/* head */
#head_top{
	padding: 10px 5px;
	background: #81bb8e;
	color: #fff;
}

.head_member i{
	font-size: 18px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	background: #fff;
	color: #81bb8e;
	margin: 0 2px;
}

#message_notice{
	position: absolute;
	bottom: -5px;
	right: 10px;
	width: 15px;
	height: 15px;
	font-size: 12px;
	background: red;
	border-radius: 50%;
	text-align: center;
	line-height: 15px;
	color: #fff;
}

#head_member_wrap{
	text-align: right;
}

.head_member{
	padding: 0 15px;
	border-right: 1px solid #fff;
	display: inline-block;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.head_member:last-child{
	border: none;
}

.head_member:hover{
	opacity: 0.7;
	color: #fff;
}

#head{
	box-shadow: 0 0 5px #aaa;
	background: #fff;
}

#menu_wrap{
	text-align: center;
}

.menu{
	padding: 30px 8px;
	display: inline-block;
	font-size: 14px;
	color: #000;
	transition: all 0.45s ease-in-out;
}

@media (max-width: 1199px){
	.menu{
	    padding: 0px 8px;
		font-size: 14px;
        width: 60px;
        vertical-align: text-top;
	}
}

#logo{
	display: block;
	margin: 0 auto;
}

@media(max-width: 991px){
	#head{
		padding: 15px 0;
	}
	#logo{
		height: 55px;
		margin: 0;
	}
	
	#menu_wrap{
		text-align: right;
	}
}

.menu:hover{
	background: #81bb8e;
	color: #fff;
}

#cart_button{
	font-size: 18px;
	color: #000;
	transition: all 0.45s ease-in-out;
	display: inline-block;
	cursor: pointer;
}

@media (max-width: 1199px){
	#cart_button{
	    padding: 0px 8px;
	}
}

#cart_button:hover i{
	color: #81bb8e;
}

#cart_button span{
	font-size: 12px;
	border: 1px solid #000;
	padding: 2px 4px;
}

#cart_button:hover span{
	background: #81bb8e;
	color: #fff;
}

#language_button{
	font-size: 24px;
	color: #000;
	transition: all 0.45s ease-in-out;
	display: inline-block;
	text-align: center;
	padding: 0 10px;
	vertical-align: middle;
	cursor: pointer;
}

@media (max-width: 1199px){
	#language_button{
        vertical-align: text-top;
	}
}

#language_button span{
	display: block;
	font-size: 12px;
}

#language_button:hover{
	color: #81bb8e;
}

#mobile_menu_button{
	padding: 30px 10px;
	display: inline-block;
	font-size: 18px;
	color: #000;
	transition: all 0.45s ease-in-out;
	cursor: pointer;
	vertical-align: middle;
}

#mobile_menu_button:hover{
	color: #81bb8e;
}

@media (max-width: 991px){
	#mobile_menu_button{
		font-size: 30px;
		padding: 10px;
	}
	
	#cart_button{
		font-size: 30px;
	}
	
	#cart_button span{
		vertical-align: middle;
		font-size: 14px;
	}
	
	#language_button{
		font-size: 30px;
		vertical-align: middle;
	}
	
	#language_button span{
		margin-top: -5px;
	}
}

#mobile_menu_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 1%;
	background: #fff;
	display: none;
}

#mobile_menu_cancel{
	padding: 5px 1%;
	text-align: center;
	font-size: 30px;
	transition: all 0.3s ease-in-out;
	color: #000;
	cursor: pointer;
}

#mobile_menu_cancel:hover{
	background: #81bb8e;
	color: #fff;
}

.mobile_menu{
	display: block;
	padding: 10px 1%;
	font-size: 18px;
	text-align: center;
	color: #000;
    cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.mobile_menu:hover{
	background: #81bb8e;
	color: #fff;
}

.mobile_menu2_wrap{
    display: none;
}

.mobile_menu2{
    display: block;
	padding: 10px 1%;
	font-size: 14px;
	text-align: center;
	color: #000;
    border-bottom: 1px solid #ddd;
	transition: all 0.3s ease-in-out;
}

.mobile_menu2:hover{
    color: #81bb8e;
}

#main_slider_wrap{
	position: relative;
}

#main_slider__mobile_wrap{
	position: relative;
}

.main_slider{
	width: 100%;
	height: 48.9584vw;/* 940 px */
	position: relative;
}

.main_slider_img{
	width: 100%;
	height: 48.9584vw;/* 940 px */
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px){
	.main_slider{
		height: 150vw; /* 1200px */
	}
	.main_slider_img{
		height: 150vw; /* 1200px */
	}
}

/*
.main_slider img{
	width: 100%;
	height: 100%;
}*/

.slider_href{
	background: #fff;
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
	border-radius: 30px;
	padding: 8px 45px;
	position: absolute;
	left: 45%;
	bottom: 250px;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991px){
	.slider_href{
		left: 40%;
	}
}

@media (max-width: 767px){
	.slider_href{
		left: 38%;
	}
}

@media (max-width: 480px){
	.slider_href{
		left: 30%;
	}
}

.slider_href:hover,.slider_href:focus{
	background: #81bb8e;
	color: #fff;
}

#slider_roll_left{
	position: absolute;
	top: 38%;
	left: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	transition: all 0.35s ease-in-out;
}

#slider_roll_right{
	position: absolute;
	top: 38%;
	right: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	transition: all 0.35s ease-in-out;
}

#slider_roll_left:hover,#slider_roll_right:hover{
	background: #81bb8e;
}

#mobile_slider_roll_left{
	position: absolute;
	top: 38%;
	left: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	transition: all 0.35s ease-in-out;
}

#mobile_slider_roll_right{
	position: absolute;
	top: 38%;
	right: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	transition: all 0.35s ease-in-out;
}

#mobile_slider_roll_left:hover,#mobile_slider_roll_right:hover{
	background: #81bb8e;
}

#language_wrap{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999;
	padding: 40vh 2% 0 2%;
	text-align: center;
	display: none;
}

.language{
	color: #fff;
	text-align: center;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	margin: 0 5px 5px 5px;
}

.language_img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: flex;
	overflow: hidden;
}

.language span{
	display: block;
	text-align: center;
	font-size: 18px;
	padding: 5px 0;
}

.language:hover{
	color: #fff;
	opacity: 0.7;
}

#slider_bottom_background{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 220px;
	background: url(../img/slider_bottom_background.png) top center no-repeat;
	background-size: cover;
	padding: 50px 0;
}

@media (max-width: 767px){
	#slider_bottom_background{
		padding: 0;
	}
}

.index_link{
	color: #fff;
}

.index_link img{
	display: block;
	margin: 0 auto;
}

.index_link span{
	display: block;
	width: 100%;
	text-align: center;
    text-shadow: 0 0 8px #000;
}

#index_link_wrap{
	background: url(../img/index_link_background.png) top center no-repeat;
	background-size: cover;
	height: 305px;
	width: 100%;
}

#index_link_fix{
	margin-top: -180px;
}

.index_link:hover{
	color: #fff;
	opacity: 0.8;
}

.index_link:focus{
	color: #fff;
	opacity: 0.8;
}

/* foot */
#foot_wrap{
	padding: 20px 0 0 0;
}

#foot_top_wrap{
	padding: 5px 0;
	background: #fff;
}

#line_button{
	font-size: 24px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #494a51;
	border-radius: 5px;
	color: #494a51;
	transition: all 0.3s ease-in-out;
	margin: 0 5px;
    display: inline-block;
}

#line_button:hover{
	background: #81bb8e;
	color: #fff;
	border-color: #81bb8e;
}

#fb_button{
	font-size: 24px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border: 1px solid #494a51;
	border-radius: 5px;
	color: #494a51;
	transition: all 0.3s ease-in-out;
    display: inline-block;
}

#fb_button:hover{
	background: #0068b7;
	color: #fff;
	border-color: #0068b7;
}

#foot_bottom_wrap{
	padding: 5px 0;
}

.foot_bottom_row{
	text-align: center;
}

#geyes_button{
	color: #000;
	transition: all 0.3s ease-in-out;
}

#geyes_button:hover{
	opacity: 0.7;
}

#top_button{
	position: fixed;
	bottom: 45px;
	right: 5px;
	width: 40px;
	height: 40px;
	background: #a0a0a0;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 26px;
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
}

#top_button:hover{
	background: #81bb8e;
}

/* 產品說明 */
#head_img{
	width: 100%;
	height: 20.8334vw; /* 400px */
}

#head_img img{
	width: 100%;
	height: 100%;
}

.page_bar_wrap{
	background: #81bb8e;
	padding: 15px 5px;
	width: 100%;
	display: inline-block;
}

.page_bar{
	float: right;
	color: #fff;
	font-size: 14px;
}

.member_bar{
	color: #fff;
	font-size: 18px;
	text-align: center;
}


#product_navi_title{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
}

#product_navi_title_mobile{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
}

@media (max-width: 767px){
	#product_navi_wrap{
		display: none;
	}
}

.product_navi{
	padding: 12px 15px;
	color: #696969;
	font-size: 18px;
	border-bottom: 1px solid #696969;
	transition: all 0.4s ease-in-out;
	display: inline-block;
	width: 100%;
}

.product_navi i{
	float: right;
	font-size: 14px;
}

.product_navi:last-child{
	border-bottom: none;
}

.product_navi:hover{
	color: #417f4f;
}

.product_navi.active{
	color: #417f4f;
}

.product_navi2_wrap{
	width: 100%;
	display: none;
}

.product_navi2{
	color: #696969;
	display: inline-block;
	width: 100%;
	padding: 5px 20px;
	font-size: 16px;
}

.product_navi2:hover{
	color: #417f4f;
}

.product_navi2.active{
	color: #417f4f;
}

.proudct_list_img{
	width: 100%; /* 590px */
	height: 214.5px; /* 480px */
	overflow: hidden;
	border-radius: 8px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1199px){
    .proudct_list_img{
        height: 173px; /* 240px */
    }
}

@media (max-width: 991px){
    .proudct_list_img{
        height: 128px; /* 240px */
    }
}

@media (max-width: 768px){
    .proudct_list_img{
        height: 35.1475vw; /* 240px */
    }
}

.proudct_list_img img{
	/*width: 100%;
	height: 100%;*/
	transition: all 0.3s ease-in-out;
}

.product_list:hover img{
	transform: scale(1.2);
}

.product_list_hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.product_list_hover span{
	color: #fff;
	font-size: 28px;
	border: 3px solid #81bb8e;
	float: right;
	padding: 3px 16px;
	border-radius: 10px;
	margin: 10px 10px 0 0;
}

.product_list:hover .product_list_hover{
	opacity: 1;
}

.product_list_content{
	padding: 5px;
	font-size: 16px;
}

.product_list_title{
	color: #81bb8e;
}

.product_list_price{
	text-align: right;
	color: #8c8b8a;
}

#proudct_inside_img{
	width: 100%; /* 295px */
	height: 332.5px; /* 240px */
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 0 5px 2px #aaa;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1199px){
    #proudct_inside_img{
        height: 271.5px; /* 240px */
    }
}

@media (max-width: 991px){
    #proudct_inside_img{
        height: 433px; /* 240px */
    }
}

@media (max-width: 768px){
    #proudct_inside_img{
        height: 75.737vw; /* 240px */
    }
}
/*
#proudct_inside_img img{
	width: 100%;
	height: 100%;
}*/

.proudct_inside_small_img{
	height: 94.56px; /* 240px */
	margin-top: 5px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-shadow: 0 0 5px 2px #aaa;
	border-radius: 8px;
}

.proudct_inside_small_img img{
	/*width: 100%;
	height: 100%;*/
}

@media (max-width: 1199px){
    .proudct_inside_small_img{
        height: 74px; /* 240px */
    }
}

@media (max-width: 991px){
    .proudct_inside_small_img{
        height: 128px; /* 240px */
    }
}

@media (max-width: 768px){
    .proudct_inside_small_img{
        height: 21.5427vw; /* 240px */
    }
}


#product_inside_title{
	padding: 8px 5px;
	font-size: 24px;
	color: #81bb8e;
	font-weight: bolder;
}

.htmleditor.product_into{
	height: 13.1372vw;
	overflow-y: auto;
}

@media(max-width: 991px){
	.htmleditor.product_into{
		height: auto;
	}
}

.htmleditor.product_into::-webkit-scrollbar {
  width: 5px;
}
 
.htmleditor.product_into::-webkit-scrollbar-track {
  background: #ddd;
}
 
.htmleditor.product_into::-webkit-scrollbar-thumb {
  background: #666; 
}

#product_inside_price{
	padding: 10px 0;
	color: #81bb8e;
	font-size: 18px;
	font-weight: 600;
}

#product_inside_price span{
	font-size: 14px;
	color: #777;
	margin-left: 10px;
}

#product_inside_price input{
	width: 80px;
	padding: 4px 10px;
	border-radius: 30px;
	border: 1px solid #aaa;
	background: none;
	margin-left: 10px;
}

#product_inside_button_wrap{
	text-align: left;
}

.product_inside_button{
	padding: 5px 15px;
	display: inline-block;
	border: none;
	background: #aaa;
	color: #fff;
	transition: all 0.3s ease-in-out;
	border-radius: 6px;
	cursor: pointer;
	margin-bottom: 5px;
}

.product_inside_button:hover{
	background: #81bb8e;
	color: #fff;
}

#product_content{
	font-size: 14px;
	font-weight: 600;
	padding: 8px 0;
	color: #777;
	border-bottom: 1px solid #d2d2d2;
}

/* 消息資訊 */
#news_navi_title{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
}

#news_navi_title_mobile{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
}

@media (max-width: 767px){
	#news_navi_wrap{
		display: none;
	}
}

.news_navi{
	padding: 12px 15px;
	color: #696969;
	font-size: 18px;
	border-bottom: 1px solid #696969;
	transition: all 0.4s ease-in-out;
	display: block;
}

.news_navi:last-child{
	border-bottom: none;
}

.news_navi:hover{
	color: #417f4f;
}

.news_navi.active{
	color: #417f4f;
}

.news_list{
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}

.news_list_img{
	padding: 0;
}

.news_list_img img{
	width: 100%; /* 300px */
	height: 234px; /* 240px */
}

@media (max-width: 1199px){
	.news_list_img img{
		height: 194px;
	}
}

@media (max-width: 991px){
	.news_list_img img{
		height: 150px;
	}
}

@media (max-width: 767px){
	.news_list_img img{
		height: 80vw;
	}
}

.news_list_hover{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	padding-top: 40%;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}

.news_list_hover span{
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 35px;
	margin: 0 auto;
	border: 2px solid #81bb8e;
	border-radius: 50%;
	font-size: 24px;
	color: #fff;
}

.news_list:hover .news_list_hover{
	opacity: 1;
}

.news_list_title{
	color: #81bb8e;
	padding: 8px 0;
	font-size: 18px;
	font-weight: 600;
}

.news_list_subtitle{
	color: #777;
	padding-bottom: 3px;
	border-bottom: 1px solid #aaa;
}

.news_intro{
	color: #777;
	height: 150px;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (max-width: 1199px){
	.news_intro{
		height: 110px;
	}
}

@media (max-width: 991px){
	.news_intro{
		height: 70px;
	}
}

@media (max-width: 767px){
	.news_intro{
		height: auto;
	}
}

.news_intro::-webkit-scrollbar {
  width: 5px;
}
 
.news_intro::-webkit-scrollbar-track {
  background: #ddd;
}
 
.news_intro::-webkit-scrollbar-thumb {
  background: #666; 
}

#news_content{
	padding: 10px 1%;
	min-height: 500px;
}

@media (max-width: 767px){
	#news_content{
		min-height: auto;
	}
}

.beck_button_wrap{
	padding: 15px 0;
	text-align: right;
}

@media (max-width: 767px){
    .beck_button_wrap{
        text-align: center;
    }
}

.beck_button{
	padding: 8px 15px;
	color: #fff;
	font-size: 16px;
	background: #aaa;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.beck_button:hover{
	background: #81bb8e;
	color: #fff;
}

/* 有分類頁面 */
#page_navi_title{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
}

#page_navi_title_mobile{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
}

@media (max-width: 767px){
	#page_navi_wrap{
		display: none;
	}
}

.page_navi{
	padding: 12px 15px;
	color: #696969;
	font-size: 18px;
	border-bottom: 1px solid #696969;
	transition: all 0.4s ease-in-out;
	display: inline-block;
	width: 100%;
}

.page_navi i{
	float: right;
	font-size: 14px;
}

.page_list_wrap{
	width: 100%;
	display: none;
}

.page_list{
	color: #696969;
	display: inline-block;
	width: 100%;
	padding: 5px 20px;
	font-size: 16px;
}

.page_list:hover{
	color: #417f4f;
}

.page_list.active{
	color: #417f4f;
}

.page_navi:last-child{
	border-bottom: none;
}

.page_navi:hover{
	color: #417f4f;
}

.page_navi.active{
	color: #417f4f;
}

#has_navi_page_content{
	padding: 10px 1%;
	min-height: 500px;
}

@media (max-width: 767px){
	#has_navi_page_content{
		min-height: auto;
	}
}

#page_navi2_wrap{
	margin-bottom: 10px;
}

.page_navi2{
	display: inline-block;
	padding: 10px 20px;
	margin: 0 5px 5px 5px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	background: #aaa;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.page_navi2:hover{
	background: #81bb8e;
	color: #fff;
}

#has_navi2_title{
	width: 100%;
	padding: 10px 20px;
	font-size: 16px;
	background: #aaa;
	color: #fff;
	border-radius: 5px;
}

/* 聯絡我們 */
.contact_row{
	font-size: 16px;
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}

#contact_radio_title{
	margin-right: 100px;
}

.contact_row input[type=radio]{
	margin: 0 10px;
}

@media (max-width: 767px){
	#contact_radio_title{
		margin-right: 0;
	}
	.contact_row input[type=radio]{
		margin: 0 5px;
	}
}

.contact_row textarea{
	vertical-align: text-top;
	height: 100px;
	background: none;
	resize: none;
}

@media (max-width: 480px){
	.contact_row textarea{
		width: 100%;
	}
}

.contact_row input[type=text]{
	background: none;
}

.contact_row select{
	background: none;
}

#contact_button_wrap{
	text-align: center;
	padding: 10px 0;
}

.button1{
	display: inline-block;
	padding: 6px 15px;
	color: #fff;
	background: #aaa;
	border-radius: 8px;
	transition: all 0.35s ease-in-out;
	border: none;
	cursor: pointer;
	margin: 0 5px;
}

.button1:hover{
	color: #fff;
	background: #81bb8e;
}

/* 售後服務 */
.qa_list{
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.qa_list_icon{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: #aaa;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	transition: all 0.4s ease-in-out;
}

.qa_list_title{
	padding: 15px 10px;
	border-bottom: 1px solid #dcdcdc;
	color: #aaa;
	display: inline-block;
	width: 80%;
	font-size: 16px;
	transition: all 0.4s ease-in-out;
}

.qa_list:hover .qa_list_icon{
	background: #81bb8e;
	color: #fff;
}

.qa_list:hover .qa_list_title{
	background: #dcdcdc;
	color: #777;
	border-radius: 8px;
}

/* 售後服務 內頁 */
#qa_title_wrap{
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

#qa_title_icon{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: #707070;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	transition: all 0.4s ease-in-out;
}

#qa_title_text{
	padding: 15px 10px;
	border-bottom: 1px solid #dcdcdc;
	color: #81bb8e;
	font-weight: 600;
	display: inline-block;
	width: 80%;
	font-size: 16px;
	transition: all 0.4s ease-in-out;
}

#qa_content_wrap{
	width: 100%;
	display: inline-block;
}

#qa_content_icon{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: #81bb8e;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	transition: all 0.4s ease-in-out;
}

#qa_content{
	padding: 0 10px;
	font-weight: 600;
	display: inline-block;
	width: 80%;
	font-size: 16px;
	transition: all 0.4s ease-in-out;
	vertical-align: text-top;
	min-height: 500px;
}

@media(max-width: 767px){
	#qa_content{
		min-height: auto;
	}
}

/* 會員登入 */
.sign_row{
	width: 304px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
}

.sign_row input{
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	background: none;
	border-radius: 5px;
}

#member_fb_button{
	width: 160px;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	color: #fff;
	background: #2566b1;
	border-radius: 5px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

#member_fb_button:hover{
	opacity: 0.7;
}

#login_button{
	background: #aaa;
	width: 80px;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	display: inline-block;
	border: none;
	border-radius: 5px;
	font-size: 16px;
}

#login_button:hover{
	opacity: 0.7;
}

.sign_row_span{
	color: #81bb8e;
	transition: all 0.3s ease-in-out;
}

.sign_row_span:hover{
	opacity: 0.7;
}

/* 會員註冊 */
.registered_row{
	width: 304px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
}

.registered_row input{
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	background: none;
	border-radius: 5px;
}

#redistered_button{
	background: #aaa;
	width: 100px;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	display: inline-block;
	border: none;
	border-radius: 5px;
	font-size: 16px;
}

#redistered_button:hover{
	opacity: 0.7;
}

/* 有分類頁面 */
#member_navi_title{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
}

#member_navi_title_mobile{
	padding: 8px 15px;
	color: #fff;
	background: #81bb8e;
	font-size: 16px;
	border-radius: 5px;
	cursor: pointer;
}

@media (max-width: 767px){
	#member_navi_wrap{
		display: none;
	}
}

.member_navi{
	padding: 12px 15px;
	color: #696969;
	font-size: 18px;
	border-bottom: 1px solid #696969;
	transition: all 0.4s ease-in-out;
	display: block;
	cursor: pointer;
}

.member_navi i{
	float: right;
	font-size: 14px;
}

.member_navi:last-child{
	border-bottom: none;
}

.member_navi:hover{
	color: #417f4f;
}

.member_navi.active{
	color: #417f4f;
}

.member_navi2_wrap{
	padding: 5px 15px;
	display: none;
}

.member_navi.active .member_navi2_wrap{
	display: block;
}

.member_navi2{
	color: #696969;
	display: inline-block;
	width: 100%;
	padding-top: 5px;
}

.member_navi2 i{
	float: left;
	font-size: 18px;
}

.member_navi2:hover{
	color: #417f4f;
}

.member_navi2.active{
	color: #417f4f;
}

/* 會員資料 */
.member_row{
	padding: 10px 0;
	font-size: 16px;
}

.member_row input{
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	background: none;
	border-radius: 5px;
}

.member_button_row{
	text-align: right;
	padding: 10px 0;
}

.member_row_title{
	color: #417f4f;
	font-size: 18px;
	font-weight: 500;
}

/* 發文紀錄 */
.message_order_list{
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	color: #777;
	font-size: 16px;
}
.message_order_list span{
	float: right;
}

.message_order_list:hover{
	background: #fff;
	color: #81bb8e;
	box-shadow: 0 0 5px #d9d9d9;
}

/* 發文列表 */
.message_list{
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 10px;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	color: #777;
	font-size: 16px;
}
.message_list.view{
	font-weight: 600;
	color:#000;
}

.message_list span{
	float: right;
}

.message_list:hover{
	color: #81bb8e;
}

/* 發言內容 審核狀態 */
#messsage_content_title{
	font-size: 18px;
	font-weight: 600;
	color: #81bb8e;
}

.message_content_subtitle{
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
}

.messsage_content_review{
	padding: 1px 5px;
	background: #81bb8e;
	color: #fff;
	border-radius: 5px;
}

.messsage_content_date{
	float: right;
}

.message_content_button_wrap{
	text-align: right;
}

.message_content_button_wrap2{
	margin-bottom: 15px;
	text-align: right;
}

.message_like_button{
	width: 50px;
	height: 50px;
	font-size: 28px;
	line-height: 45px;
	text-align: center;
	border-radius: 50%;
	border: none;
	background: #aaa;
	color: #fff;
	cursor: pointer;
	transition: all 0.35s ease-in-out;
}

.message_like_button:hover{
	background: #81bb8e;
}

.message_like_span{
	font-size: 28px;
	padding: 0 10px;
}

.message_like_button.active{
	background: #81bb8e;
}

.message_like_span.active{
	color: #81bb8e;
}

.message_dislike_button{
	width: 50px;
	height: 50px;
	font-size: 28px;
	line-height: 45px;
	text-align: center;
	border-radius: 50%;
	border: none;
	background: #aaa;
	color: #fff;
	cursor: pointer;
	transition: all 0.35s ease-in-out;
}

.message_dislike_button i{
	transform: rotate(180deg);
}

.message_dislike_button:hover{
	background: #81bb8e;
}

.message_dislik_span{
	font-size: 28px;
	padding: 0 10px;
}

.message_dislike_button.active{
	background: #81bb8e;
}

.message_dislik_span.active{
	color: #81bb8e;
}

.message_content_list .htmleditor{
	padding: 10px;
	margin: 10px 0;
}

.message_list_count{
	float:right;
	background:#81bb8e;
	color:white;
	padding:0.1em 0.7em;
	border-radius:5px;
	display: inline-block;
	font-size: small;
	margin: 0 1em;
}

/* 訂單查詢 */
#order_title_wrap{
	background: #aaa;
	color: #fff;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
}

.order_list{
	color: #777;
	word-break: break-all;
	text-align: center;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
}

.order_list:nth-child(odd){
	background: #f4f5f8;
}

/* 購物車 */
#cart_table_wrap{
	width: 100%;
	overflow-x: auto;
}

#cart_table{
	width: 100%;
	min-width: 480px;
}

#cart_table tr td{
    vertical-align: middle;
}

.delete_cart{
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.delete_cart:hover{
	opacity: 0.7;
}

.cart_order_title{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	padding: 10px 0;
}

.cart_order_row input{
	background: none;
}

.cart_order_row textarea{
	background: none;
	height: 150px;
	resize: none;
}

.cart_qty{
	width: 100%;
	padding: 4px 10px;
	border-radius: 30px;
	border: 1px solid #aaa;
	background: none;
}

#foot_logo{
    display: block;
    margin: 0 auto;
}

#foot_icon_wrap{
    text-align: right;
}

@media(max-width: 768px){
    .foot_top_row{
        text-align: center;
        padding: 2px 0;
    }
    
    #foot_icon_wrap{
        text-align: center;
    }
}

@media(max-width: 1025px){
    .m-brand__logo-desktop{
        min-width: 15em;
        font-size: 18px;
    }
}

#message_list_title{
	font-size: 18px;
	color: #81bb8e;
	display: inline-block;
	font-weight: 600;
	padding-top: 2px;
}