@charset "utf-8";
/* CSS Document */
@import url("reset.css");

/* --行動網頁隱藏的內容--------------------------------- */
#headerlogo,
#menu,
#aboutuswrapper .aboutusinfolink p,
#activitywrapper .activityinfo p,
#activitywrapper .activityinfodate p,
#loginwrapper .loginformtitle p,
#shoppingwrapper .loginformtitle p,
#servicewrapper .serviceformtitle p,
#storewrapper .storeinfo p,
#subscribewrapper .subscribeinfo p,
#shoppingwrapper .shoppinginfo p,
#shoppinginfowrapper .shoppinginfo p,
#shoppinginfowrapper .shoprecommend,
#footer .footertop,
#footer .footerinfo ul.footertext01,
#footer .footerinfo ul.footertext02,
#footer .footerinfo ul.footertext03,
#searchwrapper .searchinfo p,
#qrcode{
	display: none;}

/* --行動網頁相關屬性設定--------------------------------- */
*{
	box-sizing: border-box; -webkit-box-sizing: border-box;}
body{
	font-size: 14px;}
html{
	font-family: Arial, Helvetica, sans-serif, Microsoft JhengHei;
	/*font-size: 75%; */
	/*-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	min-width: 320px;*/
}

/* --行動網頁共同的CSS--------------------------------- */
#servicewrapper,
#loginwrapper{
	/*padding: 30px 20px 50px 20px;*/ width: 100%; padding:30px 5%;float:left;}
#aboutuswrapper,
#subscribewrapper{
	padding: 30px 20px 10px 20px; width: 100%;float: left;}
#indexwrapper .newsarea h1, 
#indexwrapper .goods h2,
#indexwrapper .edm h1{
	color: rgb(46,46,46);
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-left: 27px;
}	
#indexwrapper .goods .tab-content.current, 
#activitywrapper .activitytab .tab-content02.current,
#shoppinginfowrapper .producttab .tab-content.current{
	display: inherit;}
#shoppingwrapper .shoprecommend dl.product dt.producttitle,
#shoppingwrapper .shoprecommend dl.bestno dt.recommendtitle,
#shoppingwrapper .allproduct .allproducttitle,
#shoppinginfowrapper .allproduct .allproducttitle{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	color: rgb(255,255,255);
	font-weight: bold;
	height: 43px;
	line-height: 43px;
	text-align: center;
}
#indexwrapper .goods ul.tabs li,
#shoppingwrapper .producttab ul.tabs li,
#shoppinginfowrapper .producttab ul.tabs li{
	background-color: rgb(254,211,126);
	border-radius: 8px;
	color: rgb(46,46,46);
	display: inline-block;
	/*float: left;*/
	height: 43px;
	line-height: 43px;
	margin-left: 9px;
	position: relative;
	text-align: center;
	/*width: 31%;*/
	padding: 0 20px;
	margin:5px;
}
#indexwrapper .goods ul.tabs li.current,
#shoppinginfowrapper .producttab ul.tabs li.current{
	background-color: rgb(254,181,40); color: rgb(255,255,255);}
#indexwrapper .goods ul.tabs li.current:after,
#activitywrapper .activitytab ul.tabs li.current:after,
#shoppinginfowrapper .producttab ul.tabs li.current:after{
	border: solid;
	border-top-color: rgb(254,181,40);
	border-width: 6px;
	content: "";
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: 100%;
}
#indexwrapper .goods .tab-content,
#shoppinginfowrapper .goods .tab-content{
	display: none; padding:5% 0 0 0; z-index:88}
#indexwrapper .goods .tab-content ul.goodsitem li,
#shoppinginfowrapper .goods .tab-content ul.goodsitem li{
	width: 50%; padding: 5% 5% 5% 5%;}
#indexwrapper .goods .tab-content ul.goodsitem li p,
#shoppingwrapper .producttab .tab-content ul.goodsitem li p,
#shoppinginfowrapper .producttab .tab-content ul.goodsitem li p{
	margin-bottom: 2px;
}
#indexwrapper .goods .tab-content ul.goodsitem li span,
#shoppingwrapper .bestno dd span,
#shoppingwrapper .allproduct ul li span,
#shoppinginfowrapper .allproduct ul li span,
#shoppinginfowrapper dl.bestno dd span,
#shoppinginfowrapper .allproduct ul li span{
	color: rgb(217,0,0);
	font-family: Century Gothic,Arial,Verdana;
	font-weight: bold;
}
#indexwrapper .goods .tab-content ul.goodsitem li span.pricetitle,
#shoppingwrapper .bestno dd span.pricetitle,
#shoppingwrapper .allproduct ul li span.pricetitle,
#shoppinginfowrapper .allproduct ul li span.pricetitle{
	padding-right: 3px;}
#indexwrapper .goods ul.tabs li:nth-child(1),
#activitywrapper .activitytab ul.tabs li:nth-of-type(odd),
#servicewrapper .serviceform ul li:nth-child(1),
#shoppinginfowrapper .producttab ul.tabs li:nth-child(1),
#loginwrapper .loginform ul li:nth-child(1){
	/*margin-left: 0;*/}
#indexwrapper .goods .tab-content ul.goodsitem li img,
#shoppingwrapper .bestno dd img,
#shoppingwrapper .allproduct ul li img,
#shoppinginfowrapper .allproduct ul li img{
	display: block;
	margin: 0 auto 5px auto;
	max-width: 100%;
}
#aboutuswrapper .aboutusinfo .aboutus,
#aboutuswrapper .salesinfo .companyphoto li,
#activitywrapper .activitytab ul.tabs{
	width: 100%;}
#aboutuswrapper .aboutusinfo .aboutus h2, 
#aboutuswrapper .aboutusinfo .company h2{
	background: url(../images/titleicon03.png) left center no-repeat;}
#aboutuswrapper .aboutusinfo .aboutus h2, 
#aboutuswrapper .aboutusinfo .company h2, 
#aboutuswrapper .aboutusinfo .sales h2, 
#aboutuswrapper .aboutusinfo .saleschart h2{
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	margin-bottom: 15px;
	padding: 3px 0 3px 35px;
}
#aboutuswrapper .aboutusinfo .company .companytitle,
#aboutuswrapper .aboutusinfo .sales .companytitle02{
	/*color: rgb(46,46,46);*/
	float: left;
	font-weight: bold;
	width: 80px;
}
#aboutuswrapper .aboutusinfo .sales .companytext02,
#aboutuswrapper .aboutusinfo .sales .companytext03{
	/*color: rgb(46,46,46);*/
	float: left;
	width: 200px;
}
#aboutuswrapper .aboutusinfo .company ul, 
#aboutuswrapper .aboutusinfo .sales ul, 
#aboutuswrapper .salesinfo .saleschart ul{
	list-style-type: none;}
#aboutuswrapper .aboutusinfo .aboutus p, 
#aboutuswrapper .aboutusinfo .company li, 
#aboutuswrapper .aboutusinfo .sales li, 
#aboutuswrapper .salesinfo .salestext p{
	/*color: rgb(46,46,46);
	font-size: 14px;
    line-height: 190%;*/
	font-size: 14px !important;
	letter-spacing: 1px;
	overflow: hidden;
	text-align: left;
}
#activitywrapper .activitytab ul.activityitem li p,
#activitywrapper .activityinfowrapper .activityinfotext p{
	/*color: rgb(46,46,46);*/
	font-size: 14px !important;
    line-height: 130%;
	margin-top: 8px;
}
#subscribewrapper .subscribecontent, 
#subscribewrapper .subscribecontent02{
	width: 100%;}
#subscribewrapper .subscribecontent li, 
#subscribewrapper .subscribecontent02 li{
	/*color: rgb(46,46,46);*/
	font-size: 14px !important;
    /*line-height: 130%;*/
	padding-bottom: 40px; 
	width: 50%;
	padding:2%;
	float:left;
}
#subscribewrapper .subscribecontent li p, 
#subscribewrapper .subscribecontent02 li p{
	/*background: url(../images/disc01.png) left 8px no-repeat; padding-left: 12px;*/
	font-size:14px !important;
}
#storewrapper .traffictext01,
#storewrapper .traffictext02,
#storewrapper .traffictext03{
	padding-top: 40px;}
#storewrapper .traffictext01 li,
#storewrapper .traffictext02 li,
#storewrapper .traffictext03 li{
	}
#shoppingwrapper,
#shoppinginfowrapper,
#searchwrapper{
	overflow: hidden;
	padding: 30px 5% 5% 5%; 
	width: 100%;
}
#shoppingwrapper .shoppinginfo h2,
#shoppinginfowrapper .shoppinginfo h2{
	background: url(../images/titleicon02.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding-left: 30px;
}
#shoppingwrapper .shopcontainer,
#shoppinginfowrapper .shopcontainer{
	padding-top: 15px; width: 100%;}
#shoppingwrapper dl.product dd,
#shoppingwrapper dl.product dd{
	padding: 5px 18px;}
#shoppingwrapper .shoprecommend .product .productlist01,
#shoppinginfowrapper .shoprecommend .product .productlist01,
#shoppingwrapper .shoprecommend .product .productlist02,
#shoppinginfowrapper .shoprecommend .product .productlist02{
	display: block;}
#shoppingwrapper .allproduct,
#shoppinginfowrapper .allproduct{
	width: 100%;margin:0;}
#shoppingwrapper .allproduct .allproducttitle,
#shoppinginfowrapper .allproduct .allproducttitle{
	background-color: rgb(254,181,40);}
#shoppingwrapper .allproduct ul,
#shoppinginfowrapper .allproduct ul{
	border: 1px solid rgb(255,205,109);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	list-style-type: none;
	padding: 20px 5% 0 5%;
	float:left;
	width:100%;
}
#shoppingwrapper .allproduct ul li,
/*#shoppinginfowrapper .allproduct ul li{
	padding:4%; width: 50%; float:left;}*/
#shoppingwrapper .allproduct ul li p,
#shoppinginfowrapper .allproduct ul li p{
	}
#shoppinginfowrapper .allproduct ul li span{
	color: rgb(217,0,0);
	font-family: Century Gothic,Arial,Verdana;
	font-weight: bold;
}
#loginwrapper .serviceformtitle,
#loginwrapper .loginformtitle{
	height: 27px;}
#servicewrapper .serviceform p a,
#loginwrapper .loginform p a{
	color: rgb(217,0,0); 
	text-decoration: none;
    transition: opacity .55s ease-out;
    -webkit-transition: opacity .55s ease-out;
    -moz-transition: opacity .55s ease-out;
}
#servicewrapper .serviceform .country,
#servicewrapper .serviceform .region,
#servicewrapper .serviceform .road,
#shoppinginfowrapper .receiptform .country,
#shoppinginfowrapper .receiptform .region,
#shoppinginfowrapper .receiptform .road{
	background: rgb(255,255,255);
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 38px;
	outline: none;
	padding-left: 6px;
	width: 100%;
}
#servicewrapper .serviceform  li.submitbtn a:hover,
#servicewrapper .serviceform  li.resetbtn a:hover{
	background-position: bottom; display: block;}
#loginwrapper .loginform li.forgetpswbtn a:hover,
#loginwrapper .loginform  li.submitbtn a:hover,
#loginwrapper .loginform  li.fbbtn a:hover,
#loginwrapper .loginform  li.googlebtn a:hover{
	background-position: bottom; display: block;}
.spacing{
	padding-left: 30px;}
.spacing02{
	padding-left: 7px;}
.clearfix:after{
	clear: both;
	content: "";
	display: block;
}
/*產品搜尋*/
#searchwrapper .searchinfo h2{
	background: url(../images/titleicon11.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding-left: 30px;
}

/* --行動網頁漢堡選單--------------------------------- */
#mobilemenu{
	float: left;
	/*height: 20px;
	width: 20px;
	top: 16px;*/
	left: 5px;
	top:5px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .6s ease-in-out;
	-moz-transition: .6s ease-in-out;
	-o-transition: .6s ease-in-out;
	transition: .6s ease-in-out;
	padding: 9px 8px;
	height: 34px;
}
#mobilemenu span{
	background: rgb(248,182,43);
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	width: 20px;
}
#mobilemenu span:nth-child(1){
	top: 0px;}
#mobilemenu span:nth-child(2){
	top: 6px;}
#mobilemenu span:nth-child(3){
	top: 12px;}
#mobilemenu.open span:nth-child(1){
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
#mobilemenu.open span:nth-child(2){
	opacity: 0; width: 0%;}
#mobilemenu.open span:nth-child(3){
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#menu02, #menu03{
	background-color: rgb(79,79,77);
	display: none;
	height: auto;
	position: relative;
	width: 100%;
}
#menu03{
	background:#565656;
}
#menu02 ul, #menu03 ul{
	height: auto; 
	list-style-type: none;
	position: relative;
	width: 100%;
}
#menu02 li, #menu03 li{
	border-bottom: 1px solid #eee;}
#menu03 li{
	border-bottom: 1px solid rgb(96,96,96);}
#menu02 li a, #menu03 li a{
	color: rgb(255,255,255);
	display: block;
	/*height: 43px;*/
	letter-spacing: 1px;
	line-height: 130%;
	margin: auto;
	padding-left: 20px;
	position: relative;
	text-align: left;
	text-decoration: none;
	padding:10px 20px ;
}
#menu02  li a:after{
	border-right: 2px solid rgb(255,255,255);
	border-top: 2px solid rgb(255,255,255);
	content: "";
	display: block;
	height: 6px;
	margin-top: -5px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
#menu02 li span{
    color: rgb(255,255,255);
    display: block;
    /*height: 43px; */
    letter-spacing: 1px;
    line-height: 130%;
    margin: auto;
    padding-left: 20px;
    position: relative;
    text-align: left;
    text-decoration: none;
    padding: 10px 20px;
}
#menu02  li span:after{
	border-right: 2px solid rgb(255,255,255);
	border-top: 2px solid rgb(255,255,255);
	content: "";
	display: block;
	height: 6px;
	margin-top: -5px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}
#menu03 > ul > li a i{
	color: rgb(248,182,43);
	margin-right: 5px;
}
#menu03 > ul > li a span{
	color: rgb(248,182,43);
	margin-left: 3px;
}
#search_menu .gosearch{
	height: 52px;
	padding: 0 16px;
	position: relative;
}
#search_menu .gosearch input[type=text]{
	border: 1px solid rgb(200,200,200);
	border-radius: 8px;
	color: rgb(163,163,163);
	height: 30px;
	line-height: 30px;
	outline: none;
	padding-left: 12px;
	position: absolute;
	top: 10px;
	width: 96%;
}
#search_menu .gosearch .searchsubmit{
	background: url(../images/searchicon02.png) no-repeat;
	border: 0;
	height: 20px;
	outline: none;
	position: absolute;
	right: 30px;
	text-indent: -9999px;
	top: 15px;
	width: 20px;
}
#menu02{
	height: auto;
	position: relative;
	width: 100%;
	background:#e3950e;
}
#menu02 > ul > li{
	width: 100%;}
#menu02 > ul > li:hover > ul.dropdown-menu{
	display: block;}
#menu02 > ul > li > ul.dropdown-menu{
	display: none;
	list-style-type: none;
	position: relative;
	width: 100%;
	z-index: 100;
}
#menu02 > ul > li > ul.dropdown-menu > li{
	border-bottom: 1px solid rgb(190,190,190);}
#menu02  ul.dropdown-menu > li a:after{
	display:none;
}
#menu02 > ul > li > ul.dropdown-menu > li{
	background-color: #dfdfdf;
}
#menu02 > ul > li > ul.dropdown-menu > li >a{
	color: rgb(46,46,46) !important;
	padding-left: 35px;
	margin-right: 50px;
}
#menu02 > ul > li > ul.dropdown-menu > li > a:after{
	border-right: 2px solid rgb(46,46,46);
	border-top: 2px solid rgb(46,46,46);
	content: "";
	display: block;
	height: 6px;
	margin-top: -5px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	margin-right: -50px;
}
#menu02 > ul > li > ul.dropdown-menu >li{
	/*background:#f9b52c;*/
	width:100%;
}
#menu02 > ul > li > ul.dropdown-menu > li > ul{ 
	/*display: none;*/
	background:#f9f9f9;
}
#menu02 > ul > li > ul.dropdown-menu > li > ul >li{ 
	/*display: none;*/
	padding:0 0 0 30px !important;
	border-bottom: dotted #eee 1px !important;
}
#menu02 > ul > li > ul.dropdown-menu > li > ul >li a{ 
	color:#333 !important;
	margin-right: 60px;
}
#mobile_menu{
	padding-bottom: 0 !important;
    border-bottom: 0 !important;
    position: fixed;
    width: 100%;
    z-index: 999999;
    max-height: 250px;
    overflow-y: scroll;
	/*margin-top:61px !important;
	box-shadow: 0px 4px 4px rgba(20%,20%,20%,0.1);*/
}
.class_menu_03{
	/*display:none;*/
}
#top_cart{
	background:#fff;
	border:solid #ddd 1px;
}
#top_cart i{
	color:#feb528;
}
.cart_box{
	float:left;
	position: relative;
	margin-right:13px;
}
.cart_box #shopno{
	display: inline-block;
    background-color: #f6b62a;
    color: #FFFFFF;
    font-size: 10px;
    position: absolute;
    padding: 1px;
    width: 20px;
    height: 20px;
    padding-right: 3px;
    border-radius: 100%;
    top: -5px;
    right: -10px;
    font-family: sans-serif;
    text-align: center;
	line-height: 170%;
}
.left_menu_product{
	display:none;
}


/* --行動網頁版頭--------------------------------- */
#mobileheader{
	background: rgb(255,255,255);
	border-top: rgb(248,182,43) 6px solid;
	padding: 5px 0;
	width: 100%;
	position: fixed;
    height: 61px;
    float: left;
    top: 0;
    z-index: 99999999;
	box-shadow:0px 4px 4px rgba(20%,20%,20%,0.1)
}
#mobilelogo{
	/*height: 52px;*/
	margin: 0 auto;
	width: 145px;
	margin-left:5px;
	float:left;
}

/* --行動網頁首頁與內頁banner--------------------------------- */
.slide{
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	max-width: 100%;
	margin-top: 51px;
	z-index:1;
}
.slide ul{	
	list-style-type: none;}
.slide li{
	background-position: center center;
	background-size: cover;
	left: 0;
	list-style-type: none;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.slide li img{
	display: block;
	height: auto;
	max-width: 100%;
}
.slide #dots{
	bottom: 15px;
	font-size: 0;
	height: 7px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 9999;
}
.slide #dots a{
	background-color: rgb(243,243,243);
	border-radius: 100%;
	display: inline-block;
	height: 14px;
	margin-left: 14px;
	width: 14px; 
	border: solid 2px #ffd882;
}
.slide #dots a.active{ 
	background-color: rgb(254,181,40);}
.pagebanner{
	background-position: center center;
	background-size: cover;
	/*height: 120px;*/
	max-width: 100%;
	position: relative;
	margin-top:55px;
}
.pagebanner ul{
	list-style-type: none;}
.pagebanner ul li{
	background-position: center center;
	background-size: cover;
	/*height: 120px;*/
}
.pagebanner ul li.bannertext{
	bottom: 0;
	color: rgb(255,255,255);
	height: 45px;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
	width: 90%;
	text-shadow: 2px 2px 2px rgba(20%,20%,20%,0.4);
}
.pagebanner ul li.bannertext h2{
	font-size: 18px;
	line-height: 130%;
}
.pagebanner ul li.bannertext h3{
	text-align: center;font-size: 16px;}
	
/* --行動網頁首頁最新消息 商品資訊--------------------------------- */
#indexwrapper{
	padding: 30px 20px 0 20px; width: 100%;}
#indexwrapper .newsarea h1{
	background: url(../images/titleicon01.png) left center no-repeat;
	letter-spacing: .12px;
	margin-bottom: 5px;
	padding-top: 3px;
}
#indexwrapper .newsarea ul{
	list-style-type: none;    
	float: left;
    width: 100%;
	margin-top: 10px;
}
#indexwrapper .newsarea ul li img{
	display: block;
	height: auto;
	margin: 0 auto 0px auto;
	width: 100%;
}
#indexwrapper .goods{
	padding-top: 17px;    
	float: left;
    width: 100%;}
#indexwrapper .goods h2{
	background: url(../images/titleicon02.png) left center no-repeat; letter-spacing: .12px;width: 100%;}
#indexwrapper .goods ul.tabs{
	list-style-type: none; 
	/*margin-top: 20px; 
	width: 100%;
    margin-bottom: 15px;
	float:left;*/
	margin: 35px auto 0 auto;
    width: 100%;
    text-align: center;}

/* --首頁-訂閱電子報--------------------------------- */
#indexwrapper .edm h1{
	background: url(../images/titleicon12.png) left center no-repeat;
	letter-spacing: .12px;
	margin-bottom: 5px;
}

/* --行動網頁關於我們--------------------------------- */
#aboutuswrapper .aboutusinfo .company{
	overflow: hidden;
	padding-top: 40px;	
	width: 100%;
}
#aboutuswrapper .aboutusinfo .company .companytitle02{
	color: rgb(46,46,46);
	float: left;
	font-weight: bold;
	width: 163px;
}
#aboutuswrapper .aboutusinfo .company .companytext{
	color: rgb(46,46,46);
	float: left;
	width: 65%;
}
#aboutuswrapper .aboutusinfo .company .companytext02{
	color: rgb(46,46,46);
	float: left;
	width: 30%;
}
#aboutuswrapper .aboutusinfo .sales{
	overflow: hidden;
	padding-top: 40px;
	width: 100%;
}
#aboutuswrapper .aboutusinfo .sales h2{
	background: url(../images/titleicon04.png) left center no-repeat;}
#aboutuswrapper .aboutusinfo .sales .companytitle{
	color: rgb(46,46,46);
	float: left;
	font-weight: bold;
	width: 64px;
}
#aboutuswrapper .aboutusinfo .sales .companytitle03{
	color: rgb(46,46,46);
	float: left;
	font-weight: bold;
	text-align: right;
	/*width: 80px;	*/
}
#aboutuswrapper .aboutusinfo .sales .companytext{
	color: rgb(46,46,46);
	float: left;
	width: 186px;
}
#aboutuswrapper .salesinfo{
	padding-top: 40px; width: 100%;}
#aboutuswrapper .salesinfo .saleschart h2{
	background: url(../images/titleicon05.png) left center no-repeat;
	color: rgb(46,46,46);
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 35px;
}
#aboutuswrapper .salesinfo .saleschart li{
	padding-bottom: 40px; width: 50%; float:left;}
#aboutuswrapper .salesinfo .saleschart li:nth-child(6){
	padding-bottom: 0;}
#aboutuswrapper .salesinfo .saleschart li img{
	display: block;
	height: auto;
	margin: 0 auto;
	width: 170px;
}
#aboutuswrapper .salesinfo .salestext{
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	width: 170px;
}
#aboutuswrapper .salesinfo .companyphoto h2{
	background: url(../images/titleicon06.png) left center no-repeat; 
	color: rgb(46,46,46);
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 45px;
	width:100%;
}
#aboutuswrapper .salesinfo .companyphoto li img{
	height: auto;
	display: block;
	max-width: 100%;
	padding-bottom: 40px;
}
.saleschartinfo img{
	margin: 0 auto;
}

/* --行動網頁最新活動 最新活動內頁--------------------------------- */
#activitywrapper{
	padding: 30px 20px 12px 20px; width: 100%;}
#activitywrapper .activityinfo h2{
	background: url(../images/titleicon07.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding-left: 35px;
}
#activitywrapper .activitytab{
	padding-top: 15px;}
#activitywrapper .activitytab ul.tabs li{
	background-color: rgb(254,211,126);
	border-radius: 8px;
	color: rgb(46,46,46);
	display: inline-block;
	float: left;
	height: 43px;
	line-height: 43px;
	margin: 0 0 16px 8px;
	position: relative;
	text-align: center;
	/*width: 45%;*/
	padding: 0 20px;
}
#activitywrapper .activitytab ul.tabs li.current{
	background-color: rgb(254,181,40); 
	color: rgb(255,255,255);
	width: auto;
    padding: 0 20px;
}
#activitywrapper .activitytab ul.activityitem{
	list-style-type: none; 
	padding: 7px 0 15px 0;
	position: relative;
	width: 100%;
}
#activitywrapper .activitytab ul.activityitem li{
	border: 2px solid rgb(254,181,40);
	border-radius: 16px;
	/*margin-bottom: 23px;*/
	padding: 14px;
	width: 46%;
    float: left;
    margin: 2%;
}
#activitywrapper .activitytab ul.activityitem li img{
	height: auto;
	transition: opacity .55s ease-out;
    -moz-transition: opacity .55s ease-out;
    -webkit-transition: opacity .55s ease-out;
    width: 100%;
}
#activitywrapper .activitytab ul.activityitem li h3{
	border-bottom: 1px dotted rgb(254,189,39);
	color: #975228;
	font-size: 17px;
    line-height: 130%;
	padding: 5PX 0 8px 0;
}
#activitywrapper .activitytab .tab-content02{
	display: none;}
#activitywrapper .activityinfodate{
	height: 23px; padding-bottom: 23px;}
#activitywrapper .activityinfodate h2{
	color: rgb(46,46,46);
	float: left;
	left: 0;
	padding-top: 4px;
}
#activitywrapper .activityinfowrapper{
	padding-top: 23px; width: 100%;}
#activitywrapper .activityinfowrapper .activityimage img{
	display: block;
	margin: 0 auto;
	height: auto;
	width: 100%;
}
#activitywrapper .activityinfowrapper .activityinfotext{
	padding: 23px 0 38px 0;}
#activitywrapper .activityinfowrapper .activityinfotext h3{
	border-bottom: 2px dashed rgb(254,189,39);
	color: rgb(46,46,46);
	padding-bottom: 8px;
}
#tab-1, #tab-2, #tab-3, #tab-4{
	overflow: hidden;	
	position: relative;
	width: 100%;
	z-index: 88;
}

/* --行動網頁訂購諮詢--------------------------------- */
#subscribewrapper .subscribeinfo h2{
	background: url(../images/titleicon08.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding:3px 0 3px 30px;
}
#subscribewrapper .subscribecontent{
	padding-top: 15px;
	font-size:14px !important;
}

/* --行動網頁門市資訊--------------------------------- */
#storewrapper{
	padding: 24px 20px 50px 20px; width: 100%;}
#storewrapper .storeinfo{
	height: 27px;}
#storewrapper .storeinfo h2{
	background: url(../images/titleicon09.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding: 3px 0 3px 30px;
}
#storewrapper .storetext{
	padding-top: 15px;}
#storewrapper .storetext .storeimg img{
	display: block;
	height: auto;
	margin: 0 0 5px 0;
	max-width: 100%;
}
#storewrapper .storetext .storecontact li{
	overflow: hidden;
	padding: 4px 0;
	position: relative;
}
#storewrapper .storetext .storecontact .storetitle{
	/*color: rgb(46,46,46);*/
	float: left;
	font-weight: bold;
	width: 75px;
}
#storewrapper .storetext .storecontact .storeletter{
	/*color: rgb(46,46,46);*/
	float: left;
	width: calc(100% - 80px);
}
#storewrapper .storetext .storecontact .storeletter02{
	/*color: rgb(46,46,46);*/
	float: left;
	/*line-height: 28px;
	width: 200px;*/
}
#storewrapper .storetext .storecontact li.mapbtn a{
	background-image: url(../images/mapbtn.png);
	background-position: top;
	display: block;
	height: 42px;
	margin: 8px 0 0 80px;
	width: 132px;
}
#storewrapper .storetext .storecontact li.mapbtn a:hover{
	background-position: bottom; display: block;}
#storewrapper .traffictext01 ul{
	list-style-image: url(../images/disc01.png); padding: 6px 0 0 17px;}
#storewrapper .traffictext02 ul{
	list-style-image: url(../images/disc02.png); padding: 6px 0 0 17px;}
#storewrapper .traffictext03 ul{
	list-style-image: url(../images/disc03.png); padding: 6px 0 0 17px;}

/* --行動網頁商品區 商品區內頁--------------------------------- */
#shoppingwrapper .shoprecommend{
	width: 100%;}
#shoppingwrapper .shoprecommend dl.product{
	background-color: rgb(239,239,239);
	border-radius: 12px;
	width: 100%;
	/*padding:10px 0;*/
}
#shoppingwrapper .shoprecommend dl.product dt.producttitle02{
	background-color: rgb(91,185,60);
	color: rgb(255,255,255);
	height: 43px;
	line-height: 43px;
	text-align: center;
}
#shoppingwrapper dl.bestno{
	background-color: rgb(239,239,239);
	border-radius: 12px;
	font-weight: bold;
	margin: 5px 0;
	width: 100%;
}
#shoppingwrapper dl.bestno dd{
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 2px;
	padding: 20px 62px;
}
#shoppingwrapper dl.bestno dt.recommendtitle{
	background-color: rgb(255,0,60);}
#shoppingwrapper .shoprecommend dl.bestno dt.recommendtitle{
	text-align: center;}
#shoppingwrapper dl.product dd a{
	color: rgb(46,46,46);
	text-decoration: none;
}
#shoppingwrapper dl.product dt.producttitle{
	background-color: rgb(91,185,60);}
#shoppinginfowrapper .producttab .tab-content img{
	height: auto; max-width: 100%;}
#shoppinginfowrapper .productmessage{
	padding-bottom: 40px;}
#shoppinginfowrapper .productmessage .productoimage{
	width: 100%;}
#shoppinginfowrapper .productmessage .productoimage img{
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 80%;
}
#shoppinginfowrapper .productmessage .productdetails{
	margin-top: 10px; width: 100%;}
#shoppinginfowrapper .productmessage .productdetails h1{
	font-size: 18px; line-height: 25px;}
#shoppinginfowrapper .productmessage .productdetails h2{
	 padding: 10px 0;}
#shoppinginfowrapper .productmessage .productdetails ul.productbtn li{
	float: left;}
#shoppinginfowrapper .productmessage .productdetails ul.goodslistinfo{
	border-top: 1px dotted rgb(175,175,175);
	border-bottom: 1px dotted rgb(175,175,175);
	list-style-type: disc;
	padding: 10px 16px;
}
#shoppinginfowrapper .productmessage ul.priceinfo{
	list-style-type: none;
	padding: 10px 16px 10px 0;
}
#shoppinginfowrapper .productmessage ul.priceinfo li{
	display: inline-block; margin-right: 7px;}
#shoppinginfowrapper .productmessage .productdetails span.underline{
	margin-left: 3px; text-decoration: line-through;}
#shoppinginfowrapper .productmessage .productdetails span.dollars{
	color: rgb(217,0,0); 
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 3px;
}
#shoppinginfowrapper .productmessage .productdetails select.totalno{
	background-color: rgb(255,255,255);
	height: 28px; 
	outline: none;
	margin: 0 0 5px 3px;
}
#shoppingwrapper .productmessage .productdetails p{
	padding-top: 10px;}
#shoppinginfowrapper .productmessage .productdetails ul.productbtn{
	border-bottom: none;
	list-style-type: none;
	margin: 0 auto;
	/*overflow: hidden;*/
	padding: 10px 0;
	width: 318px;
	float:left;
}
#shoppinginfowrapper .productmessage .productdetails ul.productbtn li{
	float: left;}
#shoppinginfowrapper .productmessage .productdetails li.buybtn input{
	background-image: url(../images/buybtn.png);
	background-position: top;
	display: block;
	height: 47px;
	width: 125px;
	border-radius:5px;
}
.buybtn input{
	border:none;
	color: transparent;
}
#shoppinginfowrapper .productmessage .productdetails li.subscribebtn a{
	background-image: url(../images/subscribebtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin-left: 15px;
	width: 125px;
	border-radius:5px;
}
#shoppinginfowrapper .productmessage .productdetails li.buybtn input:hover,
#shoppinginfowrapper .productmessage .productdetails li.subscribebtn a:hover{
	background-position: bottom; display: block;}
#shoppinginfowrapper .producttab{ 
	padding-bottom: 40px; width: 100%;}
#shoppinginfowrapper .producttab ul.tabs{
	list-style-type: none;}
#shoppinginfowrapper .producttab .tab-content{
	display: none; padding-top: 25px;}

/* --行動網頁客服中心 註冊--------------------------------- */
#servicewrapper .serviceformtitle h2{
	background: url(../images/titleicon10.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding-left: 35px;
}
#servicewrapper .serviceform{
	padding-top: 15px;
	width: 100%;
}
#servicewrapper .serviceform p{
	color: rgb(46,46,46);
	padding-bottom: 23px;
}
#servicewrapper .serviceform label{
	padding-top: 7px;}
#servicewrapper .serviceform input[type="text"],
#loginwrapper input[type="text"],
#shoppinginfowrapper .receiptform input[type="text"]{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 38px;
	margin: 7px 0 23px 0;
	outline: none;
	padding: 3px 0 3px 6px;
	transition: border .55s, ease-out, box-shadow .55s, ease-out;
   -moz-transition: border .55s, ease-out, box-shadow .55s, ease-out;
   -webkit-transition: border .55s, ease-out, box-shadow .55s, ease-out;
	width: 100%;
}
#servicewrapper .serviceform input[type="text"]:focus,
#servicewrapper .serviceform textarea:focus,
#loginwrapper input[type="text"]:focus{
	border: 1px solid rgba(118,195,227,0.5); box-shadow: 0 0 5px 1px rgba(118,195,227,0.5);}
#servicewrapper .serviceform label.gender{
	margin-top: -7px;}
#servicewrapper .serviceform input[type="radio"]{
	height: 13px;
	margin: 0 3px 23px 11px;
	width: 13px;
}
#servicewrapper .serviceform textarea{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 176px;
	margin: 7px 0 23px 0;
	outline: none;
	padding: 6px 0 3px 6px;
	resize: none;
	transition: border .55s, ease-out, box-shadow .55s, ease-out;
   -moz-transition: border .55s, ease-out, box-shadow .55s, ease-out;
   -webkit-transition: border .55s, ease-out, box-shadow .55s, ease-out;
	width: 100%;
}
#servicewrapper .serviceform .country,
#shoppinginfowrapper .receiptform .country{
	margin: 7px 0 23px 0;}
#servicewrapper .serviceform .region,
#shoppinginfowrapper .receiptform .region{
	margin-bottom: 23px;}
#servicewrapper .serviceform .road,
#shoppinginfowrapper .receiptform .road{
	margin-bottom: 16px;}
#servicewrapper .serviceform input.zcode,
#shoppinginfowrapper .receiptform input.zcode{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 38px;
	margin-bottom: 16px;
	padding-left: 6px;
	width: 100%;
}
#servicewrapper .serviceform input.address,
#servicewrapper .serviceform input.number
#shoppinginfowrapper .receiptform input.address{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 38px;
	margin-bottom: 23px;
	padding-left: 6px;
	width: 100%;
}
#servicewrapper .serviceform .numberimg{
	height: 34px;
	margin-bottom: 23px;
	width: 127px;
}
#servicewrapper .serviceform p.changenumber{
	text-align: left;}
#servicewrapper .serviceform ul{
	list-style-type: none;
	margin: 0 auto;
	overflow: hidden;
	width: 316px;
}
#servicewrapper .serviceform ul li{
	float: left;}
#servicewrapper .serviceform  li.submitbtn a{
	background-image: url(../images/submitbtn.png);
	background-position: top;
	display: block;
	height: 47px;
	width: 145px;
}
#servicewrapper .serviceform  li.resetbtn a{
	background-image: url(../images/resetbtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin-left: 26px;
	width: 145px;
}
	
/* --行動網頁登入--------------------------------- */
#loginwrapper .loginformtitle h2{
	background: url(../images/titleicon10.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding: 3px 0 3px 35px;
}
#shoppingwrapper .loginformtitle h2{
	background: url(../images/titleicon10.png) left center no-repeat;
	color: rgb(46,46,46);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .12px;
	padding-left: 30px;
}
#loginwrapper .loginform{
	padding-top: 15px;
	width: 100%;
}
#loginwrapper .loginform p{
	color: rgb(46,46,46);
	padding-bottom: 15px;
}
#loginwrapper .loginform label{
	padding-top: 7px;}
#loginwrapper .loginform label.gender{
	margin-top: -7px;}
#loginwrapper .loginform .numberimg{
	height: 34px;
	margin-bottom: 23px;
	width: 127px;
}
#loginwrapper .loginform p.changenumber{
	text-align: left;}
#loginwrapper .loginform ul{
	list-style-type: none; 
	margin: 0 auto;	
	overflow: hidden;
	padding-top: 7px; 
	width: 316px;
}
#loginwrapper .loginform ul li{
	float: left;}
#loginwrapper .loginform li.forgetpswbtn a{
	background-image: url(../images/forgetpswbtn.png);
	background-position: top;
	display: block;
	height: 47px;
	width: 145px;
}
#loginwrapper .loginform  li.submitbtn a{
	background-image: url(../images/loginbtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin-left: 26px;
	width: 145px;
}
#loginwrapper .loginform  li.fbbtn a{
	background-image: url(../images/fbbtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin-top: 26px;
	width: 145px;
}
#loginwrapper .loginform  li.googlebtn a{
	background-image: url(../images/googlebtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin: 26px 0 0 26px;
	width: 145px;
}

/* --行動網頁會員購物結帳流程--------------------------------- */
#shoppinginfowrapper .receiptformwrapper{
	padding-top: 23px; width: 100%;}
#shoppinginfowrapper .receiptformwrapper .step01 img,
#shoppinginfowrapper .receiptformwrapper .step02 img,
#shoppinginfowrapper .receiptformwrapper .step03 img{
	display: block;
	height: auto;
	margin: 0 auto;
	padding-bottom: 23px;
	max-width: 100%;
}
#shoppinginfowrapper .receiptform{
	border: 1px solid rgb(239,239,239);
	box-shadow: 1px 4px 4px -4px rgba(51,51,51,0.4);
	margin: 0 auto 40px auto;
	text-align: center;
	width: 100%;
}
#shoppinginfowrapper .receiptform form{
	margin: 0 auto;
	padding: 23px 23px 0 23px;
}
#shoppinginfowrapper .receiptform table{
	width: 100%;}
#shoppinginfowrapper .receiptform label{
	float: left;
	text-align: left;
	width: 60px;
}
#shoppinginfowrapper .receiptform input[type="text"]:disabled{
	background: rgb(239,239,239);}
#shoppinginfowrapper .receiptform tr.title,
#shoppinginfowrapper .receiptform tr.title02{
	height: 42px;
	line-height: 42px;
}
#shoppinginfowrapper .receiptform tr.title{
	background-color: rgb(239,239,239);}
#shoppinginfowrapper .receiptform tr.title02{
	background-color: rgb(255,255,255);}
#shoppinginfowrapper .receiptform tr.receiptborder{
	border-bottom: 1px solid rgb(239,239,239);}
#shoppinginfowrapper .receiptform tr td.productname{
	width: 44.44%;}
#shoppinginfowrapper .receiptform tr td.productnoo{
	width: 28.88%;}
#shoppinginfowrapper .receiptform tr td.quanitiy,
#shoppinginfowrapper .receiptform tr td.numberno,
#shoppinginfowrapper .receiptform tr td.deleteno{
	width: 13.63%;}
#shoppinginfowrapper .receiptform tr td.check,
#shoppinginfowrapper .receiptform tr td.paymethod,
#shoppinginfowrapper .receiptform tr td.payexplain{
	border-right: 1px solid rgb(239,239,239);}
#shoppinginfowrapper .receiptform tr td.check{
	width: 6.66%;}
#shoppinginfowrapper .receiptform tr td.paymethod{
	width: 17.77%}
#shoppinginfowrapper .receiptform tr td.payexplain,
#shoppinginfowrapper .receiptform tr td.paymemo{
	width: 37.77%;}
#shoppinginfowrapper .receiptform td.content,
#shoppinginfowrapper .receiptform td.inputcontent,
#shoppinginfowrapper .receiptform td.resulttext{
	border-right: 1px solid rgb(239,239,239);
}
#shoppinginfowrapper .receiptform td.content,
#shoppinginfowrapper .receiptform td.resulttext{
	padding: 6px;}
#shoppinginfowrapper .receiptform td.inputcontent{
	padding: 23px;}
#shoppinginfowrapper .receiptform td.content{
	text-align: center;}
#shoppinginfowrapper .receiptform td.resulttext{
	text-align: left;}
#shoppinginfowrapper .receiptform td.cardpay{
	border: 1px solid rgb(239,239,239);
	padding: 6px;
	text-align: left;
}
#shoppinginfowrapper .receiptform td.cardpay img{
	display: block;
	height: auto;
	margin: 0 auto 10px auto;
	max-width: 100%;
}
#shoppinginfowrapper .receiptform td.content .trash{
	font-size: 18px;}
#shoppinginfowrapper .receiptform ul{
	float: right;
	height: 47px;
	line-height: 47px;
	list-style-type: none;
	margin: 23px auto 0 auto;
	width: 318px;
}
#shoppinginfowrapper .receiptform li{
	float: left;
	height: 47px;
	margin-left: 10px;	
}
#shoppinginfowrapper .receiptform li a{
	text-decoration: none;}
#shoppinginfowrapper .receiptform li:nth-child(1){
	margin-left: 0;}
#shoppinginfowrapper .receiptform ul.resultmoney{
	float: right;
	list-style-type: none;
	margin: 18px -3px 18px 0;
	width: 190px;
}
#shoppinginfowrapper .receiptform .timing{
	background-color: rgb(255,255,255);
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 38px;
	margin-bottom: 23px;
	padding-left: 6px;
	outline: none;
	width: 100%;
}
#shoppinginfowrapper .receiptform input[type="checkbox"]{
	height: 15px;
	margin: 6px 4px 0 0;
	width: 15px;
}
#shoppinginfowrapper .receiptform .samedata{
	margin: 0 auto 23px auto; width: 130px;}
#shoppinginfowrapper .receiptform input[type="submit"]{
	background-image: -webkit-linear-gradient(top, #fe9f1a, #f79000);
	background-image: -moz-linear-gradient(top, #fe9f1a, #f79000);
	background-image: -ms-linear-gradient(top, #fe9f1a, #f79000);
	background-image: -o-linear-gradient(top, #fe9f1a, #f79000);
	background-image: linear-gradient(to bottom, #fe9f1a, #f79000);
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: rgb(255,255,255);
	display: block;
	font-size: 13px;
	height: 47px; 
	outline: none;
	width: 98px;
}
#shoppinginfowrapper .receiptform input[type="submit"]:hover{
	background-image: -webkit-linear-gradient(top, #fe9f1a, #ff9b10);
	background-image: -moz-linear-gradient(top, #fe9f1a, #ff9b10);
	background-image: -ms-linear-gradient(top, #fe9f1a, #ff9b10);
	background-image: -o-linear-gradient(top, #fe9f1a, #ff9b10);
	background-image: linear-gradient(to bottom, #fe9f1a, #ff9b10);
}
.redtext{
	color: rgb(217,0,0);}

/* --行動網頁刊尾--------------------------------- */
#footer{
	background: url(../images/footer_1.png) center center no-repeat;
	background-size: cover;
	padding: 18px 0;
	position: relative;
	width: 100%;
	float:left;
}
#footer .footertext06{
	padding: 0 40px;
	font-size:13px;
	line-height:130%;
}
#footer .footertext06 li h1{
	font-weight: normal;
	font-size:13px;
	color:#000;
}
#footer .footertext06 li p{
	/*padding-bottom: 3px;*/ text-align: center;}
#footer .footertext06 li{
	/*color: rgb(46,46,46);
	padding-top: 3px;*/
	text-align: center;
	font-size:13px;
	line-height:130%;
}
#gotop img{
	bottom: 38px;
	height: 46px;
	opacity: 1;
	position: absolute;
	right: 15px;
	text-indent: -9999px;
	transition: opacity .55s ease-in-out;
   -moz-transition: opacity .55s ease-in-out;
   -webkit-transition: opacity .55s ease-in-out;
	width: 46px;
	display:none;
}

/* --平板網頁相關設定--------------------------------- */
/* --平板網頁首頁banner--------------------------------- */
@media screen and (min-width:768px) and (max-width:1024px){
.slide,
.slide li{
	height: 300px;}
#indexwrapper .goods .tab-content,
#shoppinginfowrapper .goods .tab-content{
	display: none; padding: 40px 31px 0 31px;}
#indexwrapper .goods .tab-content ul.goodsitem li,
#shoppinginfowrapper .goods .tab-content ul.goodsitem li{
	float: left;     
	width: 33%;
    /*margin: 0 3%;*/}

/* --平板網頁關於我們--------------------------------- */
#aboutuswrapper .aboutusinfo .company{
	float: left; width: 47%;}
#aboutuswrapper .aboutusinfo .sales{
	float: left; width: 41%;}
#aboutuswrapper .salesinfo .saleschart li{
	float: left; width: 33%;}
#aboutuswrapper .salesinfo .companyphoto ul{
	padding-top: 50px;}
#aboutuswrapper .salesinfo .companyphoto li{
	float: left;
	margin-left: 36px;
	width: 30%;
}
#aboutuswrapper .salesinfo .companyphoto li:nth-child(1){
	margin-left: 0;}
#aboutuswrapper .salesinfo .companyphoto li img{
	float: left;}

/* --平板網頁門市資訊相關設定--------------------------------- */
#storewrapper .storetext{ 
	padding-top: 20px; width: 100%;}
#storewrapper .storetext .storeimg{
	float: left; /*width: 54%;*/}
#storewrapper .storetext .storeimg img{
	display: block;
	height: auto;
	max-width: 100%;
}
#storewrapper .storetext .storecontact{
	float: left; /*width: 42.6%;*/ padding-left:50px;}
#storewrapper .storetext .storecontact li.mapbtn a{
	margin: 8px 0 0 0;}

/* --平板網頁商品區相關設定--------------------------------- */
#shoppingwrapper dl.bestno dd{
	float: left;
	padding: 4%;
    width: 33%;
}
#shoppingwrapper .allproduct ul,
#shoppinginfowrapper .allproduct ul{
	overflow: hidden; padding: 40px 31px 0 31px;}
#shoppingwrapper .allproduct ul li,
#shoppinginfowrapper .allproduct ul li{
	float: left;
	margin: 2% 3% 5% 3%; 
	width: 27%;
}

/* --平板網頁客服中心 註冊 登入相關設定--------------------------------- */
#servicewrapper .serviceform ul{
	height: 47px;
	list-style-type: none;
	margin: 0 auto;
	width: 316px;
}
#loginwrapper .loginform ul{
	list-style-type: none;
	margin: 0 auto;
	width: 658px;
}
#loginwrapper .loginform  li.fbbtn a,
#loginwrapper .loginform  li.googlebtn a{
	margin: 0 0 0 26px;}
}

/* --iPhone5的按鈕相關設定--------------------------------- */
@media screen and (min-width:320px) and (max-width:359px){
#servicewrapper .serviceform ul{
	list-style-type: none;
	margin: 0 auto;
	overflow: hidden;
	width: 145px;
}
#loginwrapper .loginform ul{
	overflow: hidden;
	padding-top: 8px; 
	width: 145px;
}
#servicewrapper .serviceform  li.submitbtn a,
#servicewrapper .serviceform  li.resetbtn a,
#loginwrapper .loginform  li.submitbtn a,
#loginwrapper .loginform li.fbbtn a,
#loginwrapper .loginform li.googlebtn a{
	margin: 13px 0 0 0;}
#shoppinginfowrapper .productmessage .productdetails ul.productbtn{
	/*width: 146px;*/}
#servicewrapper .serviceform ul li,
#loginwrapper .loginform ul li,
#shoppinginfowrapper .productmessage .productdetails ul.productbtn li{
	/*float: none;*/}
#shoppinginfowrapper .productmessage .productdetails li.subscribebtn a{
	/*margin: 26px 0 0 0;*/}
#shoppinginfowrapper .receiptform ul{
	width: 278px;}
#shoppinginfowrapper .receiptform input[type="submit"]{
	width: 86px;}
}
/*--------------------------bootstrap--------------------------*/
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left; }
.col-sm-1 {
  width: 8.33333%; }
.col-sm-2 {
  width: 16.66667%; }
.col-sm-3 {
  width: 25%; }
.col-sm-4 {
  width: 33.33333%; }
.col-sm-5 {
  width: 41.66667%; }
.col-sm-6 {
  width: 50%; }
.col-sm-7 {
  width: 58.33333%; }
.col-sm-8 {
  width: 66.66667%; }
.col-sm-9 {
  width: 75%; }
.col-sm-10 {
  width: 83.33333%; }
.col-sm-11 {
  width: 91.66667%; }
.col-sm-12 {
  width: 100%; }
.hidden-sm{
  display:none;
}
.mobile_left_sm{
  text-align:left;
 }
 .login_box_right{
  padding:5% 10%;
  margin-bottom:5%;
  width:100%;
}
#indexwrapper .newsarea ul li{
	width:30%;
	display:inline-block;
	margin:1%;
	vertical-align:top;
}
}
@media (max-width: 767px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }
.hidden-xs{
	display:none;
}
.mobile_left{
	text-align:left;
}
.form_remarks{
	padding:0 0 17px 0;
}
.form_title{
	width:100%;
	padding:17px 0 0 0;
}
.login_box_right{
	padding:5%;
	margin-bottom:5%;
	width:100%;
}
.date{
	padding:10px 0 0 0;
}

}

@media (max-width: 480px) {
#aboutuswrapper .salesinfo .saleschart li{
	padding-bottom: 40px; width: 100%;}
}

/*會員中心*/
.login_box{
	width:90%;
	float:left;
	margin:3% 5% 5% 5%;
}
.login_box_left{
	border:10px solid rgb(239,239,239);
	border-radius: 10px;
	padding:5% 10%;
	margin-bottom:5%;
}

/*通用*/
body{
	font-family:open-sans, Arial, sans-serif, "微軟正黑體";
}
.text_left{
	text-align:left !important;
}
.text_right{
	text-align:right !important;
}

.form_title_bold{
	/*width:100%;*/
	text-align:right;
	font-weight:bold;
}
p.p_num {
    height: 30px;
}

/*left menu product*/
.left_menu_product{
	margin-bottom:5%;
}

/*-------------------------------------2018.6.1新增-----------------------------------------*/
@media (max-width: 1024px) {
#shoppingwrapper dl.bestno {
	display:none;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
#indexwrapper .goods .tab-content ul.goodsitem li:nth-child(3n+1){
	clear:both;
}
}