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

/* --桌機網頁隱藏的內容--------------------------------- */
#mobilemenu,
#mobilelogo,
#menu03,
#footer .footertext06{
	display: none;} 

/* --桌機內頁共同的CSS--------------------------------- */
html{
	font-family: Arial, Helvetica, sans-serif, Microsoft JhengHei;}
#wrapper{
	margin: 0 auto; width: 100%;}
#menu > ul > li > a, 
#menu02 ul > li > a{
	/*color: rgb(46,46,46);*/
	display: block;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	opacity: 1;
	text-align: center;
	text-decoration: none;
}
#menu > ul > li > a:hover,
#menu02 ul.dropdown-menu > li > ul > li > a:hover,
#newsarea li:hover,
#activitywrapper .activitytab ul.activityitem li img:hover,
#footer .footerinfo ul.footertext02 li a:hover,
#gotop:hover{
	cursor: pointer; opacity: 0.75;}
#indexwrapper .newsarea h2, 
#indexwrapper .goods h2,
#indexwrapper .edm h2{
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 27px;		
}
#aboutuswrapper,
#activitywrapper,
#subscribewrapper,
#shoppingwrapper,
#shoppinginfowrapper,
#searchwrapper,
#storewrapper,
#loginwrapper,
#indexwrapper{
	margin: 0 auto;
	/*padding-top: 50px;*/
	max-width: 1200px;
	/*min-width: 1025px;*/
	padding: 30px 20px 38px 20px;
}
#aboutuswrapper .aboutusinfolink,
#activitywrapper .activityinfo,
#activitywrapper .activityinfodate,
#subscribewrapper .subscribeinfo,
#storewrapper .storeinfo,
#servicewrapper .serviceformtitle,
#loginwrapper .loginformtitle,
#shoppingwrapper .shoppinginfo,
#shoppinginfowrapper .shoppinginfo,
#searchwrapper .searchinfo,
#storewrapper .storeinfo,
#indexwrapper .indexinfo{
	height: 27px; 
	margin: 0 auto; 
	padding-bottom: 10px; 
	width: 100%;
}
#aboutuswrapper .aboutusinfolink p,
#activitywrapper .activityinfo p,
#activitywrapper .activityinfodate p,
#subscribewrapper .subscribeinfo p,
#storewrapper .storeinfo p,
#servicewrapper .serviceformtitle p,
#loginwrapper .loginformtitle p,
#shoppingwrapper .loginformtitle p,
#shoppingwrapper .shoppinginfo p,
#shoppinginfowrapper .shoppinginfo p,
#searchwrapper .searchinfo p{
	float: right;
	font-size: 14px;
	padding-top: 4px;
	right: 0;
}
#aboutuswrapper .aboutusinfolink p a,
#activitywrapper .activityinfo p a,
#activitywrapper .activityinfodate p a,
#subscribewrapper .subscribeinfo p a,
#storewrapper .storeinfo p a,
#servicewrapper .serviceformtitle p a,
#loginwrapper .loginformtitle p a,
#shoppingwrapper .shoppinginfo p a,
#shoppinginfowrapper .shoppinginfo p a,
#shoppingwrapper dl.product dd a,
#shoppinginfowrapper dl.product dd a,
#shoppinginfowrapper .receiptform td.content .trash{
	/*color: rgb(46,46,46);*/
	text-decoration: none;
    transition: opacity .55s ease-out;
    -webkit-transition: opacity .55s ease-out;
    -moz-transition: opacity .55s ease-out;
}
#servicewrapper .serviceform p,
#loginwrapper .loginform p{
	/*color: rgb(46,46,46);*/
	font-size: 15px;
	line-height: 28px;
	padding-bottom: 23px;
	text-align: center;
}
#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;
}
#aboutuswrapper .aboutusinfolink p a:hover,
#activitywrapper .activityinfo p a:hover,
#activitywrapper .activityinfodate p a:hover,
#subscribewrapper .subscribeinfo p a:hover,
#storewrapper .storeinfo p a:hover,
#servicewrapper .serviceformtitle p a:hover,
#loginwrapper .loginformtitle p a:hover,
#shoppingwrapper .shoppinginfo p a:hover,
#shoppinginfowrapper .shoppinginfo p a:hover,
#shoppingwrapper dl.product dd a:hover,
#shoppinginfowrapper dl.product dd a:hover,
#servicewrapper .serviceform p a:hover,
#loginwrapper .loginform p a:hover,
#lshoppinginfowrapper .loginform p a:hover,
#shoppinginfowrapper .receiptform td.content .trash:hover{
	opacity: 0.5;}
#aboutuswrapper .aboutusinfolink span,
#activitywrapper .activityinfo span,
#activitywrapper .activityinfodate span,
#subscribewrapper .subscribeinfo span,
#storewrapper .storeinfo span,
#servicewrapper .serviceformtitle span,
#loginwrapper .loginformtitle span,
#shoppingwrapper .shoppinginfo span,
#shoppinginfowrapper .shoppinginfo span{
	padding: 0 5px;}
#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);
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 35px;
}
#aboutuswrapper .aboutusinfo .company .companytitle,
#aboutuswrapper .aboutusinfo .sales .companytitle02{
	/*color: rgb(46,46,46);*/
	float: left;
	font-weight: bold;
	width: 80px;
}
#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: 15px;
	line-height: 28px;*/
	letter-spacing: 1px;
    width: 100%;
    clear: both;
}
#salesinfo .saleschart li:nth-child(4), 
#salesinfo .saleschart li:nth-child(5), 
#salesinfo .saleschart li:nth-child(6){
	padding-bottom: 0;}
#indexwrapper .goods .tab-content.current, 
#activitywrapper .activitytab .tab-content02.current{
	display: inherit;}
#activitywrapper .activitytab ul.activityitem li p,
#activitywrapper .activityinfowrapper .activityinfotext p{
	/*color: rgb(46,46,46);
	font-size: 15px;
	line-height: 28px;*/
	margin-top: 8px;
}
#indexwrapper .newsarea ul li img,
#indexwrapper .goods .tab-content ul.goodsitem li img,
#shoppingwrapper dl.bestno dd img,
#shoppingwrapper .allproduct ul li img,
#shoppinginfowrapper dl.bestno dd img,
#shoppinginfowrapper .allproduct ul li img{
	display: block;
	margin-bottom: 5px;
	max-width: 100%;
    transition: opacity .55s ease-out;
    -moz-transition: opacity .55s ease-out;
    -webkit-transition: opacity .55s ease-out;
}
#indexwrapper .newsarea ul li img:hover,
#indexwrapper .goods .tab-content ul.goodsitem li img:hover,
#shoppingwrapper dl.bestno dd img:hover,
#shoppingwrapper .allproduct ul li img:hover,
#shoppinginfowrapper dl.bestno dd img:hover,
#shoppinginfowrapper .allproduct ul li img:hover{
	cursor: pointer; opacity: 0.75;}
#indexwrapper .goods .tab-content ul.goodsitem li span,
#shoppingwrapper dl.bestno dd span,
#shoppingwrapper .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-size: 22px;
	font-weight: bold;
}
#indexwrapper .goods .tab-content ul.goodsitem li span.pricetitle,
#shoppingwrapper dl.bestno dd span.pricetitle,
#shoppingwrapper .allproduct ul li span.pricetitle,
#shoppinginfowrapper dl.bestno dd span.pricetitle,
#shoppinginfowrapper .allproduct ul li span.pricetitle{
	font-size: 13px; padding-right: 3px;}
#indexwrapper .goods ul.tabs li.current,
#activitywrapper .activitytab ul.tabs li.current,
#shoppinginfowrapper .producttab ul.tabs li.current{
	background-color: rgb(254,181,40); color: rgb(255,255,255);}
#indexwrapper .goods .tab-content.current,
#shoppinginfowrapper .producttab .tab-content.current{
	display: inherit; z-index:88}
#indexwrapper .goods .tab-content ul.goodsitem li p,
#shoppingwrapper .producttab .tab-content ul.goodsitem li p,
#shoppinginfowrapper .producttab .tab-content ul.goodsitem li p{
	/*color: rgb(46,46,46);*/
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 2px;
}
#indexwrapper .goods ul.tabs li,
#activitywrapper .activitytab ul.tabs li,
#shoppingwrapper .producttab ul.tabs li,
#shoppinginfowrapper .producttab ul.tabs li{
	background-color: rgb(254,211,126);
	border-radius: 8px;
	color: #975228 /*rgb(46,46,46)*/;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	height: 43px;
	line-height: 43px;
	/*margin-left: 16px;*/
	margin:5px;
	position: relative;
	text-align: center;
	/*width: 146px;		*/
	padding:0 20px;
}
#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%;
}
#storewrapper .traffictext01,
#storewrapper .traffictext02,
#storewrapper .traffictext03{
	margin: 0 auto;
	padding-top: 50px;
	/*width: 1152px;*/
	width:100%;
}
#storewrapper .traffictext01 li,
#storewrapper .traffictext02 li,
#storewrapper .traffictext03 li{
	/*font-size: 15px;*/
	line-height: 28px;
}
#shoppingwrapper .shoprecommend dl.product dt.producttitle,
#shoppingwrapper .shoprecommend dl.bestno dt.recommendtitle,
#shoppingwrapper .allproduct .allproducttitle,
#shoppinginfowrapper .shoprecommend dl.product dt.producttitle,
#shoppinginfowrapper .shoprecommend dl.bestno dt.recommendtitle,
#shoppinginfowrapper .allproduct .allproducttitle{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	color: rgb(255,255,255);
	font-size: 16px;
	font-weight: bold;
	height: 43px;
	line-height: 43px;
	text-align: center;
}
#subscribewrapper .subscribecontent, 
#subscribewrapper .subscribecontent02{
	overflow: hidden; width:100% /*1152px*/;}
#subscribewrapper .subscribecontent li, 
#subscribewrapper .subscribecontent02 li{
	/*color: rgb(46,46,46);*/
	float: left;
	/*font-size: 15px;*/
	line-height: 25px;
	/*margin: 0 0 50px 117px;
	width: 200px;*/
	width: 21%;
    margin: 2%;
}
#subscribewrapper .subscribecontent li p, 
#subscribewrapper .subscribecontent02 li p{
	/*background: url(../images/disc01.png) left 8px no-repeat;
	line-height: 28px;
	padding-left: 12px;*/
}
#shoppingwrapper .productmessage .productdetails ul.productbtn li,
#shoppinginfowrapper .productmessage .productdetails ul.productbtn li,
#servicewrapper .serviceform ul li,
#loginwrapper .loginform ul li{
	float: left;}
#servicewrapper .serviceformtitle h2,
.loginformtitle h2{
	background: url(../images/titleicon10.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 40px;
}
/*#servicewrapper, 
#loginwrapper{
	margin: 0 auto;
	padding: 50px 0;
	width: 1152px;
}*/
#servicewrapper .serviceform form,
#loginwrapper .loginform form{
	font-size: 15px; margin: 0 auto;}
#servicewrapper .serviceform input[type="text"],
#shoppinginfowrapper .receiptform input[type="text"],
#loginwrapper .loginform input[type="text"],
#shoppinginfowrapper .receiptform input[type="text"]{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 26px;
	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;
}
#servicewrapper .serviceform input[type="text"],
#loginwrapper .loginform input[type="text"],
#shoppinginfowrapper .receiptform input[type="text"]{
	margin: 0 0 23px 11px; width: 541px;}
#servicewrapper .serviceform input[type="text"]:focus,
#loginwrapper .loginform input[type="text"]:focus,
#servicewrapper .serviceform textarea:focus{
	border: 1px solid rgba(118,195,227,0.5); box-shadow: 0 0 5px 1px rgba(118,195,227,0.5);}
#servicewrapper .serviceform p.changenumber,
#loginwrapper .loginform p.changenumber{
	cursor: pointer;
	padding-left: 71px; 
	text-align: left;
}
#servicewrapper .serviceform li.submitbtn a:hover,
#loginwrapper .loginform li.submitbtn a:hover,
#loginwrapper .loginform li.forgetpswbtn a:hover{
	background-position: bottom;	
	cursor: pointer;
	display: block;
}
#indexwrapper .newsarea ul li:nth-child(1),
#indexwrapper .goods ul.tabs li:nth-child(1),
#indexwrapper .goods .tab-content ul.goodsitem li:nth-child(1),
#aboutuswrapper .salesinfo .companyphoto li:nth-child(1),
#activitywrapper .activitytab ul.tabs li:nth-child(1),
#activitywrapper .activitytab ul.activityitem li:nth-child(3n+1),
#shoppingwrapper .allproduct ul li:nth-child(4n+1),
#shoppinginfowrapper .producttab ul.tabs li:nth-child(1),
#shoppinginfowrapper .allproduct ul li:nth-child(4n+1),
#subscribewrapper .subscribecontent li:nth-child(4n+1),
#subscribewrapper .subscribecontent02 li:nth-child(4n+1),
#servicewrapper .serviceform ul li:nth-child(1),
#loginwrapper .loginform ul li:nth-child(1),
#shoppinginfowrapper .receiptform li:nth-child(1){
	/*margin-left: 0;*/}
#footer .footerinfo .footertext02 li:nth-child(1), 
#footer .footerinfo .footertext02 li:nth-child(6), 
#footer .footerinfo .footertext02 li:nth-child(11),
#footer .footerinfo .footertext02 li:nth-child(16){
	/*padding-left: 0;*/}
#footer .footerinfo .footertext02 li:nth-child(7), 
#footer .footerinfo .footertext02 li:nth-child(12){
	/*padding-left: 15px;*/}
.spacing{
	padding-left: 30px;}
.spacing02{
	padding-left: 7px;}
.clearfix:after{
	clear: both;
	content: "";
	display: block;
}

/* --桌機網頁選單--------------------------------- */
#menu{
	float: right;}
#menu > ul{
	float: left; 
	padding: 24px 0 0 10px;
	position: relative;
}
#menu > ul > li{
	display: inline-block; padding: 0 7px;}
#menu > ul > li:nth-child(10){
	padding-right: 0;}
#menu > ul > li a i{
	color: rgb(248,182,43);
	font-size: 17px;
	margin-right: 5px;
}
#menu > ul > li a span{
	color: red /*rgb(248,182,43)*/;
	font-size: 17px;
	margin-left: 3px;
}
#menu .gosearch{
	position: relative;}
#menu .gosearch input[type=text]{
	border: 1px solid rgb(200,200,200);
	border-radius: 8px;
	color: rgb(163,163,163);
	font-size: 14px;
	height: 30px;
	outline: none;
	line-height: 30px;
	padding-left: 12px;
	width: 90px;
	padding-right:35px;
}
#menu .gosearch .searchsubmit{
	background: url(../images/searchicon01.png) no-repeat;
	border: 0;
	cursor: pointer;
	height: 20px;
	outline: none;
	position: absolute;
	right: 12px;
	text-indent: -9999px;
	top: 5px;
	width: 20px;
}
#menu02{
	background-color: #ddd /*rgb(239,239,239)*/;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	height: 43px;
	line-height: 43px;
	margin: 0 auto;
	max-width: 1152px;
}
#menu02 > ul{
	box-sizing: border-box;
	list-style-type: none;
	margin: 0 auto;
	padding: 0 36px;
	position: relative;
	max-width: 1152px;
}
#menu02 > ul > li{
	display: inline-block; width: 9.5%; text-align:center; cursor:pointer;}
#menu02 > ul > li:hover{
	background-color: #fffbeb /*#fbf4d7 rgb(79,79,77)*/; color: #333;;margin-bottom: -1px; border-top: solid 3px #f6b62a; margin-top:-3px;}
#menu02 > ul > li:hover > ul.dropdown-menu{
	display: block;} 
#menu02 > ul > li > ul.dropdown-menu{
	/*background-color: #fbf4d7 /*rgb(79,79,77)*/
	background: linear-gradient(#fffbeb, #fdf1c3);
	/*background:rgba(246, 182, 42, 0.6);*/
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	box-shadow: 0px 12px 18px -16px rgba(0,0,0,0.6);
	box-sizing: border-box;
	display: none;
	left: 0;
	list-style-type: none;
	margin: 0 auto;
	padding: 16px 16px 8px 16px;
	position: absolute;
	width: 100%;
	z-index: 100;
	top:40px;
	opacity:1;
	border-left:solid #ddd 1px;
	border-right:solid #ddd 1px;
}
#menu02 > ul > li > ul.dropdown-menu > li{	
	color: rgb(255,255,255);
	cursor: pointer;
	float: left;
	font-size: 14px;
	margin-left: 23px;
	text-align: center;
	width: 18.1%;
}
#menu02 > ul > li > ul.dropdown-menu > li > a{
	background:rgba(249,181,44,0.8);
	border-radius: 6px;
	color: #fff /*rgb(46,46,46)*/;
	height: 32px;
	line-height: 32px;
}
#menu02 > ul > li > ul.dropdown-menu > li:nth-child(1){
	margin-left: 0;}
#menu02 > ul > li > ul.dropdown-menu > li > ul > li > a{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 130% /*32px*/;
	text-align: center;
	transition: opacity .55s ease-out;
   -moz-transition: opacity .55s ease-out;
   -webkit-transition: opacity .55s ease-out;
}
#menu02 > ul > li > ul.dropdown-menu > li > ul > li > a:hover{
	font-weight: normal; font-size: 14px;}

/* --桌機網頁刊頭--------------------------------- */
#header{
	background: rgb(255,255,255);
	border-top: rgb(246,182,42) 6px solid;
	padding: 11px 0;
	width: 100%;
	height:135px;
}
#header .headerinfo{
	margin: 0 auto;
	position: relative;
	min-width: 1025px;
	max-width:1152px;
}
#headerlogo{
	cursor: pointer;
	display: block;
	float: left;
	height: 70px;
	width: 225px;
}

/* --桌機網頁首頁與內頁banner--------------------------------- */
.slide{
	height: 482px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	max-width: 1200px;
}
.slide ul{	
	list-style-type: none; margin: 0 auto;}
.slide ul li{
	background-position: center center;
	height: 482px;
	left: 0;
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background-repeat:no-repeat;
	background-size:cover;
}
.slide #dots{
	bottom: 18px;
	font-size: 0;
	height: 14px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 98;
}
.slide #dots a{
	background-color: rgb(243,243,243);
	border-radius: 100%;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin-left: 18px;
	width: 14px; 
	border: solid 2px #ffd882;
}
.slide #dots a.active{ 
	background-color: rgb(254,181,40);}
.pagebanner{
	/*height: 315px;*/
	max-width: 1200px;
	margin: 0 auto;
    position: relative;	
}
.pagebanner img{
	width: 100%;
}
.pagebanner ul{
	list-style-type: none;}
.pagebanner ul li{
	background-position: center center;
	background-size: cover;
	/*height: 315px;*/
	text-align: center;
}
.pagebanner ul li.bannertext{
	color: rgb(255,255,255);
	height: 64px;
	left: 46%;
	/*margin-left: -54px;*/
	margin-top: -32px;
	position: absolute;
	top: 50%;
	/*width: 108px;*/
	text-shadow: 2px 2px 2px rgba(20%,20%,20%,0.4);
	text-align:center;
}
.pagebanner ul li.bannertext h1{
	font-size: 27px; padding-bottom: 6px;}
.pagebanner ul li.bannertext h1.sub{
	font-size: 17px; text-align: center;}
.pagebanner ul li.bannertext p{
color: rgb(255,255,255);
	font-size: 27px; padding-bottom: 6px;}
.pagebanner ul li.bannertext p.sub{
color: rgb(255,255,255);
	font-size: 17px; text-align: center;}
	
/* --桌機網頁首頁最新消息 商品資訊--------------------------------- */
/*#indexwrapper{
	margin: 0 auto;
	padding: 30px 0 50px 0;
	max-width: 1152px;
	width:100%;
}*/
#indexwrapper .newsarea h2{
	background: url(../images/titleicon01.png) left center no-repeat;}
#indexwrapper .newsarea ul{
	height: 148px; padding-top: 48px;}
#indexwrapper .newsarea ul li{
	float: left; margin-left:1%; width:32%;}
#indexwrapper .goods{
	margin: 0 auto;
	padding-top: 20px;
	max-width: 1200px;
	width:100%;
	float:left;
}
#indexwrapper .goods h2{
	background: url(../images/titleicon02.png) left center no-repeat;}
#indexwrapper .goods ul.tabs{
	list-style-type: none; 
	margin: 50px auto 0 auto; 
	width: 100%;
    text-align: center;
}
#indexwrapper .goods .tab-content{
	display: none;
	padding: 5% 0 70px 0;
    -webkit-animation: scale 0.55s ease-out;
    -moz-animation: scale 0.55s ease-out;
    animation: scale 0.55s ease-out;
}
#indexwrapper .goods .tab-content ul.goodsitem li{
	float: left;
	/*height: 183px;
	margin-left: 47px; 
	width: 183px;*/
	width: 20%;
    padding: 0 2%;
}
/* --首頁-訂閱電子報--------------------------------- */
#indexwrapper .edm h2{
	background: url(../images/titleicon12.png) left center no-repeat;
}
	

/* --桌機網頁關於我們--------------------------------- */
#aboutuswrapper{
	margin: 0 auto;
	/*width: 1152px;*/
	padding: 30px 20px 38px 20px;
}
#aboutuswrapper .aboutusinfo{
	padding: 20px 0 50px 0;}
#aboutuswrapper .aboutusinfo .aboutus{
	float: left; width: 40% /*543px*/;}
#aboutuswrapper .aboutusinfo .aboutus h2{
	width: 100% /*508px*/;}
#aboutuswrapper .aboutusinfo .company{
	float: left;
	line-height: 28px;
	padding-left: 45px; 
	width: 35% /*268px*/;
}
#aboutuswrapper .aboutusinfo .company h2{
	width: 233px;}
#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: 188px;*/
}
#aboutuswrapper .aboutusinfo .company .companytext02{
	/*color: rgb(46,46,46);*/
	float: left;
	/*width: 94px;*/
}
#aboutuswrapper .aboutusinfo .sales{
	float: left;
	line-height: 28px;
	padding-left: 45px; 	
	width: 25% /*250px*/;
}
#aboutuswrapper .aboutusinfo .sales h2{
	background: url(../images/titleicon04.png) left center no-repeat; width: 215px;}
#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;
	width: 50px;	
}
#aboutuswrapper .aboutusinfo .sales .companytext{
	/*color: rgb(46,46,46);*/
	float: left;
	width: 186px;
}
#aboutuswrapper .aboutusinfo .sales .companytext02{
	/*color: rgb(46,46,46);*/
	float: left;
	width: 170px;
}
#aboutuswrapper .aboutusinfo .sales .companytext03{
	/*color: rgb(46,46,46);*/
	float: left;
	width: 200px;
}
#aboutuswrapper .salesinfo{
	margin: 0 auto;	/*width: 1152px;*/}
#aboutuswrapper .salesinfo .saleschart h2{
	background: url(../images/titleicon05.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 35px;
	/*width: 1152px;*/
}
#aboutuswrapper .salesinfo .saleschart li{
	float: left;
	padding-bottom: 50px;
	width: 33.3%;
}
.salesinfo .saleschartinfo{
	float: left;
	margin-right: 10px;
	/*width: 140px;*/
}
.about_icon{
	width: 130px;
}
#aboutuswrapper .salesinfo .salestext{
	overflow: hidden;
	padding-top: 40px; 
	/*width: 180px;*/
	padding-right: 10%;
}
#aboutuswrapper .salesinfo .companyphoto li{
	float: left;
	/*margin-left: 68px;
	width: 338px;*/
	margin: 0 3%;
    width: 27%;
}
#aboutuswrapper .salesinfo .companyphoto h2{
	background: url(../images/titleicon06.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 45px; 
	/*width: 1152px;*/
	width:100%;
}

/* --桌機網頁最新活動 最新活動內頁--------------------------------- */
#activitywrapper .activityinfo h2{
	background: url(../images/titleicon07.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 14px;
	padding-left: 35px;
}
#activitywrapper .activityinfodate h2{
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 14px;
	left: 0;
	padding-top: 4px;
}
#activitywrapper .activitytab{
	padding-bottom: 22px;}
#activitywrapper .activitytab ul.tabs{
	margin: 0 auto;
	padding: 20px 0 43px 0;
	width: 100%;
}
#activitywrapper .activitytab ul.activityitem{
	list-style-type: none;}
#activitywrapper .activitytab ul.activityitem li{
	border: 2px solid rgb(254,181,40);
	border-radius: 16px;
	float: left;
	padding: 14px;
	/*margin: 0 0 28px 28px;
	width: 329px;*/
	margin: 2%;
    width: 29.3%;
}
#activitywrapper .activitytab ul.activityitem li img{
	transition: opacity .55s ease-out;
   -moz-transition: opacity .55s ease-out;
   -webkit-transition: opacity .55s ease-out;
}
#activitywrapper .activitytab ul.activityitem li h3{
	border-bottom: 1px  dotted rgb(254,189,39);
	color: #975228 /*rgb(46,46,46)*/;
	font-size: 18px;
	padding-bottom: 8px;
}
#activitywrapper .activitytab .tab-content02{
	display: none;
    -webkit-animation: scale 0.55s ease-out;
    -moz-animation: scale 0.55s ease-out;
    animation: scale 0.55s ease--out;
}
#activitywrapper .activitytab .tab-content02.current{
	display: inherit;}
#activitywrapper .activityinfowrapper{
	margin: 0 auto;
	padding: 20px 0 50px 0;
	/*width: 1152px;*/
}
#activitywrapper .activityinfowrapper .activityimage{
	float: left;
	height: 234px;
	width: 605px;
}
#activitywrapper .activityinfowrapper .activityinfotext{
	float: right;
	margin-left: 50px;
	width: 497px;
}
#activitywrapper .activityinfowrapper .activityinfotext h3{
	border-bottom: 2px dashed rgb(254,189,39);
	/*color: rgb(46,46,46);*/
	font-size: 22px;
	padding-bottom: 8px;
}

/* --桌機網頁訂購諮詢--------------------------------- */
#subscribewrapper .subscribeinfo h2{
	background: url(../images/titleicon08.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 14px;
	padding-left: 35px;
	padding-top: 3px;
}
#subscribewrapper .subscribecontent{
	padding-top: 20px;}

/* --桌機網頁門市資訊--------------------------------- */
/*#storewrapper{
	margin: 0 auto;
	padding:50px 0;*/
	/*width: 100% 1152px;
	padding: 30px 20px 38px 20px;
}*/
#storewrapper .storeinfo h2{
	background: url(../images/titleicon09.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 3px;
}
#storewrapper .storetext{
	margin: 0 auto; 
	overflow: hidden;
	padding-top: 20px;
	/*width: 1152px;*/
}
#storewrapper .storetext .storeimg{
	float: left; 
	height: 210px; 
	width: 405px;
}
#storewrapper .storetext .storecontact{
	/*float: right;
	width: 695px;*/
	padding-left:50px;
	float:left;
}
#storewrapper .storetext .storecontact li{
	overflow: hidden;
	padding-top: 4px;
	position: relative;
}
#storewrapper .storetext .storecontact .storetitle{
	/*color: rgb(46,46,46);*/
	float: left;
	/*font-size: 15px;*/
	font-weight: bold;
	width: 80px;
}
#storewrapper .storetext .storecontact .storeletter{
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 15px;
	width: calc(100% - 80px);
}
#storewrapper .storetext .storecontact .storeletter02{
	/*color: rgb(46,46,46);*/
	float: left;
	/*font-size: 15px;*/
	line-height: 28px;
	/*width: 230px;*/
}
#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;	
	cursor: pointer;
	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, 
#shoppinginfowrapper{
	overflow: hidden;
	/*padding: 50px 10px 50px 10px; */
	max-width: 1152px;
	/*min-width:1025px;*/
	padding: 30px 20px 38px 20px;
}
#shoppingwrapper .shoppinginfo h2,
#shoppinginfowrapper .shoppinginfo h2{
	background: url(../images/titleicon02.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
}
#shoppingwrapper .shopcontainer,
#shoppinginfowrapper .shopcontainer{
	padding-top: 20px; width: 100%;float:left}
#shoppingwrapper .shoprecommend,
#shoppinginfowrapper .shoprecommend{
	float: left; width: 25%;}
#shoppingwrapper .shoprecommend dl.product,
#shoppinginfowrapper .shoprecommend dl.product{
	background-color: rgb(239,239,239);
	border-radius: 12px;
	float: left;
	width: 90%;
}
#shoppingwrapper .shoprecommend dl.product dd,
#shoppinginfowrapper .shoprecommend .product dd{
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 2px;
	padding: 6px 18px 6px 30px;
}
.shoprecommend .bestno dd{
	font-size: 15px;
	font-weight: normal;
	line-height:170%;
	margin: 15% 15% 20% 15%;
}
.shoprecommend .bestno dd img{
	margin:0 auto 10px auto;
}
#shoppingwrapper .shoprecommend dl.product dd a,
#shoppinginfowrapper .shoprecommend dl.product dd a{
	/*color: rgb(46,46,46);*/text-decoration: none;}
#shoppingwrapper .shoprecommend dl.product dt.producttitle,
#shoppinginfowrapper .shoprecommend dl.product dt.producttitle{
	cursor: pointer;}
#shoppingwrapper .shoprecommend dl.product dt.producttitle02,
#shoppinginfowrapper .shoprecommend dl.product dt.producttitle02{
	background-color: rgb(91,185,60);
	color: rgb(255,255,255);
	cursor: pointer;
	font-size: 16px;
	height: 43px;
	line-height: 43px;
	text-align: center;
}
#shoppingwrapper .shoprecommend dl.bestno,
#shoppinginfowrapper .shoprecommend dl.bestno{
	background-color: rgb(239,239,239);
	border-radius: 12px;
	float: left;
	font-weight: bold;
	margin-top: 10px;
	width: 90%;
}
#shoppingwrapper .shoprecommend dl.product dt.producttitle,
#shoppinginfowrapper .shoprecommend dl.product dt.producttitle{
	background-color: rgb(91,185,60);}
#shoppingwrapper .shoprecommend dl.bestno dt.recommendtitle,
#shoppinginfowrapper .shoprecommend dl.bestno dt.recommendtitle{
	background-color: rgb(255,0,60); text-align: center;}
#shoppingwrapper .allproduct,
#shoppinginfowrapper .allproduct{
	float: right; width: 75%;}
#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: 0px 24px 0 24px;
}
#shoppingwrapper .allproduct ul li,
#shoppinginfowrapper .allproduct ul li{
	display: inline-block;
	margin: 3%;
	/*width: 168px;*/
	width:18%;
}
#shoppingwrapper .allproduct ul li p,
#shoppinginfowrapper .allproduct ul li p{
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 2px;
}
#shoppingwrapper .shoprecommend .product .productlist01,
#shoppinginfowrapper .shoprecommend .product .productlist01,
#shoppingwrapper .shoprecommend .product .productlist02,
#shoppinginfowrapper .shoprecommend .product .productlist02{
	display: block;
	padding: 15px 0px;}
#shoppinginfowrapper .producttab{
	float: right; 
	margin-bottom: 40px; 
	width: 75%;
}
#shoppinginfowrapper .producttab ul.tabs{
	list-style-type: none;}
#shoppinginfowrapper .producttab .tab-content{
	display: none; padding-top: 25px;}
#shoppinginfowrapper .productmessage{
	float: right;
	margin-bottom: 60px;
	width: 75%;
}
#shoppinginfowrapper .productmessage .productoimage{
	float: left;
	/*height: 310px; */
	width: 35%;
}
#shoppinginfowrapper .productmessage .productdetails{
	float: right;
	margin: 0 0 0 4%;
	width: 61%;
}
#shoppinginfowrapper .productmessage .productdetails h1{
	font-size: 22px; line-height: 28px;}
#shoppinginfowrapper .productmessage .productdetails h2{
	font-size: 14px; padding: 10px 0;}
#shoppinginfowrapper .productmessage .productdetails ul.goodslistinfo{
	border-top: 1px dotted rgb(175,175,175);
	border-bottom: 1px dotted rgb(175,175,175);
	font-size: 15px;
	line-height: 28px;
	list-style-type: disc;
	padding: 10px 0px;
}
#shoppinginfowrapper .productmessage ul.priceinfo{
	font-size: 15px;
	/*height: 40px;*/
	list-style-type: none;
	padding: 8px 16px 8px 0;
}
#shoppinginfowrapper .productmessage ul.priceinfo li{
	display: inline-block;
	line-height: 40px;
	margin-right: 12px;
}
#shoppinginfowrapper .productmessage .productdetails p{
	font-size: 15px; /*padding-top: 10px;*/}
#shoppinginfowrapper .productmessage .productdetails span.underline{
	margin-left: 3px; text-decoration:line-through;}
#shoppinginfowrapper .productmessage .productdetails span.dollars{
	color: rgb(217,0,0); 
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 3px;
}
#shoppinginfowrapper .productmessage .productdetails select.totalno{
	height: 28px; margin-left: 3px;}
#shoppinginfowrapper .productmessage .productdetails ul.productbtn{
	border-bottom: none;
	list-style-type: none;
	padding: 15px 0;
	width: 318px;
}
#shoppinginfowrapper .productmessage .productdetails li.buybtn input{
	background-image: url(../images/buybtn.png);
	background-position: top;
	display: block;
	height: 47px;
	width: 146px;
}
.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: 26px;
	width: 146px;
}
#shoppinginfowrapper .productmessage .productdetails li.buybtn input:hover,
#shoppinginfowrapper .productmessage .productdetails li.subscribebtn a:hover{
	background-position: bottom;	
	cursor: pointer;
	display: block;
}
/*產品搜尋*/
#searchwrapper{
	overflow: hidden;
	padding: 50px 10px 50px 10px; 
	max-width: 1200px;
	min-width:1025px;
}
#searchwrapper .searchinfo h2{
	background: url(../images/titleicon11.png) left center no-repeat;
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
}
/* --桌機網頁客服中心 註冊--------------------------------- */
#servicewrapper .serviceform{
	border: 10px solid rgb(239,239,239);
	border-radius: 12px;
	margin: 40px auto 0 auto;
	padding: 32px 70px;
	width: 620px;
}
#servicewrapper .serviceform label{
	float: left;
	padding-top: 7px;
	width: 60px;
}
#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: 169px;
	margin: 0 0 23px 11px;
	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: 530px;
}
#servicewrapper .serviceform .country,
#servicewrapper .serviceform .region,
#servicewrapper .serviceform .road,
#shoppinginfowrapper .receiptform .country,
#shoppinginfowrapper .receiptform .region,
#shoppinginfowrapper .receiptform .road{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 34px;
	margin: 0 0 23px 11px;
	padding-left: 6px;
	outline: none;
	width: 172px;
}
#servicewrapper .serviceform input.zcode,
#shoppinginfowrapper .receiptform input.zcode{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 26px;
	margin: 0 0 23px 71px;
	padding-left: 6px;
	width: 165px;
}
#servicewrapper .serviceform input.address,
#shoppinginfowrapper .receiptform input.address{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 26px;
	margin: 0 0 23px 11px;
	padding-left: 6px;
	width: 351px;
}
#servicewrapper .serviceform input.number,
#shoppinginfowrapper .receiptform input.number{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 26px;
	margin: 0 0 23px 11px;
	padding-left: 6px;
	width: 162px;	
}
#servicewrapper .serviceform .numberimg{
	height: 34px;
	margin: 0 0 23px 71px;
	width: 127px;
}
#servicewrapper .serviceform ul{
	height: 47px;
	list-style-type: none;
	margin: 0 auto;
	width: 316px;
}
#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;
}
#servicewrapper .serviceform li.resetbtn a:hover{
	background-position: bottom;	
	cursor: pointer;
	display: block;
}

/* --桌機網頁登入--------------------------------- */
#loginwrapper .loginform{
	border: 10px solid rgb(239,239,239);
	border-radius: 12px;
	margin: 40px auto 0 auto;
	padding: 32px 70px;
	width: 620px;
}
#loginwrapper .loginform label{
	float: left;
	font-size: 15px;
	padding-top: 7px;
	width: 60px;
}
#loginwrapper .loginform .numberimg{
	height: 34px;
	margin: 0 0 23px 71px;
	width: 127px;
}
#loginwrapper .loginform ul{
	height: 47px;
	list-style-type: none;
	margin: 0 auto;
	width: 658px;
}
#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: 13px;
	width: 145px;
}
#loginwrapper .loginform li.fbbtn a{
	background-image: url(../images/fbbtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin-left: 13px;
	width: 145px;
}
#loginwrapper .loginform li.fbbtn a:hover{
	background-position: bottom;	
	cursor: pointer;
	display: block;
}
#loginwrapper .loginform li.googlebtn a{
	background-image: url(../images/googlebtn.png);
	background-position: top;
	display: block;
	height: 47px;
	margin-left: 13px;
	width: 145px;
}
#loginwrapper .loginform li.googlebtn a:hover{
	background-position: bottom;	
	cursor: pointer;
	display: block;
}

/* --桌機網頁會員購物結帳流程--------------------------------- */
#shoppinginfowrapper .receiptformwrapper{
	padding-top: 20px; max-width: 1200px; min-width:1025px;}
#shoppinginfowrapper .receiptformwrapper .step01,
#shoppinginfowrapper .receiptformwrapper .step02,
#shoppinginfowrapper .receiptformwrapper .step03{
	height: 105px;
	margin: 0 auto;
	padding-bottom: 30px;
	width: 370px;
}
#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: 900px;
}
#shoppinginfowrapper .receiptform form{
	font-size: 15px;
	overflow: hidden;
	margin: 0 auto;
	padding: 32px 32px 9px 33px;
	width: 620px;
}
#shoppinginfowrapper .receiptform table{
	width: 900px;}
#shoppinginfowrapper .receiptform label{
	float: left;
	padding-top: 7px;
	text-align: right;
	width: 60px;
}
#shoppinginfowrapper .receiptform input[type="text"]:disabled{
	background: rgb(239,239,239);}
#shoppinginfowrapper .receiptform tr.title,
#shoppinginfowrapper .receiptform tr.title02{
	font-size: 15px;
	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: 400px;}
#shoppinginfowrapper .receiptform tr td.productnoo{
	width: 260px;}
#shoppinginfowrapper .receiptform tr td.quanitiy,
#shoppinginfowrapper .receiptform tr td.numberno,
#shoppinginfowrapper .receiptform tr td.deleteno{
	width: 66px;}
#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: 100px;}
#shoppinginfowrapper .receiptform tr td.paymethod{
	width: 160px;}
#shoppinginfowrapper .receiptform tr td.payexplain,
#shoppinginfowrapper .receiptform tr td.paymemo{
	width: 340px;}
#shoppinginfowrapper .receiptform td.content,
#shoppinginfowrapper .receiptform td.inputcontent,
#shoppinginfowrapper .receiptform td.resulttext{
	border-right: 1px solid rgb(239,239,239);
	font-size: 15px;
	line-height: 28px;
}
#shoppinginfowrapper .receiptform td.content,
#shoppinginfowrapper .receiptform td.resulttext{
	padding: 18px;}
#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);
	font-size: 15px;
	line-height: 28px;
	padding: 18px;
	text-align: left;
}
#shoppinginfowrapper .receiptform td.cardpay img,
#shoppinginfowrapper .receiptform td.content img{
	cursor: pointer; margin: 6px 0 0 6px;}
#shoppinginfowrapper .receiptform td.content .trash{
	cursor: pointer; font-size: 18px;}
#shoppinginfowrapper .receiptform ul{
	float: right;
	height: 40px;
	line-height: 40px;
	list-style-type: none;
	margin: 18px 18px 0 0;
	width: 321px;
}
#shoppinginfowrapper .receiptform li{
	float: left;
	font-size: 15px;
	height: 40px;
	margin-left: 10px;	
}
#shoppinginfowrapper .receiptform li a{
	text-decoration: none;}
#shoppinginfowrapper .receiptform ul.resultmoney{
	float: right;
	list-style-type: none;
	margin: 18px 23px 18px 0;
	width: 190px;
}
#shoppinginfowrapper .receiptform .timing{
	border: 1px solid rgba(153,153,153,0.5);
	border-radius: 4px;
	height: 34px;
	margin-bottom: 23px;
	padding-left: 6px;
	outline: none;
	width: 541px;	
}
#shoppinginfowrapper .receiptform input[type="checkbox"]{
	height: 15px;
	margin: 6px 4px 0 0;
	width: 15px;
}
#shoppinginfowrapper .receiptform .samedata{
	float: left;
	margin: 0 0 23px 69px;
	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);
	cursor: pointer;
	display: block;
	font-size: 13px;
	height: 40px; 
	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{
	width: 100%; float:left;}
#footer .footertop{
	background: url(../images/footer.png) center center no-repeat;
	background-size: cover;	
	height: 120px;
	width: 100%;
}
#footer .footerframe{
	background: url(../images/footercolor.jpg) center center repeat-x;
	height: 240px;
	width: 100%;
}
#footer .footerinfo{
	margin: 0 auto;
	position: relative;
	width: 100%;
    max-width: 1200px;
}
#footer .footerinfo ul.footertext01{
	float: left;
	margin: 0px 0 0 12%;
	width: 23%;
}
#footer .footerinfo ul.footertext01 li{
	/*color: rgb(46,46,46);*/
	font-size: 14px;
	letter-spacing: 0.5px;
	padding-bottom: 5px;
}
#footer .footerinfo ul.footertext01 a{
	/*color: rgb(46,46,46);*/
	float: left;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}
#footer .footerinfo ul.footertext01{
	/*float: right;*/
	font-size: 14px;
	font-weight: bold;
	/*padding: 11px 51px 0 0;*/
	letter-spacing: -0.5px;
	padding-top:3px;
}
#footer .footerinfo ul.footertext02{
	float: left;
	margin: -2px 0 0 11px;
	width: 30%;
}
#footer .footerinfo ul.footertext02 li{
	float: left;
	padding: 0 10px;
	padding-bottom: 2px;
}
#footer .footerinfo ul.footertext02 li a{
	/*color: rgb(46,46,46);*/
	font-size: 14px;
	/*letter-spacing: 1px;*/
	opacity: 1;
	text-decoration: none;
	transition: opacity .55s ease-out;
   -moz-transition: opacity .55s ease-out;
   -webkit-transition: opacity .55s ease-out;
}
#footer .footerinfo ul.footertext03{
	float: left;
	margin-left: 39px;
	width: 29%;
}
#footer ul.footertext05{
	bottom: 16px;
	float: right;
	height: 46px;
	position: fixed;
	right: 16px;
	width: 46px;
}
.footer_link{
	width:100%;
	float:left;
}
.footer_link  img{
	padding:2% 4% 2% 5%;
	cursor:pointer;
}
#qrcode{
	float: left;
	height: 100px;
	position: absolute;
	width: 100px;
	padding-left:1%;
}
#gotop img{
	cursor: pointer;
	height: 46px;
	opacity: 1;
	text-indent: -9999px;
	transition: opacity 2s ease-out;
   -moz-transition: opacity 2s ease-out;
   -webkit-transition: opacity 2s ease-out;
	width: 46px;	
	display:none;
}
/*--------------------------bootstrap--------------------------*/
@media (min-width: 1025px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .hidden-md{
	display:none;
  }
}

/*left menu product*/
.left_menu_product{
	/*margin-bottom:10%;*/
	padding-right:10%;
}

/*top link*/
#search_menu{
	display:none !important;
}