@charset "utf-8";
.bADAtb_prod { display:none; }
.bADAtb1 { display:none; }
/*index---------------------------------------*/

/*banner*/

.indexTop { position: relative; display: table; width: 100%; }
.indexTop .row { display: table-row; }
.ibanner { position: relative; display: table-cell; height:300px; width:800px; float:left;}
.ibanner img { border: none; position: absolute; right: 0; }
.ibanner a.ad { position: absolute; top: 0; width: 99%; height: 100%; overflow: hidden; }
.ibanner .control { position: absolute; left: 20px; bottom: 15px; }
.ibanner .control a { display: inline-block; color: #57A828; text-align: center; font-size: 14px; text-decoration: none; margin: 0 3px; background-color: #FFFFFF; border: 1px solid #57A828; width: 18px; height: 18px; line-height: 18px; border-radius: 10px; font-family: Verdana; font-weight: bold; }
.ibanner .control a.on { font-weight: bold; color: #FFFFFF; background-color: #57A828; border: 1px solid #57A828; }

/*館長嚴選*/
.irecommend { width: 20%; display: table-cell; border: 2px solid #57A828; vertical-align: top;}
.irecommend h1 { font-size: 1.3em; line-height: 35px; color: #FFFFFF; height: 35px; padding-left: 10px; background-color: #57A828; }
.irecommend .pagel { background-image: url(../images/icon54.png); background-repeat: no-repeat; background-position: 0px center; float: right; height: 16px; width: 8px; margin-top: 9px; margin-right: 15px; cursor: pointer; }
.irecommend .pager { background-image: url(../images/icon54.png); background-repeat: no-repeat; background-position: -8px center; float: right; height: 16px; width: 8px; margin-top: 9px; margin-right: 10px; cursor: pointer; }
.irecommend li { border-bottom: 1px dotted #CCC; padding: 8px 5px; overflow: hidden; }
.irecommend li:last-child { border-bottom: 0px dotted #CCC; padding: 8px 5px; }
.irecommend li .img { float: left; width: 40%; }
.irecommend li .sale { font-size: .9em; line-height: 16px; float: right; color: #E86F00; width: 60%; height: 16px; padding: 0 0 5px 5px; overflow: hidden; }
.irecommend li .name { float: right; color: #040404; width: 60%; height: 42px; padding: 0 0 0 5px; line-height: 20px; overflow: hidden; font-size: .95em; }
.irecommend li .name a { color: #040404; }
.irecommend li .name a:link, .irecommend li .name a:visited { color: #040404; }
.irecommend li .name a:hover { color: #488921; }

/*廣告*/
.iadbox { width: 20%; float: left; margin-top: 20px; clear: left; }
.iad { margin-bottom: 10px; }
/*
.iad img { border: 1px solid #CCCCCC; width: 100% !important; height: auto !important; }
*/
.iad img { border: 1px solid #CCCCCC; }

/*熱賣商品*/
.irightbox { float: left; width: 80%; margin: 20px 0 0 0; padding-left: 1%; }
.ihot h1 { font-size: 21px; line-height: 35px; color: #FFFFFF; background-color: #FF7900; background-image: url(../images/icon45.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; width: 738px; padding-left: 50px; }
.ihot .more { font-size: 14px; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.ihot .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -14px; }
.ihot .more a, .ihot .more a:link, .ihot .more a:visited { color: #333333; }
.ihot .more a:hover { color: #E86F00; }
.ihot li { float: left; width: 130px; margin: 0 10px 20px 10px; height:200px; }
.ihot li .img { width: 130px; text-align: center; padding: 10px 0; }
.ihot li .name { height: 44px; width: 130px; text-align: center; overflow: hidden; line-height: 21px; font-size: 1em; }
.ihot li .name a { color: #040404; }
.ihot li .name a:link, .ihot li .name a:visited { color: #040404; }
.ihot li .name a:hover { color: #488921; }
.ihot li .price { text-align: center; font-family: Verdana; font-size: 1.1em; color: #FF0000; width: 130px; padding-top: 3px; }
.ihot li span.nt { font-size: 14px; }
.ihot li span.ntlistprice { font-size: 0.8em; display: list-item; color: grey; text-decoration: line-through; }

/*限時優惠*/
.iontime { float: left; margin-bottom: 20px; clear: right; position: relative; border: 1px solid #FF0000; }
.iontime h1 { font-size: 21px; line-height: 35px; color: #FFFFFF; background-color: #FF0000; background-image: url(../images/icon46.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; width: 738px; padding-left: 50px; }
.iontime .more { font-size: 14px; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.iontime .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -14px; }
.iontime .more a, .iontime .more a:link, .iontime .more a:visited { color: #333333; }
.iontime .more a:hover { color: #FF0000; }
.iontime li { float: left; width: 130px; margin: 0 10px 10px 10px; }
.iontime li .img { width: 130px; text-align: center; padding: 10px 0; }
.iontime li .sale { font-size: .9em; color: #E86F00; overflow: hidden; height: 18px; width: 130px; margin-bottom: 8px; text-align: center; }
.iontime li .name { height: 44px; width: 130px; text-align: center; overflow: hidden; line-height: 21px; font-size: 1em; }
.iontime li .name a { color: #040404; }
.iontime li .name a:link, .iontime li .name a:visited { color: #040404; }
.iontime li .name a:hover { color: #488921; }
.iontime li .price { text-align: center; font-family: Verdana; font-size: 1.1em; color: #FF0000; width: 130px; padding-top: 3px; }
.iontime li span.nt { font-size: 14px; }
.iontime li span.ntlistprice { font-size: 0.8em; display: list-item; color: grey; text-decoration: line-through; }

/*新品*/
.inew { float: left; margin-bottom: 20px; clear: right; position: relative; border: 1px solid #57A828; }
.inew h1 { font-size: 21px; line-height: 35px; color: #FFFFFF; background-color: #57A828; background-image: url(../images/icon47.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; width: 738px; padding-left: 50px; }
.inew .more { font-size: 14px; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.inew .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -42px; }
.inew .more a, .inew .more a:link, .inew .more a:visited { color: #333333; }
.inew .more a:hover { color: #488921; }
.inew li { float: left; width: 130px; margin: 0 10px 10px 10px; }
.inew li .img { width: 130px; text-align: center; padding: 10px 0; }
.inew li .name { height: 44px; width: 130px; text-align: center; overflow: hidden; line-height: 21px; font-size: 1em; }
.inew li .name a { color: #040404; }
.inew li .name a:link, .inew li .name a:visited { color: #040404; }
.inew li .name a:hover { color: #488921; }
.inew li .price { text-align: center; font-family: Verdana; font-size: 1.1em; color: #FF0000; width: 130px; padding-top: 3px; }
.inew li span.nt { font-size: 14px; }

/*品牌活動*/
.ipromo { float: left; width: 100%; overflow: hidden; margin-bottom: 20px; clear: right; position: relative; }
.ipromo .more { font-size: .9em; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.ipromo .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -42px; }
.ipromo .more a, .inew .more a:link, .inew .more a:visited { color: #333333; }
.ipromo .more a:hover { color: #488921; }
.ipromo .title { font-size: 1.3em; line-height: 35px; color: #FFFFFF; background-image: url(../images/icon82.png); background-color: #666666; background-repeat: no-repeat; background-position: 0px 0px; height: 35px; padding-left: 52px; margin-bottom: 5px !important; }

/*評價*/
.iassess { float: left; height: 380px; width: 49%; margin-right: 2%; background-color: #E6E6E6; position: relative; }
.iassess h1 { background-image: url(../images/icon48.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; font-size: 1.1em; line-height: 40px; color: #FFFFFF; height: 40px; width: 165px; }
.iassess .more { font-size: .9em; float: right; position: absolute; top: 15px; right: 15px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; }
.iassess .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -56px; }
.iassess .more a, .iassess .more a:link, .iassess .more a:visited { color: #333333; }
.iassess .more a:hover { color: #040404; }
.iassessbox { width: 100%; margin-top: 15px; padding: 0 15px; }
.iassessbox li { background-color: #FFFFFF; height: 90px; margin-bottom: 15px; padding: 5px 5px 5px 80px; cursor: pointer; border: 1px solid #FFFFFF; position: relative; }
.iassessbox li:hover { border: 1px solid #CCCCCC; }
.iassessbox li .img { height: 70px; width: 70px; float: left; padding: 3px 10px; position: absolute; left: 5px; top: 5px; }
.iassessbox li .star { width: 70px; margin-bottom: 4px; }
.iassessbox li .id { font-size: .85em; max-width: 180px; position: absolute; right: 10px; top: 5px; color: #488921; }
.iassessbox li .content { font-size: .85em; line-height: 1.5em; height: 3em; overflow: hidden; padding: 0 5px 0 0; }
.iassessbox li .date { font-size: .76em; line-height: 20px; height: 20px; overflow: hidden; position: absolute; right: 10px; bottom: 2px; text-align: right; }

/*問答*/
.iqa { float: left; height: 380px; width: 49%; background-color: #E6E6E6; position: relative; }
.iqa h1 { background-image: url(../images/icon49.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; font-size: 21px; line-height: 40px; color: #FFFFFF; height: 40px; width: 165px; }
.iqa .more { font-size: .9em; float: right; position: absolute; top: 15px; right: 15px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; }
.iqa .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -56px; }
.iqa .more a, .iqa .more a:link, .iqa .more a:visited { color: #333333; }
.iqa .more a:hover { color: #040404; }
.iqabox { width: 100%; margin-top: 15px; padding: 0 15px; }
.iqabox li { background-color: #FFFFFF; height: 90px; margin-bottom: 15px; padding: 5px 5px 5px 80px; cursor: pointer; border: 1px solid #FFFFFF; position: relative; }
.iqabox li:hover { border: 1px solid #CCCCCC; }
.iqabox li .img { height: 70px; width: 70px; float: left; padding: 3px 10px; position: absolute; left: 5px; top: 5px; }
.iqabox li .iq { font-size: .85em; line-height: 1.5em; height: 3em; overflow: hidden; background-image: url(../images/icon51.png); background-repeat: no-repeat; background-position: 0px 3px; padding: 0 5px 0 20px; }
.iqabox li .ia { font-size: .85em; line-height: 1.5em; height: 1.5em; overflow: hidden; background-image: url(../images/icon52.png); background-repeat: no-repeat; background-position: 1px 3px; padding: 0 5px 0 20px; }
.iqabox li .date { font-size: .76em; line-height: 20px; height: 20px; overflow: hidden; position: absolute; right: 10px; bottom: 2px; text-align: right; }
.cbanner { height: 150px; width: 790px; margin-bottom: 20px; }
.cad01 { height: 300px; width: 790px; margin-bottom: 8px; }
.cad02 { height: 200px; width: 258px; margin-bottom: 20px; margin-right: 8px; float: left; }
.cad03 { height: 200px; width: 258px; margin-bottom: 20px; float: left; }
.chot { clear: both; height: 260px; width: 788px; border: 1px solid #FF7900; position: relative; margin-bottom: 20px; }
.chot .more { font-size: 14px; background-color: #FEEBD9; text-align: right; height: 35px; padding-right: 10px; line-height: 35px; cursor: pointer; }
.chot .more:hover { color: #FF7900; }
.chot .tag { height: 40px; width: 130px; position: absolute; left: -1px; top: -3px; background-image: url(../images/icon22.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 55px; font-size: 21px; line-height: 40px; color: #FFFFFF; }
.chot .hot01 { float: left; width: 220px; height: 205px; text-align: center; padding: 10px; }
.chot .hot01 .img { width: 220px; height: 136px; }
.chot .hot01 .name { line-height: 21px; width: 220px; height: 40px; overflow: hidden; }
.chot .hot01 .name a { color: #040404; }
.chot .hot01 .name a:link, .chot .hot01 .name a:visited { color: #040404; }
.chot .hot01 .name a:hover { color: #57A828; }
.chot .hot01 .price { font-family: Verdana; font-size: 18px; color: #FF0000; padding-top: 8px; }
.chot .hot01 .price span.nt { font-size: 14px; }
.chot .hot02 { float: left; width: 263px; height: 96px; border-bottom: 1px dotted #FF7900; border-left: 1px dotted #FF7900; padding: 8px 5px; }
.chot .hot02 .img { float: left; height: 96px; width: 120px; padding-right: 8px; }
.chot .hot02 .name { float: left; line-height: 21px; width: 125px; height: 62px; overflow: hidden; }
.chot .hot02 .name a { color: #040404; }
.chot .hot02 .name a:link, .chot .hot02 .name a:visited { color: #040404; }
.chot .hot02 .name a:hover { color: #57A828; }
.chot .hot02 .price { float: left; font-family: Verdana; font-size: 18px; color: #FF0000; padding-top: 8px; width: 125px; }
.chot .hot02 .price span.nt { font-size: 14px; }
.chot .hot03 { float: left; width: 263px; height: 96px; border-left: 1px dotted #FF7900; padding: 8px 5px; }
.chot .hot03 .img { float: left; height: 96px; width: 120px; padding-right: 8px; }
.chot .hot03 .name { float: left; line-height: 21px; width: 125px; height: 62px; overflow: hidden; }
.chot .hot03 .name a { color: #040404; }
.chot .hot03 .name a:link, .chot .hot03 .name a:visited { color: #040404; }
.chot .hot03 .name a:hover { color: #57A828; }
.chot .hot03 .price { float: left; font-family: Verdana; font-size: 18px; color: #FF0000; padding-top: 8px; width: 125px; }
.chot .hot03 .price span.nt { font-size: 14px; }

/*childcatalog--------------------------------------*/
.filterbox { border: 1px solid #CCCCCC; font-size: 1.05em; color: #488921; background-image: url(../images/icon14.png); background-repeat: no-repeat; background-position: 12px 10px; position: relative; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-left: 38px; }
.filterbox .clear { cursor: pointer; position: absolute; top: 10px; right: 10px; font-size: .95em !important; padding: 2px; color: #666666; border: 1px solid #666666; }
.filterbox .clear:hover { color: #FFFFFF; border: 1px solid #488921; background-color: #488921; }
.selectedbox { clear: both; overflow: auto; overflow-x: hidden; overflow-y: hidden; font-size: 15px; color: #040404; padding-top: 10px; }
.selectedbox .selected { display: block; float: left; padding-right: 30px; padding-bottom: 8px; }
.filter { font-size: 15px; color: #040404; padding-top: 10px; overflow: auto; overflow-x: hidden; overflow-y: hidden; clear: both; }
.filter h1 { float: left; width: 205px; margin-right: 40px; margin-bottom: 12px; }
.filter h1 p { width: 70px; float: left; line-height: 26px; }
.sort { font-size: .95em; line-height: 35px; height: 35px; border: 1px solid #F0F0F0; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 50%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); }
.sort .qty { float: left; padding: 0 20px; border-right: 1px solid #F0F0F0; }
.sort .sort01 { float: left; padding: 0 10px 0 14px; border-right: 1px solid #F0F0F0; background-image: url(../images/icon16.png); background-repeat: no-repeat; background-position: 51px 11px; width: 50px; cursor: pointer; }
.sort .sort01:hover { color: #FFFFFF; background-image: url(../images/icon16.png); background-repeat: no-repeat; background-position: 51px -24px; background-color: #57A828; border-right: 1px solid #57A828; }
.sort .sort02 { float: left; padding: 0 10px 0 14px; border-right: 1px solid #F0F0F0; background-image: url(../images/icon15.png); background-repeat: no-repeat; background-position: 51px 11px; width: 50px; cursor: pointer; }
.sort .sort02:hover { color: #FFFFFF; background-image: url(../images/icon15.png); background-repeat: no-repeat; background-position: 51px -24px; background-color: #57A828; border-right: 1px solid #57A828; }
.sort .sort03, .sort .creationDate { float: left; border-right: 1px solid #F0F0F0; cursor: pointer; text-align: center; padding-right: 20px; padding-left: 20px; }
.sort .sort03:hover, .sort .creationDate:hover { color: #FFFFFF; background-color: #57A828; border-right: 1px solid #57A828; }
.sort .sort04 { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 0px 6px; width: 22px; height: 35px; cursor: pointer; margin-left: 12px; margin-right: 15px; }
.sort .sort04:hover { background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 0px -29px; }
.sort .sort05 { float: right; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 0px 6px; width: 22px; height: 35px; cursor: pointer; }
.sort .sort05:hover { background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 0px -29px; }
.content>table { width: 100% !important; }

/*search--------------------------------------*/
.searchmenu { width: 190px; float: left; margin-right: 20px; }
.searchmenu h1 { font-size: 20px; line-height: 38px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 38px; width: 188px; border: 1px solid #57A828; margin-bottom: 3px; }
.searchmenu .box { background-color: #F0F0F0; width: 168px; border: 1px solid #57A828; padding: 0 10px; }
.searchmenu .box h2 { font-size: 17px; color: #488921; position: relative; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; padding: 10px 0; margin-bottom: 10px; }
.searchmenu .box h2 p { font-size: 13px; position: absolute; top: 10px; right: 0px; cursor: pointer; padding: 1px 2px; color: #666666; border: 1px solid #666666; }
.searchmenu .box h2 p:hover { background-color: #488921; color: #FFFFFF; border: 1px solid #488921; }
.searchmenu .box li { font-size: 15px; }
.searchmenu .box li:hover { color: #488921; }
.searchmenu .box li span.non { color: #999999; }
.searchmenu .box li p { position: relative; left: 20px; top: -15px; }
.searchmenu .box label { cursor: pointer; }
.searchmenu .box .h2expand { height: 320px; margin-bottom: 5px; overflow-x: hidden; overflow-y: scroll; font-size: 15px; color: #040404; padding: 2px 15px 0 0; display: block; }
.searchmenu .box .h2expand a:hover { color: #488921; }

/*product Detail--------------------------------------*/
.pl { float: left; width: 40%; padding-left: 10px; }
.pl .img { padding-bottom: 10px; }
.pl .simgbox { padding: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; overflow: hidden; }
.pl .simgbox .simg { width: 60px; height: 48px; float: left; padding-right: 10px; cursor: pointer; }
.pl .starbox { border-bottom: 1px solid #CCCCCC; overflow: hidden; padding: 10px 0px; }
.pl .starbox .star { float: left; line-height: 28px; font-size: .9em; color: #488921; text-decoration: underline; cursor: pointer; }
.pl .starbox .star img { padding-right: 5px; }
.pl .starbox .fb { float: right; background-image: url(../images/icon27.png); background-repeat: no-repeat; background-position: 0px 0px; height: 28px; width: 27px; margin-right: 10px; cursor: pointer; }
.pl .starbox .fb:hover { background-image: url(../images/icon27.png); background-repeat: no-repeat; background-position: 0px -28px; }
.pl .starbox .favorite { float: right; background-image: url(../images/icon28.png); background-repeat: no-repeat; background-position: 0px 0px; height: 28px; width: 100px; cursor: pointer; font-size: .9em; line-height: 27px; color: #666666; padding-left: 26px; }
.pl .starbox .favorite:hover { color: #57A828; background-image: url(../images/icon28.png); background-repeat: no-repeat; background-position: 0px -28px; }
.pl .starbox .favorite.active { color: #CCCCCC; background-image: url(../images/icon28.png); background-repeat: no-repeat; background-position: 0px -56px; }
.pl .note01 { font-size: .85em; background-image: url(../images/icon56.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .note02 { font-size: .85em; background-image: url(../images/icon57.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .note03 { font-size: .85em; background-image: url(../images/icon58.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .note04 { font-size: .85em; background-image: url(../images/no_coupon-01.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .note05 { font-size: .85em; background-image: url(../images/icon78.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .note06 { font-size: .85em; background-image: url(../images/icon79.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .note07 { font-size: .85em; background-image: url(../images/icon80.png); background-repeat: no-repeat; background-position: 6px 5px; float: left; margin: 15px 10px 0 0; padding: 8px 5px 4px 5px; line-height: 19px; border: 1px solid #CCCCCC; background-color: #F0F0F0; text-align: right; border-radius: 3px; }
.pl .ads { font-size: 1em; line-height: 1.2em; }
.pl .coupon { float: left; width: 100%; border: 1px solid #999999; margin: 10px 0px 10px 0px; padding: 8px; height: 60px;}
.pl .coupon .c_details { width: 65%; display: inline-block; vertical-align: middle; }
.pl .coupon .c_button { display: inline-block; vertical-align: middle; clear: both; font-size: 1.0em; line-height: 40px; color: #FFFFFF; background-repeat: no-repeat; background-position: 14px center; height: 40px; padding: 0 5px 0 5px; background-color: #ff0000; border-radius: 5px; margin-top: -2px; cursor: pointer; }
.pl .coupon .c_button_claimed { display: inline-block; vertical-align: middle; clear: both; font-size: 1.0em; line-height: 22px; color: #FFFFFF; background-repeat: no-repeat; background-position: 14px center; height: 45px; padding: 0 22px 0 22px; background-color: #666666; border-radius: 5px; margin-top: -2px; }
.pr { float: right; width: 60%; padding: 0 10px 0 8%; }
.pr .brand { font-size: 1.05em; color: #488921; }
.pr .brand a, .pr .brand a:link, .pr .brand a:visited { color: #488921; }
.pr .brand a:hover { color: #488921; text-decoration: underline; }
.pr .name { font-size: 1.3em; line-height: 1.5em; padding: 8px 0; }
.pr .sale { color: #E86F00; background-image: url(../images/icon26.png); background-repeat: no-repeat; background-position: 0px 5px; line-height: 150%; padding: 8px 0 5px 36px; margin-bottom: 5px; }
.pr .gift { display: block; background-image: url(../images/icon72.png); background-repeat: no-repeat; background-position: 1px 0; margin-bottom: 10px; }
.pr .gift .btnGift { width: 180px; height: 26px; line-height: 26px; text-align: center; color: #FFFFFF; background-color: #FF0000; margin: 0 0 0 35px; border-radius: 5px; cursor: pointer; }
.pr .gift .giftList { clear: both; padding: 10px; background-color: #EAEAEA; margin-top: 10px; }
.pr .gift .giftList li { padding: 10px; margin-bottom: 10px; display: inline-block; background-color: #FFFFFF; }
.pr .gift .giftList li:last-child { margin-bottom: 0px; }
.pr .gift .giftList li .giftImg { float: left; width: 80px; padding-right: 10px; }
.pr .gift .giftList li .giftName { float: right; width: 270px; }
.pr .gift .giftList li .giftName h1 { padding-bottom: 7px; color: #FF0000; line-height: 130%; }
.pr .gift .giftList li .giftName p { font-size: 14px; line-height: 120%; color: #666666; }
.pr .gift .giftList li .giftName span.qty { font-size: 14px; color: #040404; padding-left: 10px; }
.pr .summary { font-size: .95em; line-height: 1.4em; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 8px 0px; clear: both; }
.pr .prcielist { margin-top: 20px; width: 100%; }
.pr .prcielist th { font-size: .95em; padding: 8px 5px; background-color: #E6E6E6; white-space: nowrap; }
.pr .prcielist td { font-size: .9em; padding: 8px 5px; border-bottom: 1px dotted #CCCCCC; }
.pr .pricebox { overflow: auto; overflow-x: hidden; overflow-y: hidden; padding: 20px 0; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 50%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); }
.pr .pricebox .qty { float: left; height: 26px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
.pr .pricebox .price { float: left; font-family: Verdana; color: #FF0000; font-size: 2em; height: 48px; line-height: 46px; padding: 10px 0px 10px 20px; margin-bottom: 30px; }
.pr .pricebox .cheap { float: right; font-size: 14px; color: #FFFFFF; background-image: url(../images/icon29.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 10px; line-height: 23px; height: 23px; width: 60px; margin: 21px 0; text-align: center; }
.pr .pricebox .btn { clear: both; font-size: 1.3em; line-height: 46px; color: #FFFFFF; background-image: url(../images/icon23.png); background-repeat: no-repeat; background-position: 14px center; height: 46px; padding: 0 22px 0 44px; background-color: #57A828; border-radius: 5px; margin-right: 30px; margin-top: 10px; cursor: pointer; display: inline-block;}
.pr .pricebox .btn:hover { background-color: #488921; }
.pr .pricebox .btn2 { clear: both; font-size: 1.3em; line-height: 46px; color: #FFFFFF; height: 46px; padding: 0 18px 0 18px; background-color: #ff9b40; border-radius: 5px; margin-left: 10px; margin-right: 30px; margin-top: 10px; cursor: pointer; display: inline-block;}
.pr .pricebox .btn2:hover { background-color: #FF7900; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; letter-spacing: 15px; -moz-osx-font-smoothing: grayscale;}
.pr .pricebox .outofstock { clear: both; font-size: 21px; line-height: 46px; color: #FFFFFF; height: 46px; width: 200px; background-color: #FF7900; border-radius: 5px; margin-right: 30px; margin-top: 10px; float: right; text-align: center; cursor: pointer; }
.pr .pricebox .outofstock:hover { background-color: #E86F00; }
.pr .pricebox .outofstock-ok { clear: both; font-size: 21px; line-height: 46px; color: #FFFFFF; height: 46px; width: 200px; background-color: #CCC; border-radius: 5px; margin-right: 30px; margin-top: 10px; float: right; text-align: center; }
.pr .join { color: #FFF; background-color: #FF0000; float: right; height: 25px; min-height: 0; width: 90px; text-align: center; line-height: 25px; position: relative; border-radius: 5px; display: block; }
.pr .join:after { content: ""; position: absolute; top: 25px; left: 35px; width: 0; height: 0; border-style: solid; border-color: #FF0000 transparent transparent transparent; border-width: 10px 20px 0 0; }
.pr .join a:link, .pr .join a:visited, .pr .join a:hover { color: #FFF; }
.pr .extrapromobox .sc-gift { background-color: #95c92c; padding: 4px; margin-top: 8px; color: #ffffff;}
.pr .extrapromobox .scitem li { float: left; padding: 0 10px 0px 10px; overflow: hidden; display: block; }
.pr .extrapromobox .scitem li .name { font-size: 1em; line-height: 1.5em; padding: 5px 0; cursor: pointer; }
.pr .extrapromobox .scitem li .img { float: left; margin-right: 15px;  width: 34%; cursor: pointer; }
.pr .extrapromobox .scitem li .note { font-size: .85em; color: #666666; line-height: 1.2em; padding: 0 0 8px 0; }
.pr .extrapromobox .scitem li .price { font-size: 0.95em; padding-bottom: 15px; float: left; width: 145px; }
.pr .extrapromobox .scitem li .qty01 { font-size: 0.95em; color: #FF0000; padding-bottom: 15px; }
.pr .extrapromobox .scitem li .spec01 { padding-bottom: 10px; }
.pr .extrapromobox .scitem li .btn { width: 120px; height: 28px; font-size: 1.1em; line-height: 28px; color: #FFFFFF; background-color: #57A828; text-align: center; cursor: pointer; margin: 0 0 8px 145px; }
.pr .extrapromobox .scitem li .more { color: #488921; font-weight: bold; font-size: 0.95em; cursor: pointer;     background-image: url(../images/icon37.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; right: 0px; margin-top: 15px; margin-left: 145px; }
.pr .extrapromobox .scitem li .more:hover { color: #345520; }
.pr .multipackbox { font-size: .95em; line-height: 1.4em; padding: 8px 0px; clear: both; }
.pr .multipackbox .title { font-size: 1.15em; line-height: 21px; color: #FFFFFF; background-color: #74a909; text-align: left; overflow: hidden; padding: 10px 10px 10px 12px; font-weight: normal; font: inherit; margin-top: 10px; }
.pr .multipackbox .packs { clear: both; font-size: 1.3em; line-height: 46px; color: #FFFFFF; background-repeat: no-repeat; background-position: 14px center; height: 46px; padding: 0 22px 0 44px; background-color: #a6b311; border-radius: 5px; margin-right: 30px; margin-top: 10px; cursor: pointer; display: inline-block; width: 100%; }
.pr .multipackbox .packs:hover { background-color: #bbca10; }
.pr .multipackbox .packs_no_stock { clear: both; font-size: 1.3em; line-height: 46px; color: #FFFFFF; background-repeat: no-repeat; background-position: 14px center; height: 46px; padding: 0 22px 0 44px; background-color: #fe7900; border-radius: 5px; margin-right: 30px; margin-top: 10px; cursor: pointer; display: inline-block; width: 100%; }


.container { display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Hide the browser's default checkbox */
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ADE738; }

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark { background-color: #57a828; }

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark { background-color: #57a828; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/*圖片放大*/
.popup-bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(192, 192, 192); opacity: 0.6; z-index: 999997; filter: alpha(opacity=60); }

/*
.largeimg {
    position: fixed;
    padding: 10px;
    background-color: #333333;
    margin-top: -227px;
    margin-left: -200px;
    left: 50%;
    top: 50%;
    z-index: 999999;
}
*/
.largeimg { width: 500px; position: fixed; padding: 10px; background-color: #333333; margin-top: -325px; margin-left: -260px; left: 50%; top: 50%; z-index: 999999; }
.largeimg .close { background-image: url(../images/icon40.png); background-repeat: no-repeat; background-position: 0px 0px; height: 40px; width: 40px; top: -15px; right: -20px; position: absolute; cursor: pointer; }
.largeimg .name { line-height: 21px; color: #FFFFFF; overflow: hidden; height: 40px; padding: 10px 0 0 0; }
.largeimg .arrow-r { background-image: url(../images/icon39.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; width: 35px; position: absolute; top: 50%; right: 12px; cursor: pointer; }
.largeimg .arrow-r:hover { background-image: url(../images/icon39.png); background-repeat: no-repeat; background-position: 0px -35px; }
.largeimg .arrow-l { background-image: url(../images/icon39.png); background-repeat: no-repeat; background-position: -35px 0px; height: 35px; width: 35px; position: absolute; top: 50%; left: 12px; cursor: pointer; }
.largeimg .arrow-l:hover { background-image: url(../images/icon39.png); background-repeat: no-repeat; background-position: -35px -35px; }

/*商品介紹*/
.pcontentbox { clear: both; padding-top: 15px; }
.abgne_extra { position: relative; }
.abgne_tab { position: relative; }
.abgne_tab .pshipping { position: absolute; top: 5px; right: 0px; background-image: url(../images/icon37.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; }
.abgne_tab .pshipping a, .abgne_tab .pshipping a:link, .abgne_tab .pshipping a:visited, .abgne_tab .pshipping a:hover { color: #488921; }
/*滿額贈*/
.abgne_tab .extrapromobox .sc-gift { clear: both; background-image: url(../images/shoppingcart/scicon04.png); background-repeat: no-repeat; background-position: 8px center; font-size: 21px; background-color: #E6E6E6; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 35px; }
.abgne_tab .extrapromobox .scitem { clear: both; }
.abgne_tab .extrapromobox .scitem ul { margin-top: 15px; overflow: hidden; }
.abgne_tab .extrapromobox .scitem li { float: left; width: 33.3%; padding: 0 20px 45px 20px; overflow: hidden; display: block; }
.abgne_tab .extrapromobox .scitem li:nth-child(3n+1) { clear: both; }
.abgne_tab .extrapromobox .scitem li .sum { font-size: 1.05em; margin-bottom: 8px; border-bottom: 1px solid #488921; color: #488921; padding-bottom: 5px; }
.abgne_tab .extrapromobox .scitem li .name { font-size: 1em; line-height: 1.5em; padding: 5px 0; cursor: pointer; }
.abgne_tab .extrapromobox .scitem li .note { font-size: .85em; color: #666666; line-height: 1.2em; padding: 0 0 8px 0; }
.abgne_tab .extrapromobox .scitem li .img { float: left; width: 40%; cursor: pointer; }
.abgne_tab .extrapromobox .scitem li .img img { width: 100% !important; height: auto !important; }
.abgne_tab .extrapromobox .scitem li .spec { padding-bottom: 10px; }
.abgne_tab .extrapromobox .scitem li .spec01 { padding-bottom: 10px; }
.abgne_tab .extrapromobox .scitem li .qty01 { font-size: 0.95em; color: #FF0000; padding-bottom: 15px; }
.abgne_tab .extrapromobox .scitem li .price { font-size: 0.95em; padding-bottom: 15px; float: left; width: 107px; }
.abgne_tab .extrapromobox .scitem li .qty { width: 130px; color: #FF0000; float: right; padding-bottom: 8px; }
.abgne_tab .extrapromobox .scitem li .btn01 { float: right; width: 120px; height: 28px; font-size: 18px; line-height: 28px; color: #FFFFFF; background-color: #999999; text-align: center; margin-top: 20px; }
.abgne_tab .extrapromobox .scitem li .btn { width: 120px; height: 28px; font-size: 1.1em; line-height: 28px; color: #FFFFFF; background-color: #57A828; text-align: center; cursor: pointer; margin: 0 0 8px 90px; }


.abgne_tab .extrapromobox .sctitle { font-size: 1.3em; text-align: center; line-height: 1.5em; padding: 10px; color: #FFFFFF; background-color: #FF7900; }

ul.tabs { width: 100%; height: 30px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
ul.tabs li { float: left; height: 30px; line-height: 30px; overflow: hidden; position: relative; margin-right: 8px; margin-bottom: -1px;    /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ border: 1px solid #999999; background: #F0F0F0; display: block; padding: 0 20px; cursor: pointer; }
ul.tabs li:first-child { border-left: none; }
ul.tabs li:hover { background: #F0F0F0; }
ul.tabs li.active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
ul.tabs li.active:hover { background: #FFFFFF; }
.tab_container_1 { padding: 1px 1px; clear: left; border: 1px solid #999999; background: #fff; }
.tab_container_2 { margin-top: 20px; clear: left; border: 1px solid #999999; background: #fff; }
.tab_container { clear: left; width: 100%; border: 1px solid #999999; border-top: none; background: #fff; }
.tab_container .tab_content { padding: 30px 40px; }
.tab_container .tab_content .content-tb { clear: both; }
.tab_container .tab_content .content-tb td { padding: 6px 8px; vertical-align: top; line-height: 25px; }
.tab_container .tab_content .content-tb td a, .tab_container .tab_content .content-tb td a:link, .tab_container .tab_content .content-tb td a:visited { color: #488921; text-decoration: underline; }
.tab_container .tab_content .content-tb td a:hover { color: #488921; text-decoration: underline; }
.tab_container .tab_content .text { padding-top: 20px; line-height: 26px; }
.tab_container .tab_content .text h1 { background-color: #666666; margin-top: 30px; margin-bottom: 10px; padding: 8px 0; text-align: center; color: #FFFFFF; }
.tab_container .tab_content .text p { margin-bottom: 20px; }
.tab_container .tab_content .btn { font-size: 18px; line-height: 40px; color: #FFFFFF; background-image: url(../images/icon31.png); background-repeat: no-repeat; background-position: 30px center; height: 40px; width: 140px; background-color: #999999; border-radius: 5px; padding-left: 60px; margin: 30px auto 0px auto; cursor: pointer; }
.tab_container .tab_content .btn:hover { background-color: #666666; }
.tab_container .tab_content .text-expand { padding-top: 30px; }
.tab_container .tab_content .activitybox { border: 1px solid #FF7900; background-color: #FEEBD9; float: left; margin-bottom: 10px; width: 700px; }
.tab_container .tab_content .activitybox h1 { float: left; width: 98px; height: 36px; }
.tab_container .tab_content .activitybox h2 { float: left; font-size: 18px; width: 430px; padding-left: 10px; line-height: 36px; height: 36px; }
.tab_container .tab_content .activitybox h3 { float: left; width: 520px; padding: 5px 10px; line-height: 20px; }
.tab_container .tab_content .activitybox h3 a { color: #FF0000; }
.tab_container .tab_content .activitybox h3 a:link, .tab_container .tab_content .activitybox h3 a:visited { color: #FF0000; }
.tab_container .tab_content .activitybox h3 a:hover { color: #FF0000; text-decoration: underline; }
.tab_container .tab_content .activitybox h4 { float: right; background-color: #FFFFFF; text-align: center; width: 150px; height: 88px; }

/*相關商品*/
.adproduct-tab { color: #FFFFFF; border-top-right-radius: 5px; width: 120px; height: 30px; position: absolute; left: -1px; top: -30px; background-color: #57A828; line-height: 30px; text-align: center; }
.adproduct-box { height: 190px; width: 100%; clear: both; }
.aditem-container { width: 708px; height: 190px; margin-right: auto; margin-left: auto; position: relative; }
.aditem-wrapper { width: 100%; height: 100%; position: relative; }
.aditem { position: relative; float: left; width: 115px; height: 190px; text-align: center; margin-right: 20px; margin-left: 20px; }
.aditem-main { width: 100px; float: left; margin: 0 8px; }
.aditem-img { width: 140px; padding-top: 10px; padding-bottom: 13px; }
.aditem-name { height: 37px; width: 140px; line-height: 18px; overflow: hidden; }
.aditem-name a, .aditem-name a:link, .aditem-name a:visited { color: #040404; }
.aditem-name a:hover { color: #488921; }
.aditem-nt { color: #FF0000; width: 140px; font-size: 14px; font-family: Verdana; }
.aditem-price { font-size: 18px; }
.ca-nav span { width: 25px; height: 38px; position: absolute; top: 50%; margin-top: -19px; left: -15px; text-indent: -9000px; opacity: 0.7; cursor: pointer; z-index: 100; background-color: transparent; background-image: url(../images/icon59.png); background-repeat: no-repeat; background-position: left top; }
.ca-nav span.ca-nav-next { background-position: top right; left: auto; right: -15px; }
.ca-nav span:hover { opacity: 1.0; }

/*商品評價*/
.tab_content .pstarbox-no { float: left; width: 140px; margin-bottom: 30px; padding-top: 5px; }
.tab_content .pstarbox { float: left; width: 140px; margin-bottom: 30px; }
.tab_content .pstarbox .star { font-size: 2.7em; padding: 15px 5px; text-align: center; font-weight: bold; line-height: 1.2em; background-color: #F0F0F0; }
.tab_content .pstarbox .star br { line-height: 10px; }
.tab_content .pstarbox .star span { line-height: 14px; font-size: .85rem !important; }
.tab_content .pstarbox .number { padding-top: 10px; line-height: 30px; float: left; font-size: .85em; padding-right: 5px; }
.tab_content .pstarbox .people { padding-top: 10px; line-height: 30px; float: right; text-align: right; font-size: .85em; padding-left: 5px; }
.tab_content .pstarbox .barbox { height: 170px; float: left; width: 51px; padding-top: 18px; }
.tab_content .pstarbox .bar { background-color: #333; height: 14px; margin-bottom: 16px; }
.tab_content .m-assess { margin-bottom: 30px; float: right; padding-left: 25px; border-left: 1px solid #57A828; }
.tab_content input[type="text"], .tab_content textarea { background-color: #FFFFFF; color: #040404; font-size: .9em; line-height: 32px; height: 32px; padding: 0 10px; border: 1px solid #999999; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; }
.tab_content input[type="text"]:hover { border: 1px solid #57A828; }
.tab_content .m-assess .error { font-size: 14px; color: #FF0000; padding: 0 0 10px 25px; background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: 5px 0px; }
.tab_content .m-assess .ok { font-size: 14px; color: #FF0000; padding: 0 0 10px 25px; background-image: url(../images/icon38.png); background-repeat: no-repeat; background-position: 5px 0px; }
.tab_content .m-assesstb td { padding: 5px 10px; vertical-align: middle; }
.tab_content .m-assesstb td:first-child { width: auto !important; white-space: nowrap; }
.tab_content .m-assessbtn { font-size: 1.1em; line-height: 40px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 40px; width: 160px; margin: 5px auto 0px auto; border-radius: 5px; cursor: pointer; }
.tab_content .m-assessbtn:hover { background-color: #488921; }
.tab_content .assessbtn { font-size: 1.1em; line-height: 40px; color: #FFFFFF; background-color: #CCC; text-align: center; height: 40px; width: 160px; margin: 5px auto 0px auto; border-radius: 5px; }
div.tab_container .tab_content .p-assess { clear: both; }
div.tab_container .tab_content .p-assess .star { background-color: #E6E6E6; padding: 8px 10px; overflow: hidden; }
div.tab_container .tab_content .p-assess .star img { float: left; }
div.tab_container .tab_content .p-assess .star .id { float: left; padding-left: 15px; }
div.tab_container .tab_content .p-assess .content { padding: 8px 0 15px 95px; line-height: 1.5em; }
div.tab_container .tab_content .p-assess .reply { color: #488921; background-image: url(../images/icon32.png); background-repeat: no-repeat; background-position: 10px 2px; padding: 0 0 15px 95px; line-height: 1.4em; font-size: .9; }
div.tab_container .tab_content .p-assess .btn { font-size: 1.1em; line-height: 40px; color: #FFFFFF; background-image: url(../images/icon31.png); background-repeat: no-repeat; background-position: 25px center; height: 40px; width: 200px; background-color: #999999; border-radius: 5px; padding-left: 55px; margin: 10px auto; cursor: pointer; }
div.tab_container .tab_content .p-assess .btn:hover { background-color: #666666; }

/*商品問答*/
.tab_content .m-qa { margin-bottom: 30px; padding: 5px 15px 10px 15px; border: 1px solid #999999; }
.tab_content .m-qa .error { font-size: 14px; color: #FF0000; padding: 0 0 10px 25px; background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: 5px 0px; }
.tab_content .m-qa .ok { font-size: 14px; color: #FF0000; padding: 0 0 10px 25px; background-image: url(../images/icon38.png); background-repeat: no-repeat; background-position: 5px 0px; }
.tab_content .pqa .id { background-color: #E6E6E6; padding: 8px 10px; }
.tab_content .pqa .content { padding: 8px 0 15px 10px; line-height: 21px; }
.tab_content .pqa .reply { color: #488921; background-image: url(../images/icon32.png); background-repeat: no-repeat; background-position: 10px 2px; padding: 0 0 15px 95px; line-height: 20px; font-size: 15px; }
.tab_content .pqa .btn { font-size: 18px; line-height: 40px; color: #FFFFFF; background-image: url(../images/icon31.png); background-repeat: no-repeat; background-position: 25px center; height: 40px; width: 145px; background-color: #999999; border-radius: 5px; padding-left: 55px; margin: 10px auto; cursor: pointer; }
.tab_content .pqa .btn:hover { background-color: #666666; }

/*會員中心--------------------------------------*/

/*我的帳戶*/

.matitle { font-size: 17px; height: 40px; line-height: 40px; color: #FFFFFF; background-color: #57A828; padding-left: 15px; }
.maccount { padding: 5px; border-left: 2px solid #57A828; border-right: 2px solid #57A828; border-bottom: 2px solid #57A828; position: relative; }
.maccount .note { position: absolute; left: 125px; bottom: 25px; line-height: 24px; }
.maccount .note a, .maccount .note a:link, .maccount .note a:visited, .maccount .note a:hover { color: #488921; text-decoration: underline; }
.matb td { padding: 15px; border-bottom: 1px dotted #CCCCCC; vertical-align: middle; }

/*訂單查詢*/
.mtb01 th { padding: 8px; vertical-align: middle; white-space: nowrap; color: #FFFFFF; background-color: #666666; text-align: center; }
.mtb01 .motd { padding: 18px 8px; vertical-align: middle; font-size: 15px; line-height: 20px; }
.mtb01 .motd a, .mtb01 .motd a:link, .mtb01 .motd a:visited, .mtb01 .motd a:hover { color: #488921; text-decoration: underline; }
.mtb01 .motd-note { padding: 18px 8px; vertical-align: middle; font-size: 15px; line-height: 20px; color: #488921; text-decoration: underline; cursor: pointer; }
.mtb01 .btn { color: #FFFFFF; background-color: #57A828; text-align: center; cursor: pointer; height: 24px; line-height: 24px; font-size: 15px; width: 70px; margin: 0 auto; }
.mtb01 .btn:hover { background-color: #488921; }
.mtb01 .sdbtn { width: 80px; height: 24px; line-height: 24px; text-align: center; color: #FFFFFF; font-size: 15px; margin: 0 auto; cursor: pointer; background-color: #FF7900; }
.mtb01 .sdbtn:hover { background-color: #E86F00; }

/*配送進度*/
/*.schedule { height: 45px; margin: 0 0 10px 0; padding-left: 98px; }*/
.schedule li { float: left; margin-right: 2px; }
.schedule li .text { font-size: 13px; line-height: 15px; color: #999999; background-color: #FEEBD9; text-align: center; width: 105px; height: 32px; float: left; padding-top: 3px; }
.schedule li .text-ok { font-size: 13px; line-height: 15px; background-color: #FF9B40; text-align: center; width: 105px; height: 32px; float: left; padding-top: 3px; color: #5B2C00; }
.schedule li .text01 { font-size: 13px; line-height: 15px; color: #999999; background-color: #FEEBD9; text-align: center; width: 348px; height: 32px; float: left; padding-top: 3px; }
.schedule li .text01-ok { font-size: 13px; line-height: 32px; background-color: #FF9B40; text-align: center; width: 348px; height: 32px; float: left; padding-top: 3px; color: #5B2C00; }
.schedule li .triangle { width: 0px; height: 0px; border-style: solid; border-width: 17.5px 0 17.5px 9px; border-color: transparent transparent transparent #FEEBD9; float: left; }
.schedule li .triangle-ok { width: 0px; height: 0px; border-style: solid; border-width: 17.5px 0 17.5px 9px; border-color: transparent transparent transparent #FF9B40; float: left; }
.showBonusHistory, .showOrderHistory, .showCouponHistory { width: 100%; overflow: auto }

/*訂單明細配送進度*/
.mod-schedule { height: 35px; margin: 10px 0; clear: both; }
.mod-schedule li { float: left; margin-right: 2px; }
.mod-schedule li .text { font-size: 13px; line-height: 15px; color: #999999; background-color: #FEEBD9; text-align: center; width: 122px; height: 32px; float: left; padding-top: 3px; }
.mod-schedule li .text-ok { font-size: 13px; line-height: 15px; background-color: #FF9B40; text-align: center; width: 122px; height: 32px; float: left; padding-top: 3px; color: #5B2C00; }
.mod-schedule li .text01 { font-size: 13px; line-height: 15px; color: #999999; background-color: #FEEBD9; text-align: center; width: 400px; height: 32px; float: left; padding-top: 3px; }
.mod-schedule li .text01-ok { font-size: 13px; line-height: 32px; background-color: #FF9B40; text-align: center; width: 400px; height: 32px; float: left; padding-top: 3px; color: #5B2C00; }
.mod-schedule li .triangle { width: 0px; height: 0px; border-style: solid; border-width: 17.5px 0 17.5px 9px; border-color: transparent transparent transparent #FEEBD9; float: left; }
.mod-schedule li .triangle-ok { width: 0px; height: 0px; border-style: solid; border-width: 17.5px 0 17.5px 9px; border-color: transparent transparent transparent #FF9B40; float: left; }

/*紅利帳簿等*/
.mtimebox { margin-bottom: 20px; overflow: hidden; clear: both; }
.mtimebox h1 { float: left; line-height: 28px; }
.mtimebox .calendar { background-image: url(../images/icon36.png); background-repeat: no-repeat; background-position: 135px center; height: 28px; width: 160px; float: left; padding-left: 5px; }
.mtimebox .btn { float: left; line-height: 26px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 26px; width: 80px; margin: 2px 0 2px 10px; cursor: pointer; }
.mtimebox .btn:hover { background-color: #488921; }
.mtimebox .qty { float: right; margin-top: 10px; }
.msurplus { font-size: 1.05em; line-height: 40px; background-color: #E6E6E6; padding: 0 10px; margin-bottom: 20px; overflow: hidden; }
.mtotal { font-size: 1em; line-height: 40px; float: right; }
.mtb th { padding: 8px; vertical-align: middle; white-space: nowrap; color: #FFFFFF; background-color: #666666; text-align: center; }
.mtb td { border-bottom: 1px dotted #CCCCCC; padding: 18px 8px; vertical-align: middle; font-size: 15px; line-height: 20px; }
.mtb td a { color: #488921; }
.mtb td a:link, .mtb td a:visited, .mtb td a:hover { color: #488921; text-decoration: underline; }
.mtb td .btn { color: #FFFFFF; background-color: #57A828; text-align: center; cursor: pointer; height: 24px; line-height: 24px; font-size: 15px; width: 70px; margin-right: auto; margin-left: auto; }
.mtb td .btn:hover { background-color: #488921; }
.noitem { font-size: 15px; text-align: left; padding-top: 10px; padding-bottom: 10px; }
.addbtn { text-align: center; float: right; height: 34px; width: 90px; margin: 10px 0 10px 10px; font-size: 1.05em; line-height: 34px; color: #FFFFFF; background-color: #57A828; border-radius: 5px; cursor: pointer; }
.addbtn:hover { background-color: #488921; }
.sentbtn { font-size: 18px; line-height: 40px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 40px; border-radius: 5px; cursor: pointer; width: 200px; margin-right: auto; margin-left: auto; }
.sentbtn:hover { background-color: #488921; }

/*訂單明細*/
.modtb th { padding: 8px; vertical-align: middle; white-space: nowrap; color: #FFFFFF; background-color: #666666; text-align: center; }
.modtb td { padding: 10px; border-bottom: 1px dotted #CCCCCC; vertical-align: middle; font-size: 15px; line-height: 20px; }
.modtb td a { color: #040404; }
.modtb td a:link, .modtb td a:visited { color: #040404; }
.modtb td a:hover { color: #488921; }
.line { border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; }
.btnprint { line-height: 28px; color: #FFFFFF; background-color: #666666; text-align: center; height: 28px; width: 100px; margin-right: auto; margin-left: auto; cursor: pointer; }
.btnprint:hover { background-color: #333333; }

/*登入註冊--------------------------------------*/
.login { min-height: 270px; width: 57%; float: left; position: relative; margin-right: 3%; background-color: #E6E6E6; text-align: center; }
.login h1 { font-size: 21px; line-height: 45px; color: #FFFFFF; background-color: #57A828; height: 45px; background-image: url(../images/icon41.png); background-repeat: no-repeat; background-position: 220px center; text-align: center; }
.login h2 { max-width: 400px; padding: 0 15px 0 70px; margin: 15px auto 0 auto; position: relative; }
.login h2 label { position: absolute; left: 15px; top: 0; line-height: 36px; }
.login h2 input[type="text"], .login h2 input[type="password"] { width: 100%; height: 36px; }
.login .rebox { font-size: .95em; line-height: 15px; overflow: hidden; clear: both; padding: 0 15px; padding-left: 70px; max-width: 400px; margin: 15px auto 0 auto; }
.login .re { float: left; }
.login .forgot { float: right; }
.login .forgot li { height: 15px; float: left; padding: 0 15px; }
.login .forgot li:last-child { border-left: 1px dotted #666666; padding: 0 0 0 15px; }
.login .forgot li:hover { color: #57A828; }
.login .forgot li a, .login .forgot li a:link, .login .forgot li a:visited { color: #040404; }
.login .forgot li a:hover { color: #57A828; }
.login .errorbox { float: left; margin: 0; }
.login .error { background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 0 0 10px 20px; font-size: 14px; color: #FF0000; }
.login .btnbox { clear: both; position: absolute; left: 0; bottom: 10px; }
.login .btn { font-size: 1.3em; line-height: 40px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 40px; width: 24%; border-radius: 5px; display: inline-block; vertical-align: top; margin: 20px 0 0 0; cursor: pointer; }
.login .fbBtn { min-width: 200px; width: 50%; margin: 20px 20px 0 0; background-color: #3c579d; display: inline-block; vertical-align: top; }
.login .btn:hover { background-color: #488921; }
.login .fbBtn:hover { background-color: #3c579d; }
.join { min-height: 418px; width: 40%; float: left; background-color: #FEEBD9; }
.join h1 { font-size: 21px; line-height: 45px; color: #FFFFFF; height: 45px; text-align: center; background-color: #FF7900; }
.join h2 { padding: 20px 30px; line-height: 24px; }
.join .btn { font-size: 1.3em; line-height: 40px; color: #FFFFFF; background-color: #FF7900; text-align: center; height: 40px; width: 150px; border-radius: 5px; cursor: pointer; display: block; margin: 20px auto 0 auto; }
.join .btn:hover { background-color: #E86F00; }
.forgotbox { float: left; min-height: 270px; width: 40%; background-color: #E6E6E6; }
.forgotbox h1 { font-size: 21px; line-height: 45px; color: #FFFFFF; height: 45px; text-align: center; background-color: #57A828; }
.forgotbox h2 { padding: 20px 30px; line-height: 24px; width: 100% !important; color: #000000; }
.forgotbox h2 input[type="text"] { width: 100% !important; }
.forgotbox .btnbox { width: 100% !important; margin: 0 !important; }
.forgotbox .btnbox>div { margin: 10px 0 0 0 !important; }
.forgotbox .btn { font-size: 1.0em; line-height: 40px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 40px; width: 150px; border-radius: 5px; cursor: pointer; display: block; margin: 10px 0 0 auto !important; float: right; }
.forgotbox .btn:hover { background-color: #488921; }
.label p {color: firebrick; text-align: justify; padding: 10px; width: 100% !important; }
.registerbox h1 { font-size: 21px; background-color: #666666; text-align: center; padding: 10px 0px; border-left: 10px solid #57A828; color: #FFFFFF; }
.registerbox h2 { line-height: 21px; padding: 10px 0; }
.registerbox .consent { font-size: .95em; line-height: 21px; padding: 10px; height: 350px; border: 1px solid #999999; overflow-y: scroll; }
.registerbox .consent a, .registerbox .consent a:link, .registerbox .consent a:visited, .registerbox .consent a:hover { color: #040404; text-decoration: underline; }
.registerbox .btn { height: 46px; width: 100%; text-align: center; margin-top: 20px; }
.registerbox .btn .btn01 { font-size: 1.1em; line-height: 46px; color: #FFFFFF; background-color: #666666; text-align: center; height: 46px; width: 100%; max-width: 140px; margin: 0 20px; display: inline-block; vertical-align: top; border-radius: 5px; cursor: pointer; }
.registerbox .btn .btn01:hover { background-color: #333333; }
.registerbox .btn .btn02 { font-size: 1.1em; line-height: 46px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 46px; width: 100%; max-width: 230px; margin: 0 20px; display: inline-block; vertical-align: top; border-radius: 5px; cursor: pointer; }
.registerbox .btn .btn02:hover { background-color: #488921; }
.registerbox .btn .btn03 { font-size: 1.1em; line-height: 46px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 46px; width: 100%; max-width: 230px; display: block; margin: 0 auto; border-radius: 5px; cursor: pointer; }
.registerbox .btn .btn03:hover { background-color: #488921; }
.rtb { border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57A828; }
.rtb td { padding: 10px; vertical-align: middle; }
.rtb td:first-child { width: 150px !important; }
.rtb .taiwan span { font-size: .95em !important; }
.rtb span.rtb-note { font-size: .9em; color: #488921; line-height: 30px; margin-right: 0 !important; padding-left: 10px; }
.rtb span.rtb-note a { color: #488921; text-decoration: underline; }
.rtb span.rtb-note a:link, .rtb span.rtb-note a:visited, .rtb span.rtb-note a:hover { color: #488921; text-decoration: underline; }
.rtb .login { min-height: 0; width: 57%; float: left; position: relative; margin-right: 0; background-color: #fff; text-align: left; }
.rtb .address, .rtb .login, .rtb .password, .rtb .confirmpw, .rtb .firstName, .rtb .contactPhoneNumber { width: 50% !important; max-width: 300px; height: 30px !important; }
.rtb .select { margin-right: 10px !important; }


/*品牌總覽--------------------------------------*/
.brandlogo li { width: 145px; height: 71px; float: left; margin: 0 6px 20px 5px; border: 1px solid #CCCCCC;}
.brand img { margin-right: 10px; }
.brand h1 { font-size: 21px; height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57A828; }
.brand p { margin-bottom: 10px; line-height: 26px; padding: 15px 10px; }
.brandgift { border: 2px solid #FF7900; background-color: #FEEBD9; padding: 10px; position: relative; overflow: auto; }
.brandgift h1 { font-size: 21px; line-height: 40px; color: #FFFFFF; background-image: url(../images/icon53.png); background-repeat: no-repeat; background-position: 0px 0px; height: 40px; width: 130px; padding-left: 50px; position: absolute; left: 0px; top: 0px; }
.brandgift h2 { float: right; width: 580px; line-height: 22px; }
.brandgift p { float: right; padding-top: 15px; width: 580px; font-size: 14px; line-height: 19px; }
.brandgift h3 { float: left; height: 120px; width: 150px; }

/*公司資訊--------------------------------------*/
.rcontent .map { background-color: #CCCCCC; text-align: center; margin-bottom: 15px; width: 100%; padding: 20px 15px; }
.rcontent h1 { font-size: 1.1em; line-height: 40px; color: #FFFFFF; background-color: #666666; height: 40px; margin-bottom: 20px; padding-left: 15px; }
.rcontent h2 { font-size: 1.05em; margin-bottom: 10px; color: #488921; padding-left: 15px; }
.rcontent p { line-height: 28px; padding-left: 15px; font-size: 1em; }
.rcontent p a { color: #040404; text-decoration: underline; }
.rcontent p a:hover { color: #488921; text-decoration: underline; }
.rcontent ul { padding-left: 40px; }
.rcontent li { list-style-type: decimal; list-style-position: inherit; line-height: 28px; font-size: 1em; }
.rcontent li a, .rcontent li a:link, .rcontent li a:visited { color: #040404; text-decoration: underline; }
.rcontent li a:hover { color: #488921; text-decoration: underline; }
.rcontent .rcontent-tb { border-right: 1px solid #CCCCCC; }
.rcontent .rcontent-tb th { color: #FFFFFF; background-color: #666666; font-size: 1.05em; height: 40px; padding: 0 15px; text-align: center; line-height: 40px; white-space: nowrap; }
.rcontent .rcontent-tb td { padding: 10px 15px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; vertical-align: middle; line-height: 28px; }
.rcontent .rcontent-tb td img { vertical-align: inherit; }
.rcontent .rcontent-tb td a { color: #040404; text-decoration: underline; }
.rcontent .rcontent-tb td a:hover { color: #488921; text-decoration: underline; }
.rcontent .rcontent-tb td li { list-style-type: decimal; list-style-position: inside; line-height: 28px; }
.rcontent .sitemap-tb { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.rcontent .sitemap-tb th { color: #FFFFFF; background-color: #666666; font-size: 1.05em; height: 40px; padding: 0 15px; text-align: center; line-height: 40px; }
.rcontent .sitemap-tb td { padding: 10px 15px; border-bottom: 1px solid #CCCCCC; vertical-align: middle; line-height: 24px; }
.rcontent .sitemap-tb td:first-child { white-space: nowrap; }
.rcontent .sitemap-tb td ul { padding: 0; overflow: hidden; }
.rcontent .sitemap-tb td li { list-style-type: none; line-height: 1.4em; font-size: 1em; float: left; width: 33.3%; padding: 4px 20px; }
.rcontent .sitemap-tb td a, .rcontent .sitemap-tb td a:link, .rcontent .sitemap-tb td a:visited { color: #040404; text-decoration: none; }
.rcontent .sitemap-tb td a:hover { color: #488921; text-decoration: none; }

/*FAQ--------------------------------------*/
.faq { padding-left: 15px; }
.faq ul.accordionPart li { margin-bottom: 15px; }
.faq_title { background-color: #E6E6E6; height: 36px; cursor: pointer; border-radius: 50px; background-image: url(../images/icon62.png); background-repeat: no-repeat; background-position: 0 center; padding-left: 60px; line-height: 1.2em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.faq_title_on { }
.faq_content { background-image: url(../images/icon63.png); background-repeat: no-repeat; background-position: 12px 15px; line-height: 24px; padding: 10px 25px 0 60px; }
.faq_content a, .faq_content a:link, .faq_content a:visited { color: #FA6733; }
.faq_content a:hover { color: #FA6733; text-decoration: underline; }
.faq_content_title { font-size: 16px; color: #000000; }
.faq-text { line-height: 24px; }
.faq h1 { font-size: 17px; padding-top: 20px; padding-bottom: 20px; color: #488921; }
.faq .btn { text-align: center; float: left; height: 30px; width: 140px; margin-right: 20px; line-height: 30px; color: #FFFFFF; background-color: #666666; border-radius: 5px; cursor: pointer; }
.faq .btn:hover { background-color: #333333; }

/*商品評價--------------------------------------*/
.assess { display: inline-block; width: 47%; border: 1px solid #CCCCCC; margin: .7%; }
.assess .img { height: auto; float: left; width: 100px; padding: 10px 10px 0 10px; }
.assess .star { color: #488921; padding: 25px 10px 0 100px; }
.assess .name { font-size: 1.05em; line-height: 21px; padding: 4px 10px 0 100px; }
.assess .name a, .assess .name a:link, .assess .name a:visited { color: #040404; }
.assess .name a:hover { color: #488921; }
.assess .content { line-height: 24px; float: left; clear: both; padding: 8px 10px 26px 10px; }
.assess .date { font-size: .85em; position: absolute; right: 10px; top: 10px; }
.assess .id { text-align: right; position: absolute; right: 0; bottom: 0; line-height: 26px; color: #488921; padding: 0 8px 0 0; }

/*商品問答--------------------------------------*/
.qabox .qa { display: inline-block; width: 47%; border: 1px solid #CCCCCC; margin: 0 1% 10px 1%; }
.qabox .qa .img { height: auto; position: absolute; left: 0; top: 0; width: 100px; padding: 10px 10px 0 10px; }
.qabox .qa .id { color: #488921; padding: 8px 10px 8px 100px; }
.qabox .qa .name { font-size: 1.05em; line-height: 21px; padding: 10px 10px 0 100px; }
.qabox .qa .name a, .qabox .qa .name a:link, .qabox .qa .name a:visited { color: #040404; }
.qabox .qa .name a:hover { color: #488921; }
.qabox .qa .q { line-height: 24px; background-image: url(../images/icon64.png); background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 15px 10px 50px; clear: both; }
.qabox .qa .a { line-height: 24px; background-image: url(../images/icon65.png); background-repeat: no-repeat; background-position: 10px 10px; clear: none; background-color: #F0F0F0; padding: 10px 15px 10px 50px; }
.qabox .qa .date { padding: 10px 10px 0 100px; padding-top: 10px; font-size: .9em; }

/*品牌活動ALL*/
.bADAtb { box-sizing: border-box; margin-bottom: 15px; }
.bADAtb tr { cursor: pointer; }
.bADAtb th { color: #FFFFFF; text-align: center; vertical-align: middle; white-space: nowrap; padding: 5px; width: 16%; min-width: 110px; }
.bADAtb th img { margin-bottom: 5px; }
.bADAtb td { padding: 5px; vertical-align: middle; line-height: 130%; }
.bADAtb td img { min-width: 70px; }
.bADAtb1 { box-sizing: border-box; margin-bottom: 15px; }
.bADAtb1 tr { cursor: pointer; }
.bADAtb1 th { color: #FFFFFF; text-align: center; vertical-align: middle; white-space: nowrap; padding: 5px; width: 16%; min-width: 110px; }
.bADAtb1 th img { margin-bottom: 5px; }
.bADAtb1 td { padding: 5px; vertical-align: middle; line-height: 130%; }
.bADAtb1 td img { min-width: 70px; }
.box1 { background-color: #FEEBD9; border-bottom: 2px solid #FFFFFF; }
.box2 { background-color: #FEEBD9; border: 1px solid #FF7900; }
.a1 { font-size: 1.05em; color: #040404; border-bottom: 1px dotted #FF7900; cursor: pointer; padding: 10px 0 10px 23px; margin: 0 10px; background-image: url(../images/icon67.png); background-repeat: no-repeat; background-position: 0px center; }
.a1:hover { color: #FF7900; }
.a1 a:link, a:visited { color: #040404; }
.a1 a:hover { color: #FF7900; }
.a1expand { padding: 5px 0 2px 0; display: block; }
.a1 .more { font-size: 13px; color: #666666; cursor: pointer; text-align: center; float: right; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 10px; }
.a1 .more:hover { color: #FF7900; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -14px; }
.a1 .more a:link, .a1 .more a:visited { color: #666666; }
.a1 .more a:hover { color: #FF7900; }
.a3 ul { margin: 0 10px; padding-bottom: 2px; border-bottom: 1px dotted #FF7900; }
.a3 li a { font-size: .95em; color: #040404; padding: 5px 5px 5px 23px; margin-bottom: 3px; display: block; cursor: pointer; }
.a3 li a:link, .a3 li a:visited { color: #040404; }
.a3 li a:hover { background-color: #FF7900; color: #FFFFFF; }
.a3 li a.active { background-color: #FF7900; color: #FFFFFF; }

/*leftmenu--------------------------------------*/
.rightbox { float: left; }
.contentbox>.rightbox { width: calc(100% - 210px); }
.rightbox img { height: auto !important; }
.leftmenu { width: 190px; float: left; margin-right: 20px; }
.leftmenu h1 { font-size: 20px; line-height: 38px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 38px; width: 188px; border: 1px solid #57A828; overflow: hidden; }
.leftmenu h1 a { color: #FFFFFF; display: block; }
.leftmenu .h1img { text-align: center; margin-bottom: 4px; border-left: 1px solid #57A828; border-right: 1px solid #57A828; border-bottom: 1px solid #57A828; }
.leftmenu .h1img img { width: 100% !important; }
.leftmenu .box { background-color: #F0F0F0; border: 1px solid #57A828; }
.leftmenu .linedivide { border-bottom: 1px dotted #666666; }
.leftmenu .box h2 { background-color: #FF7900; font-size: 17px; color: #FFFFFF; padding: 10px 10px 10px 33px; }
.leftmenu .box h3 { font-size: 17px; color: #040404; padding: 10px 10px 10px 23px; border-bottom: 1px dotted #666666; background-image: url(../images/icon13.png); background-repeat: no-repeat; background-position: 0px center; cursor: pointer; margin: 0 10px; }
.leftmenu .box h3 a { color: #040404; }
.leftmenu .box h3:hover { color: #488921; }
.leftmenu .box h3 a:link, .leftmenu .box h3 a:visited, .leftmenu .box h3 a { color: #040404; }
.leftmenu .box h3 a:hover { color: #488921; }
.leftmenu .box .h3expand { padding: 5px 0 2px 0; margin: 0 10px; border-bottom: 1px dotted #666666; }
.leftmenu .box .h3expand a { font-size: 15px; color: #040404; padding: 5px 5px 5px 23px; display: block; margin-bottom: 3px; }
.leftmenu .box .h3expand a:link, .leftmenu .box .h3expand a:visited { color: #040404; }
.leftmenu .box .h3expand a:hover, .leftmenu .box .h3expand a.active { background-color: #57A828; color: #FFFFFF; cursor: pointer; }
.leftmenu .box .h3expand-1 { margin: 5px 10px; border-bottom: 1px dotted #666666; height: 320px; overflow-x: hidden; overflow-y: scroll; }
.leftmenu .box .h3expand-1 a { font-size: 15px; color: #040404; padding: 5px 5px 5px 23px; display: block; }
.leftmenu .box .h3expand-1 a:link, .leftmenu .box .h3expand-1 a:visited { color: #040404; }
.leftmenu .box .h3expand-1 a:hover, .leftmenu .box .h3expand-1 a.active { background-color: #57A828; color: #FFFFFF; cursor: pointer; }
.leftmenu .box div.showMenu { font-size: 1.05em; color: #040404; padding: 10px 10px 10px 23px; border-bottom: 1px dotted #666666; background-image: url(../images/icon13.png); background-repeat: no-repeat; background-position: 0px center; margin: 0 10px; }
.leftmenu .box ul li a.on { background-color: #57A828; color: #FFFFFF; }
.leftmenu .box ul li a.on { color: #FFFFFF; }
.leftmenu .box ul li a.on:link, .leftmenu .box ul li a.on:visited { color: #FFFFFF; }
.element a { color: #57A828; font-size: 15px; margin: 10px 0 0 0; padding: 6px 6px 6px 38px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; cursor: pointer; background-image: url(../images/icon68.html); background-repeat: no-repeat; background-position: 25px center; display: block; }
.element a:link, .element a:visited { color: #040404; }
.element a:hover, .element a.active { color: #FFFFFF; background-color: #57A828; border-bottom: 1px solid #57A828; background-image: url(../images/icon71.png); background-repeat: no-repeat; background-position: 25px center; }
.leftmenu .box h4 { font-size: 17px; color: #040404; padding: 10px 10px 10px 23px; margin: 0 10px; border-bottom: 1px dotted #666666; background-image: url(../images/icon13.png); background-repeat: no-repeat; background-position: 0px center; }
.leftmenu .box h4 a { color: #040404; }
.leftmenu .box h4 a:link, .leftmenu .box h4 a:visited { color: #040404; }
.leftmenu .box h4 a:hover { color: #488921; }
.leftmenu .box .h4expand { padding: 5px 0 2px 0; margin: 0 10px; border-bottom: 1px dotted #666666; }
.leftmenu .box .h4expand a { font-size: 15px; padding: 5px 5px 5px 23px; display: block; margin-bottom: 3px; }
.leftmenu .box .h4expand a, .leftmenu .box .h4expand a:link, .leftmenu .box .h4expand a:visited { color: #040404; }
.leftmenu .box .h4expand a:hover { background-color: #57A828; color: #FFFFFF; cursor: pointer; }
.leftmenu .box .h4expand-click { background-color: #57A828; color: #FFFFFF; cursor: pointer; }
.leftmenu .box .h4expand-click a { color: #FFFFFF; }
.leftmenu .box .h4expand-click a:link, .leftmenu .box .h4expand-click a:visited { color: #FFFFFF; }

/*行銷活動*/
.leftmenu h6 { font-size: 1.2em; line-height: 38px; color: #FFFFFF; background-color: #FF7900; text-align: center; height: 38px; border: 1px solid #FF7900; margin-bottom: 3px; overflow: hidden; }
.leftmenu h6 a { color: #FFFFFF; display: block; }

/*關鍵熱字--------------------------------------*/
.kw li a { line-height: 16px; color: #040404; background-color: #E6E6E6; text-align: center; padding: 0 15px; margin: 0 10px 15px 0; float: left; line-height: 36px; border-radius: 5px; display: block; cursor: pointer; font-size: 1em; }
.kw li a:link, .kw li a:visited { color: #040404; background-color: #E6E6E6; }
.kw li a:hover { color: #FFFFFF; background-color: #57A828; }
.kw h1 { font-size: 20px; background-color: #666666; text-align: center; padding: 10px 0px; border-left: 10px solid #57A828; color: #FFFFFF; margin-bottom: 15px; }

/*我的帳戶*/
.leftmenu h5 li { font-size: 17px; padding: 5px 0 5px 23px; margin: 0 10px; border-bottom: 1px dotted #666666; background-image: url(../images/icon13.png); background-repeat: no-repeat; background-position: 0px center; cursor: pointer; }
.leftmenu h5 a { padding: 5px; display: block; }
.leftmenu h5 a:link, .leftmenu h5 a:link a:visited { color: #040404; }
.leftmenu h5 a:hover { background-color: #57A828; color: #FFFFFF; }
.leftmenu h5 li .on { background-color: #57A828; color: #FFFFFF; }
.leftmenu h5 li .on a { color: #FFFFFF; }

/*品牌滿額贈*/
.bADtb { box-sizing: border-box; margin-bottom: 15px; }
.bADtb th { color: #FFFFFF; text-align: center; vertical-align: middle; white-space: nowrap; padding: 5px; }
.bADtb th img { margin-bottom: 5px; }
.bADtb td { padding: 6px 10px; line-height: 130%; vertical-align: middle; }
.bADtb td img { float: left; padding-right: 20px; }
.bADtb .explain { font-size: 14px; }
.pr .gift { display: block; background-image: url(../images/icon72.png); background-repeat: no-repeat; background-position: 1px 0; margin-bottom: 10px; }
.pr .gift .btnGift { width: 180px; height: 26px; line-height: 26px; text-align: center; color: #FFFFFF; background-color: #FF0000; margin: 0 0 0 35px; border-radius: 5px; cursor: pointer; }
.pr .gift .giftList { clear: both; padding: 10px; background-color: #EAEAEA; margin-top: 10px; }
.pr .gift .giftList li { padding: 10px; margin-bottom: 10px; display: inline-block; background-color: #FFFFFF; }
.pr .gift .giftList li:last-child { margin-bottom: 0px; }
.pr .gift .giftList li .giftImg { float: left; width: 80px; padding-right: 10px; }
.pr .gift .giftList li .giftName { float: right; width: 270px; }
.pr .gift .giftList li .giftName h1 { padding-bottom: 7px; color: #FF0000; }
.pr .gift .giftList li .giftName p { font-size: 14px; line-height: 120%; color: #666666; }
.pr .gift2 { display: block; background-image: url(../images/icon77.png); background-repeat: no-repeat; background-position: 1px 0; margin-bottom: 10px; }
.pr .gift2 .btnGift { width: 180px; height: 26px; line-height: 26px; text-align: center; color: #FFFFFF; background-color: #1C8C69; margin: 0 0 0 35px; border-radius: 5px; cursor: pointer; }
.pr .gift2 .giftList { clear: both; padding: 10px; background-color: #EAEAEA; margin-top: 10px; }
.pr .gift2 .giftList li { padding: 10px; margin-bottom: 10px; display: inline-block; background-color: #FFFFFF; }
.pr .gift2 .giftList li:last-child { margin-bottom: 0px; }
.pr .gift2 .giftList li .giftImg { float: left; width: 80px; padding-right: 10px; }
.pr .gift2 .giftList li .giftName { float: right; width: 270px; }
.pr .gift2 .giftList li .giftName .title { padding-bottom: 7px; color: #FF0000; line-height: 130%; }
.pr .gift2 .giftList li .giftName p { font-size: 14px; line-height: 120%; color: #666666; }
.pr .gift2 .giftList li .giftName span.qty { font-size: 14px; color: #040404; padding-left: 10px; }

/*  前台h1改成div的CSS  */
.login .title { color: #FFFFFF; background-color: #57A828; text-align: center; }
.login .title span { background-image: url(../images/icon41.png); background-repeat: no-repeat; background-position: 0 center; display: inline-block; height: 45px; font-size: 1.4em; line-height: 45px; padding-left: 30px; }
.join .title { font-size: 1.4em; line-height: 45px; color: #FFFFFF; height: 45px; text-align: center; background-color: #FF7900; }
.registerbox .title { font-size: 1.4em; background-color: #666666; text-align: center; padding: 10px 0px; border-left: 10px solid #57A828; color: #FFFFFF; }
.forgotbox .title { font-size: 1.4em; line-height: 45px; color: #FFFFFF; height: 45px; text-align: center; background-color: #57A828; }
.brandBox .title { font-size: 21px; height: 100px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57A828; }

.brandBox p { margin-bottom: 10px; line-height: 26px; padding: 15px 10px; }
.brandBoxInner { height: auto;}
.brandBoxInner .subtitle { color: #57A828; font-weight: bolder; font-size: 21px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57A828; margin-bottom: 10px; margin-top: 10px;}
.brandBoxInner .brandlogo { width: 145px; height: auto; margin: 0 6px 20px 5px; display: inline-block;  vertical-align: top; text-align: center; }
.brandBoxInner .brandlogo img { border: 1px solid #CCCCCC;  vertical-align: top; margin-bottom: 5px; }
.brandBoxInner .brandlogo a { color: #040404; text-decoration: none; }
.brandBoxInner .brandlogo a:link { color: #040404; text-decoration: none; font-size: 18px; }
.brandBoxInner .brandlogo a:visited { color: #488921; text-decoration: none; font-size: 18px; }

.attrBoxInner { height: auto;}
.attrBoxInner .subtitle { color: #57A828; font-weight: bolder; font-size: 21px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57A828; margin-bottom: 10px; margin-top: 10px;}
.attrBoxInner .attrBoxHolder { width: 100%; height: auto; margin: 0 6px 20px 5px; display: inline-block;  vertical-align: top; text-align: center; }
.attrBoxInner .attrBoxHolder li a { line-height: 16px; color: #040404; background-color: #E6E6E6; text-align: center; padding: 0 15px; margin: 0 10px 15px 0; float: left; line-height: 36px; border-radius: 5px; display: block; cursor: pointer; font-size: 1em; }
.attrBoxInner .attrBoxHolder li a:hover { color: #FFFFFF ; background-color: #488921; }

.leftmenu .brandlogoholder { font-size: 1.1em; line-height: 38px; color: #000000; background-color: #ffffff; text-align: center; padding-bottom: 5px; width: 187px; overflow: hidden; }
.leftmenu .brandlogoholder .brandname { font-size: .9em; line-height: 20px; color: #000000; background-color: #F0F0F0; padding-top: 6px; padding-bottom: 6px; border-bottom: thick solid #FFFFFF; text-align: center; }
.leftmenu .LM1 { font-size: 1.15em; line-height: 38px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 38px; border: 1px solid #57A828; overflow: hidden; }
.leftmenu .LM1 a { color: #FFFFFF; display: block; }
.leftmenu .LM2 { font-size: 1.15em; color: #FFFFFF; margin-top: 4px; background-color: #ff9b40; text-align: left; width: 100%; border: 1px solid #ff9b40; overflow: hidden; padding: 10px 10px 10px 33px; font-weight: normal; font: inherit; }
.leftmenu .LM2 a { color: #000000; display: block; }
.leftmenu .LM2Details { font-size: 1.15em; line-height: 21px; color: #000000; background-color: #ffffff; text-align: center; border: 1px solid #f7aa65; overflow: hidden; }
.leftmenu .LM3 { font-size: 1.15em; color: #000000; text-align: left; overflow: hidden; }
.leftmenu .LM3 a { color: #000000; display: block; }
.leftmenu .LM3 .title { font-size: 1.15em; line-height: 21px; color: #FFFFFF; background-color: #95c92c; text-align: left; overflow: hidden; padding: 10px 10px 10px 33px; font-weight: normal; font: inherit; }
.leftmenu .LM3 .LM3expand-1 { margin: 5px 10px; border-bottom: 1px dotted #666666; overflow-x: hidden; overflow-y: hidden; }
.leftmenu .LM3 .LM3expand-1 a { font-size: 16px; color: #040404; padding: 5px 5px 5px 23px; display: block; }
.leftmenu .LM3 .LM3expand-1 a:link, .leftmenu .LM3 .LM3expand-1 a:visited { color: #040404; }
.leftmenu .LM3 .LM3expand-1 a:hover, .leftmenu .LM3 .LM3expand-1 a.active { background-color: #57A828; color: #FFFFFF; cursor: pointer; }
.relHotSellProd .sale { font-size: .8em; color: #E86F00; overflow: hidden; line-height: 24px; height: 24px; width: 100%; position: absolute; left: 0; top: 130px; }
.relHotSellProd .price { font-family: Verdana; color: #FF0000; padding-top: 8px; font-size: 1.1em; text-align: center; }
.relHotSellProd .textbox { padding-top: 10px; }
.relHotSellProd .name { overflow: hidden; height: 3em; line-height: 1.5em; margin-top: 8px; }
.relHotSellProd .name a:hover { color: #488921; }
.relHotSellProd li { float: left; width: 100%; margin: 0px 0 25px 0; border: 1px solid #FFFFFF; text-align: center; display: block; padding: 10px; position: relative; }
.rcontent .title { font-size: 1.1em; line-height: 40px; color: #FFFFFF; background-color: #666666; height: 40px; margin-bottom: 20px; padding-left: 15px; }
.faq .title { font-size: 17px; padding-top: 20px; padding-bottom: 20px; color: #488921; }
.kw .title { font-size: 20px; background-color: #666666; text-align: center; padding: 10px 0px; border-left: 10px solid #57A828; color: #FFFFFF; margin-bottom: 15px; }
.irecommend .title { font-size: 1.3em; line-height: 35px; color: #FFFFFF; height: 35px; padding-left: 10px; background-color: #57A828; position: relative; }
.irecommend .title .more { color: #FFFFFF; font-size: 14px; position: absolute; top: 10px; right: 10px; background-image: url(../images/icon06.png); background-repeat: no-repeat; background-position: 0px -43px; height: 14px; line-height: 14px; padding-left: 12px; }
.iassess .title { background-image: url(../images/icon48.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; font-size: 1.3em; line-height: 40px; color: #FFFFFF; height: 40px; width: 165px; }
.iqa .title { background-image: url(../images/icon49.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 15px; font-size: 1.3em; line-height: 40px; color: #FFFFFF; height: 40px; width: 165px; }
.mtimebox .title { float: left; line-height: 28px; }
.memberArea input[type="text"] { }
.memberArea .rtb #oldpassword, .memberArea .rtb .password, .memberArea .rtb .confirmpw { line-height: 32px; height: 32px !important; width: 100% !important; max-width: 300px; }
.mtb .select { margin: 0 10px 0 0 !important; }

/*暢銷排行*/
.ihot { float: left; overflow: hidden; width: 100%; margin-bottom: 20px; clear: right; height: 470px; position: relative; border: 1px solid #FF7900; }
.ihot .title { font-size: 1.3em; line-height: 35px; color: #FFFFFF; background-color: #FF7900; background-image: url(../images/icon45.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; padding-left: 50px; }
.ihot .more { font-size: .9em; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.ihot .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -14px; }
.ihot .more a:link, .ihot .more a:visited { color: #333333; }
.ihot .more a:hover { color: #E86F00; }

/*限時優惠*/
.iontime { float: left; overflow: hidden; width: 100%; margin-bottom: 20px; clear: right; height: 270px; position: relative; border: 1px solid #FF7900; }
.iontime .title { font-size: 1.3em; line-height: 35px; color: #FFFFFF; background-color: #FF0000; background-image: url(../images/icon46.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; padding-left: 50px; }
.iontime .more { font-size: .9em; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.iontime .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -28px; }
.iontime .more a:link, .iontime .more a:visited { color: #333333; }
.iontime .more a:hover { color: #FF0000; }

/*新品*/
.inew { float: left; height: 247px; width: 100%; overflow: hidden; margin-bottom: 20px; clear: right; position: relative; border: 1px solid #57A828; }
.inew .title { font-size: 1.3em; line-height: 35px; color: #FFFFFF; background-color: #57A828; background-image: url(../images/icon47.png); background-repeat: no-repeat; background-position: 0px 0px; height: 35px; padding-left: 50px; }
.inew .more { font-size: .9em; float: right; position: absolute; top: 15px; right: 10px; background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px 0px; height: 14px; padding-left: 12px; color: #040404; }
.inew .more:hover { background-image: url(../images/icon50.png); background-repeat: no-repeat; background-position: 0px -42px; }
.inew .more a:link, .inew .more a:visited { color: #333333; }
.inew .more a:hover { color: #488921; }
.tab_container .tab_content .text .title { background-color: #666666; margin-top: 30px; margin-bottom: 10px; padding: 8px 0; text-align: center; color: #FFFFFF; }
.pr .gift .giftList li .giftName .title { padding-bottom: 7px; color: #FF0000; line-height: 130%; }
.filter .box { float: left; width: 33.3%; padding-right: 40px; padding-bottom: 12px; }
.filter .box p { width: 70px; float: left; line-height: 26px; }
.sclogin .loginbox .title { font-size: 1.3em; color: #488921; text-align: center; padding: 8px; border: 1px solid #F0F0F0; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 50%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 50%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); }
.scpopup .title { text-align: center; padding-bottom: 10px; }
.searchmenu .title { font-size: 20px; line-height: 38px; color: #FFFFFF; background-color: #57A828; text-align: center; height: 38px; width: 188px; border: 1px solid #57A828; margin-bottom: 3px; }

/*optional*/
.opBox { border: 1px solid #999999; padding: 17px; display: block; }
.opBox span.qty { font-size: 14px; color: #333333; padding-left: 10px; }
.opBox .aditem-wrapper { position: relative; padding: 20px 0 15px 0; }
.opBox .aditem-container .btn { font-size: 18px; line-height: 32px; color: #FFFFFF; background-image: url(../images/icon23.png); background-repeat: no-repeat; background-position: 10px center; height: 32px; width: 138px; background-color: #57A828; border-radius: 5px; padding-left: 40px; cursor: pointer; position: absolute; right: 5px; top: -15px; }
.opBox .aditem-wrapper .btn:hover { background-color: #488921; }
.opBox .aditem-wrapper .opPage { position: absolute; right: 5px; bottom: 15px; z-index: 10; font-size: 12px; color: #666666; }
.opBox .aditem-wrapper .pre { background-image: url(../images/icon59.html); background-repeat: no-repeat; background-position: 0px 0px; height: 30px; width: 15px; position: absolute; left: 0px; top: 75px; cursor: pointer; display: block; z-index: 10; }
.opBox .aditem-wrapper .pre:hover { background-image: url(../images/icon59.html); background-repeat: no-repeat; background-position: 0px -30px; }
.opBox .aditem-wrapper .next { background-image: url(../images/icon59.html); background-repeat: no-repeat; background-position: -15px 0px; height: 30px; width: 15px; position: absolute; right: 0px; top: 75px; cursor: pointer; display: block; z-index: 10; }
.opBox .aditem-wrapper .next:hover { background-image: url(../images/icon59.html); background-repeat: no-repeat; background-position: -15px -30px; }
.opBox .aditem-wrapper .list { margin: 0 35px; display: inline-block; }
.opBox .aditem-wrapper .list li { width: 100px; float: left; margin: 0 8px; }
.opBox .aditem-container .list li img { width: 100px; }
.opBox .aditem-main .del { margin-top: 0px; color: #666666; text-align: center; }
.opBox .aditem-main .del .sku { width: 100px; height: 16px; overflow: hidden; font-size: 14px; }
.opBox .aditem-main .del .btndel { cursor: pointer; font-size: 14px; color: #666666; text-align: center; border: 1px dotted #666666; margin-top: 8px; }
.opBox .aditem-main .del .btndel:hover { color: #FFFFFF; border: 1px solid #333333; background-color: #333333; }
.pr .sale a:link, .pr .sale a:visited, .pr .sale a:hover { color: #E86F00; text-decoration: underline; }
.bADAtb span.price { font-size: 1.15em; line-height: 1.2em; font-weight: bold; color: #FF7900; }
.bADAtb1 span.price { font-size: 1.15em; line-height: 1.2em; font-weight: bold; color: #FF7900; }
.pr div.brand a:link, .pr div.brand a:visited, .pr div.brand a:hover { text-decoration: underline; }
.relbox { display: none; }
.hasExpired { background-color: #565555; color: #ffffff; text-align: center; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; font-size: 1.5em; margin-bottom: 10px; }

.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* IE < 8 */
.leftmenu .box .h3expand a.selected { background-color: #57A828; color: #FFFFFF; }
.leftmenu .box1 .h3expand a.selected { background-color: #FF7900; color: #FFFFFF; }
.leftmenu .box .h3expand-1 a.selected { background-color: #57A828; color: #FFFFFF; }
.leftmenu .box1 .h3expand-1 a.selected { background-color: #FF7900; color: #FFFFFF; }
div.errorMessage p, div.errorbox p { background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: 0px 0px; padding-bottom: 10px; padding-left: 20px; font-size: .9em; color: #FF0000; }
div.memberArea div.ok p { background-image: url(../images/icon38.png); background-repeat: no-repeat; background-position: 0px 0px; padding-bottom: 10px; padding-left: 20px; font-size: 14px; color: #FF0000; }
div.error p, div.errorbox p { background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: 0px 0px; padding-bottom: 10px; padding-left: 20px; font-size: 14px; color: #FF0000; }
.forgotbox .error p { background-image: url(../images/icon33.png); background-repeat: no-repeat; background-position: 0px center; padding: 10px 0 10px 20px; font-size: 14px; color: #FF0000; position: absolute; }
.morecontent span { display: none; }
.sort div[name=sort] { float: left; border-right: 1px solid #F0F0F0; cursor: pointer; text-align: center; padding-right: 20px; padding-left: 20px; }
.sort .priceAsc { float: left; border-right: 1px solid #F0F0F0; background-image: url(../images/icon16.png); background-repeat: no-repeat; background-position: 51px 11px; width: 70px; white-space: nowrap; cursor: pointer; }
.sort .priceAsc:hover { background-position: 51px -24px; }
.sort .priceDesc { float: left; border-right: 1px solid #F0F0F0; background-image: url(../images/icon15.png); background-repeat: no-repeat; background-position: 51px 11px; width: 70px; white-space: nowrap; cursor: pointer; }
.sort .priceDescw:hover { background-position: 51px -24px; }
.sort div[name=sort]:hover { color: #FFFFFF; background-color: #57A828; border-right: 1px solid #57A828; background-position-y: -24px; }
.sort .list { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 0px 6px; width: 22px; height: 35px; cursor: pointer; margin-left: 12px; margin-right: 15px; }
.sort .default { float: right; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 0px 6px; width: 22px; height: 35px; cursor: pointer; }
.sort a:hover { background-position-y: -29px; }
.sort div[name=sort].selected { color: #FFFFFF; background-color: #57A828; border-right: 1px solid #57A828; background-position-y: -24px; }

/*圖像 條列式*/
.sort .list { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 10px 6px; color: #040404; width: 100px; height: 35px; cursor: pointer; padding-left: 37px; border-left: 1px solid #F0F0F0; }
.sort .list:hover, .sort .sort04active { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 10px -29px; color: #488921; width: 100px; height: 35px; cursor: pointer; padding-left: 37px; border-left: 1px solid #F0F0F0; }
.sort .default { float: right; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 10px 6px; color: #040404; width: 100px; white-space: nowrap; height: 35px; cursor: pointer; border-left: 1px solid #F0F0F0; padding-left: 37px; }
.sort .default:hover, .sort .sort05active { float: right; background-repeat: no-repeat; background-position: 10px -29px; color: #488921; width: 100px; height: 35px; cursor: pointer; border-left: 1px solid #F0F0F0; padding-left: 37px; }
div.filterbox span { padding: 0px 10px 8px 0px; float: left; display: block; }
div.filterbox div.content { padding-top: 10px; }
div.cart-title { padding: 8px; vertical-align: middle; white-space: nowrap; color: #FFFFFF; background-color: #666666; text-align: center; }
.mod-schedule div.step, .mod-schedule div.trackingNo { font-size: 13px; line-height: 15px; background-color: #FEEBD9; text-align: center; width: 22%; height: 32px; float: left; padding-top: 3px; color: #999999; position: relative; margin-right: 1.5%; margin-bottom: 4px; }
.mod-schedule div.trackingNo { width: 31%; margin-right: 0px; }
.mod-schedule div.step:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 17.5px 0 17.5px 9px; border-color: transparent transparent transparent #FEEBD9; position: absolute; top: 0; left: 100%; }
.mod-schedule div.ok { background-color: #FF9B40; color: #5B2C00; }
.mod-schedule div.ok:after { border-color: transparent transparent transparent #FF9B40; }
.mod-schedule div.final { margin-right: 0px; }
.mod-schedule div.final:after { content: '*'; display: none; }
.mtimebox .calendar2 { height: 28px; width: 160px; float: left; padding-left: 5px; }
.scitem li .note { height: 36px; overflow: hidden; }
div.tag02 { display: none; }
.leftmenu .box h3.green { color: #488921; }
span.registerSMS { border-radius: 4px; background-color: #666; color: #fff; padding: 6px 10px !important; margin-top: 10px; margin-right: 8px; }
span.registerSMS:hover { background-color: #57A828; cursor: pointer; }
span.activeAccount { border-radius: 4px; background-color: #666; color: #fff; padding: 6px 10px !important; margin-top: 10px; margin-right: 8px; }
span.activeAccount:hover { background-color: #57A828; cursor: pointer; }
.bestPrice { color: #fff; padding: 2px 10px 2px 20px; background-color: #ff7900; border-radius: 4px; background-image: url(../images/bestPrice.png); background-repeat: no-repeat; background-position: 4px 5px; }
.memberLevel { font-weight: bold; }


@media(max-width:1030px) {
	.mtb input[name="firstName"] { width: 100% !important; display: block; margin: 10px 0; }
	.mtb .select { margin: 0 10px 10px 0 !important; }
	.mtb input[name="phoneNumber"], .mtb input[name="contactPhoneNumber"], .mtb input[name="address"] { width: 80% !important; display: block; margin: 10px 0; }
}
@media(max-width:1024px) {
	.tab_content .pstarbox { float: none; width: 100%; margin: 0; padding: 5px 10px; overflow: hidden; }
	.tab_content .m-assess { float: none; width: 100%; margin: 0; padding: 10px 0 30px 0; border: 0; border-top: 1px solid #57A828; }
	.tab_content .pstarbox .barbox { width: 70%; }
}
@media(max-width:960px) {
	.pl .starbox .favorite { clear: both; }
	ul.tabs li { padding: 0 5px; margin-right: 5px; font-size: .9em; }
	.tab_container .tab_content { padding: 20px; }
}
@media(max-width:900px) {
	.ibanner .control { bottom: 0; }
	.mtimebox .calendar2 { width: 140px !important; height: auto !important; }
	.mtimebox .calendar2 input { width: 100px !important; }
	.mtimebox .btn { width: 70px; }
	.memberArea #address, .memberArea #phoneNumber { margin: 10px 0; width: 100% !important; }
	.sort .default, .sort .list { text-indent: -9999px; width: auto; background-position: center 6px; margin: 0; }
}
@media(max-width:878px) {
	.join .btn { margin-top: 10px; }
}
@media(max-width:767px) {
	.hidden { display: none; }
	/*banner*/
	.indexTop { display: block; }
	.indexTop .row { display: block; }
	.ibanner { display: block; padding-top: 40%; position: relative; width: auto; height: auto; float: none;}
	.ibanner a.ad { width: 100%; }
	.ibanner .control { position: absolute; left: 0; bottom: -20px; width: 100%; text-align: center; }
	.ibanner .control a { font-size: .85em; margin: 0 3px; width: 18px; height: 18px; line-height: 18px; }
	.ibanner .control a.on { font-weight: bold; color: #FFFFFF; background-color: #57A828; border: 1px solid #57A828; }
	.irecommend { width: 100%; display: block; margin-top: 15px; }
	.irecommend .title .more { font-size: .9em; position: absolute; top: 10px; right: 10px; background-position: 0px -43px; height: 14px; line-height: 14px; padding-left: 12px; }
	.irecommend .pager { margin-top: 5px; }
	.irecommend ul { overflow: hidden; }
	.irecommend li { border-bottom: 0px dotted #CCC; padding: 8px 5px; position: relative; width: 33.3%; display: block; float: left; text-align: center; }
	.irecommend li .img { float: none; width: 60px; margin: 0 auto; }
	.irecommend .pagel { background-image: url(../images/icon54.png); background-repeat: no-repeat; background-position: 0px center; float: right; height: 16px; width: 8px; margin-top: 5px; margin-right: 15px; cursor: pointer; }
	.iadbox { width: 100%; float: left; margin-top: 20px; clear: left; display: none; }
	.iad { margin-bottom: 10px; width: 33.3%; float: left; padding: 0 4px; }
	.irightbox { float: none; width: 100%; margin: 20px 0 0 0; padding-left: 0; }
	.ihot, .inew { height: 225px; float: none; }
	.ihot .more, .iontime .more, .inew .more, .iassess .more, .iqa .more { height: 18px; background-position: 0 2px; font-size: .9em; }
	.ihot li, .iontime li, .inew li { width: 33.3%; margin: 0; padding: 0 2px; }
	.ihot li .img, .iontime li .img, .inew li .img { width: 100%; text-align: center; padding: 10px 0 0 0; max-width: 100px; margin: 0 auto; }
	.ihot li .img img, .iontime li .img img, .inew li .img img { width: 100%; height: auto !important; }
	.ihot li .name, .iontime li .name, .inew li .name, .irecommend li .name { height: 2.8em; width: 100%; line-height: 1.4em; font-size: .9em; }
	.ihot li .price, .iontime li .price, .inew li .price { font-size: .9em; width: 100%; padding-top: 3px; margin-bottom: 10px; }
	.ihot .title, .iontime .title, .inew .title, .irecommend .title, .ipromo .title { font-size: 1.1em; line-height: 30px; height: 30px; background-size: cover; background-repeat: no-repeat; margin-right: -1px; }
	.iontime { height: 254px; float: none; }
	.iontime li .sale, .irecommend li .sale { width: 100%; margin: 5px 0; height: 1.4em; line-height: 1.4em; font-size: .8em; white-space: nowrap; }
	.iassess, .iqa { float: none; height: auto; width: 100%; margin: 0 0 15px 0; }
	.iassess .more, .iqa .more { top: 10px; }
	.iassess .title, .iqa .title { padding-left: 15px; font-size: 1.1em; line-height: 30px; height: 30px; background-position: 0px center; }
	.iassessbox, .iqabox { margin: 0; padding: 10px 10px 1px 10px; }
	.iassessbox li, .iqabox li { margin-bottom: 10px; height: 90px; }
	.iassessbox li .content, .iqabox li .iq, .iqabox li .ia { font-size: .9em; }
	.iassessbox li .date, .iqabox li .date, .iassessbox li .id { font-size: .8em; }
	.labelMbBottom .iad {margin-bottom: 10px; width: 100%; float: none; padding: 0 4px; border: dashed;}

	/*品牌總覽*/
	.leftmenu { width: 100%; float: none; margin-bottom: 10px; }
	.leftmenu .LM1 { font-size: 1.2em; width: 100%; }
	.leftmenu .LM3 { font-size: 1em; width: 100%; }
	.leftmenu .box h2, .leftmenu .LM3 .title, .leftmenu .LM2, .leftmenu .box h4 { width: 100%; padding: 8px 10px 8px 33px; font-size: 1em; }
	.a1 { padding: 6px 0 6px 23px; font-size: 1em; }
	.leftmenu .LM2, .leftmenu .LM2Details { display: none !important; }
	.relbox { margin-bottom: 20px; display: block; }
	.relbox .LM2 { width: 100%; padding: 8px 10px 8px 33px; font-size: 1rem; color: #FFFFFF; margin-top: 4px; background-color: #ff9b40; text-align: left; border: 1px solid #ff9b40; overflow: hidden; padding: 10px 10px 10px 33px; }
	.relbox .LM2Details { color: #000000; background-color: #ffffff; text-align: center; border: 1px solid #f7aa65; overflow: hidden; }

	/*.leftmenu .box .h3expand.hidden,.leftmenu .LM3 .LM3expand-1.hidden{display: none!important;}*/
	.leftmenu .h1img img { display: none; }
	.relHotSellProd li { width: 33.3%; margin: 0; padding: 0 2px; }
	.relHotSellProd li .img { padding-top: 10px; }
	.relHotSellProd img { width: auto !important; height: 90px !important; }
	.relHotSellProd .name { height: 2.8em; line-height: 1.4em; font-size: .9em; padding-top: 0; margin-top: 15px; }
	.relHotSellProd .sale { height: 1.4em; line-height: 1.4em; font-size: .8em; top: 110px; }
	.relHotSellProd .price { font-size: .9em; padding: 0 0 6px 0; }
	.contentbox>.rightbox, .contentbox>.rightbox>.rightbox { width: 100%; }
	.brandlogo li { width: 33.3%; height: auto; margin: 0; padding: 4px; border: 0; }
	.brandlogo li a { max-width: 175px; margin: 0 auto; display: block; border: 1px solid #ccc; }
	.brandlogo li a img { width: 100%; height: auto !important; display: block; }
	
	.brandBoxInner { height: auto;}
	.brandBoxInner .subtitle { color: #57A828; font-weight: bolder; font-size: 21px; height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #57A828; margin-bottom: 10px; margin-top: 10px;}
	.brandBoxInner .brandlogo { width: 30%; height: auto; margin: 0; padding: 4px; border: 0;  display: -webkit-inline-box; }
	.brandBoxInner .brandlogo a { max-width: 175px; margin: 0 auto; display: block; border: 1px solid #ccc; }
	.brandBoxInner .brandlogo a img { width: 100%; height: auto !important; display: block; }	

	/*成份總覽*/
	.kw li a { padding: 0 8px; margin: 0 6px 6px 0; line-height: 30px; border-radius: 4px; font-size: .9rem; }

	/*.rcontent*/
	.rcontent .title { font-size: 1.2rem; }

	/*關於*/
	.rcontent h1 { margin: 0 0 20px 0; }
	.rcontent h2 { padding: 0; line-height: 1.5rem; font-size: 1.1rem; }
	.rcontent p, .rcontent li { line-height: 1.5rem; font-size: .9rem; }
	.rcontent p { padding: 0; }
	.rcontent p span { font-size: .9rem !important; }
	.rcontent ul { padding: 0 0 0 20px; line-height: 1.5rem; font-size: .9rem; }
	.rcontent .rcontent-tb, .rcontent .sitemap-tb { display: block; }
	.rcontent .sitemap-tb { display: block; border: 0; }
	.rcontent .rcontent-tb { border-right: 0; overflow: auto; }
	.rcontent .sitemap-tb th { display: block; font-size: 1.2rem; }
	.rcontent .sitemap-tb td { border: 0 !important; padding: 10px 0; font-size: .9rem; }
	.rcontent .sitemap-tb td:first-child { white-space: nowrap; padding: 0 10px; }
	.rcontent .sitemap-tb td:nth-child(odd) { background-color: #ddd; padding: 0 10px; font-size: 1rem; }
	.rcontent .sitemap-tb td li { padding: 4px 10px; font-size: .9rem; }
	.rcontent .sitemap-tb td li:nth-child(3n+1) { clear: both; }
	.rcontent .sitemap-tb table, .rcontent .sitemap-tb tr, .rcontent .sitemap-tb td, .rcontent .sitemap-tb tbody { display: block; width: 100%; }
	.rcontent .rcontent-tb th, .rcontent .rcontent-tb td { padding: 5px 10px !important; height: auto; font-size: .9rem; line-height: 1.5rem; }
	.rcontent .rcontent-tb td:last-child { border-right: 1px solid #ccc; }
	.rcontent .rcontent-tb td li { line-height: 1.5rem; }
	.faq { padding-left: 0; }
	.faq_title { padding: 0 10px 0 45px; font-size: .9rem; }
	.faq_content { font-size: .9rem; line-height: 1.5rem; padding: 10px 25px 0 45px; }
	.faq .btn:nth-of-type(2) { margin: 0; }
	.faq .btn { font-size: 1rem; }
	.qabox .qa { width: 100%; margin: 0 0 10px 0; }
	.qabox .qa .q, .qabox .qa .a { font-size: .9em; line-height: 1.5em; background-position: 10px 5px; }
	.qabox .qa .q { margin-top: 10px; }
	.assess { width: 100%; margin: 0 0 10px 0; }
	.assess .img { width: 80px; }
	.assess .star { padding: 10px 10px 0 100px; }
	.assess .name { font-size: .9rem; line-height: 1.5rem; padding: 4px 10px 0 100px; }
	.assess .content { line-height: 1.5rem; font-size: .9rem; padding: 8px 10px 26px 10px; }
	.assess .id, .assess .date { font-size: .9rem; }

	/*登入*/
	.login .title span, .join .title { font-size: 1.2rem; }
	.login, .join { width: 100%; max-width: 500px; float: none; min-height: 0; padding-bottom: 15px; }
	.login { margin: 0 auto 15px auto; }
	.login .btn, .forgotbox .btn { font-size: 1.2rem; width: 100%; max-width: 210px; display: block; margin: 0 auto; margin: 20px auto 10px auto; }
	.login .fbBtn { margin: 20px auto 10px auto; }
	.forgotbox .btn { width: 100%; }
	.join { margin: 0 auto; }
	.join .btn { width: 100%; max-width: 220px; font-size: 1.2rem; }
	.join h2 { padding: 20px 15px; font-size: .9rem; }
	.forgotbox { height:230px; width: 100% !important; margin: 0 auto; max-width: 500px; float: none; min-height: 0; padding-bottom: 15px; }
	.forgotbox .btnbox>div { float: none !important; }
	.forgotbox .btnbox>div.btn { margin: 10px auto 0 auto !important; }
	.registerbox .btn { height: auto; }
	.registerbox .btn .btn01, .registerbox .btn .btn02 { font-size: 1.2rem; display: block; width: 100%; max-width: 220px; margin: 0 auto 10px auto; }

	/*404*/
	.page404 p { font-size: 1rem; line-height: 1.5rem; padding: 40px 0 !important; }
	.registerbox .consent { font-size: .9rem; }
	.rtb { border-collapse: separate; border-spacing: 2px;        /*cellspacing */ }

	/*.rtb, .rtb tr,  .rtb td, .rtb tbody{display: block;}*/
	.rtb td:first-child { width: 25% !important; padding: 8px; line-height: 1.5rem; font-size: .9rem; }
	.rtb td { padding: 8px; }
	.rtb span.rtb-note { font-size: .9rem; line-height: 1.5rem; display: block; padding: 0; }
	.rtb .taiwan span { font-size: .9rem !important; }
	.rtb .address, .rtb .login, .rtb .password, .rtb .confirmpw, .rtb .firstName, .rtb .contactPhoneNumber { width: 100% !important; max-width: 100%; margin: 5px 0; padding: 0 10px; }
	.rtb .select { margin-right: 10px !important; }
	.rtb .select[name="district"] { margin-right: 0 !important; }
	.rtb .phoneNumber { width: 55% !important; }
	.rtb .yearOfBirth, .rtb .monthOfBirth { width: 70px !important; margin: 0 !important; }
	.rtb .phonePrefix, .rtb .phoneNumber, .rtb .phoneExt { margin: 5px 0; }
	.bADAtb, .bADAtb tbody, .bADAtb tr, .bADAtb th, .bADAtb td { font-size: .9rem; line-height: 1.5rem; display: none; width: 100% !important; }
	.bADAtb1, .bADAtb1 tbody, .bADAtb1 tr, .bADAtb1 th, .bADAtb1 td { font-size: .9rem; line-height: 1.5rem; display: block; width: 100% !important; }
	.brandImg tr { position: relative; }
	.brandImg th { margin-bottom: 100px; }
	.brandImg td:nth-of-type(1) { position: absolute; left: 5px; width: auto !important; top: 38px; }
	.brandImg td:nth-of-type(3) { position: absolute; right: 5px; top: 38px; width: auto !important; }
	.bADAtb th img { display: inline-block; vertical-align: top; margin: 0 5px 0 0; height: 20px !important; width: auto; }
	.bADAtb th br { display: none; }
	.bADAtb span.price { font-size: 1.1rem; line-height: 1.5rem; }
	.bADAtb1 th img { display: inline-block; vertical-align: top; margin: 0 5px 0 0; height: 20px !important; width: auto; }
	.bADAtb1 th br { display: none; }
	.bADAtb1 span.price { font-size: 1.1rem; line-height: 1.5rem; }	
	.tab_container .tab_content .content-tb td { line-height: 1.3rem; }
	.tab_container .tab_content .text { line-height: 1.5rem; padding: 0; }
	.tab_content .pqa .reply { line-height: 1.5rem; font-size: .9rem; }
	.tab_container .tab_content .content-tb { margin: 0 -5px; }

	/*.bADAtb td { font-size: .9em; line-height: 1.5em; }*/

	/*registerbox*/
	.registerbox .title { font-size: 1.2em; }
	.registerbox h2 { line-height: 1.5rem; font-size: 1em; }
	.brand { text-align: center; }
	.brand img { margin: 0 auto; display: block; }
	.pl { float: none; width: 100%; padding: 0; }
	.pl .img { padding-bottom: 6px; max-width: 140px; margin: 0 auto; }
	.pl .simgbox, .pl .starbox { padding: 6px 0; }
	.pl .starbox .favorite { clear: none; }
	/* .pl .ads br { display: none; } */
	.pl .ads { padding: 6px 0; font-size: .9rem; line-height: 1.5rem; }
	.leftmenu .LM2Details { font-size: 1rem; }
	.pr { float: none; width: 100%; padding: 0; }
	.pr .summary { font-size: .9em; }
	.pr .brand { text-align: left; padding: 12px 0 0 0; font-size: .9rem; display: block; clear: both; }
	.pr .name { padding: 4px 0 8px 0; font-size: 1.2rem; }
	.pr .sale { font-size: .9em; padding: 8px 0 5px 36px; line-height: 1.5rem; margin: 0; min-height: 36px; }
	.pr .join { margin-top: 6px; }
	.pr .pricebox { padding: 10px 0; }
	.pr .pricebox .btn { clear: both; font-size: 1.3em; line-height: 46px; color: #FFFFFF; background-image: url(../images/icon23.png); background-repeat: no-repeat; background-position: 6px center; height: 46px; padding: 0 8px 0 35px; background-color: #57A828; border-radius: 5px; margin-right: 30px; margin-top: 10px; cursor: pointer; display: inline-block;}
	.pr .pricebox .btn2 { clear: both; font-size: 1.3em; line-height: 46px; color: #FFFFFF; height: 46px; padding: 0 8px 0 8px; background-color: #ff9b40; border-radius: 5px; margin-left: 10px; margin-right: 10px; margin-top: 10px; cursor: pointer; display: inline-block;}
	.pr .prcielist { margin: 0; }
	.pr .pricebox .cheap { margin: 10px 0; }
	.pr .pricebox .qty { padding: 7px 0; font-size: 1.0rem; }
	.pr .pricebox .price { font-size: 1.8rem; height: 40px; line-height: 40px; padding: 0 0px 0 10px; margin-bottom: 20px; }
	.pr .pricebox .btn { font-size: 1.2rem; max-width: 200px; margin: 0 auto 20px auto; float: none; }
	.pr .prcielist th, .pr .prcielist td { font-size: .9em; }
	.pr .multipackbox .packs { both; font-size: 1.2em; }
	.pr .multipackbox .packs_no_stock { both; font-size: 1.2em; }
	.pl .note01, .pl .note02, .pl .note03, .pl .note04, .pl .note05, .pl .note06, .pl .note07 { font-size: .8rem; }
	.pcontentbox { padding-top: 40px; }
	.abgne_tab .pshipping { top: -20px; font-size: .9rem; }
	.abgne_tab .extrapromobox .sc-gift { clear: both; background-image: url(../images/shoppingcart/scicon04.png); background-repeat: no-repeat; background-position: 8px center; font-size: 21px; background-color: #E6E6E6; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 35px; }
	.abgne_tab .extrapromobox .scitem { clear: both; }
	.abgne_tab .extrapromobox .scitem ul { margin-top: 15px; overflow: hidden; }
	.abgne_tab .extrapromobox .scitem li { float: left; width: 100%; padding: 0 20px 45px 20px; overflow: hidden; display: block; }
	.abgne_tab .extrapromobox .scitem li:nth-child(3n+1) { clear: both; }
	.abgne_tab .extrapromobox .scitem li .sum { font-size: 1.05em; margin-bottom: 8px; border-bottom: 1px solid #488921; color: #488921; padding-bottom: 5px; }
	.abgne_tab .extrapromobox .scitem li .name { font-size: 1em; line-height: 1.5em; cursor: pointer; padding: 5px 0; }
	.abgne_tab .extrapromobox .scitem li .note { font-size: .85em; color: #666666; line-height: 1.2em; padding: 0 0 8px 0; }
	.abgne_tab .extrapromobox .scitem li .img { float: left; width: 40%; center; cursor: pointer; }
	.abgne_tab .extrapromobox .scitem li .img img { width: 100% !important; height: auto !important; }
	.abgne_tab .extrapromobox .scitem li .spec { padding-bottom: 10px; }
	.abgne_tab .extrapromobox .scitem li .spec01 { padding-bottom: 10px; }
	.abgne_tab .extrapromobox .scitem li .qty01 { font-size: 0.95em; color: #FF0000; padding-bottom: 15px; }
	.abgne_tab .extrapromobox .scitem li .price { font-size: 0.95em; padding-bottom: 15px; float: left; width: 120px; }
	.abgne_tab .extrapromobox .scitem li .qty { width: 130px; color: #FF0000; float: right; padding-bottom: 8px; }
	.abgne_tab .extrapromobox .scitem li .btn { width: 145px; height: 28px; font-size: 1.1em; line-height: 28px; color: #FFFFFF; background-color: #57A828; text-align: center; cursor: pointer; margin: 0 0 8px 90px; }
	.abgne_tab .extrapromobox .scitem li .btn01 { float: right; width: 120px; height: 28px; font-size: 18px; line-height: 28px; color: #FFFFFF; background-color: #999999; text-align: center; margin-top: 20px; }
	.abgne_tab .extrapromobox .sctitle { font-size: 1.3em; text-align: center; line-height: 1.5em; padding: 10px; color: #FFFFFF; background-color: #FF7900; }
	.tab_container .tab_content .text .title { line-height: 30px; padding: 0; }
	ul.tabs { width: 100%; height: auto; border: 0; overflow: hidden; }
	ul.tabs li { width: 32.3%; line-height: 36px; height: 36px; margin: .5%; border: 1px solid #999999; }
	ul.tabs li:first-child { border-left: 1px solid #999999; }
	ul.tabs li.active { border: 1px solid #999; font-weight: 700; background: transparent !important; }
	.tab_container { font-size: .9rem; border: 0; }
	.tab_container .tab_content { padding: 15px 0; }
	.tab_container_1 { padding: 0; }
	.tab_content input[type="text"], .tab_content textarea { width: 100% !important; }
	.tab_content .m-assesstb table, .tab_content .m-assesstb tbody, .tab_content .m-assesstb tr, .tab_content .m-assesstb td { display: block; height: auto !important; }
	.tab_content .m-assesstb td:nth-of-type(2) { padding: 10px 0 20px 0; }
	.tab_content div.rate { background-size: 100% auto; }
	.tab_content .m-qa { padding: 10px 5px; }
	.tab_content .pstarbox .star { font-size: 3rem; line-height: 30px; }
	.tab_content .pstarbox .star span { font-size: .9rem !important; }
	.tab_content .pstarbox .number { font-size: .9rem; padding-right: 10px; }
	.tab_content .pstarbox .people { font-size: .9rem; }
	.tab_content .assessbtn { font-size: 1.2rem; height: 46px; line-height: 46px; }
	.filterbox { background: none; margin-bottom: 20px; padding: 10px; font-size: 1rem; }
	.filterbox .clear { font-size: 1rem !important; padding: 5px; }
	.filter { padding: 0; }
	.filter .box { width: 50%; padding: 0 4px 10px 4px; }
	.filter .box p { width: 100%; float: none; font-size: 1rem; }
	.filter .box .select { width: 100% !important; font-size: 1rem; }
	.matb, .matb tbody, .matb tr, .matb th, .matb td, .mtb_1, .mtb_1 tbody, .mtb_1 tr, .mtb_1 th, .mtb_1 td, .memberArea table, .memberArea tbody, .memberArea tr, .memberArea th, .memberArea td { display: block; width: 100% !important; }
	.matb td { padding: 6px 10px; }
	.msurplus { font-size: .9rem; line-height: 1.7rem; padding: 6px 10px; }
	.mtotal { float: none; clear: both; line-height: 1.7rem; }
	.mtimebox .title { margin: 0 0 10px 0 !important; }
	.mtimebox .title:first-child { font-size: .9rem; display: block; float: none; }
	.mtimebox .btn { width: 100px; margin: 5px auto; float: none; clear: both; font-size: 1.2rem; height: auto; padding: 4px 10px; }
	.mtb td, .mtb01 td { font-size: .9rem; line-height: 1.5rem; }
	.mtbCoupon, .mtbCoupon tbody, .mtbCoupon tr, .mtbCoupon th, .mtbCoupon td, .mtbOrder, .mtbOrder tbody, .mtbOrder tr, .mtbOrder th, .mtbOrder td, .mtbReg, .mtbReg tbody, .mtbReg tr, .mtbReg th, .mtbReg td, .mtbBonus, .mtbBonus tbody, .mtbBonus tr, .mtbBonus th, .mtbBonus td { display: block; width: 100% !important; }
	.mtbCoupon tr, .mtbOrder tr, .mtbReg tr, .mtbBonus tr { margin-bottom: 10px; padding: 10px 0; border: 1px solid #ccc; }
	.mtbCoupon tr:nth-of-type(1), .mtbCoupon th { display: none; }
	.mtbCoupon td { text-align: left; border: 0; padding: 0 10px; }
	.mtbCoupon td:nth-of-type(1)::before { content: "發送日期："; }
	.mtbCoupon td:nth-of-type(2)::before { content: "禮券名稱："; }
	.mtbCoupon td:nth-of-type(3)::before { content: "金額："; }
	.mtbCoupon td:nth-of-type(4)::before { content: "可用日期："; }
	.mtbCoupon td:nth-of-type(5)::before { content: "截止日期："; }
	.mtbCoupon td:nth-of-type(6)::before { content: "使用日期："; }
	.mtbCoupon td:nth-of-type(7)::before { content: "使用狀態："; }
	/* .mtbOrder tr:nth-child(odd), .mtbOrder th { display: none; } */
	.mtbOrder th { display: none; }
	.mtbOrder tr:nth-child(odd) td:nth-of-type(1)::before { content: " "; }
	.mtbOrder td, .mtbOrder .motd { font-size: .9rem; line-height: 1.5rem; text-align: left; border: 0; padding: 0 10px; }
	.mtbOrder td:nth-of-type(1)::before { content: "訂單編號："; }
	.mtbOrder td:nth-of-type(2)::before { content: "訂單日期："; }
	.mtbOrder td:nth-of-type(3)::before { content: "送貨方式："; }
	.mtbOrder td:nth-of-type(4)::before { content: "付款方式："; }
	.mtbOrder td:nth-of-type(5)::before { content: "總金額："; }
	.mtbOrder td:nth-of-type(6)::before { content: "訂單狀態："; }
	.mtbOrder td:nth-of-type(7)::before { content: "配送狀態："; }
	.mtb01 .sdbtn { font-size: .9rem; line-height: 36px; width: 100%; height: auto; }
	.mtbBonus tr:nth-of-type(1), .mtbCoupon th { display: none; }
	.mtbBonus td { text-align: left; border: 0; padding: 0 10px; }
	.mtbBonus td:nth-of-type(1)::before { content: "訂單編號："; }
	.mtbBonus td:nth-of-type(2)::before { content: "交易日期："; }
	.mtbBonus td:nth-of-type(3)::before { content: "到期日期："; }
	.mtbBonus td:nth-of-type(4)::before { content: "事件編號："; }
	.mtbBonus td:nth-of-type(5)::before { content: "回饋："; }
	.mtbBonus td:nth-of-type(6)::before { content: "使用："; }
	.mtbReg th { display: none; }
	.mtbReg tr:nth-child(odd) td:nth-of-type(1)::before { content: " "; }
	.mtbReg td:first-child { width: 100% !important; padding: 8px; line-height: 1.5rem; font-size: .9rem; }
	.mtbReg td, .mtbReg .motd { font-size: .9rem; line-height: 1.5rem; text-align: left; border: 0; padding: 0 10px; }
	.mtbReg td:nth-of-type(1)::before { content: ""; }
	.mtbReg td:nth-of-type(2)::before { content: ""; }
	.mtbReg td:nth-of-type(3)::before { content: ""; }
	.mtbReg td:nth-of-type(4)::before { content: ""; }
	.mtbReg td:nth-of-type(5)::before { content: ""; }
	.mtbReg td:nth-of-type(6)::before { content: ""; }
	.mtbReg td:nth-of-type(7)::before { content: ""; }	
	
	
	.bADAtb_prod, .bADAtb_prod tbody, .bADAtb_prod tr, .bADAtb_prod th, .bADAtb_prod td { font-size: .9rem; line-height: 1.5rem; display: block; width: 100% !important; }
	.bADAtb_prod th img { display: inline-block; vertical-align: top; margin: 0 5px 0 0; height: 20px !important; width: auto; }
	.bADAtb_prod th br { display: none; }
	.bADAtb_prod span.price { font-size: 1.1rem; line-height: 1.5rem; }
	.bADAtb_prod th { color: #FFFFFF; text-align: center; vertical-align: middle; white-space: nowrap; padding: 5px; width: 16%; min-width: 110px; }
	.bADAtb_prod td:nth-of-type(1) { float: left; position: relative; left: -85px; }
	.bADAtb_prod td:nth-of-type(2) { position: relative; top: -85px; right: -100px; height: 100px; }
	.bADAtb_prod td:nth-of-type(3) { position: relative; font-size: .9rem; line-height: 1.5rem; display: block; width: 100% !important; padding: 5px; }


	/*	.mtb td:first-child, .mtb td:nth-of-type(3) { margin-top: 15px; }*/
	.addbtn { display: block; width: 120px; float: none; margin: 10px auto; }
	.memberArea .rtb { border: 0; }
	.memberArea .rtb td:first-child { width: 100% !important; }
	.memberArea #nickName, .memberArea #firstName, .memberArea #contactPhoneNumber { width: 100% !important; float: none; margin: 0 0 10px 0; }
	.memberArea .rtb span.rtb-note { text-indent: -1em; }
	.mtb input[name="contactPhoneNumber"], .mtb input[name="phoneNumber"], .mtb input[name="address"], .memberArea .rtb #oldpassword, .memberArea .rtb .password, .memberArea .rtb .confirmpw { max-width: 100%; width: 100% !important; }
	.sclogin .loginbox .title, .sclogin .loginbox .btn { font-size: 1.2rem; }
	
	
	.filter { font-size: 15px; color: #040404; padding-top: 10px; overflow: auto; overflow-x: hidden; overflow-y: hidden; clear: both; }
	.filter h1 { float: left; width: 205px; margin-right: 40px; margin-bottom: 12px; }
	.filter h1 p { width: 70px; float: left; line-height: 26px; }
	.forgotbox .error p { position: static; margin: 0; padding: 0 0 0 20px; }

	.mtimebox .calendar2 { width: 140px !important; margin-bottom: 10px; }
	.mtimebox .calendar2 input {font-size: .9rem; width: 100px !important; }
	.sort .default { float: right; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 10px 6px; color: #040404; white-space: nowrap; cursor: pointer; border-left: 1px solid #F0F0F0; padding-left: 37px; }
	.sort .default, .sort .list { padding-left: 37px; }
	.sort .default:hover, .sort .sort05active { float: right; background-repeat: no-repeat; background-position: 10px -29px; color: #488921; width: auto; height: auto; cursor: pointer; border-left: 1px solid #F0F0F0; padding-left: 37px; }
	.sort .qty, .sort div[name=sort] { padding: 0 4px; font-size: .9rem; }
	.sort .priceAsc, .sort .priceDesc { width: auto; padding: 0 16px 0 4px !important; background-position: 90% 11px; }
	.sort .list { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 10px 6px; color: #040404; width: auto; height: auto; cursor: pointer; padding-left: 37px; border-left: 1px solid #F0F0F0; }
	.sort .list:hover, .sort .sort04active { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; width: auto; height: auto; background-position: 10px -29px; color: #488921; cursor: pointer; padding-left: 37px; border-left: 1px solid #F0F0F0; }
	.schedule { height: 60px; margin: 0 0 10px 0; padding-left: 0px; }

	.largeimg { width: 85%; max-width: 100%; position: absolute; padding: 10px; background-color: #333333; margin-top: -300px; margin-left: -259px; left: 77%; top: 60%; z-index: 999999; }
	.largeimg .close { background-image: url(../images/icon40.png); background-repeat: no-repeat; background-position: 0px 0px; height: 40px; width: 40px; top: -15px; right: -15px; position: absolute; cursor: pointer; }
	.leftmenu { display:none; width: 100%; float: none; margin-bottom: 10px; }
	.pl .ads { padding: 6px 0; font-size: .9rem; line-height: 0.8rem; }
	.pr { float: left; width: 100%; padding: 10px 0px 0px 0px; }
	
	.mod-schedule div.ok { background-color: #FF9B40; color: #5B2C00; width: 20%; }
	.mod-schedule div.step { width: 20%; }
	.mod-schedule div.trackingNo { font-size: 13px; line-height: 15px; background-color: #FEEBD9; text-align: center; height: 32px; float: left; padding-top: 3px; color: #999999; position: relative; margin-right: 1.5%; margin-bottom: 4px; }
	.mod-schedule { height: 35px; margin: 10px 0; clear: both; }
	.opBox { border: 1px solid #999999; padding: 17px; display: block; }
	.opBox .aditem-container .btn { font-size: 18px; line-height: 32px; color: #FFFFFF; background-image: url(../images/icon23.png); background-repeat: no-repeat; background-position: 10px center; height: 32px; width: 138px; background-color: #57A828; border-radius: 5px; padding-left: 40px; cursor: pointer; position: relative; left: 200px; top: -205px; }
	.opBox .aditem-wrapper { position: relative; padding: 20px 0 15px 0; left: -30px; }
}

@media(max-width:370px) {
	.pr .pricebox .cheap { margin: -5px 0; }
	.pr .multipackbox .packs { both; font-size: 1.0em; }
	.pr .multipackbox .packs_no_stock { both; font-size: 1.0em; }
	.schedule {height: inherit;margin: 0 0 10px 0;padding-left: 0px;}
	.sort .default { float: right; background-image: url(../images/icon17.png); background-repeat: no-repeat; background-position: 0px 6px; color: #040404; white-space: nowrap; cursor: pointer; border-left: 1px solid #F0F0F0; padding-left: 24px; }
	.sort .default, .sort .list { padding-left: 23px; }
	.sort .list { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; background-position: 10px 6px; color: #040404; width: auto; height: auto; cursor: pointer; padding-left: 17px; border-left: 1px solid #F0F0F0; }
	.sort .list:hover, .sort .sort04active { float: right; background-image: url(../images/icon18.png); background-repeat: no-repeat; width: auto; height: auto; background-position: 10px -29px; color: #488921; cursor: pointer; padding-left: 17px; border-left: 1px solid #F0F0F0; }
	.sort .default:hover, .sort .sort05active { float: right; background-repeat: no-repeat; background-position: 0px -29px; color: #488921; width: auto; height: auto; cursor: pointer; border-left: 1px solid #F0F0F0; padding-left: 23px; }
}