/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
input[type="button"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0 0;
	margin: 0 0;
}
p {
	margin: 0;
	padding: 0;
}
ul {
	padding: 0 0;
	margin: 0 0;
}
body {
	padding: 0 0;
	margin: 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Noto Sans T Chinese", "Droid Sans Fallback", sans-serif;
}
[class*="m-button"] {
	background: #16a667 none repeat scroll 0 0;
	border: medium none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1 !important;
	max-width: 100%;
	padding: 0.7em 3em;
	text-align: center;
	transition: uppercase;
}
[class*="m-button"]:hover {
	background: #ffb449;
	color: #fff;
}
#container {
	float: none;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.header {
	min-height: auto;
}
.header .container {
	position: relative;
}
.header-top {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.site_banner {
	z-index: 2;
	padding-top: 190px;
}
.site_banner li {
	list-style: none;
}
.site_banner img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
/*後台上傳banner*/
.carousel {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.carousel-inner {
	text-align: center;
}
.carousel-inner .item {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.carousel-inner .item img {
	margin: 0 auto;
}
/*search 搜尋*/
.search_form {
	border-bottom: 1px solid #dbdbdb;
	height: 190px;
	position: relative;
	width: 100%;
	position: absolute;
	top: 0;
	width: 1140px;
}
#search_form_c {
	position: absolute;
	top: 126px;
	width: 48%;
}
.infor_content #search_form_c {
	position: inherit!important;
}
.search_form .search_key {
	width: 85%;
	padding-left: 6px;
	color: #aaa4a4;
	height: 40px;
	border: 1px rgba(134, 193, 102, 0.75) solid;
	background: #fff;
	outline: none;
	border: 1px solid rgba(208,208,208,1.00);
	float: left;
	border-right: none;
}
.search_form .search_btn {
	background: #86C166;
	border: none;
	color: #ffffff;
	padding: 0 10px;
	font-size: 14px;
	height: 40px;
	outline: none;
	border: 1px solid #7fb861;
}
.search_form .search_btn:hover {
	background: #75b751;
}
.search_form .conn {
	position: absolute;
	top: 112px;
	right: 2px;
	border-left: 1px solid #dbdbdb;
	/*新加文字*/
	padding-left: 10PX;
	color: #464646;
	right: 0;
	font-size: 13px;
	top: 90px;
}
/*search 搜尋頁面*/
.infor_content #search_form_cx {
}
.infor_content #search_form_cx input {
	padding: 8px;
	border: 1px solid #ccc;
	margin: 8px;
}
.infor_content #search_form_cx #search_key_cx {
	margin-left: 0;
}
.infor_content #search_form_cx #price_range2 {
	margin-right: 0px;
}
.infor_content #search_form_cx [type="button"] {
	background: #45ad72;
	padding: 8px 20px;
	color: #fff;
	margin-left: 0px;
	border: 1px solid #45ad72;
}
.infor_content #search_form_cx [type="button"]:hover {
	background: #338958;
}
/*mycart 購物車*/
.mycart {
	position: relative;
	top: 25px;
	z-index: 88888;
	right: 10px;
	float: right;
}
.mycart .mycart_shop {
	background: #e83828 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	float: right;
	height: 21px;
	text-align: center;
	line-height: 22px;
	width: 21px;
}
#mycartCount {
	color: #fff;
	font-size: 10px;
}
.solidblockmenu {
	overflow: hidden;
	position: absolute;
	top: 10px;
	z-index: 99;
	/*border-bottom: 1px solid #dbdbdb;*/
	padding: 20px 0;
	padding-bottom: 25px;
	right: 0;
}
.solidblockmenu ul {
	float: right;
	padding-right: 80px;
}
.solidblockmenu ul li {
	display: inherit;
	float: left;
	padding-left: 5px;
	color: #a4a4a4;
}
.solidblockmenu ul li span {
	padding-right: 5px;
}
.solidblockmenu ul li a {
	display: inline;
	/*background: url(../images/solidblockmenu.png) no-repeat right center;*/
	color: #a4a4a4;
	padding-right: 14px;
}
.solidblockmenu ul li a:hover {
	color: #009fe8;
}
.logo-nav {
	padding: 0;
	overflow: hidden;
	height: 120px;
}
.logo {
	margin: 0;
	float: left;
	z-index: 99999;
	position: absolute;
	top: 15px;
}
.logo a {
	font-size: 1em;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
	font-family: 微軟正黑體, sans-serif;
}
.top-menu {
	display: none;
}
.top-menu ul li {
	margin: 0px;
	display: inline;
	float: left;
	line-height: 48px;
	margin-right: 1em;
}
.top-menu ul {
	color: #ffffff;
}
.top-menu ul li a {
	padding: 0px 10px;
}
.top-menu ul li a:hover {
	color: #ffffff;
	background-color: #d7583c;
	border-bottom: 6px #900 solid;
	display: block;
	padding: 0px 10px;
}
span.menu {
	display: none;
}
.top-menu ul li a {
	text-transform: capitalize;
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: none;
}
.top-menu ul li a.active {
	color: #ffffff;
}
.site_top_info {
	/* float: right; */
	/* margin-top: -80px; */
	position: absolute;
	left: 160px;
	top: 150px;
}
/*左邊第一個區塊標題樣式開始*/
#left_sidebar {
	margin-right: 1%;
}
.left_layout {
	width: 100%;
}
.left_layout .left_layout_title {
	height: 45px;
	width: 100%;
}
.left_layout_title .mt_03 {
}
.left_layout_title .mt_02 {
}
.left_layout_title .mt_01 {
}
.left_layout_title .mt_01 .h3 {
}
.left_layout_title .mt_01 .module_more {
	text-align: right;
	font-size: 13px;
}
.left_layout_title .mt_01 .module_more a {
	clear: both;
	font-size: 13px;
	color: #000;
}
.left_layout_title .mt_01 .module_more a:hover {
	clear: both;
	font-size: 13px;
	color: #000;
}
.left_layout_content {/*content*/
}
.left_layout_content .mc_03 {
}
.left_layout_content .mc_02 {
}
.left_layout_content .mc_01 {
	padding: 10px;
}
.left_layout_content .mc_01 .news_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.left_layout_content .mc_01 .news_list li {
}
.left_layout_content .mc_01 .news_list li a {
	color: #333333;
}
.left_layout_bottom {/*bottom*/
}
.left_layout_bottom .mb_03 {
}
.left_layout_bottom .mb_02 {
}
.left_layout_bottom .mb_01 {
}
.member_layout .left_layout_title .mt_03, .mudule_3 .left_layout_title .mt_03 {
}
.member_layout .left_layout_title .mt_01, .mudule_3 .left_layout_title .mt_01 {
}
.member_layout .left_layout_title .mt_01 .h3 {
}
.more_module_center_layout {
}
.more_module_center_layout_title {
	display: none;
}
.more_module_center_layout_title .mt_03 {
}
.more_module_center_layout_title .mt_02 {
}
.more_module_center_layout_title .mt_01 {
}
.more_module_center_layout_title .mt_01 .h3 {
}
.more_module_center_layout_title .mt_01 .more_module_more {
}
.more_module_center_layout_content {/*content*/
}
.more_mudule_8 .more_module_center_layout_title {
	display: none;
}
.more_mudule_8 .more_module_center_layout_content {/*content*/
	border: none;
	border-top: none;
}
.more_module_center_layout .more_module_center_layout_content .mc_01 {
	padding: 0px!important;
}
#left_sidebar .member_layout .member .btn {
}
#left_sidebar .member_layout .member .btn:hover {
}
#left_sidebar .member_layout .member .mamber_reg_forget {
	margin-top: 0em!important;
}
#left_sidebar .counter_layout {
}
#left_sidebar .counter_layout .left_layout_title {
	display: none;
}
#left_sidebar .counter_layout .left_layout_content {
	border: none;
}
.center_layout {
	width: 100%;
	float: left;
	margin: 2em 0;
}
.center_layout_title {
	overflow: hidden;
	position: relative;
	min-height: 80px;
}
.center_layout_title .mt_03 {
	border-bottom: 2px solid #cccc;
	padding-top: 50px;
}
.center_layout_title .mt_02 {
}
.center_layout_title .mt_01 {
	width: 100%;
	position: absolute;
	top: 10px;
	;
}
.center_layout_title .mt_01 .h3 {
	font-size: 3rem;
	font-weight: 600;
	text-align: center;
	padding: 2rem 0 1rem 0;
	background: #fff;
}
.center_layout_content .mc_03 {
}
.center_layout_content .mc_02 {
}
.center_layout_content .mc_01 {
}
.module_more {
	position: absolute;
	bottom: 0;
	right: 5px;
}
.module_more a {
	font-size: 13px;
	color: rgba(123, 123, 123, 1.00);
}
.module_more a:hover {
	color: #e83828;
}
.more_mudule_member_module .h3 {
	text-align: left;
	font-size: 28px;
	color: #333;
	padding-top: 1em;
}
.more_modules {
	width: 100%;
	margin: 0 auto;
	float: left;
}
.more_modules .center_layout_title {
}
.more_modules .center_layout_content .mc_01 {
	border: none;
	padding: 0px!important;
}
/* ========== 嵌套模組 ======== */　 /* 左欄 */ .left_more_modules, .center_more_modules {
}
.more_module_left_layout {
}
.more_module_left_layout_title {
	display: none;
}
.more_module_left_layout_title .mt_03 {
}
.more_module_left_layout_title .mt_02 {
}
.more_module_left_layout_title .mt_01 {
}
.more_module_left_layout_title .mt_01 .h3 {
}
.more_module_left_layout_title .mt_01 .more_module_more {
	position: absolute;
	right: 5px;
	top: 10px;
}
/* 中欄 */ .more_module_left_layout_content {
}
.more_module_left_layout_content .mc_03 {
}
.more_module_left_layout_content .mc_02 {
}
.more_module_left_layout_content .mc_01 {
}
.more_mudule_member_module .left_layout_content .mc_01 {
}
.c_more_module_1 .center_layout_content .mc_01 {
}
.c_more_module_1 .center_layout_content .mc_01 .img_list {
}
.c_more_module_1 .center_layout_content .mc_01 .img_list li {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}
.c_more_module_1 .center_layout_content .mc_01 .img_list li p {
	display: none;
}
/* 內容 */
.left_more_modules, .center_more_modules {
	float: left;
}
/* 自定義模組 圖文 */ .news_list {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
.more_mudule_8 .news_list {
	padding: 0px!important;
}
.news_list li {
	padding: 0px;
	margin: 0px;
	line-height: 16px;
	padding: 9px 0px;
	border-bottom: none;
	width: 100%;
	font-size: 15px;
	padding-left: 20px;
	color: #333333;
	border-bottom: 1px #ccc dotted;
	font-family: Microsoft YaHei;
}
.news_list li span {
	float: right;
	font-size: 13px;
	color: #4c4c4c;
}
.news_list li a {
	color: #333333;
}
.img_list {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	list-style: none;
	overflow: hidden;
}
.img_list li {
	float: left;
}
/*商品明細*/
.goods_list {
}
.goods_list li {
	width: 31%;
	position: relative;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 1.6% 0 1.6% 3.3%;
}
.goods_list li:nth-child(1), .goods_list li:nth-child(4), .goods_list li:nth-child(7), .goods_list li:nth-child(10), .goods_list li:nth-child(13) {
	margin-left: 0;
}
.goods_list li a {
	display: block;
	margin: 0 auto;
}
.goods_list li img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.img_list li p {
	font-size: 15px;
	color: #333333;
}
.img_list img {
	text-align: center;
	clear: both;
	border: none;
}
.price {
	font-size: 18px;
	color: #ffe372;
	margin-left: 10px;
}
.original {
	font-size: 13px;
	color: #d8d7d7;
	text-decoration: line-through;
	padding-top: 2px;
}
.text {
	display: block;
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
	overflow: hidden;
	position: relative;
}
.text p {
	float: left;
	display: block;
}
/* 加入購物車 */
.goods_list li .goods_correspond {
	top: 10px;
	position: absolute;
	right: 10px;
}
.goods_correspond .prohibited_is {
	background: rgba(120,120,120,1.00);
	color: #fff;
	border-radius: 3px;
	padding: 2px 10px;
	float: left;
	width: 80px;
}
.goods_list li .prohibited_is img {
	display: inline-block;
}
.text .moy {
	display: block;
	width: 100%;
	float: left;
	padding: 1rem 0;
}
.text .name_p {
	display: block;
	width: 84%;
	border-bottom: 1px solid #fff;
	margin-right: 16%;
}
.text .name_p a {
	font-size: 18px;
	border: none;
	color: #fff;
	color: #4a4a4a;
	font-weight: 600;
}
.text .name_p a:hover {
	color: #2e9dd6;
}
.text .moy .goods_money {
	display: inline-block;
	float: left;
	color: #fff!important;
	color: #2e9dd6!important;
	margin: 5px 0;
	font-size: 16px;
}
.goods_money span {
	float: left;
	display: inline;
}
.goods_list li .goods_correspond a {
	background: url(../images/shopping_cart.png) no-repeat left top;
	background: url(../images/shopping_cart1.png) no-repeat left top;
	display: block;
	text-indent: -9999px;
	height: 34px;
	border: none;
	width: 34px;
}
.goods_list li .goods_correspond a:hover {
	background: url(../images/shopping_cart1a.png) no-repeat left top;
}
/*內頁搜尋頁的商品明細*/
.infor_content {
}
.infor_content .infor_list {
	padding: 3rem 0 0 0;
}
.infor_content .infor_list .goods_list {
	width: 33.333%;
	float: left;
	min-height: 540px;
	background: rgba(0,0,0,0.05);
	border: 10px solid #fff;
	margin-top: 1rem;
}
.infor_content .infor_list .goods_list:hover {
	border: 10px solid rgba(42,42,42,0.05);
}
.infor_content .infor_list .goods_list li {
	float: none;
	overflow: hidden;
	margin: 0;
	padding: 5px 25px;
	width: 100%;
}
.infor_content .infor_list .goods_list .commodity {
	padding: 0;
}
.infor_content .infor_list .goods_list li a {
	font-weight: 600;
	color: #333;
	font-size: 20px;
}
.infor_content .infor_list .goods_list li img {
	padding: 0;
	text-align: center;
	float: none;
	margin: 0 auto;
}
.infor_content .infor_list .goods_list li .text {
	position: relative;
}
.infor_content .infor_list .goods_list li .text .name_p {
	border-bottom: 5px solid rgba(0,0,0,0.08);
	padding-bottom: 0;
	margin-bottom: 10px;
}
.infor_content .infor_list .goods_list li .text .name_p a {
}
.infor_content .infor_list .goods_list li .text .narrative {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 1;
max-height: n*1;
}
.infor_content .infor_list .goods_list li .text .moy {
	padding: 0;
}
.infor_content .infor_list .goods_list li .text .moy .goods_money {
	color: #2e9dd6!important;
	font-size: 18px;
	width: 100%;
}
.infor_content .infor_list .goods_list li .text .moy .goods_money .original {
	color: rgba(83,83,83,1.00);
}
.infor_content .infor_list .goods_list li .text .moy .goods_money .price {
	color: #45ad72;
	float: right;
}
/*END-內頁搜尋頁的商品明細*/


#links {
	width: 820px;
	height: 187px;
	position: relative;
}
#ribbon {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 500;
}
#linkslide {
	position: absolute;
	top: 0px;
	left: 33px;
	z-index: 100;
}
#linkslide .next, #linkslide .prev {
	position: absolute;
	top: 0px;
	left: -28px;
	width: 35px;
	height: 167px;
	display: block;
	z-index: 101;
}
.pagination {
	display: none;
}
.links_container {
	width: 800px;
	height: 167px;
	overflow: hidden;
	position: relative;
	padding: 15px;
	padding-top: 20px;
}
#linkslide .next {
	left: 780px;
}
.links_control table {
	width: 760px!important;
}
.links_control table td {
	padding-top: 15px;
	width: 130px;
}
.more_mudule_member_module .left_layout_content .mc_01 .controls {
	margin-bottom: 2em;
}
.more_mudule_member_module .left_layout_content .mc_01 .controls .login_input, .more_mudule_member_module .left_layout_content .mc_01 .login_input_v {
	background: #eeeeee;
	border: 1px #aaaaaa dotted;
	height: 32px;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #eeeeee inset;
 border: 1px solid #aaaaaa!important;
}
.login_input_v {
	width: 100px;
}
/*聯絡我們表單樣式*/
.main-section {
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 2em;
}
.login-form {
	width: 1220px;
	position: relative;
	margin: 0 auto;
}
.your-para label {
	font-size: 16px;
	font-weight: normal;
}
.input_text_100px {
	background: #eaeaea!important;
	border: none!important;
	color: -moz-fieldtext;
	cursor: text;
	font: -moz-field;
	letter-spacing: normal;
	line-height: normal !important;
	padding: 1px 0;
	text-align: start;
	text-indent: 0;
	text-rendering: optimizelegibility;
	text-shadow: none;
	text-transform: none;
	word-spacing: normal;
	color: #333333;
}
#column_value_52, #54_address {
	background: #eaeaea!important;
}
input {
	margin-bottom: 10px;
	border: 1px #CCC solid;
}
.main-section p {
	margin: 0px!important;
	margin-bottom: 0.4em!important;
}
.form-group1 p {
	margin: 0px!important;
	margin-bottom: 0px!important;
}
.form-group {
	margin-bottom: 0px!important;
	padding: 5px 0px;
	border: none;
	border-bottom: none;
	margin-bottom: 0.4em;
}
.your-para {
	width: 10%;
	float: left;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle!important;
}

.form-group0 .your-para {
	display: none;
}
.form-group2 {
	padding-top: 5px;
}
.messagecss {
	text-align: left;
	position: absolute;
	height: 50px;
	top: 1em;
	width: 100%;
	font-size: 16px;
}
.form-group0 {
	margin-right: 2em;
	float: left;
}
.contactcss {
	font-size: 16px;
	color: #cccccc;
	padding-top: 5em;
}
label {
	font-size: 16px;
	font-weight: normal;
}
.form-group4 {
	text-align: center;
}
.form-group1 {
	padding-top: 76px;
}
.myButtonSubmit {
	background: #0189e8!important;
	-moz-border-radius: 8px;      /* Gecko browsers */
	-webkit-border-radius: 8px;   /* Webkit browsers */
	border-radius: 8px;            /* W3C syntax */
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
}
.myButtonReset {
	background: #2cb701!important;
	-moz-border-radius: 8px;      /* Gecko browsers */
	-webkit-border-radius: 8px;   /* Webkit browsers */
	border-radius: 8px;            /* W3C syntax */
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
}
.myButtonSubmit:hover, .myButtonReset:hover {
	background: #fc5300!important;
}
/*聯絡我們表單樣式結束*/
/*左選單*/
.search {
	float: right;
	position: relative;
	width: 20%;
	border: 1px solid #ededed;
	margin: 0.85em 1em;
}
.search input[type="text"] {
	outline: none;
	padding: 6px 8px;
	background: none;
	width: 87%;
	border: none;
	font-size: 1em;
	color: #fff;
	float: left;
}
.search input[type="submit"] {
	width: 22px;
	height: 22px;
	background: url(../images/search.png) -9px -3px no-repeat;
	padding: 0px 1px;
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
	top: 6px;
	right: 9px;
}
.header-bottom {
	position: relative;
}
.header-grids {
	position: absolute;
	bottom: -38em;
	left: 0;
	width: 100%;
}
.header-img1 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ff9227;
	padding: 1.2em 2em;
}
.header-img2 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ff9227;
	padding: 1.2em 2em;
}
.header-img3 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ff9227;
	padding: 1.2em 2em;
}
.header-img4 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ff9227;
	padding: 1.2em 2em;
}
.header-grid img {
	margin: 0 auto;
	border-radius: 73px;
	border: 9px solid #eee;
	padding: 1em 1em;
}
.header-grid h4 {
	font-size: 1.4em;
	padding: 0.5em 0 0;
	color: #fff;
	font-weight: 600;
}
.header-grid p {
	font-size: 1em;
	padding: 0.5em 0;
	color: #fff;
	line-height: 1.8em;
}
.header-grid img:hover {
	transform: rotateY(360deg);
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}
/*可改變的section*/
.changed {
	background: #fff;
}
/*分三欄最外層*/
#mainContent {
	overflow: hidden;
}
/*左 中 右*/
#left_sidebar, #content, #right_sidebar {
/*float: left;*/
}
.about-section {
	padding: 15em 0 4em;
	background: #eee;
}
.about-img img {
	width: 100%;
}
.about-section h3 {
	font-size: 2.5em;
	text-transform: capitalize;
	color: #000;
	margin: 0 17px;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.about-grids {
	margin-top: 3em;
}
.about-grid p {
	font-size: 1em;
	padding: 1em 0;
	color: #555;
	line-height: 1.8em;
}
.service-section {
	padding: 4em 0;
}
.service-section h3 {
	font-size: 1.8em;
	text-transform: capitalize;
	color: #333333;
	margin: 0 10px;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.u3 h3 {
	font-size: 1.8em !important;
	text-transform: capitalize !important;
	color: #333333 !important;
	margin: 0 10px !important;
	font-family: 微軟正黑體, sans-serif !important;
	font-weight: 600 !important;
	padding: 0.5em 0 !important;
}
.u3 span {
	color: #009fe8;
}
.u3 p {
	padding: 0.5em 0 !important;
	font-size: 1.2em !important;
	color: #666666 !important;
	margin: 0 auto !important;
	font-weight: normal !important;
}
.service-grids {
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 3em;
	text-align: center;
	width: 100%;
	float: left;
}
.main {
	margin: 0 auto;
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
	width: 100%;
	float: left;
}
.service-grid .img-responsive {
	padding: 0.5em 0;
}
.service-grid h4 {
	font-size: 1.5em;
	padding: 0.2em 0;
	color: #4f4f4f;
	font-weight: 600;
}
.service-grid h4 img {
	margin: 0 auto 0.3em;
}
.service-grid h4 span {
	font-family: Georgia Regular;
	font-size: 0.5em;
	font-weight: normal;
	display: block;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.service-grid p {
	font-size: 1.2em;
	text-align: center;
	padding: 0.5em 0 1em;
	color: #333;
}
.work-section {
	padding: 2em 0;
	background: #ececec;
}
.work-section h3 {
	font-size: 2.5em;
	text-transform: capitalize;
	color: #000;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.work {
	position: relative;
}
.work .textbox {
	width: 285px;
	height: 244px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	border-radius: 0px;
	background-color: rgba(15, 16, 15, 0.16);
	-webkit-box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, .75);
	box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, .75);
}
.work:hover .textbox {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.textbox img {
	padding-top: 7em;
	color: #fff;
	margin: 0 auto;
}
.textbox {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.latest-grids {
	margin-top: 3em;
}
.latest-grid {
	padding: 0;
}
.latest-grids h4 {
	color: #000;
	display: block;
	font-size: 1.2em;
	font-weight: 600;
	padding: 0.5em 0;
	text-align: center;
	text-decoration: none;
}
.news-section {
	padding: 2em 0 4em;
}
.news-section h3 {
	font-size: 2.5em;
	text-transform: capitalize;
	color: #000;
	margin: 0 17px;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.news-grids {
	text-align: center;
}
.news-grid h4 {
	margin: 0 auto 1em;
}
.news-grid h4 a {
	color: #333432;
	display: block;
	font-family: 微軟正黑體, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	padding: 0.2em 0 0;
}
.news-grid h4 span {
	display: block;
	font-family: Georgia Regular;
	font-size: 0.5em;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.news-grid p.date a {
	font-size: 1em;
	font-weight: 500;
	color: #000;
}
.news-grid p.date a:hover {
	color: rgba(32, 176, 89, 0.88);
}
.news-grid p {
	font-size: 1em;
	color: #999;
	line-height: 1.8em;
}
.but_div {
	width: 100%;
	text-align: center;
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #16A667;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f2af00;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
	color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}
.categories-section {
	padding: 4em 0;
	background: #f0f0f0;
}
.cat h3 {
	font-size: 2.5em;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 0.7em;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
/*產品資訊*/
.pro1 ul {
	margin: 1em;
	overflow: hidden;
}
.pro1 ul li {
	display: inline-table;
	float: left;
	width: 33.3333%;
}
.cat ul li {
	font-size: 1em;
	line-height: 1.4em;
	color: #333;
	list-style: none;
	padding: 2px 20px;
	background: url(../images/list-arrow.png) no-repeat left 4px;
	cursor: pointer;
	list-style-type: none;
}
.cat ul li:hover {
	color: #0ca34c;
}
.up h3 {
	font-size: 0.8em;
	text-transform: capitalize;
	color: #333;
	font-family: Georgia Regular;
	font-weight: normal;
}
.up-img {
	float: left;
	width: 15%;
	margin-right: 5%;
}
.up-text {
	float: left;
	width: 80%;
}
.up-img img {
	width: 100%;
}
.up-img img:hover {
	border: 2px solid #35a96a;
	border-radius: 50%;
}
.up1 {
	background: #fff;
	margin: 1em 0;
	overflow: hidden;
	padding: 1.5em 2em 1em;
	position: relative;
}
.up-text a {
	font-size: 1.2em;
	color: #333432;
	font-weight: 600;
	margin-bottom: 0.3em;
	text-decoration: none;
}
.up-text a:hover {
	color: #35a96a;
}
.up-text p {
	font-size: 1em;
	line-height: 1.8em;
	color: #999;
}
.cont h3 {
	font-size: 2.5em;
	text-transform: capitalize;
	color: #fff;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.cont ul li {
	display: inline-block;
}
.cont ul {
	margin-bottom: 0.8em;
}
.up1 .triangle {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 23px 23px;
	border-color: transparent transparent #30abf8 transparent;
}
.phone {
	width: 40px;
	height: 40px;
	background: url("../images/img-sprite1.png") no-repeat -220px 0px;
	display: inline-block;
}
.fax {
	width: 40px;
	height: 40px;
	background: url("../images/img-sprite1.png") no-repeat -260px 0px;
	display: inline-block;
}
.smartphone {
	width: 40px;
	height: 40px;
	background: url("../images/img-sprite1.png") no-repeat -300px 0px;
	display: inline-block;
}
.message {
	width: 40px;
	height: 40px;
	background: url("../images/img-sprite1.png") no-repeat -340px 6px;
	display: inline-block;
}
.cont ul li p {
	font-size: 1em;
	color: #999;
}
.cont ul li a {
	width: 100%;
	display: block;
	font-size: 1em;
	text-decoration: none;
	color: #999;
}
.cont ul li a:hover {
	color: #f2af00;
}
#footer {
	background: #efefef;
	color: #333333;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0px;
	position: relative;
}
#footer .mation {
	display: none;
}
#roll_top {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	cursor: default;
	background: url(../images/to-top.png) no-repeat 0px 0px;
	z-index: 999;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 73px;
	height: 89px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top.png") no-repeat 0px 0px;
}
.footer_qr_code {
	position: absolute;
	left: 4em;
	top: 0px;
}
.footer-section {
	text-align: center;
}
.footer-top {
	padding: 2em 0;
}
#footer .footer_nav {
	background: #fa8d09;
	height: 50px;
}
#footer .footer_nav .footer_nav_ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer .footer_nav .footer_nav_ul li {
	display: inline;
	border-right: 1px #fba63f solid;
}
#footer .footer_nav .footer_nav_ul li a {
	color: #ffffff;
	line-height: 50px;
	padding: 0px 25px;
}
.social-icons i {
	width: 55px;
	height: 55px;
	background: url("../images/img-sprite1.png") no-repeat 0px 0px;
	display: inline-block;
	margin: 0 0 0 1em;
}
.social-icons i.icon1 {
	background: url("../images/img-sprite1.png") no-repeat 0px 0px;
}
.social-icons i.icon2 {
	background: url("../images/img-sprite1.png") no-repeat -55px 0px;
}
.social-icons i.icon3 {
	background: url("../images/img-sprite1.png") no-repeat -110px 0px;
}
.social-icons i.icon4 {
	background: url("../images/img-sprite1.png") no-repeat -165px 0px;
}
.social-icons i.icon5 {
	background: url("../images/img-sprite1.png") no-repeat -220px 0px;
}
.social-icons i:hover {
	opacity: 0.6;
}
.bottom-menu ul li {
	display: inline-block;
	margin: 1.2em 1.5em;
}
.bottom-menu ul li a {
	text-transform: capitalize;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}
.footer-bottom {
	margin-top: 1em;
}
.footer-bottom p {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}
.footer-bottom a {
	font-size: 19px;
	color: #16A667;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 微軟正黑體, sans-serif;
}
.footer-bottom a:hover {
	color: #000;
}
.footer-bottom p a {
	margin: 0 6px 0 6px;
}
/*公司簡介*/
.header.head-top {
}
.logo.logo1 {
	margin-top: 10em;
}
.aboutus-section {
	padding: 4em 0;
}
.aboutus-section h3 {
	font-size: 3.5em;
	text-transform: capitalize;
	color: #394c53;
	font-family: 微軟正黑體, sans-serif;
	text-align: center;
	font-weight: 600;
}
/*訊息列*/
.news_list {
	border: none;
}
.news_list .list-group-item {
	border-bottom: 1px dashed #66b9ee;
}
.news_list .list-group-item a {
	color: #282828
}
.news_list .list-group-item span {
	color: #35a96a;
	font-size: 90%;
	padding: 0 1em 0 0;
}
.news_list .list-group-item .badge {
	padding: 0.1em 1em;
	color: #fff;
}
/*圖文列*/
.infor_list {
	overflow: hidden;
}
.sub_sort {
	margin: 0 auto;
}
.sub_sort .img_list {
	margin: 0 2em 1em;
	text-align: center;
	overflow: hidden;
}
.sub_sort .img_list li {
	display: inline-table;
	float: left;
	margin: 0.3em 0.8em;
	text-align: center;
	padding: 0 1em;
}
.sub_sort .img_list li .jqzoom {
	padding-bottom: 0.5em;
}
/*表單列*/
.formSave {
	margin: 1em 0 auto;
	width: 100%;
}
.formSave input[type="text"] {
	margin-bottom: 2em;
}
.code_cells {
	padding-top: 2em;
}
/*左選單要移出*/
.left-grid h4, .sub_menu_layout_left .h3 {
	font-size: 2em;
	padding: 0.5em 0;
	color: #000;
	text-transform: capitalize;
	font-weight: 600;
}
.left-grid ul li, .sub_menu_layout_left .sub_menu_parent {
	font-size: 1em;
	line-height: 1.8em;
	color: #555;
	list-style: none;
	padding: 6px 24px;
	background: url(../images/list-arrow.png) no-repeat 0px 15px;
	cursor: pointer;
	list-style-type: none;
}
.left-grid ul li a {
	color: #555;
}
.left-grid ul li a:hover {
	color: #ef6000;
}
.left-grid p {
	font-size: 1em;
	line-height: 1.8em;
	color: #555;
}
.ab1 a {
	text-align: right;
	font-size: 1.2em;
	padding: 0.5em 0;
	display: block;
	text-decoration: none;
}
.ab2 a {
	text-align: right;
	font-size: 1.2em;
	padding: 0.5em 0;
	display: block;
	text-decoration: none;
}
.ab1 {
	background: #eee;
	padding: 1em 1em;
	margin: 3em 0;
	border-radius: 5px;
}
.ab2 {
	background: #eee;
	padding: 1em 1em;
	border-radius: 5px;
}
.right-grid {
	padding: 0.5em 0 0;
}
.right-grid h5 {
	font-size: 1.4em;
	padding: 0.5em 0;
	color: #000;
	text-transform: capitalize;
	font-weight: 500;
}
.right-grid p {
	font-size: 1em;
	color: #555;
	line-height: 1.8em;
	text-align: left;
}
.aboutus4 h4 {
	font-size: 2em;
	padding: 0.5em 0;
	color: #000;
	text-transform: capitalize;
	margin-bottom: 1.5em;
	font-weight: 600;
}
.team-grid h5 {
	font-size: 1.4em;
	padding: 0.5em 0;
	color: #0A0909;
}
.aboutus4 {
	margin-top: 2.5em;
}
.aboutus2 {
	margin-top: 1em;
}
/*------ 關於我們 -----*/
.services-section {
	padding: 4em 0;
	text-align: center;
}
.services-section h3 {
	font-size: 1.7em;
	text-transform: capitalize;
	color: #394c53;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
a.button1 {
	font-size: 1.2em;
	padding: 0.5em 1em;
	background: #f2af00;
	margin: 1.5em auto 0;
	width: 38%;
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}
.service-section1 {
	padding: 4em 0;
	background: #efc337;
}
.services-grid {
	text-align: center;
}
.services-grid p {
	color: #555;
	font-size: 1em;
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0.5em 0 2em;
}
.services-grid h5 {
	color: #000;
	font-size: 1.4em;
	font-weight: 600;
	padding-top: 0.7em;
	text-transform: capitalize;
}
.services-grid img {
	border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.services-grid a img:hover {
	opacity: 0.6;
}
.services-grid a img:hover {
	opacity: 0.6;
}
.services-section1 {
	padding: 1em 0 4em;
	background: #f5f5f5;
}
/*------ 預約保養 -----*/
.reservation {
	padding: 4em 0;
}
.reservation-head {
	text-align: center;
}
.reservation-head h3 {
	color: #394c53;
	font-family: 微軟正黑體, sans-serif;
	font-size: 3.5em;
	font-weight: 600;
	text-transform: capitalize;
}
.reservation .tb-one input[type="text"] {
	width: 28.2%;
}
/*------ 促銷活動 -----*/
.project-section {
	padding: 4em 0;
	background: url(../images/footer-bg.jpg);
}
.project-section h3 {
	font-size: 3.5em;
	text-transform: capitalize;
	margin-bottom: 1.5em;
	text-align: center;
	color: #394c53;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.port2 {
	padding: 2em 0;
}
.port-grid a img:hover {
	opacity: 0.6;
}
/*------ 留言板 -----*/
.tabs-box {
	margin: 3em auto 0;
	padding: 0 0 1em;
	position: relative;
	width: 100%;
}
ul.tabs-menu {
	left: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	top: 0;
}
ul.tabs-menu li {
	display: block;
	float: none;
	background: none
}
ul.tabs-menu li a {
	color: #939393;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	padding: 0.5em 0;
	text-decoration: none;
	background: none;
	text-transform: uppercase;
	width: 100%;
}
ul.tabs-menu li a:hover {
	color: #ef6000;
}
ul.tabs-menu li a span {
	background: rgba(0, 0, 0, 0) url(../images/tab.png) no-repeat scroll 0 0;
	display: inline-block;
	height: 13px;
	margin-right: 12px;
	width: 13px;
}
.tab-grids {
	border-left: 3px solid #e8e8e8;
}
.tab-grid {
	padding-left: 2.8em;
}
.tb-one:nth-child(1) {
	margin-top: 0;
}
.tb-one {
	margin-top: 1.8em;
}
.tab-grid h3 {
	color: #282828;
	font-size: 17px;
	font-weight: 700;
	margin: 0;
	text-align: left;
}
.tab-grid p {
	color: #474747;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8em;
	margin: 5px 0;
}
.tb-two {
	margin-top: 14px;
}
.tb-one input[type="text"]:nth-child(1), .tb-one input[type="text"]:nth-child(3) {
	margin-right: 23px;
}
.tb-one input[type="text"] {
	background: #f3f3f3 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0.5em;
	color: #474747;
	font-size: 13px;
	margin: 7px auto;
	outline: medium none;
	padding: 10px;
	width: 100%;
}
.s-btn, .t-btn {
	margin-top: 1em;
	text-align: right;
}
.tb-one textarea {
	background: #f3f3f3 none repeat scroll 0 0;
	border: medium none;
	border-radius: 0.5em;
	color: #474747;
	font-size: 13px;
	height: 150px;
	margin: 4px 0;
	outline: medium none;
	padding: 15px;
	resize: none;
	width: 100%;
}
.tb-one select {
	background: #f3f3f3;
	border: medium none;
	border-radius: 0.5em;
	color: #474747;
	font-size: 13px;
	margin: 7px auto;
	outline: medium none;
	padding: 10px;
	width: 100%;
}
.tb-one select option {
	background: #fff;
}
.tb-one input[type="submit"], .tb-one input[type="reset"] {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #282828;
	border-radius: 5px;
	color: #414141;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	padding: 9px 24px;
}
.tb-one .pri label {
	padding: 5px 10px;
}
/*留言內容*/
.tabs-box ul.contact02 {
	margin: 10px auto;
	width: 100%;
}
.tabs-box ul.contact02 li {
	border: 1px solid #ccc;
	margin: 10px 0;
	list-style: none;
	border-radius: 3px;
}
.tabs-box ul.contact02 li .msg {
	border-bottom: 1px dotted #ccc;
	padding: 0.3em 1em;
}
.tabs-box ul.contact02 li .msg .name {
	color: #0055a1;
	font-weight: bold;
	margin-right: 10px;
}
.tabs-box ul.contact02 li .reply .text {
	clear: both;
}
.tabs-box ul.contact02 li .msg .date {
	margin-right: 10px;
}
.tabs-box ul.contact02 li .msg .ip {
	color: #676767;
	margin-left: 10px;
}
.tabs-box ul.contact02 li .reply {
	background: #f4f9f6;
	margin-bottom: 0;
	padding: 0.3em 1em;
}
.tabs-box ul.contact02 li .reply .name {
	color: #ef6000;
	font-weight: bold;
	margin-right: 10px;
}
.tabs-box ul.contact02 li .reply .date {
	margin-right: 10px;
}
.tabs-box ul.contact02 li .reply .text {
	clear: both;
}
/*頁數*/
.kf-paginator {
	float: left;
	padding: 1em 0 2.5em;
	position: relative;
	width: 100%;
}
.kf-pagination li {
	display: inline-block;
	margin-right: 0.05em;
}
.kf-pagination .kf-current {
	background-color: #00a569;
	border-color: #00a569;
	color: #fff;
	pointer-events: none;
}
.kf-pagination a {
	border: 1px solid silver;
	border-radius: 4px;
	padding: 0.5em 0.7em;
}
.kf-paginator_number {
	padding-top: 0.65em;
	position: absolute;
	right: 0;
	text-align: right;
	top: 2.5em;
}
/*----- 會員專區 -----*/
.member_login_form .member {
	overflow: hidden;
	width: 100%;
	background: #F63;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	-moz-border-radius: 6px;      /* Gecko browsers */
	-webkit-border-radius: 6px;   /* Webkit browsers */
	border-radius: 6px;            /* W3C syntax */
	padding: 5px 0px;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.member_login_form .member:hover {
	background-color: #F63;
	-moz-box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #ca3b06, 0 .5em .5em -.1em rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #ca3b06, 0 .5em .5em -.1em rgba(0, 0, 0, 0.12);
	box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #ca3b06, 0 .5em .5em -.1em rgba(0, 0, 0, 0.12);
}
/*.member {
	overflow:hidden;
	width:100%;
	background:#494949;
	display:block;
	margin-top:1em;
}
*/

.information .mamber_login {
	clear: left;
	margin: 0 auto;
	padding: 2em 0 2.5rem 0;
	margin-bottom: 1rem;
	border: 1px solid #e7e7e7;
}
.member_login_form {
	width: 400px;
	margin: 0 auto;
}
.mamber_login_table {
	width: 100%;
}
.mamber_login_table .mamber_login_table1 {
	width: 100%;
}
.social-login-btn {
	display: inline-block;
	text-align: center;
	width: 100%;
	color: #333;
	vertical-align: top;
	margin-top: auto;
	margin-bottom: auto;
}
/*OR分割線*/

.mamber_login hr.divider {
	overflow: inherit;
	position: relative;
	margin: 35px 10px 30px 10px;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.2);
}
.mamber_login hr.divider:after {
	content: "or";
	text-align: center;
	position: absolute;
	top: 0px;
	width: 50px;
	color: rgba(0, 0, 0, 0.2);
	background: #fff;
	font-weight: 400;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*FB登入*/
.mamber_login_fb {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1.5rem;
}
.m-button-fb {
	-moz-user-select: none;
	-webkit-user-select: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 10px 15px 11px 65px;
	letter-spacing: 0;
	font-size: 21px;
}
.m-button-fb:hover {
	background: #5f82c3 url(../images/ico_fb_btn.png) 25px center no-repeat;
	-moz-box-shadow: 0 .2em .2em -.1em #375a9c, 0 .3em #244279, 0 .5em .5em -.1em rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 .2em .2em -.1em #375a9c, 0 .3em #244279, 0 .5em .5em -.1em rgba(0, 0, 0, .12);
	box-shadow: 0 .2em .2em -.1em #375a9c, 0 .3em #244279, 0 .5em .5em -.1em rgba(0, 0, 0, .12)
}
.m-button-fb {
	background: #4f71b6 url(../images/ico_fb_btn.png) 25px center no-repeat;
}
.mamber_login_table .td1 {
    font-size: 20px;
    padding: 1rem 0 1.5rem 0;
    color: #333;
    text-align: center;
    font-weight: 600
}
.mamber_login_fb td {
	padding: 1em 0px;
}
.information .mamber_login input, .member_login_form input{
	border: 1px solid #d3d3d5;
	border-radius: 3px;
	color: #555555;
	padding: 0.8rem;
}
.information .mamber_login .login_input, .information .mamber_login .login_pswd {
	width: 100%;
}
.information .mamber_login .member a {
	color: #ffffff;
	line-height: 32px;
	letter-spacing: 0.5em;
}
.lbl_member_id {
	background: url("../images/user.png") no-repeat left top;
	padding-left: 25px;
	font-size: 18px;
	color: #999999;
	font-weight: normal;
}
.lbl_member_pswd {
	background: url("../images/unlock.png") no-repeat left top;
	padding-left: 25px;
	font-size: 18px;
	color: #999999;
	font-weight: normal;
}
.self_form_table textarea, .self_form_table select, .self_form_table input {
    border: 1px solid #d3d3d5;
    border-radius: 3px;
    color: #555555;
    padding: 0.8rem;
}
#order_city, #order_province, #ding_province, #ding_city {
	margin-bottom: 10px;
}
.self_form_table input {
	width:100%;
}

.self_form_table textarea {
	width: 100%!important;
}
#code {
	width: 100px!important;
}
input[type="radio"]{
	border: none;
	box-shadow: none;
	width: 18px!important;
}

/*填寫加入會員*/
.member_login_form_large{
    padding: 3rem 0;
    width: 60%;
    margin: 0 20px;
    margin: auto
}

.self_form_table th, .self_form_table td {
	display: block;
	width: 100%;
}


.self_form_table th {
    color: #212121;
    text-align: left;
    padding-bottom: 5px;
    font-size: 16px;
	    font-weight: 600;
}


.self_form_table .notice {
	/*width: 10%;*/
	color: #fe5a05;
}

.self_form_table td{
    margin-bottom: 20px;
    overflow: hidden;
}


.information .self_form_table .p_btns{
	margin-top: 0.5em;
}

.information .mamber_login .login_input {
}


.information  .orange_deep{
    color: #2e9dd6;
    margin-bottom: 0;
    display: block;
    padding-left: 2px;
    line-height: 2.5rem;

}
.information  .birth-warning{
		color: #fe5a05;
	    padding: 12px 5px;
}

.information  #vcimage{
    padding-left: 5px;
}

.information .mamber_login .member a {
	color: #ffffff;
	line-height: 32px;
	letter-spacing: 0.5em;
}
.member .btn {
	background: none;
	color: #ffffff;
}
.mamber_reg_forget {
	text-align: center;
	padding: 2px 0 1rem 0;
}
.member_submit {
}
.member_submit .lbl_member_reg {
	padding-right: 10px;
	border-right: 1px #CCC solid;
}
.member_submit .lbl_member_forget_pswd {
	padding-left: 10px;
}
.member_submit a {
	color: #7f7d7d;
}
.member_submit a:hover {
	color: #2e9dd6;
}
.member h3 {
	color: #f2af00;
	font-family: 微軟正黑體, sans-serif;
	font-size: 3.5em;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
}
.member p {
	color: #090909;
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
}
.member li {
	list-style: none;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 0.6em 1.5em;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 0.8em;
}
.member li a {
	color: #3c763d;
}
.member li:hover {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.member li:hover a {
	color: #8a6d3b;
}
a.b-home {
	background: #16A667;
	padding: 0.8em 3em;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	margin-top: 1em;
}
a.b-home:hover {
	background: #f2af00;
	color: #fff;
}
/*基本資料修改*/
.app_left {
	border-right: 1px solid #e4e4e4;
	padding-right: 20px;
}
.app_left .box {
	margin: 0 0 1em 0;
}
.app_left .box .edit {
}
.app_left p.title::after {
	border-bottom: 1px solid #c00;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 40px;
}
.app_left p.title {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
.app_left label {
	display: block;
	margin: 0 auto;
	padding: 0.5em 5px;
	width: 100%;
}
.app_left input {
	padding: 0.2em;
	width: 90%;
}
.app_left .edit input, .app_left .edit textarea {
	background-color: #fafafa;
	border: 2px solid #efefef;
	color: #666;
}
.r11 {
	color: #c00;
	font-size: 12px;
	line-height: 24px;
}
.member .update {
	margin: 30px 30px 0 0;
	display: block;
	float: right;
}
.m-button-engage, a[class*="m-button"], span[class*="m-button"] {
	display: inline-block;
}
/*------ 聯絡我們 -----*/
.contact {
	padding: 4em 0;
}
.contact-head {
	text-align: center;
}
.contact-head h3 {
	font-size: 3.5em;
	text-transform: capitalize;
	color: #394c53;
	font-family: 微軟正黑體, sans-serif;
	font-weight: 600;
}
.contact-head span {
	color: #777;
}
.contact-map iframe {
	min-height: 300px;
	width: 100%;
	border: none;
	margin: 1.5em 0 1em;
}
.contact-form-row {
	margin-bottom: 3em;
}
.contact-form-row div {
	width: 32.6%;
	float: left;
	margin-right: 1%;
}
.contact-form-row div span, .contact-form-row2 span {
	font-size: 1.2em;
	color: #000;
	font-weight: 600;
	text-transform: capitalize;
	display: block;
	padding: 0 0 0.5em;
}
.contact-form-row div input[type="text"], .formSave input[type="text"] {
	width: 100%;
	padding: 1em;
	border: 1px solid #EEE;
	-webkit-appearance: none;
	outline: none;
	color: #777;
	transition: border-color 0.4s;
	-webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	-ms-transition: border-color 0.4s;
}
.contact-form-row div input[type="text"]:hover, .contact-form-row2 textarea:hover {
	color: #d4a258;
	border-color: #d4a258;
}
.contact-form-row div:nth-child(3) {
	margin-right: 0;
}
.contact-form-row2 textarea, .formSave textarea {
	width: 100%;
	padding: 1em;
	font-family: 微軟正黑體, sans-serif;
	border: 1px solid #EEE;
	-webkit-appearance: none;
	outline: none;
	color: #777;
	min-height: 320px;
	resize: none;
	transition: border-color 0.4s;
	-webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	-ms-transition: border-color 0.4s;
}
.contact-form-row2 {
	margin-top: 1em;
}
.contact-form input[type="submit"], myButton input[type="submit"] {
	display: block;
	background: #16A667;
	padding: 0.7em 3em;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 400;
	display: inline-block;
	margin-top: 1em;
	text-decoration: none;
	border: none;
	outline: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover {
	background: #ffb449;
}
/*登入註冊 忘記密碼*/
.login {
    clear: left;
    margin: 0 auto;
    padding: 2em 0 2.5rem 0;
    margin-bottom: 1rem;
    border: 1px solid #e7e7e7;
}
.login h3 {
	color: #f2af00;
	font-family: 微軟正黑體, sans-serif;
	font-size: 3.5em;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
}
.login p {
	color: #090909;
	margin: 0;
	font-size: 1.2em;
	text-transform: uppercase;
}

ul.tabs {
	background: #00a2e5 none repeat scroll 0 0;
	height: 40px;
	line-height: 40px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	-moz-border-top-left-radius: 8px;      /* Gecko browsers */
	-webkit-border-top-left-radius: 8px;   /* Webkit browsers */
	border-radius-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;      /* Gecko browsers */
	-webkit-border-top-right-radius: 8px;   /* Webkit browsers */
	border-radius-top-right-radius: 8px;
}
ul.tabs li {
	float: left;
	overflow: hidden;
	position: relative;
	background: #999;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border-left: none;
	-moz-border-top-left-radius: 8px;      /* Gecko browsers */
	-webkit-border-top-left-radius: 8px;   /* Webkit browsers */
	border-radius-top-left-radius: 8px;
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #000;
	text-decoration: none;
	color: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	transition: all 0.1s ease-in-out 0s;
}
ul.tabs li a:hover {
	background: #e79f05;
}
ul.tabs li.active {
	background: #64c025;
	border-bottom: 1px solid #fff;
}
ul.tabs li.active a:hover {
	background: #e79f05;
}
div.tab_container {
	clear: left;
	width: 100%;
	border-top: none;
}
div.tab_container .tab_content {
	padding: 20px;
}
div.tab_container .tab_content h2 {
	margin: 0 0 20px;
}
/*登入註冊表*/
.tab_container .normal {
	text-align: center;
	font-size: 18px;
}
.tab_container .normal p {
	margin: 0 0 12px;
}
.tab_container input {
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	padding: 5px;
	height: 34px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
}
.controls input {

}
.control-group {

}
.control-group input {
	width: 100%;

}
.tab_container input.normal {
	overflow: hidden;
	width: 100%;
	background: #F63;
	display: block;
	margin: 0 auto;
	margin-top: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 0px;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.tab_container input.normal:hover {
	background-color: #F63;
	-moz-box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #ca3b06, 0 .5em .5em -.1em rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #ca3b06, 0 .5em .5em -.1em rgba(0, 0, 0, 0.12);
	box-shadow: 0 .2em .2em -.1em #c83166, 0 .3em #ca3b06, 0 .5em .5em -.1em rgba(0, 0, 0, 0.12);/*------ end contact -----*/
}
/*內頁標題+導覽列*/
.information {
	width: 100%;
	margin: 1em auto 0;
}
.infor_nav {
}
.infor_nav .mt_01 {
	position: relative;
}
.infor_title {
	margin: 0 auto;
	text-align: left;
	font-size: 20px;
	color: #333333;
	padding-left: 1em;
	line-height: 40px;
	display: none;/*內頁產品主標隱藏*/
}
.nav_title {
	text-align: right;
	padding-right: 10px;
}
.infor_nav hr {
	display: none!important;
}
.infor_contain {
	padding: 2em 0;
}
.infor_content_css {
}
/*註冊條款*/
.infor_content_css .terms {
	overflow: auto;
	height: 515px;
	padding-right: 1rem;
}
/*註冊同意按鈕*/
.information .p_btns {
	margin: 2em;
	text-align: center;
}




.information .p_btns a {
	color: #ffffff;
	font-size: 15px;
	border-radius: 3px;
	width: 120px;
	display: inline-block;
	padding: 1rem;
}
.information .p_btns .btns {
	background: #06C;
	color: #fff;
	border-radius: 3px;
}
.information .p_btns input{
	width: 120px;
	padding: 1rem;
	font-size: 15px;
	font-weight: 400;
	border: none;
}

.information .p_btns a:hover, .information .p_btns input:hover{
	background: #2e9dd6
}


.information .p_btns .btns1 {
	background: rgba(147,147,147,1.00);
	color: #fff;
	border-radius: 3px;
}
/*END註冊同意按鈕*/

/*成功註冊內容*/
.infor_content_css #member_complete {
	padding: 4rem 0 2rem 0;
	text-align: center;
	font-size: 1.8rem;
}
.infor_content_css #member_complete a {
	font-weight: 600;
}
.infor_content_css #member_complete a:hover {
}
/*END--功註冊內容*/
.infor_content_css .self_form_table {
	width: 100%;
}
/*成功註冊內容*/

.add_shopp:hover, .add_shopp:focus {
	-moz-box-shadow: 1px 3px 3px rgba(20%, 20%, 40%, 0.5);
	-webkit-box-shadow: 1px 3px 3px rgba(20%, 20%, 40%, 0.5);
	box-shadow: 1px 3px 3px rgba(20%, 20%, 40%, 0.5);
	color: #fff;
	background: #2e9dd6;
}
.add_shopp img {
	padding-left: 5px;
}
.prohibited {
	background: #9c9c9c;
	border-radius: 3px;
	font-size: 16px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 10px 15px;
	width: 100%;
	display: block;
	float: left;
	margin-right: 1%;
}
#right_content_product_list {
	width: 100%;
}
#right_content_product_list .onMShow {
	width: 100%;
	list-style: none;
}
#right_content_product_list .onMShow li {
	float: left;
	/* background: #f3f3f3; */
	margin-right: 1em;
	width: 25%;
	margin-bottom: 3%;
	margin: 0 0 2rem 0;
	padding: 0 1rem;
}
#right_content_product_list .onMShow li:nth-child(1n) {
	margin-left: 0em;
}
#right_content_product_list .onMShow li:nth-child(3n) {
	margin-right: 0em;
}
#right_content_product_list .onMShow li .p_img {
}
#right_content_product_list .onMShow li .p_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}
#right_content_product_list .onMShow li .narra {
	overflow: hidden;
	padding: 1rem;
	background-color: #f3f3f3;
	min-height: 110px;
}
#right_content_product_list .onMShow li h4 {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	margin: 0 0 5px 0;
	min-height: 40px;
}
#right_content_product_list .onMShow li h4 a {
	font-size: 16px;
	line-height: initial;
	color: #333333;
}
#right_content_product_list .onMShow li .price {
	font-size: 22px;
	color: #2e9dd6;
	font-weight: bold;
	margin: 0;
	display: inline-block;
	float: left;
	padding-left: 2px;
}
#right_content_product_list .onMShow li .price .price1 {
	text-decoration: line-through;
	color: #a7a7a7;
	font-weight: normal;
	font-size: 15px;
}
#right_content_product_list .onMShow li .price .price2 {
	display: block;
	margin-top: 0.5em;
}
#right_content_product_list .onMShow li .iconArea {
	background: #85bb68;
	padding: 3px 10px;
	border-radius: 2px;
	display: inline-block;
	float: right;
}
#right_content_product_list .onMShow li .iconArea a {
	color: #fff;
	cursor: pointer
}
#right_content_product_list .onMShow li .iconArea:hover {
	background: #337ab7;
}
/*頁碼*/
.web_paging {
}
.web_paging table {
	width: 100%!important;
	line-height: 2.5rem;
}
.web_paging td {
	text-align: center;
	font-size: 13px;
}
.web_paging td label {
	font-size: 13px;
}
.web_paging .page {
	padding: 2px 0;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 5px;
	border-radius: 2px;
	line-height: 1rem
}
.web_paging .button {
	padding: 2px 6px;
	background-color: #2E90B7;
	border: 1px solid #2E90B7!important;
	color: #FFF;
	margin: 0 4px;
	border-radius: 2px;
	line-height: 1rem
}
/*內頁商品介紹*/
#product_page_detial_left {
	float: left;
	width: 50%;
	width: 44%;
	margin-right: 4%;
}
#product_page_detial_left_banner {
	height: 100%;
}
.ad-nav {
}
#product_page_detial {
	padding-top: 20px;
	width: 100%;
	overflow: hidden;
	min-height: 500px;
}
#product_page_detial_right {
	float: right;
	width: 52%;
}
#product_page_name1 {
	font-weight: bold;
	font-size: 2.5rem;
}
#product_page_name2 {
	font-size: 13px;
}
#product_page_name3 {
	font-size: 36px;
	font-weight: bold;
	color: #2e9dd6;
	padding: 10px 0;
}
#product_page_name4 {
	color: #5e5e5e;
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#product_page_name5 {
	border-bottom: 1px solid #d3d3d5;
	border-top: 1px solid #d3d3d5;
	color: #848484;
	font-size: 13px;
	padding-bottom: 15px;
	padding-top: 15px;
}
#product_page_name6 {
	font-size: 16px;
	margin-top: 33px;
}

#product_page_name6 select{
    padding: 0.6rem;
    border-radius: 3px;
}


#product_page_button {
	margin-top: 60px;
}
#product_page_button a {
	cursor: pointer
}
#product_page_button table td img {
	padding-right: 5px;
}
#dotted_line {
	border-bottom: 1px solid #d3d3d5;
	float: left;
	height: 1px;
    margin: 40px 0 30px 0;
	width: 100%;
}
#product_specification {
	clear: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	padding: 2%;
}
/*商品介紹頁面分頁*/
.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0;
	padding: 0;
	font-family: '微軟正黑體';
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	list-style: none;
	height: 35px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: url(images/tab_bg.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cbcbcb;
	border-right-color: #cbcbcb;
	border-bottom-color: #dddddd;
	border-left-color: #cbcbcb;
	font-family: sans-serif;
	color: #333;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	outline: none;
}
.TabbedPanelsTabHover {
	outline: none;
	border-top-color: #1457a0;
	border-top-width: 3px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-right-color: #1457a0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1457a0;
	color: #000;
	background-repeat: repeat-x;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.TabbedPanelsTabSelected {
	border-top-width: 3px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #1457a0;
	border-right-color: #1457a0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1457a0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	color: #000;
	font-size: 16px;
	font-family: '微軟正黑體';
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cbcbcb;
	padding-top: 20px;
}
.TabbedPanelsContent {
	overflow: hidden;
	padding: 0 10px;
	padding: 4px;
	font-family: '微軟正黑體';
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*訂單資訊樣式*/
/*表格外框與會員專區表格共用*/
.css-table {
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-bottom: 1rem;
}
.css-table .td, .css-table .th {
	padding: 5px;
}
.css-table .td {
	color: #666666;
	border-bottom: #ddd 1px solid;
	padding: 0.8em;
}
.css-table .th {
	color: #333;
	text-align: center;
	padding: 1.3rem 0;
	font-weight: 600;
	font-size: 110%;
	letter-spacing: 2px;
}
.down {
	width: 92%;
	margin: 0 auto;
	margin-top: 15px;
	padding-bottom: 5px;
	text-align: left;
	color: #22aaa1;
	font-size: 16px;
	font-weight: bold;
}
/*=== 結帳表格 === */
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .pd {
	text-align: center
}
.css-table .thead {
	background: #f2f2f2;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
	display: table-header-group;
}
.css-table .td.pd {
	font-weight: 600;
	font-weight: bold;
	text-align: left;
}
.css-table .td.pd .rco {
	color: #5d899b;
	margin-left: 5px;
}
.css-table .thead h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em;
	color: #fff;
}
.css-table .tbody {
	display: table-row-group;
}
.css-table .tr {
	display: table-row;
}
.css-table .tbody .even {
	background: #fdfbf2;
}
.css-table .th, .css-table .td {
	display: table-cell;
	vertical-align: middle;
}
.css-table .shopping_image1 {
}
.css-table .tbody .t3 a {
	font-size: 130%;
	font-weight: lighter;
}
.css-table .tbody .t3 .jiaa {
	color: #45ad72;
}
.css-table .tbody .t3 input {
	padding: 8px 0;
	text-align: center;
	border-radius: 3px;
	margin: 0 4px 0 6px;
	font-weight: 600;
}
/*=== END結帳表格 === */

/*=== 結帳金額表 === */
.tfooter {
	width: 100%;
}
.tfooter td {
	padding: 0 10px;
}
.tfooter .m1 {
	color: #444;
	padding: 2px 0;
	letter-spacing: 0.5px;
}
.tfooter tr:nth-child(3) .m1 {
	font-size: 145%;
	font-weight: 600;
}
.tfooter .m1 span {
	margin-left: 5px;
}
/*總價*/
.tfooter .m1 #total {
}
/*運費*/
.tfooter .m1 #freightprice {
}
/*總計*/
.tfooter .m1 #allprice {
	color: #2e9dd6;
	font-size: 150%;
}
/*=== END結帳金額表 === */


/*=== 立即結帳頁面 ===*/
.checkout {
	margin: 2rem 0;
}
.checkout a.but,  .checkout input.but{
	background: #45ad72;
	border-radius: 3px;
	font-size: 16px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin: 0 1%;
	padding: 0.8rem 2.5rem;
	width: auto;
	height: auto;
	border: none;
}
.checkout a.but:hover,  .checkout input.but:hover {
	background: #2e9dd6;
	border: none;
}
/*不確定用在哪*/
.checkout a.button {
	font-size: 1.2em;
	padding: 0.5em 1em;
	background: #16A667;
	width: 35%;
	margin-top: 1.5em;
	display: block;
	color: #fff !important;
	text-decoration: none;
	text-transform: capitalize;
	
}
/*=== END立即結帳頁面 ===*/

.more {
	padding: 0 1.5em;
	text-align: right;
}
.more a {
	font-size: 0.9em;
}
.showpage table {
	width: 100%!important;
	margin-top: 2em;
}
.showpage table td {
	text-align: center;
	font-size: 13px;
}
.form-group {
	background: #ececec;
	width: 96%!important;
	margin: 0 auto;
	border-collapse: inherit!important;
	border-spacing: 1px;
}
.form-group_title {
	width: 96%!important;
	margin: 0 auto;
}
.form-group_title td {
	color: #22aaa1;
	font-size: 16px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
.form-group th {
	color: #ffffff;
	width: 25%;
	vertical-align: top;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	letter-spacing: 0.2;
	padding-left: 5px;
	background: #22aaa1;
	font-size: 15px;
}
.form-group td {
	background: #ffffff;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 15px;
}
/**/
.row {
	border-bottom: 1px solid rgba(204, 204, 204, 1.00);
	padding: 0.5em;
	overflow: hidden;
}
.row h3 {
	background: url(organization.png) no-repeat left top;
	height: 30px;
	margin: 0;
	padding-left: 45px;
	color: #0075a9;
	font-size: 1.2em;
	font-weight: 600;
}
.row .blog_tour {
	float: right;
	font-size: 1em;
	padding-left: 20px;
}
.blogbar {
	padding: 0 1em;
	margin: 0.5em 0;
	overflow: hidden;
}
.blogbar .blog_content {
	float: left;
}
.blogbar .blog_content p {
	margin: 0;
	padding: 0;
}
.blogbar .blog_dat {
	margin-top: 15px;
	font-size: 0.8em;
	color: #616161;
	float: right;
}
#blog-table {
	background: #f1f1f1;
}
.blog_tomegen {
}
.blog_tomegen .blog_box {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	padding: 1em;
	margin: 1em auto;
	width: 95%;
	overflow: hidden;
	color: #0075a9;
	font-weight: 600;
}
.blog_tomegen .blog_box p {
	color: #333;
}
.blog_tomegen .blog_box .date {
	float: right;
	color: #67584c;
	font-size: 0.8em;
}
.blog_tomegen .covered {
	margin: 2em auto 1em;
}
.blog_tomegen .covered #form222 {
}
#form222 .cover_edit {
	margin: 1em auto;
	width: 95%;
}
#form222 .cover_edit .editer {
	display: block;
	padding: 1em 0;
}
.back {
	display: block;
	text-align: center;
	margin: 1em 0.5em;
}
.back a {
	padding: 0.5em 1.5em;
	background: #079F39;
	color: #fff;
}
.back a:hover {
	background: rgba(231, 118, 20, 1.00);
}
/*==== 會員專區 會員中心 ====*/

/*訂單查詢外框*/
.order_tracking{
    width: 100%;
    overflow: hidden;
}

/*左選項*/
.memember_center {
	width: 23%;
	margin-right: 2%;
	float: left;
}
.memember_center h2 {
	font-size: 21px;
	margin-bottom: 10px;
	font-weight: 600;
}
.memember_center ul {
	width: 100%;
	list-style: none;
}
.memember_center ul li {
}
.memember_center ul li a {
	color: #333333;
	display: block;
	padding: 0.5rem 0px;
}
.memember_center ul li a:hover {
	color: #F60
}
.memember_center ul li a.current {
	color: #439f6b;
	font-weight: 600;
}
/*中間內容*/
.myorders_box {
	width: 75%;
	float: left;
}
/*訂單日期查閱*/
.myorders_list {
}
.myorders_list input {
	padding: 0.5rem 1rem;
	border-radius: 3px;
}
.myorders_list .button_style1 {
	background: #86C166;
	border: 1px solid #7fb861!important;
	padding: 0.5rem 1.5rem;
	color: #fff;
}
.myorders_list .button_style1:hover, .myorders_list .button_style1:active {
	background: #8dc76e;
	border: 1px solid #7fb861!important;
}






/*END訂單日期查閱*/


.myorders_box .css-table .tbody .t3 a {
	font-size: 100%;
	color: rgba(38,38,38,1.00);
	font-weight: 400;
}
.myorders_box .onnline_payment {
	background: #ebebeb;
	padding: 2px 10px;
	border-radius: 8px;
	margin-top: 2px;
	display: inline-block;
}
.myorders_box .onnline_payment:hover {
	background: #86C166;
}
.myorders_box .onnline_payment a {
	display: inline-block;
}
.myorders_box .onnline_payment:hover a:hover {
	color: #fff;
}


/*會員資料查詢*/


.order_tracking .self_form_table{
	position: relative;
}

.order_tracking .self_form_table tr:nth-child(odd){
	background: #f9f9f9;

}

.order_tracking .self_form_table tr:nth-child(even){
	background: #fff;
}




.order_tracking .user_information{
    display: block;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    padding: 6px;	
}


.order_tracking .self_form_table th, .order_tracking .self_form_table td {
	float: left;
	font-weight: 400;
}


.order_tracking  .self_form_table th{
    width: 18%;
    color: #666666;
    padding: 22px 15px 10px 15px;
	
}


.order_tracking  .self_form_table .account{
    color: #439f6b;
    font-size: 1.67rem;
	display: inline-block;
}


.order_tracking  .self_form_table td{
	width: 82%;
	color: #333;
	margin-bottom: 0;
	padding: 12px 16px;
}


.order_tracking .self_form_table tr:first-child th, .order_tracking .self_form_table tr:first-child t4{
	padding: 16px;
}



.order_tracking  .self_form_table td input{
	margin-bottom: 0;
}


.order_tracking .self_form_table .gender{
	margin-left: 0 10px 0 2px;
}


.order_tracking #vcimage {
    padding-top: 10px;
    padding-left: 5px;
}


.order_tracking  .notice{
	position: absolute;
	left: 5px;
	padding-top: 10px;
}






/*訂單資訊樣式結束*/

/*結帳樣式*/
.account_title {
	width: 100%;
	text-align: left;
	margin-bottom: 0.5rem;
	font-size: 150%;
	font-weight: bold;
	margin: 2.5rem 0 1rem 0;
}

/*按鈕*/
#myform {
	padding: 1em 0;
}
.add_shopp {
	background: #45ad72;
	border-radius: 3px;
	font-size: 16px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 10px 15px;
	width: 49%;
	display: block;
	float: left;
	margin-right: 1%;
	padding-top: 15px;

}
.types_cart{
   font-size: 18px;
    padding: 10px 0;
    font-weight: 600;
    letter-spacing: 1px;
}

.option_cart{
	padding: 0 0 10px 0;
	    overflow: hidden;
}
.option_cart span{
	margin-right: 10px;

}

.order_tracking input[type="radio"]{
	float: left;
	 margin-right: 2px;
}


/*結帳後訂購人資料*/


.order_tracking .account_form_table.self_form_table span{
	float: left;
	display: inline-table
}
.order_tracking .self_form_table .row-label{
	font-weight: 600;
	margin-right: 1rem;
	width: 18%;

}

.order_tracking .self_form_table .content-wrapper{

}



/*結帳樣式結束*/

/*==== END會員專區 會員中心 ====*/


/* Styles for Printing */


@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear: both !important;
}
.TabbedPanelsTab {
	overflow: visible !important;
	display: block !important;
	clear: both !important;
}
}

/*-- responsive-design --*/
@media only screen and (max-width:1024px) {
.site_banner .banner .tb-list ul {
	width: auto!important;
	height: auto!important;
}
.logo a {
	font-size: 4em;
}
.header-grid {
	padding: 1em 0;
}
.logo-nav {
	padding: 0;
}
.logo {
}


.textbox img {
	padding-top: 5em;
}

a.button {
	font-size: 1.1em;
	width: 38%;
}
.up h3 {
	font-size: 2em;
}
.cat h3 {
	font-size: 2em;
}
.cont h3 {
	font-size: 2em;
}
.up-text a {
	font-size: 1.05em;
}
.up-text p {
	font-size: 0.965em;
}
.cat ul li {
	font-size: 0.97em;
}
.cont ul li p {
	font-size: 0.965em;
}
.footer-bottom p {
	font-size: 15px;
}
.footer-bottom a {
	font-size: 17px;
}
.cont ul li a {
	font-size: 0.95em;
}
.aboutus-section h3 {
	font-size: 3em;
}
.header.head-top {
	min-height: 139px;
}
.logo.logo1 {
	margin-top: 9em;
}


.search_form {
	width: 940px
}
#search_form_c {
	position: absolute;
	top: 126px;
	width: 40%;
}
	
.infor_content_css .terms {
    height: 340px;
}
	
	
.search_form .search_key {
	width: 70%;
}
}

@media only screen and (max-width: 960px) {
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8 {
	text-align: left
}
.hide-column .large {
	display: none;
}
.css-table {
	background-color: transparent;
}
.css-table .thead {
	display: none;
}
.css-table .tr {
}
.css-table .th, .css-table .td {
}
.blog_tomegen .blog_box {
}
}

@media only screen and (max-width:768px) {
.search_form {
	width: 720px;
}
.search_form .conn img {
	display: none!important;
}
.search_form .conn {
	background: url(../images/line1.jpg) right top no-repeat;
	width: 420px;
	height: 95px;
	border-left: none;
	float: right;
}
.ad-gallery .ad-image-wrapper {
	text-align: center!important;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: inherit!important;
	padding: 1.5rem 0;
}
.ad-gallery .ad-image-wrapper .ad-image img {
	width: 520px!important;
}
.ad-gallery .ad-image-wrapper {
	height: auto!important;
}
.ad-nav {
	margin-left: 0px!important;
	margin-right: 0px!important;
	margin-bottom: 1em!important;
}
.banner ul li img {
	width: 768px!important;
}
.site_banner {
}
.infor_contain {
	margin: 1em 0px!important;
	/*padding: 1em!important;*/
	padding: 0;
}
#mainContent {
}
#search_form_c {
	position: absolute;
	top: 120px;
	width: 42%!important;
	margin-left: 10px;
}
.search_form .search_key {
	width: 80%!important;
}
.search_form .search_btn {
}
.header .container {
}
.center_layout_content .mc_01 p img {
	width: 48%!important;
	height: auto!important;
}
/*首頁商品列*/
.goods_list li {
	width: 48.35%

}
.goods_list li:nth-child(1), .goods_list li:nth-child(3), .goods_list li:nth-child(5), .goods_list li:nth-child(7), .goods_list li:nth-child(9) {
	margin-left: 0;
}
.goods_list li:nth-child(2), .goods_list li:nth-child(4), .goods_list li:nth-child(6), .goods_list li:nth-child(8), .goods_list li:nth-child(10) {
	margin-left:3.3%;
}	
	
/*聯絡我們表單樣式*/
.main-section {
	font-size: 16px;
	font-weight: normal;
	width: 98%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.login-form {
	width: 740px!important;
}
.your-para label {
	font-size: 16px;
	font-weight: normal;
}
#54_address {
	width: 350px!important;
}
.form-group4 {
	text-align: left!important;
}
.input_text_100px {
	background: none!important;
	border: 1px #CCC solid!important;
	color: -moz-fieldtext;
	cursor: text;
	font: -moz-field;
	letter-spacing: normal;
	line-height: normal !important;
	padding: 1px 0;
	text-align: start;
	text-indent: 0;
	text-rendering: optimizelegibility;
	text-shadow: none;
	text-transform: none;
	word-spacing: normal;
}
input {
}
.account_form_table input {
}
.main-section p {
	margin: 0px!important;
	margin-bottom: 0.4em!important;
}
.form-group {
	margin-bottom: 0px!important;
	padding: 5px 0px;
	border: none;
	border-bottom: none;
}
.your-para {
	width: 20%;
	float: none!important;
	text-align: left;
	padding-left: 10px;
}
/*聯絡我們表單樣式結束*/
#links {
	width: 740px!important;
	height: 187px;
	position: relative;
}
.links_container {
	width: 680px!important;
	height: 167px;
	overflow: hidden;
	position: relative;
	padding: 15px;
	padding-top: 20px;
}
#linkslide .next {
	left: 680px!important;
}
.links_control table {
	width: 660px!important;
}
.mudule_10 .img_list li {
	width: 48%!important;
}
.memember_center {
	width: 100%;
	float: none;
	padding: 2rem;
	margin: 0 auto;
	background: #f4f4f4;
	margin-bottom: 2rem;
}
.memember_ul {
	overflow: hidden;
}
.memember_ul li {
	float: left;
	border-radius: 5px;
	background: #fff;
	padding: 0.3rem 1rem;
	margin-right: 1rem;
	border: 1px solid #f0efef;
}
.myorders_box {
	width: 98%;
	float: none;
	margin: 0 auto;
}
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8 {
	text-align: left;
}
.t5 {
	width: 12%;
}
.hide-column .mobile {
	display: none;
}
.scroll-left:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.scroll-left thead:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.scroll-left {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.scroll-left th, .scroll-left td {
	margin: 0;
	vertical-align: top;
}
.scroll-left th {
	text-align: left;
}
.scroll-left {
	display: block!important;
	position: relative;
	width: 100%;
}
.scroll-left thead {
	display: block;
	float: left;
}
.scroll-left tbody {
	display: block;
	width: auto;
	position: relative;
	overflow-x: auto;
	white-space: nowrap;
}
.scroll-left thead tr {
	display: block;
}
.scroll-left th {
	display: block;
	text-align: right;
}
.scroll-left tbody tr {
	display: inline-block;
	vertical-align: top;
	margin: 0px -2px;
}
.scroll-left td {
	display: block;
	min-height: 1.25em;
	text-align: left;
}
/* sort out borders */
.scroll-left th {
	border-bottom: 0;
	border-left: 0;
}
.scroll-left td {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.scroll-left tbody tr { /*border-left: 1px solid #babcbf;*/
}
.scroll-left th:last-child, .scroll-left td:last-child {
	border-bottom: 1px solid #babcbf;
}
/* Force table to not be like tables anymore */
.break-table {
	background-color: transparent !important;
}
.break-table, .break-table thead, .break-table tbody, .break-table th, .break-table td, .break-table tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.break-table thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.break-table tr {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background-color: #ffffff;
}
.break-table td {
	/* Behave  like a "row" */
	border: none !important;
	border-bottom: 1px solid #eee !important;
	position: relative;
	padding-left: 35% !important;
	white-space: normal;
	text-align: left;
}
.break-table td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 30%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
	color: #1a1a1a;
}
.break-table td:before {
	content: attr(data-title);
}
.css-table .th, .css-table .td {
	padding: 0.8em 0;
}
.blog_tomegen .blog_box {
	width: 90%;
}
.self_form_table {

}
.self_form_table th {
}
#product_page_detial_left {
	float: left;
	width: 100%;
}
#product_page_detial_right {
	float: left;
	width: 100%;
}
.infor_title {
}
.nav_title {
}
#right_content_product_list .onMShow li {
	float: left;
	width: 50%;
}
#right_content_product_list .onMShow li h4 {
}
#right_content_product_list .onMShow li .price {
}
#right_content_product_list .onMShow li .price .price2 {
	display: block;
	margin-top: 0.2em;
}
#right_content_product_list .onMShow li .iconArea {
}
#right_content_product_list .onMShow li .iconArea a {
}
.footer_qr_code {
	display: none;
}
#footer {
	min-height: inherit;
}
#footer .footer_nav .footer_nav_ul li a {
	color: #ffffff;
	line-height: 50px;
	padding: 0px 15px;
}
.c_more_module_1 .center_layout_content {
	width: 100%;
}
.left_more_modules, .center_more_modules, .right_more_modules {
	float: none;
	width: 100%!important;
}
.more_mudule_member_module {
	width: 92%;
	margin: 0 auto;
}
.header-top {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.pro1 ul li {
	display: block;
	float: none;
	width: 100%;
}
span.menu {
	display: block;
	cursor: pointer;
	margin: 10px;
	position: absolute;
	top: 0px;
}
.top-menu {
	width: 100%;
	margin: 0;
}
.top-menu ul {
	display: none;
}
.top-menu ul li {
	font-size: 15px;
	display: block;
}
.top-menu ul li {
	display: block;
	float: left;
	margin: 0em;
	border-bottom: none;
	border-right: none;
}
.top-menu ul li {
	padding: 30px 6px;
	font-size: 13px;
}
.top-menu ul {
	margin: 0;
	z-index: 999;
	position: absolute;
	width: 100%;
	background: #000000;
	text-align: center;
}
.top-menu ul li {
}
.top-menu ul li a {
	display: block;
	font-size: 1.1em;
	margin: 0.05em 0.2em;
	color: #fff;
}
.top-menu label {
	display: none;
}
.header {
}
.top-menu label {
	display: none;
}
.search {
	width: 30%;
}
.logo {
	margin-left: 10px;
}
.logo a {
	font-size: 2em;
}
.header-grid img {
	border: 6px solid #eee;
	width: 80%;
}
.header-grids {
	bottom: -25em;
}
.header-img1 {
	padding: 1em 0.5em;
}
.header-img2 {
	padding: 1em 0.5em;
}
.header-img3 {
	padding: 1em 0.5em;
}
.header-img4 {
	padding: 1em 0.5em;
}
.about-section h3 {
	font-size: 1.5em;
}
.about-grid p {
	font-size: 0.9em;
}
.service-section h3 {
	font-size: 1.5em;
}
.service-grids {
	margin-top: 2em;
}
.header-grid h4 {
	font-size: 0.95em;
}
.header-grid p {
	font-size: 0.9em;
}
.service-grid h4 {
	font-size: 0.95em;
}
.service-grid p {
	font-size: 0.9em;
}
.work-section h3 {
	font-size: 1.5em;
}
.latest-grids {
	margin-top: 2em;
}
.work .textbox {
	width: 150px;
	height: 127px;
}
.textbox img {
	padding-top: 2.2em;
}
.news-section h3 {
	font-size: 1.5em;
}
.news-grids {
	margin-top: 2em;
}
.news-grid h4 a {
	font-size: 0.749em;
}
.news-grid p.date a {
	font-size: 0.99em;
}
.news-grid p {
	font-size: 0.9em;
}
a.button {
	font-size: 0.95em;
	width: 55%;
}
.categories-section {
	padding: 3em 0;
}
.up h3 {
	font-size: 1.5em;
}
.up-text a {
	font-size: 0.95em;
}
.up-text p {
	font-size: 0.9em;
}
.cat h3 {
	font-size: 1.5em;
}
.cat ul li {
	font-size: 0.9em;
	padding: 2px 0 2px 18px;
	line-height: 1.8em;
}
.cont h3 {
	font-size: 1.5em;
}
.cont ul li p {
	font-size: 0.92em;
}
.header.head-top {
	min-height: 139px;
}
.logo.logo1 {
	margin-top: 6em;
}
.aboutus-section h3 {
	font-size: 2em;
}
.right-grid h5 {
	font-size: 1em;
}
.right-grid p {
	font-size: 0.9em;
}
.left-grid h4 {
	font-size: 1.15em;
}
.left-grid ul li {
	font-size: 0.9em;
	padding: 6px 14px;
}
.left-grid p {
	font-size: 0.9em;
}
.ab1 a {
	font-size: 0.92em;
}
.ab2 a {
	font-size: 0.92em;
}
.right-grid h5 {
	font-size: 0.97em;
}
.services-section h3 {
	font-size: 2em;
}
.services-grid h5 {
	font-size: 0.97em;
}
.services-grid p {
	font-size: 0.9em;
}
a.button1 {
	font-size: 0.95em;
	width: 55%;
}
.project-section h3 {
	font-size: 2em;
}
.contact-head h3 {
	font-size: 2em;
}
.contact-map iframe {
	min-height: 200px;
}
.site_top_info {
	position: absolute;
	width: 214px;
	left: 500px!important;
	top: 150px;
}
.jqueryslidemenu {
	background: #4e7ed0;
	width: 100%;
	position: absolute;
	top: 38px;
	left: 0px;
}
.top-menu {
	background: none;
	width: 100%;
}
.top-menu ul {
	width: 100%;
	background: #4e7ed0;
	padding: 0px;
	margin: 0px;
}
.top-menu ul li {
	padding: 0px!important;
	margin: 0px;
	background: none;
	display: inline!important;
	line-height: 32px;
	width: 100%;
	border-bottom: 1px #6ea0f5 solid;
}
.top-menu {
	height: auto;
	padding: 0px;
}
.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute!important;
	z-index: 5;
}
.jqueryslidemenu ul li {
	background: none!important;
	padding: 0px!important;
}
.top-menu ul li a {
	background: #4e7ed0;
	padding: 0px;
	margin: 0px;
}
#nav480 {
	position: absolute;
	z-index: 9999;
	width: 720px;
	margin: 0 auto;
	padding: 0 10px;
	height: 42px;
	left: 10px;
	top: 5px;
	display: none;
}
#nav480 ul {
	list-style: none;
}
#navBlock480 h2 {
	position: relative;
	height: 34px;
	padding-top: 8px;
	cursor: pointer;
}
#navBlock480 h2 span {
	display: block;
	width: 100%;
	height: 25px;
	background: url(../images/nav.png) right no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#navBlock480 div {
	width: 94%;
	top: 42px;
	left: 15px;
	display: none;
	background: #333;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 999999;
}
/**************** 次選單 start ****************/
#navBlock480 > div > ul {
	position: relative;
	padding: 15px 0 20px;
}
#navBlock480 > div > ul > li > a {
	display: block;
	padding: 5px 0 10px 15px;
	color: #8dc63f;
	font-size: 18px;
	text-decoration: none;
}
#navBlock480 > div > ul > li > a img {
	border: none;
	margin-left: 10px;
}
#navBlock480 > div > ul > li ul {
	position: absolute;
	left: 460px;
	top: 0;
	width: 460px;
}
#navBlock480 > div > ul > li ul li.backNav {
	color: #8dc63f;
	font-size: 22px;
	background: url(../images/arrowNAV_480_2.png) no-repeat 10px 26px;
	padding: 20px 0 10px 30px;
	line-height: 1em;
	cursor: pointer;
}
#navBlock480 > div > ul > li ul li a {
	display: block;
	font-size: 16px;
	color: #dedede;
	text-decoration: none;
	padding: 10px 0 10px 30px;
	line-height: 1em;
}
#navBlock480 > div > ul > li ul li a img {
	margin-left: 10px;
	position: relative;
	top: 1px;
	border: none;
}
/**************** 次選單 end ****************/
.tb-list ul li {
	width: 100%!important;
}
/*內頁 產品清單 */
#right_content_product_list .onMShow li .p_img {
}
}

@media only screen and (max-width:667px) {}

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

.header {
	width: 100%!important;
}
#search_form_c {
    position: absolute;
    top: 170px;
    margin-left: 0px!important;
    top: 200px;
    padding: 0 15px;
    width: 100%!important;
}
.mycart {
	top: 40px!important;
}
.search_form .conn {
	display: none!important;
}
.header .container {
	padding: 0 !important;
	width: 100% !important;
	position: relative;
}
.center_layout_content .mc_01 p img {
	width: 100%!important;
	height: auto!important;
}
.search_form {
	float: right;
	margin-left: 0;
	margin-top: 0em;
	width: 100%;
	border-bottom: none;
}
.search_form form {
	padding-right: 0px!important;
}
.search_form .search_key {
	width: 83.5%!important;

}
.search_form .search_btn {

}
.logo {
	margin-left: 0 !important;
	width: 100%;
	text-align: center;
    margin-top: 6.15em;
}
.solidblockmenu {
	border-bottom: none;
	padding: 0.5em 0;
	margin-top: 0em;
	overflow: hidden;
	float: right;
	background: #ececec;
	width: 100%!important;
	top: 0px!important;
}
.solidblockmenu ul {
	padding-right: 0px!important;
}
.solidblockmenu ul li {
	display: inline-block;
	margin: 0 2px;
}
.solidblockmenu ul li {
	color: #333!important;
}
.solidblockmenu ul li a {
	color: #333!important;
}
/*導覽列隱藏*/
.infor_nav {
	display: none;
}

	
/*產品內頁圖片*/
.TabbedPanelsContentVisible img {
	width: 100% !important;
	height: auto !important;
}
#product_page_detial {
	padding: 0;
}
/*聯絡我們表單樣式*/
.main-section {
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	margin: 0 auto;
}
#54_address {
	width: 250px!important;
}
#column_value_55 {
	width: 400px!important;
}
.your-para {
	width: 24%;
	float: left;
	text-align: right;
	padding-right: 10px;
}
/*聯絡我們表單樣式結束*/
#links {
	width: 620px!important;
	height: 187px;
	position: relative;
}
.links_container {
	width: 540px!important;
	height: 167px;
	overflow: hidden;
	position: relative;
	padding: 15px;
	padding-top: 20px;
}
#linkslide .next {
	left: 540px!important;
}
.links_control table {
	width: 520px!important;
}
.mudule_10 .img_list li {
	width: 48%!important;
}
.memember_center {
	width: 98%;
	float: none;
	margin: 0 auto;
	margin-bottom: 5px;
}
.myorders_box {
	width: 98%;
	float: none;
	margin: 0 auto;
}
	
.member_login_form_large{
	width: 90%;
	}	
	
	
.self_form_table {

}
	
	
/*會員資料*/	
	
	.order_tracking .self_form_table tr{

	}	
	
	
.order_tracking .self_form_table th{
	width: 100%;
	display: block;
	padding-bottom: 0;
}

 .order_tracking .self_form_table tr:first-child th, .order_tracking .self_form_table tr:first-child t4{
	 padding-bottom: 0;
	}

.order_tracking .self_form_table td{
		width: 100%;
	display: block;
	padding-bottom: 24px;
}

input[type="radio"] {
    margin-top: 10px;
}	
	
	.order_tracking .self_form_table .gender{
	    padding: 6px 10px 0 2px;
	}
	
.order_tracking .notice{}
	
	
	.order_tracking #vcimage{
	padding-top: 10px;
    padding-left: 5px;
	}	
	

	
#product_page_detial_left {
	float: left;
	width: 100%;
}
#product_page_detial_right {
	float: left;
	width: 100%;
}
.infor_title {
	margin: 0 auto;
	text-align: left;
	font-size: 15px;
	color: #333333;
	padding-left: 0.1em;
	line-height: 18px;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
#right_content_product_list .onMShow li {
	width: 100%;
}
#right_content_product_list .onMShow li h4 {
}
#right_content_product_list .onMShow li .price {
}
#right_content_product_list .onMShow li .price .price2 {
}
#right_content_product_list .onMShow li .iconArea {
}
#right_content_product_list .onMShow li .iconArea a {
}
.footer_qr_code {
	display: none;
}
#footer {
	min-height: inherit;
}
#footer .footer_nav .footer_nav_ul li a {
	color: #ffffff;
	line-height: 50px;
	padding: 0px 15px;
}
.c_more_module_1 .center_layout_content {
	width: 100%;
}
.left_more_modules, .center_more_modules, .right_more_modules {
	float: none;
	width: 100%!important;
}
.more_mudule_member_module {
	width: 92%;
	margin: 0 auto;
}
.header-top {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.pro1 ul li {
	display: block;
	float: none;
	width: 100%;
}
span.menu {
	cursor: pointer;
	margin: 10px;
	text-align: right;
}
.top-menu {
	width: 622px;
	margin: 0;
	top: 10px;
	background: none;
	padding: 0%;
	height: 44px;
	box-shadow: none;
	position: absolute;
	z-index: 9999;
}
.top-menu ul {
	display: none;
}
.top-menu ul li {
	font-size: 15px;
	display: block;
}
.top-menu ul li {
	display: block;
	float: left;
	margin: 0em;
	border-bottom: none;
	border-right: none;
}
.top-menu ul li {
	padding: 30px 6px;
	font-size: 13px;
}
.top-menu ul {
	margin: 0;
	z-index: 999;
	position: absolute;
	width: 100%;
	background: #000000;
	text-align: center;
}
.top-menu ul li {
}
.top-menu ul li a {
	display: block;
	font-size: 1.1em;
	margin: 0.05em 0.2em;
	color: #fff;
}
.top-menu ul {
	width: 100%;
	background: #000000;
}
.jqueryslidemenu ul {
	background: #000000!important;
	position: inherit!important;
	height: 200px;
}
.jqueryslidemenu ul li {
	display: inline;
	float: left;
	padding: 0;
	position: inherit!important;
	margin-right: 0;
}
.top-menu ul li a {
	color: #ffffff;
}
.top-menu ul li a:hover {
	color: #d7583c;
	background: none!important;
	border-bottom: none!important;
	display: block;
	padding: 0px 10px
}
.top-menu ul li ul {
	display: none!important;
}
.top-menu label {
	display: none;
}
.search {
	width: 30%;
}
.logo a {
	font-size: 2em;
}
.header-grid img {
	border: 6px solid #eee;
	width: 80%;
}
.header-grids {
	bottom: -25em;
}
.header-img1 {
	padding: 1em 0.5em;
}
.header-img2 {
	padding: 1em 0.5em;
}
.header-img3 {
	padding: 1em 0.5em;
}
.header-img4 {
	padding: 1em 0.5em;
}
.about-section h3 {
	font-size: 1.5em;
}
.about-grid p {
	font-size: 0.9em;
}
.service-section h3 {
	font-size: 1.5em;
}
.service-grids {
	margin-top: 2em;
}
.header-grid h4 {
	font-size: 0.95em;
}
.header-grid p {
	font-size: 0.9em;
}
.service-grid h4 {
	font-size: 0.95em;
}
.service-grid p {
	font-size: 0.9em;
}
.work-section h3 {
	font-size: 1.5em;
}
.latest-grids {
	margin-top: 2em;
}
.work .textbox {
	width: 150px;
	height: 127px;
}
.textbox img {
	padding-top: 2.2em;
}
.news-section h3 {
	font-size: 1.5em;
}
.news-grids {
	margin-top: 2em;
}
.news-grid h4 a {
	font-size: 0.749em;
}
.news-grid p.date a {
	font-size: 0.99em;
}
.news-grid p {
	font-size: 0.9em;
}
a.button {
	font-size: 0.95em;
	width: 55%;
}
.categories-section {
	padding: 3em 0;
}
.up h3 {
	font-size: 1.5em;
}
.up-text a {
	font-size: 0.95em;
}
.up-text p {
	font-size: 0.9em;
}
.cat h3 {
	font-size: 1.5em;
}
.cat ul li {
	font-size: 0.9em;
	padding: 2px 0 2px 18px;
	line-height: 1.8em;
}
.cont h3 {
	font-size: 1.5em;
}
.cont ul li p {
	font-size: 0.92em;
}
.header.head-top {
	min-height: 139px;
}
.logo.logo1 {
	margin-top: 6em;
}
.aboutus-section h3 {
	font-size: 2em;
}
.right-grid h5 {
	font-size: 1em;
}
.right-grid p {
	font-size: 0.9em;
}
.left-grid h4 {
	font-size: 1.15em;
}
.left-grid ul li {
	font-size: 0.9em;
	padding: 6px 14px;
}
.left-grid p {
	font-size: 0.9em;
}
.ab1 a {
	font-size: 0.92em;
}
.ab2 a {
	font-size: 0.92em;
}
.right-grid h5 {
	font-size: 0.97em;
}
.services-section h3 {
	font-size: 2em;
}
.services-grid h5 {
	font-size: 0.97em;
}
.services-grid p {
	font-size: 0.9em;
}
a.button1 {
	font-size: 0.95em;
	width: 55%;
}
.project-section h3 {
	font-size: 2em;
}
.contact-head h3 {
	font-size: 2em;
}
.contact-map iframe {
	min-height: 200px;
}
.site_top_info {
	position: absolute;
	width: 214px;
	left: 500px!important;
	top: 150px;
}
#nav480 {
	position: absolute;
	z-index: 9999;
	width: 590px;
	margin: 0 auto;
	padding: 0 10px;
	height: 42px;
	z-index: 100;
	left: 10px;
}
#nav480 ul {
	list-style: none;
}
#navBlock480 h2 {
	position: relative;
	height: 34px;
	padding-top: 8px;
	cursor: pointer;
}
#navBlock480 h2 span {
	display: block;
	width: 100%;
	height: 25px;
	background: url(../images/nav.png) right no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#navBlock480 div {
	width: 92%;
	top: 42px;
	left: 15px;
	display: none;
	background: #333;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 999999;
}
/**************** 次選單 start ****************/
#navBlock480 > div > ul {
	position: relative;
	padding: 15px 0 20px;
}
#navBlock480 > div > ul > li > a {
	display: block;
	padding: 5px 0 10px 15px;
	color: #8dc63f;
	font-size: 18px;
	text-decoration: none;
}
#navBlock480 > div > ul > li > a img {
	border: none;
	margin-left: 10px;
}
#navBlock480 > div > ul > li ul {
	position: absolute;
	left: 460px;
	top: 0;
	width: 460px;
}
#navBlock480 > div > ul > li ul li.backNav {
	color: #8dc63f;
	font-size: 22px;
	background: url(../images/arrowNAV_480_2.png) no-repeat 10px 26px;
	padding: 20px 0 10px 30px;
	line-height: 1em;
	cursor: pointer;
}
#navBlock480 > div > ul > li ul li a {
	display: block;
	font-size: 16px;
	color: #dedede;
	text-decoration: none;
	padding: 10px 0 10px 30px;
	line-height: 1em;
}
#navBlock480 > div > ul > li ul li a img {
	margin-left: 10px;
	position: relative;
	top: 1px;
	border: none;
}
/**************** 次選單 end ****************/
}

@media only screen and (max-width:480px) {
.img_size {
	width: 98%!important;
	height: auto!important;
}
.ad-gallery .ad-image-wrapper .ad-image img {
	width: 98%!important;
}
.search_form {
}
#search_form_c {
}
.mycart {
	top: 10px!important;
}
.search_form .conn {
	display: none!important;
}
.banner {
}
.site_banner {
	padding-top: 260px;
}
.header {
	width: 100%!important;
}
.header .container {
	padding: 0 !important;
	width: 100% !important;
	position: relative;
}
	

	
.center_layout_content .mc_01 p img {
	width: 100%!important;
	height: auto!important;
}
.search_form {
}
.search_form form {
	padding-right: 0px!important;
}
.search_form .search_key {
}
.search_form .search_btn {
}
.logo {
}
	
.solidblockmenu {
	border-bottom: none;
	padding: 1.5em 0;
	margin-top: 0em;
	overflow: hidden;
	float: right;
	background: #ececec;
	top: 0!important;
	width: 100%!important;
}
.solidblockmenu ul {
	padding: 0 1rem!important;
	width: 83%;
	float: left;
	padding-right: 0px!important;
}
.solidblockmenu ul li {
	display: inline-block;
	margin: 0 2px;
}
.solidblockmenu ul li {
	color: #333!important;
	font-size: 1.6rem;
}
.solidblockmenu ul li a {
	color: #333!important;
}
.solidblockmenu ul li:nth-child(1) {
	float: none;
	width: 100%;
	padding-bottom: 5px;
}
.solidblockmenu ul li:nth-child(2) {
}
.solidblockmenu ul li:nth-child(3) {
}
/*聯絡我們表單樣式*/
.main-section {
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	margin: 0 auto;
}
.login-form {
	width: 380px!important;
}
.your-para label {
	font-size: 16px;
	font-weight: normal;
}
#54_address {
	width: 80%!important;
}
#column_value_55 {
	width: 96%!important;
}
#54_province {
	margin-left: 5px!important;
}
.input_text_100px {
	background: none!important;
	width: 96%!important;
	border: 1px #CCC solid!important;
	color: -moz-fieldtext;
	cursor: text;
	font: -moz-field;
	letter-spacing: normal;
	line-height: normal !important;
	padding: 1px 0;
	text-align: start;
	text-indent: 0;
	text-rendering: optimizelegibility;
	text-shadow: none;
	text-transform: none;
	word-spacing: normal;
}

#check_null_2 {
	display: block;
	float: none;
}
.main-section p {
	margin: 0px!important;
	margin-bottom: 0.4em!important;
}
.main-section .messagecss {
	width: 380px!important;
}
.form-group {
	margin-bottom: 0px!important;
	padding: 5px 0px;
	border: none;
	border-bottom: none;
}
.your-para {
	width: 100%;
	float: none;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.form-group2 .your-para {
	width: 20%;
	float: left;
}
.form-group1 textarea {
	background: none!important;
	border: 1px #CCC solid!important;
	width: 96%!important;
}
/*聯絡我們表單樣式結束*/
#links {
	width: 460px!important;
	height: 187px;
	position: relative;
}
.links_container {
	width: 420px!important;
	height: 167px;
	overflow: hidden;
	position: relative;
	padding: 15px;
	padding-top: 20px;
}
#linkslide .next {
	left: 380px!important;
}
.links_control table {
	width: 380px!important;
}
.mudule_10 .img_list li {
	width: 100%!important;
}
.abgne_tab {
	clear: left;
	width: 96%;
	margin: 0 auto;
	background: #fbfbfb;
	padding: 0px;
	padding-top: 0em;
	padding-bottom: 5px;
	border: 1px #cccccc solid;
	-moz-border-radius: 8px;      /* Gecko browsers */
	-webkit-border-radius: 8px;   /* Webkit browsers */
	border-radius: 8px;            /* W3C syntax */
}
.memember_center {
	width: 98%;
	float: none;
	margin: 0 auto;
}
.myorders_box {
	width: 98%;
	float: none;
	margin: 0 auto;
}
.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8 {
	text-align: left
}
.hide-column .small {
	display: none;
}
.blog_tomegen .blog_box {
	width: 80%;
}
	
/*聯絡人訂單*/	
.self_form_table {

}
.self_form_table th {
}
	
	.order_tracking .self_form_table .row-label{
		width: 100%;
		margin:10px 0  5px 0;
	}	
.order_tracking .self_form_table span{
	width: 100%;
	display: block;
		
	}	
	
	
	
#product_page_detial_left {
	float: left;
	width: 100%;
}
#product_page_detial_right {
	float: left;
	width: 100%;
}
.member_login_form {
	width: 92%;
	padding: 0 4%;
}
.mamber_login_table .mamber_login_table1 {
}
.mamber_login_table .mamber_login_table1 td {
	display: block;
	width: 100%;

}
	.mamber_login_table .mamber_login_table1 td .login_input{
   margin-bottom: 2rem;
	}	

	.mamber_reg_forget{
    background: #ffffff;
    border: 1px solid #E2E2E2;
    text-align: center;
	overflow: hidden;
	padding: 0.5rem 0;
	border-radius: 2px;
	margin: 1rem 0;
	}	
	
	
	
.mamber_login_table .mamber_login_table1 .verification {
	display: none;
}
.lbl_member_id {
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
}
.infor_title {
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	color: #333333;
	line-height: 16px;
	display: table-cell;
	vertical-align: middle;
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding: 1em;
	display: block;
	padding-top: 40px;
}
.nav_title {
	right: 15px;
}
.c_more_module_2 {
	background: url(../images/mudle2_bg.jpg) left top repeat;
	padding: 0.5em;
	float: left;
}
.c_more_module_2 .center_layout_content .mc_01 {
	padding: 0.1em;
}
#right_content_product_list .onMShow li h4 {
}
#right_content_product_list .onMShow li {
}
#right_content_product_list .onMShow li .price {
}
#right_content_product_list .onMShow li .price .price2 {
}
#right_content_product_list .onMShow li .iconArea {
}
#right_content_product_list .onMShow li .iconArea a {
}
.footer_qr_code {
	display: none;
}
#footer {
	min-height: inherit;
	padding-top: 0;
}
/*頁底免運費廣告*/	
#footer .mation {
	display: block;
	    background: #fff;
	margin-bottom: 1em;
}
#footer .mation img {
	width: auto;
	max-width: 100%;
}
#footer p {
	padding-top: 10px;
}
#footer .footer_nav .footer_nav_ul li a {
	color: #ffffff;
	line-height: 50px;
	padding: 0px 10px;
}
.c_more_module_1 .center_layout_content {
	width: 100%;
}
.left_more_modules, .center_more_modules, .right_more_modules {
	float: none;
	width: 100%!important;
}
.more_mudule_member_module {
	width: 92%;
	margin: 0 auto;
}
.header-top {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.search {
	width: 35%;
	margin: 1em 1em;
}
.search input[type="text"] {
	font-size: 0.95em;
}
.header-grids {
	bottom: -44em;
}
.header-grid {
	float: left;
	width: 50%;
	margin-top: 2em;
}
.header-grid img {
	border: 6px solid #eee;
	width: 50%;
}
.sub_sort .img_list {
	margin: 0 auto;
}
.sub_sort .img_list li {
	text-align: center;
	display: block;
	float: none;
	margin-bottom: 1.5em;
}
.about-section {
	padding: 2em 0 2em;
}
.about-img {
	float: none;
	width: 100%;
}
.about-grid {
	float: none;
	width: 100%;
	padding: 0;
}
.about-grids {
	margin-top: 2em;
}
.about-section h3 {
	font-size: 1.4em;
	text-align: center;
}
.service-section h3 {
	font-size: 1.4em;
	text-align: center;
}
.service-grid {
	float: none;
	width: 100%;
	padding: 0;
}
.work-section h3 {
	font-size: 1.4em;
	text-align: center
}
.latest-grid.work {
	float: left;
	width: 50%;
}
.work .textbox {
	width: 214px;
	height: 185px;
}
.textbox img {
	padding-top: 4.2em;
}
.news-grid {
	float: none;
	width: 100%;
	margin-top: 1em;
	padding: 0;
}
.news-grid img {
	margin: 0 auto;
}
.news-section h3 {
	font-size: 1.4em;
	text-align: center;
}
.news-grid h4 a {
	font-size: 0.85em;
}
.news-section {
	text-align: center;
}
a.button {
	font-size: 0.95em;
	width: 25%;
	margin: 0 auto;
}
.categories-section {
	padding: 1em 0;
}
.up h3 {
	font-size: 1.4em;
}
.up {
	float: none;
	width: 100%;
	margin-top: 1em;
	padding: 0;
}
.up-img {
	float: left;
	width: 20%;
	margin-right: 5%;
}
.up-text {
	float: left;
	width: 75%;
}
.cat h3 {
	font-size: 1.4em;
}
.cat {
	float: none;
	width: 100%;
	margin-top: 1em;
	padding: 0;
}
.cont h3 {
	font-size: 1.4em;
}
.cont {
	float: none;
	width: 100%;
	margin-top: 1em;
	padding: 0;
}
.footer-section {
	padding: 0;
}
.bottom-menu ul li a {
	font-size: 1em;
}
.bottom-menu ul li {
	margin: 1.2em 0.5em;
}
.footer-bottom p {
	font-size: 13px;
}
.footer-bottom a {
	font-size: 14px;
}
.logo.logo1 {
	margin-top: 4em;
}
.header.head-top {
}
.aboutus-section h3 {
	font-size: 1.7em;
}
.left-grid {
	float: none;
	width: 100%;
	padding: 0;
}
.left-grid h4 {
	font-size: 1.1em;
}
.ab1 a {
	font-size: 0.85em;
}
.right-grid {
	padding: 2em 0 0;
}
.aboutus4 {
	margin-top: 2em;
	text-align: center;
}
.team-grid {
	float: left;
	width: 33%;
	padding: 0 8px;
}
.aboutus4 h4 {
	font-size: 1.2em;
}
.right-grid p {
	font-size: 0.9em
}
.services-section h3 {
	font-size: 1.7em;
	margin-bottom: 0em;
}
.services-grid {
	float: none;
	width: 100%;
	padding: 0;
	margin-top: 1em;
}
.services-grid img {
	margin: 0 auto;
}
a.button1 {
	font-size: 0.95em;
	width: 25%;
}
.project-section h3 {
	font-size: 1.7em;
}
.main {
	padding: 8em 0px;
}
.error-404 h1 {
	font-size: 6em;
}
.error-404 p {
	font-size: 0.95em;
}
a.b-home {
	background: #7ab800;
	padding: 0.8em 1.5em;
}
.contact-head h3 {
	font-size: 1.7em;
}
.contact-form-row div span, .contact-form-row2 span {
	font-size: 0.85em;
	margin: 0 2px;
}
.contact {
	padding: 2em 0;
}
.contact-form-row div {
	width: 100%;
	float: none;
	margin-bottom: 2%;
}
.contact-form-row div span, .contact-form-row2 span {
	font-size: 0.9em;
	margin: 0 2px;
}
.contact-map iframe {
	min-height: 200px;
}
.contact-form-row {
}
.contact-form-row2 {
	margin-top: 0em;
}
.contact-form-row2 textarea {
	min-height: 180px;
}
.contact-form input[type="submit"] {
	padding: 0.7em 1.5em;
	font-size: 1em;
}
.site_top_info {
	position: absolute;
	width: 214px;
	left: 220px!important;
	top: 150px;
}
#nav480 {
	display: none!important;
	position: absolute;
	z-index: 9999;
	width: 96%;
	margin: 0 auto;
	padding: 0 10px;
	height: 42px;
	z-index: 100;
	left: 10px;
}
#nav480 ul {
	list-style: none;
}
#navBlock480 h2 {
	position: relative;
	height: 34px;
	padding-top: 8px;
	cursor: pointer;
}
#navBlock480 h2 span {
	display: block;
	width: 100%;
	height: 25px;
	background: url(../images/nav.png) right no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#navBlock480 div {
	width: 92%;
	top: 42px;
	left: 15px;
	display: none;
	background: #333;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 999999;
}
/**************** 次選單 start ****************/
#navBlock480 > div > ul {
	position: relative;
	padding: 15px 0 20px;
}
#navBlock480 > div > ul > li > a {
	display: block;
	padding: 5px 0 10px 15px;
	color: #8dc63f;
	font-size: 18px;
	text-decoration: none;
}
#navBlock480 > div > ul > li > a img {
	border: none;
	margin-left: 10px;
}
#navBlock480 > div > ul > li ul {
	position: absolute;
	left: 460px;
	top: 0;
	width: 460px;
}
#navBlock480 > div > ul > li ul li.backNav {
	color: #8dc63f;
	font-size: 22px;
	background: url(../images/arrowNAV_480_2.png) no-repeat 10px 26px;
	padding: 20px 0 10px 30px;
	line-height: 1em;
	cursor: pointer;
}
#navBlock480 > div > ul > li ul li a {
	display: block;
	font-size: 16px;
	color: #dedede;
	text-decoration: none;
	padding: 10px 0 10px 30px;
	line-height: 1em;
}
#navBlock480 > div > ul > li ul li a img {
	margin-left: 10px;
	position: relative;
	top: 1px;
	border: none;
}
/**************** 次選單 end ****************/
.top-menu {
	z-index: 9999;
	width: 462px;
}
/*購物頁面*/
.add_shopp {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-bottom: 2%;
}
}

@media only screen and (max-width:414px) {
.top-menu {
	z-index: 9999;
	width: 414px;
}
#left_sidebar {
	width: 100%!important;
}
#content {
	width: 100%!important;
}
#mainContent {
}
.center_layout {
	margin: 0!important;
}
/*首頁商品列*/
.goods_list li {
	width: 100%;
	margin: 2em auto;
	float: none;
}
.goods_list li:nth-child(1), .goods_list li:nth-child(4), .goods_list li:nth-child(7), .goods_list li:nth-child(10), .goods_list li:nth-child(13) {
	margin-left: 0;
}
.goods_list li img {
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
.account_form_table .address {
	margin: 0 2.5% 2% 0;
	float: right;
}
/*商品結帳畫面*/	
.css-table .tbody {
}
.css-table .td {
	padding: 1rem;
	display: block;
	border: none;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
.css-table .td.t1, .css-table .td.t2, .css-table .td.pd {
	float: left;
	display: inline-block;
}
.css-table .td.t1 {
	width: 22%;
}
.css-table .td.pd, .css-table .td.t2 {
	width: 78%;
	margin: 2px 0;
}
.css-table .td.t3 {
	width: 50%;
	float: left;
}
.css-table .td.t4 {
	width: 50%;
	float: right;
	font-size: 140%;
	padding: 1.4rem 1rem 1.5rem 0;
	text-align: right;
	color: #45ad72;
}
.css-table .td.t5 {
	padding-top: 0;
	border-bottom: 1px dotted #e7e7e7;
	margin-bottom: 1rem;
}
.css-table .td.t5 a {
	background: #ececec;
	text-align: right;
	float: right;
	display: inline-block;
	border-radius: 2px;
	padding: 2px 5px;
}
.css-table .td.t5 a:hover {
	background: #e4e4e4;
}
	
.infor_content_css .terms {
    height: 280px;
}	
	
	
}

@media only screen and (max-width:375px) {
.account_form_table td span {
	width: 100px;
}
.account_form_table .address {
	margin: 0 5.5% 2% 0;
}
.solidblockmenu ul {
	width: 100%;
	padding: 0 !important;
}
.solidblockmenu ul li {
	font-size: 15px;
}
}

@media only screen and (max-width:320px) {
.center_layout {
	margin-top: 0!important;
}
.header {
	width: 100%!important;
}
#left_sidebar {
	width: 100%!important;
}
#content {
	width: 100%!important;
}
#mainContent {
	width: 100%!important;
}
#product_page_detial_left {
	float: left;
	width: 100%;
}
#product_page_detial_right {
	float: left;
	width: 100%;
}
.infor_title {
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	color: #333333;
	padding-left: 0.1em;
	line-height: 16px;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
.c_more_module_2 .center_layout_content .mc_01 {
	padding: 0em;
}
#right_content_product_list .onMShow li h4 {
	float: left;
	width: 45%;
	margin: 0.2em 0px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	height: 48px;
	overflow: hidden;
}
#right_content_product_list .onMShow li {
	float: left;
	border: 1px #cccccc solid;
	margin: 1em 0;
	width: 100%;
	padding-right: 1em;
}
#right_content_product_list .onMShow li .iconArea a {
	background: url(../images/shopping_cart.png) 10px center no-repeat;
	width: 80%;
	margin-left: 20%;
	padding: 0.6em 2em;
	display: block;
	color: #ffffff;
	padding-left: 10px;
	cursor: pointer;
}
.footer_qr_code {
	display: none;
}
#footer {
	min-height: inherit;
}
#footer .footer_nav .footer_nav_ul li a {
	color: #ffffff;
	line-height: 50px;
	padding: 0px 5px;
}
.c_more_module_1 .center_layout_content {
	width: 100%;
}
.left_more_modules, .center_more_modules, .right_more_modules {
	float: none;
	width: 100%!important;
}
.more_mudule_member_module {
	width: 92%;
	margin: 0 auto;
}
.logo-nav {
	padding: 0;
}
.logo a {
	font-size: 1.7em;
}
.logo {
	margin-top: 3em;
}
.search {
	width: 50%;
	margin: 1em 1em;
}
.top-menu ul {
	width: 90%;
}
.header-grid {
	float: none;
	width: 100%;
	margin-top: 2em;
}
.header-img1 {
	padding: 1em 1.5em;
}
.header-img2 {
	padding: 1em 1.5em;
}
.header-img3 {
	padding: 1em 1.5em;
}
.header-img4 {
	padding: 1em 1.5em;
}
.header-grids {
	bottom: -73em;
}
.header-grid img {
	border: 6px solid #eee;
	width: 35%;
}
.header-grid p {
	font-size: 0.895em;
}
.about-grid p {
	font-size: 0.895em;
}
.about-section {
	padding: 1.5em 0;
}
.about-section h3 {
	font-size: 1.6em;
}
.service-section {
	padding: 2em 0;
}
.service-section h3 {
	font-size: 1.6em;
}
.service-grid h4 {
	font-size: 1em;
}
.service-grid p {
	font-size: 0.895em;
}
.work-section {
	padding: 2em 0;
}
.work-section h3 {
	font-size: 1.6em;
}
.work .textbox {
	width: 273px;
	height: 233px;
}
.textbox img {
	padding-top: 5.2em;
}
.news-section {
	padding: 1em 0;
}
.news-grid p {
	font-size: 0.895em;
}
.latest-grid.work {
	float: none;
	width: 100%;
}
a.button {
	font-size: 0.95em;
	width: 35%;
	margin: 0 auto;
}
.news-grid p {
	margin-bottom: 0.5em;
}
.up-text p {
	font-size: 0.895em;
}
.social-icons i {
	margin: 0;
}
.bottom-menu ul li {
	margin: 2px 5px;
}
.bottom-menu ul li a {
	font-size: 0.962em;
}
.footer-bottom {
	margin-top: 0.5em;
}
.footer-section {
	padding: 0;
}
.aboutus-section {
	padding: 2em 0;
}
.aboutus-section h3 {
	font-size: 2em;
	margin-bottom: 0.5em;
}
.left-grid h4 {
	font-size: 1.35em;
}
.left-grid p {
	font-size: 0.895em;
}
.right-grid h5 {
	font-size: 1em;
	line-height: 1.8em;
}
.right-grid p {
	font-size: 0.895em;
}
.team-grid {
	float: none;
	width: 100%;
	padding: 0;
}
.aboutus4 {
	margin-top: 1em;
}
.aboutus4 h4 {
	font-size: 1.35em;
	margin-bottom: 0;
}
.right-grid h5 {
	font-size: 1.15em;
}
.team-grid {
	float: none;
	width: 100%;
	padding: 0;
	margin-top: 1em;
}
.services-section {
	padding: 2em 0;
}
.services-section h3 {
	font-size: 2em;
}
a.button1 {
	font-size: 0.95em;
	width: 35%;
}
.services-grid p {
	font-size: 0.895em;
	margin: 0.5em 0;
}
.service-section1 {
	padding: 1em 0;
}
.project-section {
	padding: 2em 0;
}
.project-section h3 {
	font-size: 2em;
	margin: 0;
}
.port-grid {
	float: none;
	width: 100%;
	padding: 0;
	margin-top: 1em;
}
.project-section h3 {
	font-size: 2em;
}
.main {
	padding: 5em 0px;
}
.error-404 p {
	font-size: 0.895em;
}
a.b-home {
	padding: 0.8em 1em;
}
.contact-head h3 {
	font-size: 2em;
}
.contact-form-row div input[type="text"] {
	width: 100%;
	padding: 0.5em;
}
.search_form {
	float: right;
	margin-left: 1em;
	margin-top: 2em;
	width: 100%;
}
.search_form .search_key {
	width: 80%;
	padding-left: 2px;
	color: #CCC;
	height: 29px;
	border: 2px #ffffff solid;
	outline: none;
}
.search_form .search_btn {
	background: #f44336;
	border: 2px #ffffff solid;
	color: #ffffff;
	font-size: 15px;
	height: 29px;
	outline: none;
}
.solidblockmenu {
	border-bottom: none;
	padding: 0.5em 0;
	margin-top: 0em;
	overflow: hidden;
	float: right;
}
.solidblockmenu ul li {
	display: inline-block;
	margin: 0 2px;
}
.site_top_info {
	position: absolute;
	width: 214px;
	left: 200px!important;
	top: 150px;
}
.c_more_module_2 {
	background: url(../images/mudle2_bg.jpg) left top repeat;
	padding: 0.5em;
	float: left;
}
}
.more_mudule_member_module .log_in {
	clear: left;
	width: 100%;
	margin: 0 auto;
	background: #f2eeee;
	box-shadow: 0 0 5px #cccccc;
	padding: 2em;
	text-align: left;
	margin-top: 1em;
	min-height: 330px;
	line-height: 32px;
}
/*訂單記錄樣式*/
.blog_box {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	padding: 1em;
	margin: 1em auto;
	width: 95%;
	overflow: hidden;
	color: #0075a9;
	font-weight: 600;
	border-bottom: 1px #CCC solid;
}
.blog_box .p1 {
	color: #0075a9;
	margin-top: 0px;
}
.blog_box .p2 {
	color: #F30;
	margin-top: 0px;
}
.blog_box p {
	color: #333;
}
.blog_box .date {
	float: right;
	color: #67584c;
	font-size: 0.8em;
}
.flow-bx {
	color: #919191;
	margin-top: 5px;
	padding-top: 7px;
	position: relative;
	zoom: 1;
	overflow: hidden;
	margin: 0 auto;
	width: 95%;
	padding-left: 3px;
}
.flow-bx .pn-left {
	background-position: 0 -236px;
}
.flow-bx .pn-btn {
	float: left;
	height: 19px;
	width: 27px;
	overflow: hidden;
	background: url(../images/ic_play.png) no-repeat;
}
.flow-bx .number-page {
	float: left;
	margin: 0 10px;
	font-size: 13px;
}
.flow-bx .number-page .current {
	color: #EE5B27;
	font-style: normal;
}
.flow-bx .pn-left {
	background-position: 0 -236px;
}
.flow-bx .pn-right:hover, .flow-bx .pn-right.pn-end {
	background-position: -33px -261px;
}
.flow-bx .pn-right {
	background-position: -33px -236px;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=60)
}
.modal_od {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1050;
	width: 560px;
	margin: -250px 0 0 -280px;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
 *border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box
}
.close {
	cursor: pointer;
	padding: 2px 3px;
	font-size: 18px;
	cursor: pointer;
	padding: 2px 3px;
	position: absolute;
	right: 10px;
	top: 14px
}
.close:hover {
	background-color: grey;
	color: #ffffff
}
.button-blue {
	display: block;
	float: left;
	padding: 5px 0;
	width: 80px;
	margin-right: 10px;
	color: #fff;
	background: #fa8d09;
	text-align: center;
	cursor: pointer
}
.button-blue:hover {
	background: #3C6;
	text-decoration: none;
	color: #ffffff
}
.button-grey {
	display: block;
	float: left;
	padding: 5px 0;
	width: 80px;
	color: #fff;
	background: #ccc;
	text-align: center;
	cursor: pointer
}
.button-grey:hover {
	background: #aaa;
	text-decoration: none
}
.signup-form .form-arrow {
	display: block;
	width: 30px;
	height: 15px;
	position: absolute;
	left: 95px;
	top: -15px
}
.signup-form input {
	padding: 9px 9px 9px 9px;
	margin-bottom: 20px;
	width: 94%
}
.signup-form .login, .signup-form .reg {
	width: 302px;
	padding: 0;
	margin: 0 0 10px 0;
	height: 35px;
	font-size: 18px;
	cursor: pointer;
	border: none;
}
.signup-form label.remember {
	font-size: 13px
}
.signup-form input[type="checkbox"] {
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 5px 0 0
}
.signup-form a.forgot {
	font-size: 13px;
	float: right;
	margin-top: 2px;
	width: auto;
	cursor: pointer
}
.signup-form p.error {
	font-size: 13px;
	margin-bottom: 5px;
	color: #b22d2d
}
#signup-modal, .modal_od {
	display: none;
	width: 410px;
	padding: 0 40px 20px;
	background: white;
	border: 5px solid rgba(0, 0, 0, 0.2);
	margin-left: -190px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 40px;
	box-shadow: 0 1px 0 white inset;
	margin-top: -267px
}
#signup-modal a:hover, .modal_od a:hover {
	text-decoration: none
}
.modal_od h1, #signup-modal h1 {
	margin: 0 -40px;
	background: #EEE;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	font-size: 18px;
	padding: 13px 40px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align: center;
	margin-bottom: 30px
}
.modal_od .close, #signup-modal .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 18px 16px 18px;
	height: 46px;
	overflow: hidden;
	opacity: .8;
	border-left: 1px solid #BBB
}
.forgot-btn, .login-btn {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	margin-top: 14px;
	color: #ffffff
}
/*訂單記錄樣式*/
/*========= 輪播banner =========*/
.mF_kdui_wrap {
}
.mF_kdui_myFocus {
}
.mF_kdui .pic li {
	display: block!important;
}
.mF_kdui_wrap .pic li img {
}
/*========= 輪播banner END =========*/
.login-form {
	padding: 0 1em;
}
.login-form ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
}
.login-form ul li {
	margin-bottom: 0.5em;
	border: 1px #ececec dotted;
	padding: 10px;
}
.login-form ul li a {
	color: #333333;
}
.login-form ul li ul li a {
	color: #999999;
}
.login-form ul li ul {
	margin: 0px;
	padding: 0px;
	font-size: small;
	margin-top: 0.5em;
}
.login-form ul li ul li {
	border: none;
	padding: 0.5em 1em;
	border-bottom: 2px #ffffff solid;
	background: #fbfbfb;
	margin-bottom: 0em;
}