/* Minification failed. Returning unminified contents.
(440,29): run-time error CSS1038: Expected hex color, found '#0000'
(440,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(484,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(484,29): run-time error CSS1046: Expect comma, found '-'
(484,30): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(484,45): run-time error CSS1046: Expect comma, found ')'
(484,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(495,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(495,29): run-time error CSS1046: Expect comma, found '-'
(495,30): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(495,36): run-time error CSS1046: Expect comma, found ')'
(495,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(779,7): run-time error CSS1038: Expected hex color, found '#ffff'
(779,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
@charset "utf-8";

@font-face {
font-family:"eup";
src:url(../font/euphemia.ttf);
font-display:swap
}

@font-face {
font-family:"cart";
src:url(../font/cartographer.ttf);
font-display:swap
}

.lrp_product {
overflow:hidden
}

.lrp_btn_com_cart ul.online_shop {
display:block;
width: calc(100% + 2px);
right: -1px;
left: -1px;
bottom: -1px;
position:absolute;
z-index:300
}

.lrp_btn_com_cart ul.online_shop li {
  border:solid 1px #ddd;
  padding:0;
  margin:-1px auto;
  width: 100%;
  background:#f8f8f8;
}
.lrp_btn_com_cart ul.online_shop li.shop_search {
  background:#fff;
}

.lrp_btn_com_cart ul.online_shop li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;  
}

.lrp_btn_com_cart ul.online_shop li a img {
  display:block;
  height:40px;
  max-width:inherit;
  width:auto;
  transition: transform .3s ease;
}

.lrp_btn_com_cart ul.online_shop li:hover img{
  transform: scale(1.1);
}

.lrp_btn_com_cart ul.online_shop li:last-of-type a {
color:#008fcd;
line-height:45px
}

.star_rating {
position:relative
}

.star_rating .star_common {
display:inline-block;
vertical-align:middle;
width:30px;
height:30px;
margin-right:5px;
background:url(../Images/star_1g.svg) no-repeat;
cursor:pointer
}

.star_rating .star_common:last-of-type {
margin-right:0
}

.star_rating .star_common:hover {
background:url(../Images/star_1b.svg) no-repeat
}

.star_rating .star_common.star_selected {
background:url(../Images/star_1b.svg) no-repeat
}

.star_rating p {
display:inline-block;
vertical-align:middle;
font-size:1.4rem
}

.star_rating .star_rating_pop {
width:300px;
padding:20px 30px;
text-align:center;
left:0;
top:0;
background:#fff;
border:solid 1px #ddd;
position:absolute;
z-index:100
}

.star_rating .star_rating_pop .star_rating {
border:0
}

.star_rating .star_rating_pop .lrp_btn_com_thr {
display:block;
margin:15px auto 0
}

.star_rating .star_rating_pop .star_common:hover {
background:url(../Images/star_1g.svg) no-repeat;
cursor:default
}

.star_rating .star_rating_pop .star_common.star_selected:hover {
background:url(../Images/star_1b.svg) no-repeat
}

.star_average {
  display: flex;
  align-items: flex-end;
}

.star_average .star_count {
display:block;
margin-right:4px;
font-size:36px;
line-height: 36px;
height: 36px;
color:#008fcd
}

.star_average .star_common {
display:block;
width:100px;
height:15px;
margin-right:4px;
background:url(../Images/star_5g.png) 0 0 no-repeat;
cursor:pointer;
background-size:100px;
margin-bottom: 6px;
}

.star_average .star_common .current_rating {
display:block;
height:15px;
background:url(../Images/star_5b.png) 0 0 no-repeat;
background-size:100px
}

.star_average p {
display:block;
font-size:1.4rem;
margin-bottom: 2px;
}

.lrp_product_list {
margin-bottom:40px;
display: flex;
}

/* .lrp_product_list::after {
content:"";
display:block;
clear:both;
float:none;
overflow:hidden
} */

.lrp_product_list > li {
  display: flex;
  flex-direction: column;
text-align:center;
padding:8px 12px;
position:relative
}

.lrp_product_list > li:hover {
box-shadow: inset 0 0 5px #00000026;
}

.lrp_product_list.full_page_list {
border-bottom:1px solid #ddd;
display: flex;
flex-wrap: wrap;
}

.lrp_product_list.full_page_list > li {
width: 25%;
padding: 8px 16px;
margin: 24px 0;
}

.lrp_product_list li h5,.lrp_product_list li h6,.lrp_product_list li h3,.lrp_product_list li p {
text-align:center
}

.lrp_product_list li h5 a,.lrp_product_list li h6 a,.lrp_product_list li h3 a,.lrp_product_list li p a {
margin:0 auto;
margin-bottom:5px;
display:block;
text-align:center;
/* max-width:215px; */
line-height:1.25;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
min-height:2.6em;
max-height:2.6em
}

.lrp_product_list li h5 a,.lrp_product_list li h3 a {
color:#000
}

.lrp_product_list li h6 a {
color:#008fcd;
font-size:1.2rem
}

.lrp_product_list li h3 {
font-size:1.5rem;
color:#333;
line-height:1.25
}

.lrp_product_list li p {
font-size:1.4rem;
color:#555;
line-height:1.25
}

.lrp_product_list li p a {
color:#008fcd;
font-size:1.2rem;
text-decoration:none
}

.lrp_product_list li a:hover {
color:#008fcd;
text-decoration:underline
}

.lrp_product_list li .pic {
width:200px;
height:200px;
margin:5px auto;
overflow: hidden;
}

.lrp_product_list li .pic img {
width:200px;
height:200px;
transition: transform .3s ease;
}

.lrp_product_list li:hover .pic img {
  transform: scale(1.1);
}

.lrp_product_list .pic .pic_tag {
position:absolute;
right:12px;
top:20px;
display: flex;
flex-direction: column;
justify-content: end;
align-items: end;
}

.lrp_product_list .pic .pic_tag li {
margin-bottom:4px;
padding:2px 5px;
min-width:6em;
font-size:1.2rem;
background:#008fcd;
color:#fff;
}

.lrp_product_list .star_average {
}

.lrp_product_list .star_average .star_common {
display:inline-block;
margin:4px auto;
float:none
}

.lrp_product_list .lrp_text_price {
display:block;
margin:8px 0
}

/* .lrp_product_list .lrp_btn_com_cart ul.online_shop {
left:auto;
top:inherit
} */

.jcarousel .lrp_btn_com_cart ul.online_shop {
top:inherit;
bottom:-1px;
right:-1px;
left: -1px;
width: calc(100% + 2px);
}

.lrp_product_slider {
position:relative
}

.lrp_product_slider .jcarousel {
width:100%;
overflow:hidden
}

.lrp_product_slider .lrp_product_list {
margin:0 auto;
position:relative
}

.lrp_product_slider .lrp_product_list > li {
margin:8px 0
}

.product_infor_wrap {
width:100%
}

.product_infor {
padding-top:20px;
position:relative;
}


.product_infor .pic {
text-align:center;
aspect-ratio: 1 / 1;
}

.product_infor .pic img {
max-width:100%;
height:auto;
display: block;
}

.product_infor .infor {
width: 100%;
}

.product_infor .infor h1 {
color:#333
}

.product_infor .infor h6 {
margin-bottom:10px
}

.product_infor .infor .eng_name {
margin-bottom:10px;
font-size:1.4rem;
color:#555;
line-height:1.25
}

.product_infor .infor h2 {
margin-bottom:20px;
font-size:2rem
}

.product_infor .infor h5 {
margin-bottom:20px
}

.product_infor .infor .govcode {
margin-bottom:20px;
font-size:1.5rem;
color:#333;
line-height:1.25
}

.product_infor .infor .lrp_text_price {
display:block;
margin-bottom:10px;
font-size:2.4rem;
color:#333
}

.product_infor .infor span a {
text-decoration:underline
}

.product_infor .intro {
font-size:1.4rem
}

.product_infor .intro ul {
display:block;
list-style:disc;
list-style-position:outside;
margin:.5em 0
}

.product_infor .intro ul li {
margin:0 0 5px 2em
}

.product_infor .intro ol {
display:block;
list-style:decimal;
list-style-position:outside;
margin:.5em 0
}

.product_infor .intro ol li {
margin:0 0 5px 2em
}

.product_infor .lrp_texture {
right:-150px;
top:-100px;
width:600px;
max-width:inherit;
z-index:-1;
position:absolute
}

.lrp_btn_com_cart {
display:inline-block;
position:relative;
-webkit-tap-highlight-color:#0000
}

.lrp_pro_use li {
overflow:hidden;
margin:20px 0
}

.lrp_pro_use .pic {
width:100px;
float:left;
margin-right:15px
}

.lrp_pro_use .pic img {
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%
}

.lrp_pro_use .step {
float:left;
width:calc(100% - 120px)
}

.product_thumb_carousel {
  position: relative;
}
.product_thumb_carousel .pic {
  cursor: pointer;
  padding: 2px;
  border: solid 1px #e9e9e9;
  border-radius: 4px;
  overflow: hidden;
}
.product_thumb_carousel .pic img,
.product_thumb_carousel .pic video {
  transition: transform .3s ease;
}
.product_thumb_carousel .pic:hover img,
.product_thumb_carousel .pic:hover video{
  transform: scale(1.2);
}
.product_thumb_carousel .pic.active {
  border: solid 2px rgb(var(--BrandSecondary));
}
.product_thumb_carousel .btn_prev,
.product_thumb_carousel .btn_next {
  /* 共同設定 */
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 26px;
  height: 26px;
  background-color: rgb(var(--Brand));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_thumb_carousel .btn_prev {
  left: -4px;
}
.product_thumb_carousel .btn_next {
  right: -4px;
}

.product_thumb_carousel .video-thumb-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1200px) {
.lrp_wrap_outer.lrp_product_slider {
padding:0 10px
}

.lrp_product .lrp_wrap_outer {
padding:0 10px
}

.lrp_product_list.full_page_list > li {
 width: 33.333%;
}
}

@media screen and (max-width: 1024px) {
.lrp_product_list.full_page_list > li {
width: 33.333%;
}

.product_infor .lrp_texture {
width:500px;
top:-100px
}
}

@media screen and (max-width: 768px) {
.lrp_product_list {
margin-bottom:30px
}

.product_infor_wrap {
width:100%;
overflow:visible
}

.product_infor .lrp_texture {
display:none
}

.lrp_product_list .lrp_text_price {
text-align:center
}

.lrp_product_list .star_average {
display:inline-block
}

.lrp_product_list .lrp_btn_com_cart {
display:block;
float:none;
margin:10px 0
}

.lrp_product_class_bn_pic {
width:100%;
max-height:150px;
float:inherit
}

.lrp_product_class_bn_pic img {
width:auto;
height:100%
}

.lrp_product_class_bn .class_wording {
padding:1em;
width:100%;
float:inherit
}

.lrp_product_list.full_page_list>li {
  width: 50%;
}
}

@media screen and (max-width: 600px) {

.product_infor h5,.product_infor .govcode {
margin-top:15px
}


.product_infor .star_rating {
width:100%;
text-align:center;
border:solid 1px #ebedef;
padding:10px 0
}

.product_infor .star_rating .star_common {
width:45px;
height:45px
}

.product_infor .star_rating .star_rating_pop {
width:calc(100% + 2px);
left:-1px;
top:-1px;
padding:5px 10px
}

.product_infor .star_rating p {
display:block;
margin-top:10px
}

.product_infor .lrp_btn_com_cart {
display:block
}

.lrp_product_list > li {
padding:0;
}

.lrp_product_list > li:hover {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none
}

.lrp_product_list > li h5 {
margin:0 30px
}

.lrp_product_list > li h6 {
margin:0 30px
}

.lrp_product_list > li h3 {
margin:0 30px;
font-size:1.5rem;
color:#333;
line-height:1.25
}

.lrp_product_list > li p {
margin:0 30px;
font-size:1.4rem;
color:#555;
line-height:1.25
}

.lrp_product_list.full_page_list li h5 a {
min-height:inherit
}

.lrp_product_list.full_page_list li h6 a {
min-height:inherit
}

.lrp_product_list.full_page_list li h3 a {
min-height:inherit
}

.lrp_product_list.full_page_list li p a {
min-height:inherit
}

.lrp_product_slider .lrp_product_list {
width:100%
}

.lrp_pro_use .pic {
width:150px;
float:none;
margin-bottom:10px
}

.lrp_pro_use .step {
float:none;
width:100%
}

.lrp_product_list.full_page_list>li {
  width: 100%;
}
}

.obj_range .ctn_range-banner {
max-width:1200px;
margin:0 auto;
position:relative;
height:350px;
padding:60px 30px 0
}

.obj_range .ctn_range-banner .ctn_txt {
position:relative;
z-index:5;
width:50%;
padding:0
}

.obj_range .ctn_range-banner.align_center {
padding-left:330px
}

.obj_range .ctn_range-banner .ctn_txt h1 {
margin:0 0 15px;
font:bold 2.625em/1 arial,微軟正黑體;
color:#000;
text-transform:uppercase
}

.obj_range .ctn_range-banner .ctn_txt h2 {
margin:0 0 20px;
font:normal 1.6em/1 arial,微軟正黑體;
color:#000
}

.obj_range .ctn_range-banner .ctn_txt p {
color:#fff
}

.obj_range .ctn_range-banner .ctn_txt p:last-of-type {
font-size:1.4rem;
margin-top:1em;
color:#ffffffbf
}

.obj_range .ctn_range-banner .ctn_txt p em {
font-size:.75em;
opacity:.7;
display:inline-block;
margin-top:8px
}

.obj_range .ctn_range-banner.txt_black .ctn_txt p {
color:#000
}

.obj_range .ctn_range-banner.txt_black .ctn_txt p:last-of-type {
font-size:1.4rem;
margin-top:1em;
color:#008fcd
}

.obj_range .ctn_range-banner .v_banner {
position:absolute;
overflow:hidden;
min-height:350px;
top:0;
left:0;
right:0;
text-align:center
}

.obj_range .ctn_range-banner .v_banner .v_background {
position:absolute;
top:50%;
right:50%;
margin-right:-50%;
max-width:none;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}

.obj_range .ctn_range-banner.txt_white .ctn_txt h1,.obj_range .ctn_range-banner.txt_white .ctn_txt h2,.obj_range .ctn_range-banner.txt_white .ctn_txt p {
color:#fff
}

.obj_range .ctn_range-banner.health .ctn_txt p:last-of-type {
font-size:1.6rem;
margin-top:0;
color:#ffff
}

@media screen and (max-width:1200px) {
.pg_range.effaclar .obj_range .ctn_range-banner {
padding-left:60%
}
}

@media screen and (max-width:1024px) {
.obj_range .ctn_range-banner,.obj_range .ctn_range-banner .v_banner {
min-height:350px
}
}

@media screen and (max-width:768px) {
.pg_range.effaclar .obj_range .ctn_range-banner {
padding-left:0
}

.obj_range .ctn_range-banner {
padding:0;
height:auto
}

.obj_range .ctn_range-banner.align_center {
padding-left:0
}

.obj_range .ctn_range-banner .ctn_txt {
width:100%;
padding:0 20px 20px
}

.obj_range .ctn_range-banner .ctn_txt h1 {
font-size:3rem;
line-height:1.25
}

.obj_range .ctn_range-banner .ctn_txt h2 {
font-size:2.2rem
}

.obj_range .ctn_range-banner .ctn_txt p {
color:#000;
font-size:.875em
}

.obj_range .ctn_range-banner .ctn_txt p:last-of-type {
color:#008fcd
}

.obj_range .ctn_range-banner .v_banner {
position:relative;
min-height:190px
}

.obj_range .ctn_range-banner .v_banner .v_background {
right:0;
margin-right:0;
max-height:220px
}

.pg_range.effaclar .obj_range .ctn_range-banner .v_banner .v_background {
left:-50px
}

.obj_range .ctn_range-banner.txt_white .ctn_txt h1,.obj_range .ctn_range-banner.txt_white .ctn_txt h2,.obj_range .ctn_range-banner.txt_white .ctn_txt p {
color:#000
}

.obj_range .ctn_range-banner .ctn_txt {
width:100%;
padding:0 0 20px
}

.obj_range .ctn_range-banner.health {
min-height:inherit;
margin-bottom:6px
}

.obj_range .ctn_range-banner.health .v_banner {
display:none
}

.obj_range .ctn_range-banner.health .ctn_txt {
padding:0
}

.obj_range .ctn_range-banner.health .ctn_txt p {
color:#999
}

.obj_range .ctn_range-banner.health .ctn_txt p:last-of-type {
font-size:.875em;
color:#999
}
}

@media screen and (max-width:600px) {
.obj_range .ctn_range-banner .v_banner .v_background {
max-height:190px
}
}
