@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@media (min-width: 320px) and (max-width: 767px)
{
	
.gold_block{  width: 100%; margin:0 auto; }
/*logo-頛芣偘*/	
.logo_block{width:100%; display:block; height:auto; }
.logo_block h1{ font-size:0.9em; padding:3% 0px;height:30px;margin-left: 3%;margin-bottom: -3%;}
.logo_block p{ font-size:0.9em; padding:3% 0px; height:30px;margin-left: 3%;margin-bottom: -3%;}
.logo_img img{ width:40%; float:left;margin-top:3%;margin-left: 3%;}
.logo_block ul{  float:right; margin-top:2%}
.logo_block ul li{ float:right;}

.logo_block ul li img{width:80%; margin-bottom: 25%;}
.iframe_carousel{ width:100%; display:block; height:auto;}
/*6�𧢲���*/		
.six-circle-menu{ width:100%;
    margin:0 auto; 
    overflow:auto; 
    padding: 5% 0%; }
.six-circle-menu ul{display: block; margin: 0 auto;}
.six-circle-menu ul li{width:30%;
    display: block;
    float: left;
    overflow:hidden; margin-left:2%;margin-bottom:2%;}
.menu_cir img{  width:100%;
    height: auto;
    margin-bottom: 10px;}
.menu_text{ font-size: 20px;
	line-height:30px;
	text-align:center;
    color: #555;
    font-weight: 400;
	 }
.subtext{font-size: 14px;
	line-height:1;
	text-align:center;
    color: #555;
    font-weight: 400; }
.six-circle-menu ul li a{text-decoration:none; display: block;}

/*6�𧢲��閧���*/

/*5�衤��堒����-�啣�銝𠰴�*/

.pro_block{ width:100%; margin:0 auto; display:block; }
.pro_block h2{  font-size:2rem; color:#fb5c4d;text-align:center; font-weight:800; padding:3% 0 0.5% 0;}
.pro_block h3{ font-size:1rem; color:#333;text-align:center; padding:1% 0; margin-bottom:4%; }
.pro_block ul{
  display: block; margin:2% 2%;overflow: hidden; }
.pro_block ul li{
	width: 46%;
    background: #fff;
    margin-left: 2%;
    border: 1px #eeeeee solid;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 3%;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
	 }
.pro_block ul li a {
    text-decoration: none;
    display: block;
}
.bg_container{ background:#FFF6C8; color:#CCC;}
.bg_container2{ background:#fff; color:#CCC;}
.bottom_block{ color:#CCC; height:auto;}
.item_img {
    width: 97%;
    text-align: center;
    margin-left: 5px;
    display: inline;
    /*margin-top: -20px;*/
}
.topimg{margin-top: -40px;}
.pointimg img {
    width: 95%;
    height: auto;
    position: relative;
    z-index: 5;
    left: 0px;
    top: 0px;
    font-size: 15px;
    overflow: hidden;
    color: #000;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
    margin-left: 5px;
    display: none;
}
.item_name {
    color: #333;
    font-size: 18px;
    height: 24px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    display: block;
    margin-top: 10px;
}
.price {
    font-size: 24px;
    text-align: center;
    line-height: 20px;
    color: #ba0000;
    font-weight: 800;
    margin-top: 25px;
    font-family:Microsoft JhengHei;
}
/*5�衤��堒����-�啣�銝𠰴�蝯鞉�*/

/*5�衤��堒����-�梢啹�坿�*/
.morebtn {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5%;
}
.morebtn img{
    -webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.1))
}
.rankingitem {
    height: 43px;
    width: 95%;
    position: relative;
    z-index: 5;
    left: 5px;
    top: 5px;
    overflow: hidden;
    color: #000;
    line-height: 36px;
    margin-left: 5px;
    font-size: 36px;
    font-weight: 800;
    font-style: italic;
}
.rankingitem img
{
    width: 13%;
    padding-top: 5px;
    padding-left: 2px;
}
.item_no_number
{
    margin-top: 4px;
}

/*5�衤��堒����-�梢啹�坿�蝯鞉�*/

/*��偏*/
.bottom_block {
    color: #CCC;
    display: block;
    margin-top: 30px;
}
.info_list {
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: block;
}
.info_list ul{
    overflow: hidden;
}
.info_list ul li {
    float: left;
    margin-right: 5px;
    border-right: 1px #a0a0a0 solid;
    padding: 0px 10px;
    text-align: center;
    width: 26%;
    margin-bottom: 5%;
}
.info_list ul li img
{
    width: 100%;
}
.infoemail {
    background: #eeeeee;
    line-height: 40px;
}
.infoemail p {
    margin: 0 auto;
    width: 100%;
    color: #333;
    text-align: center;
}
.info_list ul .info_list_right{
    border: 0;
    
}
.info_list ul .info_list_left{
    margin-left: 10%;
    padding-right: 40px;

}
.info_list ul .info_list_footer_r
{
    padding-left: 10%;
}
span.text a {

    text-decoration: none;

    color: #333;

}

.bottom_logo {

    width: 100%;

    margin: 0 auto;

    display: block;

    text-align: center;

    padding: 5% 0;

}

.bottom_logo img {

    width: 30%;

}
ul.category_item li {
    width: 47%;
    height: auto;
    padding-bottom: 0;
    margin-left: 2%;
    box-shadow: none;
}
.category_item li img {
    width: 100%;
    border: 1px solid #a0a0a0;
}
a.b-btn-back {
    visibility: hidden;
}

/*廣告*/
.ad_bg_container {
    background: #eee;
    color: #000;
    display: block;
    margin: auto;
    padding: 20px 0px 20px 0px;
}

.ad_bg_container h2 {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-align: center;
    padding: 15px 0px;
}

.ad_block {
    display: block;
    margin: auto;
    overflow: auto;
    padding: 10px 0px 40px 0px;
}

.ad_block ul {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 2%;
    overflow-x: hidden;
}

.ad_block ul li {
    width: 46%;
    float: left;
    margin-left: 2.5%;
    margin-bottom: 15px;
}

.ad_block ul li img{
    width: 100%;
}

ul.ad2 {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px 20px 0px;
}

ul.ad2 li{
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 5%;
}


.ad_pc{ display:none;}

.ad_moble {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 5%;
}
.ad_moble img {
    width: 100%;
}
.iframe_ad{ width:100%; 
overflow:auto;
display:block;
min-height:3700px;}


}
@media (min-width: 768px) and (max-width: 1200px)
{
.gold_block{ width:100%;  margin:0 auto;   font-family: "微軟正黑體,Microsoft JhengHei";}
/*logo-header*/	
.logo_block{width:1200px; display:block; height:150px; margin:0 auto;}
.logo_block h1{width:150px; width:150px; padding:15px 0px; height:30px; float:left;}
.logo_block p{ width:800px; padding:15px 0px; height:30px;margin-left: 1%;}
.logo_block ul{width:150px; float:right;}
.logo_block ul li{ float:left; margin-left:10px;}

.logo_img{ width:411px; float:left;margin-left: 1%;}
.logo_img img{ margin-right:675px; }
.iframe_carousel{ width:1200px; height:375px;  margin:0 auto;}
/*6個按鈕*/	
.six-circle-menu{ width:1200px; padding-top:20px;  margin:0 auto;  padding-bottom:20px; display:block;}
.six-circle-menu ul{ width:1000px; height:250px; display: block; margin: 0 auto;}
.six-circle-menu ul li{ float:left; margin:20px 20px ;  }
.menu_cir img{ width:125px; height:125px;  margin-bottom:10px; }
.menu_text{ font-size: 20px;
	line-height:30px;
	text-align:center;
    color: #555;
    font-weight: 400;
	 }
.subtext{font-size: 14px;
	line-height:30px;
	text-align:center;
    color: #555;
    font-weight: 400; }
.six-circle-menu ul li a{text-decoration:none; display: block;}
/**/	
.bg_container{ background:#FFF6C8; color:#000; display:block; width:1200px; margin:auto;  padding:40px 0px 40px 0px;}
.bg_container2{ background:#fff; color:#000; display:block; width:1200px; margin:auto;  padding:40px 0px 40px 0px;}
.pro_block{ width:1200px; margin:0 auto; height:auto; display:block; }
.pro_block h2{ font-size:40px; font-weight:800 ;color:#fb5c4d;text-align:center; padding:15px 0px; }
.pro_block h3{ font-size:16px; color:#333;text-align:center; padding:0px 0px; margin-bottom:40px;  }
.pro_block ul{ width:1200px; height:auto; overflow:auto; display: block; margin-left:15px;}
.pro_block ul li{width:210px; 
 background:#fff; height:290px;
margin-right:30px;
border:1px #eeeeee solid; float:left; margin-bottom:20px;
box-sizing:border-box;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.pro_block ul li:last child{margin-right:0px; float:right;}



/*單支商品*/
.item_img{
	width: 86%;
    text-align: center;
    margin-left: 15px;
	display:inline;
	}
.pro_block ul li a{text-decoration:none; display:block;
}
.item_name{ color: #333;
    font-size: 18px;
    height: 24px;
  line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
	display:block;
    margin-top: 10px;
	}
.price{
font-size:24px; text-align: center; line-height:20px; color:#ba0000; font-weight:800; margin-top:25px;font-family:Microsoft JhengHei;}
.pointimg img{
	width:95%;
	height: auto;
    position: relative;
    z-index: 5;
    left: 0px;
    top: 0px;
    font-size: 15px;
    overflow: hidden;
    color: #000;
    text-align:center;
    vertical-align: middle;
    line-height: 17px;
	margin-left:5px;
    margin-bottom: -15px;
    display: none;
    }	
.morebtn{ width:1200px; }
.morebtn{ margin:0 auto; text-align:center; }
.morebtn img{
    -webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.1))
}

/*排行榜1.2.3.4.5*/
.rankingitem{
	height:43px;
	width:95%;
    position: relative;
    z-index: 5;
    left: 5px;
    top:5px;
    overflow: hidden;
    color: #000;
    line-height:36px;
	margin-left:5px;
	font-size:36px;
	font-weight:800;
	font-style:italic;
	}
.rankingitem img
{
    width: 13%;
    padding-top: 5px;
    padding-left: 2px;
}
.topimg{ margin-top:-40px;}

/*主題推薦*/
.category_block ul{ width:1200px; }
ul.category_item li{ width:180px; height:180px; margin-right:20px; box-shadow: none;}
ul.category_item li:last child{margin-right:0px; }
.category_item li img { width: 100%;border: 1px solid #a0a0a0;}
/*頁尾*/
.bottom_block{ color:#CCC;display: block; margin-top:80px; }
.info_list{ width:1200px; margin:0 auto; height:auto; display:block; }
.info_list ul{width:1200px; height:280px;}
.info_list ul li{ float: left;
    margin-right: 17px;
    border-right: 1px #a0a0a0 solid;
    padding: 0px 41px 0px 0px;
    text-align: center;}
.info_list ul li:last-child{ border:0; padding:0;  }

.infoemail{background:#eeeeee; width:1200px; margin:auto; line-height:40px;}

.infoemail p{ margin:0 auto;  width:1200px; color:#333; text-align:center; }
span.text a{ text-decoration:none; color:#333;}
.bottom_logo {width:1200px; margin:0 auto; display:block; text-align:center; padding:40px 0px; }

.bottom_logo img {width:20%; }
/*廣告*/
.ad_bg_container{ width: 1200px; background:#eee; color:#000; display:block; margin:auto;  padding:40px 0px 40px 0px; }
.ad_bg_container h2{font-size:30px; font-weight:800 ;color:#000;text-align:center; padding:15px 0px;}
.ad_block{ background:#eeeeee; overflow:auto; color:#000; display:block; margin:0 auto; display:block; padding:40px 0px 40px 0px; overflow-x: hidden;}

.ad_block ul{ width:1200px; margin:0 auto; padding:0; padding-bottom:40px; overflow: auto; }
.ad_block ul li{ float:left;  margin-left:15px; margin-bottom:15px;}
ul.ad2{ margin-left: 5%;}

.ad_pc{ width:1170px;}
.ad_pc img{width:100%; height: 100%;}
.ad_moble{ display:none;}

.iframe_ad{ width:100%; 
overflow:auto;
display:block;
min-height:3700px;}
}
@media only screen and (min-width: 1201px)
{

.gold_block{ width:100%;  margin:0 auto;   font-family: "微軟正黑體,Microsoft JhengHei";}
/*logo-header*/	
.logo_block{width:1200px; display:block; height:150px; margin:0 auto;}
.logo_block h1{ width:150px; padding:15px 0px; height:30px; float:left;}
.logo_block p{width:800px;padding:15px 0px; height:30px; float:left;}
.logo_block ul{float:right;}
.logo_block ul li{ float:left; margin-left:10px;}

.logo_img{ width:411px; float:left;}
.logo_img img{ margin-right:640px; margin-left:0px;}
.iframe_carousel{ width:1200px; height:375px;  margin:0 auto;}
/*6個按鈕*/	
.six-circle-menu{ width:1200px; padding-top:20px;  margin:0 auto;  padding-bottom:20px; display:block;}
.six-circle-menu ul{ width:1000px; height:250px; display: block; margin: 0 auto;}
.six-circle-menu ul li{ float:left; margin:20px 20px ;  }
.menu_cir img{ width:125px; height:125px;  margin-bottom:10px; }
.menu_text{ font-size: 20px;
	line-height:30px;
	text-align:center;
    color: #555;
    font-weight: 400;
	 }
.subtext{font-size: 14px;
	line-height:30px;
	text-align:center;
    color: #555;
    font-weight: 400; }
.six-circle-menu ul li a{text-decoration:none; display: block;}
/**/	
.bg_container{ background:#FFF6C8; color:#000; display:block; width:100%; margin:auto;  padding:40px 0px 40px 0px;}
.bg_container2{ background:#fff; color:#000; display:block; width:100%; margin:auto;  padding:40px 0px 40px 0px;}
.pro_block{ width:1200px; margin:0 auto; height:auto; display:block; }
.pro_block h2{ font-size:40px; font-weight:800 ;color:#fb5c4d;text-align:center; padding:15px 0px; }
.pro_block h3{ font-size:16px; color:#333;text-align:center; padding:0px 0px; margin-bottom:40px;  }
.pro_block ul{ width:1200px; height:auto; overflow:auto; display: block; margin-left:15px; overflow-y:hidden;}
.pro_block ul li{width:210px; 
 background:#fff; height:290px;
margin-right:30px;
border:1px #eeeeee solid; float:left; margin-bottom:20px;
box-sizing:border-box;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
.pro_block ul li:last child{margin-right:0px; float:right;}



/*單支商品*/
.item_img{
	width: 86%;
    text-align: center;
    margin-left: 15px;
	display:inline;
	}
.pro_block ul li a{text-decoration:none; display:block;
}
.item_name{ color: #333;
    font-size: 18px;
    height: 24px;
  line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
	display:block;
	margin-top:10px;}
.price{
font-size:24px; text-align: center; line-height:20px; color:#ba0000; font-weight:800; margin-top:25px;font-family:Microsoft JhengHei;}
.pointimg img{
	width:95%;
	height: auto;
    position: relative;
    z-index: 5;
    left: 0px;
    top: 0px;
    font-size: 15px;
    overflow: hidden;
    color: #000;
    text-align:center;
    vertical-align: middle;
    line-height: 17px;
	margin-left:5px;
    margin-bottom: -15px;
    display: none;
    }	
.morebtn{ width:1200px; }
.morebtn{ margin:0 auto; text-align:center; }
.morebtn img{
    -webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.1))
}

/*排行榜1.2.3.4.5*/
.rankingitem{
	height:43px;
	width:95%;
    position: relative;
    z-index: 5;
    left: 5px;
    top:5px;
    overflow: hidden;
    color: #000;
    line-height:36px;
	margin-left:5px;
	font-size:36px;
	font-weight:800;
	font-style:italic;
	}
.rankingitem img
{
    width: 13%;
    padding-top: 5px;
    padding-left: 2px;
}
.topimg{ margin-top:-40px;}

/*主題推薦*/
.category_block ul{ width:1200px; }
ul.category_item li{ width:180px; height:180px; margin-right:20px;box-shadow: none; }
ul.category_item li:last child{margin-right:0px; }
.category_item li img { width: 100%; border: 1px solid #a0a0a0;}

/*頁尾*/
.bottom_block{ color:#CCC;display: block; margin-top:80px; }
.info_list{ width:1200px; margin:0 auto; height:auto; display:block; }
.info_list ul{width:1200px; height:280px;}
.info_list ul li{ float: left;
    margin-right: 31px;
    border-right: 1px #a0a0a0 solid;
    padding: 0px 31px 0px 0px;
    text-align: center; }
.info_list ul li:last-child{ border:0;  padding:0;}
.info_list ul li:first-child{ padding:0;}
.infoemail{background:#eeeeee; width:100%; margin:auto; line-height:40px;}

.infoemail p{ margin:0 auto;  width:1200px; color:#333; text-align:center; }
span.text a{ text-decoration:none; color:#333;}
.bottom_logo {width:1200px; margin:0 auto; display:block; text-align:center; padding:40px 0px; }

.bottom_logo img {width:20%; }

.iframe_ad{ width:100%; 
min-height:1300px; 
display:block;}

/*回上面*/
.b-btn-back {
    display: block;
    position: fixed;
    z-index: 30;
    bottom: 30px;
    right: 0;
    min-width: 0;
    line-height: 1;
    margin-top: 0;
    padding: 16px 20px 17px 15px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #aaaaaa;
    background-color: #ffffff;
    color: #515151;
    text-decoration: none;
}


.b-btn-back .b-sprite-icon-arrow-top {margin-right: 6px;}
.b-sprite-icon-arrow-top {width: 17px;height: 16px;background-position: -20px -57px;}
[class^="b-sprite-"], [class*=" b-sprite-"], .b-icon-search, .b-icon-search-lite {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-image: url(https://shop.r10s.com/b6e59d20-f684-11ec-932a-0242ac110009/images/rs_icon.png);
    background-repeat: no-repeat;
    vertical-align: text-top;
}
.b-btn-back:hover .b-sprite-icon-arrow-top{background-position:-40px -57px}

}