/* Minification failed. Returning unminified contents.
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(27,15): run-time error CSS1046: Expect comma, found '-'
(27,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(27,22): run-time error CSS1046: Expect comma, found ')'
(27,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(30,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(30,18): run-time error CSS1046: Expect comma, found '-'
(30,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(30,29): run-time error CSS1046: Expect comma, found ')'
(30,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(33,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(33,15): run-time error CSS1046: Expect comma, found '-'
(33,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(33,31): run-time error CSS1046: Expect comma, found ')'
(33,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(37,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(37,15): run-time error CSS1046: Expect comma, found '-'
(37,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Error'
(37,22): run-time error CSS1046: Expect comma, found ')'
(37,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(41,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(41,26): run-time error CSS1046: Expect comma, found '-'
(41,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(41,33): run-time error CSS1046: Expect comma, found ')'
(41,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(44,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(44,29): run-time error CSS1046: Expect comma, found '-'
(44,30): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(44,40): run-time error CSS1046: Expect comma, found ')'
(44,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(48,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(48,26): run-time error CSS1046: Expect comma, found '-'
(48,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(48,42): run-time error CSS1046: Expect comma, found ')'
(48,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(84,18): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(84,22): run-time error CSS1046: Expect comma, found '-'
(84,23): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(84,29): run-time error CSS1046: Expect comma, found ')'
(84,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(85,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(85,15): run-time error CSS1046: Expect comma, found '-'
(85,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(85,22): run-time error CSS1046: Expect comma, found ')'
(85,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(89,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(89,26): run-time error CSS1046: Expect comma, found '-'
(89,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(89,33): run-time error CSS1046: Expect comma, found ')'
(89,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(93,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(93,26): run-time error CSS1046: Expect comma, found '-'
(93,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(93,33): run-time error CSS1046: Expect comma, found ')'
(93,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(97,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(97,26): run-time error CSS1046: Expect comma, found '-'
(97,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(97,33): run-time error CSS1046: Expect comma, found ')'
(97,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(831,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(831,16): run-time error CSS1046: Expect comma, found '-'
(831,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(831,23): run-time error CSS1046: Expect comma, found ')'
(831,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(832,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(832,26): run-time error CSS1046: Expect comma, found '-'
(832,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(832,33): run-time error CSS1046: Expect comma, found ')'
(832,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(836,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(836,21): run-time error CSS1046: Expect comma, found '-'
(836,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandLight'
(836,33): run-time error CSS1046: Expect comma, found ')'
(836,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(837,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(837,16): run-time error CSS1046: Expect comma, found '-'
(837,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(837,27): run-time error CSS1046: Expect comma, found ')'
(837,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(842,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(842,15): run-time error CSS1046: Expect comma, found '-'
(842,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(842,22): run-time error CSS1046: Expect comma, found ')'
(842,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(847,11): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(847,15): run-time error CSS1046: Expect comma, found '-'
(847,16): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(847,22): run-time error CSS1046: Expect comma, found ')'
(847,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(852,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(852,16): run-time error CSS1046: Expect comma, found '-'
(852,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(852,23): run-time error CSS1046: Expect comma, found ')'
(852,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(857,12): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(857,16): run-time error CSS1046: Expect comma, found '-'
(857,17): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(857,23): run-time error CSS1046: Expect comma, found ')'
(857,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(890,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(890,21): run-time error CSS1046: Expect comma, found '-'
(890,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(890,28): run-time error CSS1046: Expect comma, found ')'
(890,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(892,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(892,26): run-time error CSS1046: Expect comma, found '-'
(892,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(892,33): run-time error CSS1046: Expect comma, found ')'
(892,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(896,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(896,20): run-time error CSS1046: Expect comma, found '-'
(896,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(896,31): run-time error CSS1046: Expect comma, found ')'
(896,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(911,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(911,20): run-time error CSS1046: Expect comma, found '-'
(911,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(911,36): run-time error CSS1046: Expect comma, found ')'
(911,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(916,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(916,21): run-time error CSS1046: Expect comma, found '-'
(916,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondaryDark'
(916,41): run-time error CSS1046: Expect comma, found ')'
(916,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(941,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(941,20): run-time error CSS1046: Expect comma, found '-'
(941,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(941,27): run-time error CSS1046: Expect comma, found ')'
(941,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(943,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(943,26): run-time error CSS1046: Expect comma, found '-'
(943,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-Brand'
(943,33): run-time error CSS1046: Expect comma, found ')'
(943,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(952,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(952,21): run-time error CSS1046: Expect comma, found '-'
(952,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandDark'
(952,32): run-time error CSS1046: Expect comma, found ')'
(952,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1118,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1118,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1122,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1122,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1377,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1460,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1460,26): run-time error CSS1046: Expect comma, found '-'
(1460,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(1460,42): run-time error CSS1046: Expect comma, found ')'
(1460,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1480,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1480,21): run-time error CSS1046: Expect comma, found '-'
(1480,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-BrandSecondary'
(1480,37): run-time error CSS1046: Expect comma, found ')'
(1480,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1610,7): run-time error CSS1038: Expected hex color, found '#fff9'
(1610,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1615,7): run-time error CSS1038: Expected hex color, found '#fff9'
(1615,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1634,18): run-time error CSS1038: Expected hex color, found '#fff6'
(1634,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1639,14): run-time error CSS1038: Expected hex color, found '#ffff'
(1639,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1682,12): run-time error CSS1038: Expected hex color, found '#fff0'
(1683,7): run-time error CSS1038: Expected hex color, found '#ffff'
(1689,12): run-time error CSS1038: Expected hex color, found '#ffff'
(1714,12): run-time error CSS1038: Expected hex color, found '#fff9'
(1714,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1931,12): run-time error CSS1038: Expected hex color, found '#ffff'
(2180,22): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2180,26): run-time error CSS1046: Expect comma, found '-'
(2180,27): run-time error CSS1047: Expected number or percentage value in rgb function, found '-LineOA'
(2180,34): run-time error CSS1046: Expect comma, found ')'
(2180,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2181,18): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2181,22): run-time error CSS1046: Expect comma, found '-'
(2181,23): run-time error CSS1047: Expected number or percentage value in rgb function, found '-LineOA'
(2181,30): run-time error CSS1046: Expect comma, found ')'
(2181,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2185,41): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2185,45): run-time error CSS1046: Expect comma, found '-'
(2185,46): run-time error CSS1047: Expected number or percentage value in rgb function, found '-LineOA'
(2185,53): run-time error CSS1046: Expect comma, found ')'
(2185,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2515,34): run-time error CSS1038: Expected hex color, found '#0000'
(2516,31): run-time error CSS1038: Expected hex color, found '#0000'
(2517,26): run-time error CSS1038: Expected hex color, found '#0000'
(2517,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
@charset "utf-8";

/* @import "te_lrp_space.css"; */

@import url(te-lrp-b.css);

@font-face {
font-family:"euphemia";
src:url(../font/euphemia.ttf);
font-display:swap
}

:root {
    --Brand: 0, 143, 205;
    --BrandDark: 0, 133, 191;
    --BrandLight: 235, 247, 252;
    --BrandSecondary: 89, 194, 242;
    --BrandSecondaryDark: 85, 184, 230;
    --BgLightGrey: 248, 248, 248;
    --BorderGrey: 235, 237, 239;
    --Highlight: 245, 148, 204;
    --Error: 222, 118, 118;
    --LineOA : 0, 195 , 0;
}

.text-brand {
color:rgb(var(--Brand))
}
.text-brand-dark {
  color: rgb(var(--BrandDark))
}
.text-brand-secondary {
color:rgb(var(--BrandSecondary))
}

.text-error {
color:rgb(var(--Error))
}

.bg-brand {
background-color:rgb(var(--Brand))
}
.bg-brand-dark {
  background-color: rgb(var(--BrandDark))
}

.bg-brand-secondary {
background-color:rgb(var(--BrandSecondary))
}

.lrp-input {
height:40px;
font-size:15px;
padding-left:12px;
padding-right:12px;
border-radius:2px!important
}

.lrp-btn {
height:40px;
font-size:16px;
padding-left:12px;
padding-right:12px;
border-radius:2px!important;
color:#fff;
border:0
}

[class*='btn-outline-'] {
background-color:transparent;
border:solid 1px #fff
}

[class*='btn-outline-']:hover {
background:#00000026
}

.btn-outline-white {
border-color:#fff;
color:#fff
}

.btn-outline-brand {
border-color:rgb(var(--Brand));
color:rgb(var(--Brand))
}

.btn-outline-brand:hover {
background-color:rgb(var(--Brand),0.05)
}

.btn-brand {
background-color:rgb(var(--Brand))
}

.btn-brand:hover {
background-color:rgb(var(--Brand),0.9)
}

#body {
min-height:calc(100vh - 378px)
}

#body::after {
content:"";
display:block;
overflow:hidden;
clear:both
}

* {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-sand-box-sizing:border-box
}

html {
font-size:62.5%
}

body {
font:normal 1.6em/1.5 Arial,微軟正黑體,微软雅黑,"Microsoft JhengHei","Microsoft YaHei";
color:#666;
background:#fff
}

a {
text-decoration:none;
font-family:"微軟正黑體","微软雅黑","Microsoft JhengHei","Microsoft YaHei","verdana",Arial;
color:#666;
cursor:pointer
}

p a {
text-decoration:underline
}

p a:hover {
text-decoration:none
}

hr {
border:0;
height:1px;
background:#ebedef;
margin:0
}

img {
max-width:100%;
height:auto
}

input[type="text"],input[type="color"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="range"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] {
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-sand-appearance:none;
border:0;
border-radius:0;
border:solid 1px #ccc
}

input,textarea,select,button {
max-width:100%;
min-height:40px;
padding:0 12px;
color:#666;
font-size:1.6rem;
outline:0;
vertical-align:middle;
font-family:"Microsoft JhengHei","Microsoft YaHei","Arial";
line-height:1.5
}

input[type="button"],input[type="submit"],input[type="reset"],button {
font-size:16px;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-sand-appearance:none;
border-radius:0;
cursor:pointer;
outline:0
}

input[type="button"]:disabled,input[type="submit"]:disabled,input[type="reset"]:disabled,button:disabled {
background:#ccc;
cursor:default
}

input[type="checkbox"],input[type="radio"] {
width:20px;
height:20px
}

input[type="radio"] {
border:0
}

textarea,select,button {
border:solid 1px #ccc
}

ul.re_list {
display:block;
list-style:disc;
list-style-position:outside;
margin:.5em 0
}

ul.re_list li {
margin:0 0 5px 2em
}

ol.re_list {
display:block;
list-style:decimal;
list-style-position:outside;
margin:.5em 0
}

ol.re_list li {
margin:0 0 5px 2em
}

h1 {
font-size:4rem;
color:#008fcd;
line-height:1.25;
margin-bottom:.3em
}

h1.forseo {
display:none
}

h2 {
font-size:3.6rem;
color:#008fcd;
line-height:1.25;
margin-bottom:.4em
}

h2.stress01 {
color:#f594cc
}

h2.stress02 {
color:#F17925
}

h3 {
font-size:3.6rem;
color:#008fcd;
line-height:1.25;
margin-bottom:.4em
}

h4 {
font-size:2rem;
color:#008fcd;
line-height:1.25
}

h5 {
font-size:1.5rem;
color:#333;
line-height:1.25
}

h6 {
font-size:1.4rem;
color:#555;
line-height:1.25
}

h1 a {
color:#008fcd;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h2 a {
color:#008fcd;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h3 a {
color:#008fcd;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h4 a {
color:#008fcd;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

h5 a {
color:#222
}

h6 a {
color:#666
}

h2 span,h2 span a,h3 span a {
font-size:1.6rem;
color:#000
}

h2 span a:hover,h3 span a:hover {
text-decoration:underline
}

h2 p {
font-size:1.6rem;
color:#666
}

.lrp_text_alert {
color:#de7676
}

.lrp_text_primary {
color:#008fcd
}

span.lrp_sub_title {
color:#f594cc
}

span.lrp_text_alert {
font-size:1.2rem;
color:#de7676
}

span.lrp_text_remind {
font-size:1.2rem;
color:#59c2f2
}

span.lrp_text_count {
font-size:2rem;
color:#008fcd;
line-height:1.25
}

span.lrp_text_price {
font-size:1.8rem;
color:#000;
line-height:1.25
}

.lrp_article_index h1 {
font-size:1.4rem;
display:inline-block;
color:#000;
margin:0;
line-height:1
}

.lrp_text_bold {
font-weight:700
}

.lrp_icon_com {
display:inline-block;
margin:5px;
width:20px;
height:20px;
color:#fff;
vertical-align:middle;
text-align:center;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%
}

.lrp_icon_alert {
background:#f594cc;
font-style:normal;
font-size:1.2rem;
line-height:20px;
font-family:Arial
}

.lrp_icon_alert::before {
content:"!"
}

.lrp_icon_remind {
background:#ccc;
font-style:normal;
font-size:1.2rem;
line-height:20px;
font-family:Arial
}

.lrp_icon_remind::before {
content:"i"
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lrp_text_darkblue {
color:#008fcd
}

.lrp_text_lightblue {
color:#59c2f2
}

.lrp_tx_line1 {
white-space:normal;
line-height:1.5em;
max-height:1.5em;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
-line-clamp:1;
-webkit-line-clamp:1;
display:-webkit-box
}

.lrp_tx_line2 {
white-space:normal;
line-height:1.5em;
max-height:3em;
overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
-line-clamp:2;
-webkit-line-clamp:2;
display:-webkit-box
}

.lrp_fb_button {
margin:10px 0
}

[class*='lrp_icon_social_'] {
display:inline-block;
width:24px;
height:24px;
background:url(../Images/lrp_icon_social.png) no-repeat;
background-size:24px
}

[class*='lrp_icon_social_fb'] {
background-position:0 -72px
}

[class*='lrp_icon_social_ig'] {
background-position:0 -96px
}

[class*='lrp_icon_social_yt'] {
background-position:0 -120px
}

[class*='lrp_icon_social_fbc'] {
background-position:0 0
}

[class*='lrp_icon_social_igc'] {
background-position:0 -24px
}

[class*='lrp_icon_social_ytc'] {
background-position:0 -48px
}

[class*='lrp_icon_social_mail'] {
background-position:0 -144px
}

[class*='lrp_icon_social_line'] {
background-position:0 -168px
}

input[type="button"].btn_fb_share {
width:45px;
height:20px;
min-height:0;
background:url(../Images/social/btn_fb_share_s.png) no-repeat;
font-size:0;
outline:0;
border:0
}

.lrp_icon_tel_g {
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
background:url(../Images/social/tel_g.svg) no-repeat center center;
background-size:100%
}

.lrp_icon_loc_g {
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
background:url(../Images/social/loc_g.svg) no-repeat center center;
background-size:100%
}

.lrp_icon_locate {
display:inline-block;
width:32px;
height:32px;
margin-top:-3px;
vertical-align:middle;
background:url(../Images/my_loc.svg) no-repeat center center;
background-size:80%;
cursor:pointer
}

.lrp_icon_delete {
display:inline-block;
width:40px;
height:40px;
vertical-align:middle;
background:url(../Images/delete.svg) no-repeat center center;
background-size:80%;
cursor:pointer;
opacity:.75
}

.lrp_icon_delete:hover {
opacity:1
}

.lrp_icon_location {
display:inline-block;
width:40px;
height:40px;
vertical-align:middle;
background:url(../Images/pic_nav_location.svg) no-repeat center center;
background-size:100%;
cursor:pointer
}

.lrp_icon_search {
display:inline-block;
width:30px;
height:30px;
vertical-align:middle;
position:relative
}

.lrp_icon_search::before {
content:"";
display:block;
left:2px;
top:2px;
width:15px;
height:15px;
background:#fff;
border:solid 2px #008fcd;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position:absolute
}

.lrp_icon_search::after {
content:"";
display:block;
left:15px;
top:20px;
width:12px;
height:3px;
background:#008fcd;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
position:absolute
}

.lrp_icon_tick {
display:inline-block;
width:26px;
height:26px;
margin:2px;
background:#59c2f2ff;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
vertical-align:middle;
position:relative
}

.lrp_icon_tick::before {
content:"";
position:absolute;
left:4px;
top:14px;
width:8px;
height:3px;
background:#fff;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg)
}

.lrp_icon_tick::after {
content:"";
position:absolute;
left:7px;
top:12px;
width:16px;
height:3px;
background:#fff;
transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-sand-transform:rotate(135deg)
}

.lrp_icon_facebook {
width:96px;
height:22px;
display:inline-block;
margin-bottom:-6px;
background:url(../Images/social/fb_l.svg) no-repeat;
background-size:cover
}

.lrp_icon_line {
width:28px;
height:28px;
display:inline-block;
margin-top:-4px;
vertical-align:middle;
background:url(../Images/social/line.svg) no-repeat;
background-size:cover
}

.lrp_icon_health_p {
display:inline-block;
width:17px;
height:16px;
vertical-align:middle;
background:url(../Images/icon_health_p.png) no-repeat;
background-size:cover
}

.lrp_icon_health_w {
display:inline-block;
width:17px;
height:16px;
vertical-align:middle;
background:url(../Images/icon_health_w.png) no-repeat;
background-size:cover
}

.lrp_icon_cart {
width:24px;
height:24px;
display:inline-block;
vertical-align:middle;
margin-bottom:4px;
margin-right:3px;
background:url(../Images/icon_cart.svg) no-repeat
}

[class*='lrp_com_icon'] {
display:inline-block;
width:24px;
height:24px;
vertical-align:sub;
background:url(../Images/lrp_com_icon.png) no-repeat;
background-size:48px
}

[class*='lrp_com_icon_speaker'] {
background-position:0 0
}

[class*='lrp_com_icon_prev'] {
background-position:0 -24px
}

[class*='lrp_com_icon_next'] {
background-position:0 -48px
}

[class*='lrp_com_icon_w_'] {
background-position-x:-24px
}

@media screen and (min-width: 960px) {
[class*='lrp_com_icon'] {
margin:0 -4px;
-webkit-transform:scale(0.75);
transform:scale(0.75)
}
}

.lrp_icon_community {
display:inline-block;
width:30px;
height:30px;
vertical-align:middle
}

.lrp_icon_community_wechat {
background:url(../images/social/wechat.svg) #00b80c no-repeat center center;
background-size:30px
}

.lrp_icon_community_line {
background:url(../images/social/line.svg) #00c41c no-repeat center center;
background-size:30px
}

.lrp_icon_community_fb {
background:url(../images/social/fb.svg) #3765a3 no-repeat center center;
background-size:22px
}

.lrp_icon_community_weibo {
background:url(../images/social/weibo.svg) #d72928 no-repeat center center;
background-size:30px
}

.lrp_icon_community.disable {
background-color:#ccc
}

.lrp_btn_arr {
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
position:relative
}

.lrp_btn_arr::before {
content:"";
display:block;
width:12px;
height:12px;
border-top:2px solid #aaa;
border-left:2px solid #aaa
}

.lrp_btn_arr_up::before {
position:absolute;
top:7px;
left:3px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg)
}

.lrp_btn_arr_down::before {
position:absolute;
top:-1px;
left:3px;
transform:rotate(225deg);
-moz-transform:rotate(225deg);
-webkit-transform:rotate(225deg);
-ms-transform:rotate(225deg);
-sand-transform:rotate(225deg)
}

.lrp_btn_com_main,
input[type="button"].lrp_btn_com_main,
.lrp_btn_com_secondary,
input[type="button"].lrp_btn_com_secondary,
.lrp_btn_com_sub,
input[type="button"].lrp_btn_com_sub,
.lrp_btn_com_thr,
input[type="button"].lrp_btn_com_thr {
display:inline-block;
min-width:160px;
height:40px;
line-height:36px;
text-align:center;
border:0;
padding:0 16px;
font-size:16px;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei";
vertical-align:sub;
cursor:pointer
}

.lrp_btn_com_main a,.lrp_btn_com_secondary a,.lrp_btn_com_sub a,.lrp_btn_com_thr a {
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei"
}

/* main */
.lrp_btn_com_main,input[type="button"].lrp_btn_com_main {
background:#fff;
color: rgb(var(--Brand));
border:solid 1px rgb(var(--Brand));
}

.lrp_btn_com_main:hover,input[type="button"].lrp_btn_com_main:hover {
background: rgb(var(--BrandLight));
color: rgb(var(--BrandDark));
}


.lrp_btn_com_main .lrp_btn_arr::before {
color:rgb(var(--Brand));
}

.lrp_btn_com_main a {
display:block;
color:rgb(var(--Brand));
text-decoration:none
}

.lrp_btn_com_main .lrp_btn_arr::before {
color: rgb(var(--Brand));
}

.lrp_btn_com_main a {
display:block;
color: rgb(var(--Brand));
text-decoration:none
}

/* secondary */
.lrp_btn_com_secondary,
input[type="button"].lrp_btn_com_secondary {
  background: #fff;
  color: #757575;
  border: solid 1px #757575
}

.lrp_btn_com_secondary:hover,
input[type="button"].lrp_btn_com_secondary:hover {
  background: #f5f4f4;
  color: #232323;
}


.lrp_btn_com_secondary .lrp_btn_arr::before {
  color: #757575
}

.lrp_btn_com_secondary a {
  display: block;
  color: #757575;
  text-decoration: none
}


/* sub */

.lrp_btn_com_sub,input[type="button"].lrp_btn_com_sub {
background: rgb(var(--Brand));
color:#fff;
border:solid 1px rgb(var(--Brand));
}

.lrp_btn_com_sub:hover,input[type="button"].lrp_btn_com_sub:hover {
background:rgb(var(--BrandDark));
}

.lrp_btn_com_sub a {
display:block;
color:#fff;
text-decoration:none
}

.lrp_btn_com_main:hover,.lrp_btn_com_sub [class*='lrp_com_icon'] {
background-position-x:-24px
}

/* thr */
.lrp_btn_com_thr,input[type="button"].lrp_btn_com_thr {
background:rgb(var(--BrandSecondary));
color:#fff
}

.lrp_btn_com_thr:hover,input[type="button"].lrp_btn_com_thr:hover {
background: rgb(var(--BrandSecondaryDark));
}

.lrp_btn_com_disabled,input[type="button"].lrp_btn_com_disabled {
display:inline-block;
min-width:160px;
line-height:40px;
text-align:center;
background:#ebedef;
color:#999;
border:1px solid #ebedef;
padding:0 .5em;
font-size:16px;
font-family:"Euphemia","Letter Gothic Std","Microsoft JhengHei";
vertical-align:sub
}

.lrp_btn_com_cart {
display:inline-block;
padding:0 .5em;
min-width:200px;
height: 40px;
font-size:16px;
text-align:center;
line-height:40px;
background:rgb(var(--Brand));
color: white;
border:solid 1px rgb(var(--Brand));
cursor:pointer
}

.lrp_btn_com_cart .lrp_icon_cart {
background:url(../Images/icon_cart.svg) no-repeat
}

.lrp_btn_com_cart:hover {
background: rgb(var(--BrandDark));
color:#fff
}

.lrp_btn_com_cart:hover .lrp_icon_cart {
background:url(../Images/icon_cart.svg) no-repeat;
transform: rotate(-15deg);
}

.lrp_btn_com_prev {
left:0;
top:50%;
margin-top:-22px;
position:absolute;
z-index:9
}

.lrp_btn_com_next {
right:0;
top:50%;
margin-top:-22px;
position:absolute;
z-index:9
}

.lrp_btn_com_prev,.lrp_btn_com_next {
display:block;
width:36px;
height:70px;
position:absolute;
cursor:pointer
}

.lrp_btn_com_prev::before,.lrp_btn_com_next::before {
content:"";
display:block;
width:45px;
height:45px;
border-top:1px solid #65bbe1;
border-left:1px solid #65bbe1
}

.lrp_btn_com_prev::before {
margin:12px 0 0 10px;
transform:rotate(315deg);
-moz-transform:rotate(315deg);
-webkit-transform:rotate(315deg);
-ms-transform:rotate(315deg);
-sand-transform:rotate(315deg)
}

.lrp_btn_com_next::before {
margin:12px 0 0 -20px;
transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-sand-transform:rotate(135deg)
}

.lrp_btn_com_prev:hover::before,.lrp_btn_com_next:hover::before {
border-color:#008fcd
}

.lrp_wcenter {
text-align:center
}

.lrp_popup .lrp_wcenter input[type="button"] {
margin-top:4px
}

.lrp_2btn {
overflow:hidden
}

.lrp_2btn .lrp_btn_com_sub:not(:last-of-type) {
margin-right:20px
}

.lrp_wrap_basic {
max-width:1200px;
width:100%;
margin:0 auto;
position:relative
}

.lrp_wrap_outer {
max-width:1200px;
width:100%;
margin:0 auto 60px;
position:relative
}

.lrp_wrap_inner {
margin-bottom:30px
}

.lrp_wrap_inner_t {
margin-top:30px
}

.lrp_wrap_outer::after,.lrp_wrap_inner::after,.lrp_wrap::after {
content:"";
display:block;
clear:both;
overflow:hidden
}

.lrp_wrap_lateral {
max-width:1200px;
width:100%;
margin:0 auto
}

.lrp_wrap_in_al_cen {
text-align:center
}

.cookies_banner {
padding:16px 48px 16px 16px;
font-size:1.2rem;
background:#008fcdcc;
color:#fff;
position:relative;
z-index:999
}

.cookies_banner a.close {
width:40px;
height:40px;
right:10px;
top:8px;
display:block;
position:absolute
}

.cookies_banner a.close::before {
content:"";
display:block;
width:12px;
height:2px;
top:19px;
left:14px;
background:#ffffff80;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
position:absolute
}

.cookies_banner a.close::after {
content:"";
display:block;
width:12px;
height:2px;
top:19px;
left:14px;
background:#ffffff80;
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
position:absolute
}

.cookies_banner a.close:hover::before {
background:#ffff
}

.cookies_banner a.close:hover::after {
background:#ffff
}

.cookies_banner a {
color:#ffe000;
text-decoration:underline
}

header {
width:100%;
max-width:1200px;
height:105px;
margin:0 auto;
font-size:1.6rem;
white-space:nowrap;
position:relative;
z-index:88
}

header::after {
content:"";
display:block;
overflow:hidden;
clear:both
}

header a {
text-decoration:none
}

header .lrp_logo {
margin:22px 0 0;
display:block;
width:186px;
height:83px;
background:url(../Images/lrp_header_logo.svg) no-repeat;
background-size:100%;
text-indent:-99999px;
float:left
}

header .lrp_logo a {
display:block;
width:100%;
height:100%
}

header .lrp_slogen {
margin-top:46px;
font-size:1.4rem;
color:#949fa3;
float:left
}

header .lrp_slogen dfn {
display:block;
font-size:2rem;
color:#008fcdff
}

header .lrp_nav_btn,header .lrp_nav_btn_close,header .lrp_nav_btn_member {
width:44px;
height:45px;
top:8px;
right:0;
margin:0;
position:absolute;
cursor:pointer;
z-index:9
}

header .lrp_nav_btn .lrp_nav_lines {
width:25px;
height:3px;
left:6px;
top:23px;
background:#008fcd;
position:absolute
}

header .lrp_nav_btn::before {
content:"";
display:block;
width:25px;
height:3px;
left:6px;
top:14px;
background:#008fcd;
position:absolute
}

header .lrp_nav_btn::after {
content:"";
display:block;
width:25px;
height:3px;
left:6px;
top:32px;
background:#008fcd;
position:absolute
}

header .lrp_nav_btn_close .lrp_nav_lines {
display:none
}

header .lrp_nav_btn_close::before {
content:"";
display:block;
width:28px;
height:3px;
left:6px;
top:22px;
background:#008fcd;
position:absolute;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-webkit-animation:ColseX .2s 1 linear;
-moz-animation:ColseX .2s 1 linear;
animation:ColseX .2s 1 linear
}

header .lrp_nav_btn_close::after {
content:"";
display:block;
width:28px;
height:3px;
left:6px;
top:22px;
background:#008fcd;
position:absolute;
transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-webkit-animation:ColseY .2s 1 linear;
-moz-animation:ColseY .2s 1 linear;
animation:ColseY .2s 1 linear
}

header .lrp_nav_btn_member {
top:8px;
right:50px;
background:url(../Images/icon_m_nav_member.svg) no-repeat center;
background-size:63%
}

header .lrp_nav_btn_member span {
display:inline-block;
width:25px;
height:25px;
text-align:center;
border:1px solid #fff;
background:#f594cc;
color:#fff;
position:absolute;
bottom:5px;
right:0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-transform:scale(0.75);
transform:scale(0.75)
}

header .lrp_nav_btn,header .lrp_nav_btn_close,header .lrp_nav_btn_member {
display:none
}

.lrp_header_member {
font-size:1.4rem;
position:absolute;
top:5px;
right:0
}

.lrp_header_member p span,.lrp_header_member p span a {
color:#949fa3
}

.lrp_header_member p span a:hover {
text-decoration:underline
}

.lrp_header_member p span::after,.lrp_header_member p span:first-child::before {
content:"";
display:inline-block;
margin:0 1em;
width:1px;
height:.8em;
background:#b7babc
}

.lrp_header_member p span.member_name::before {
display:none
}

nav {
width:100%;
max-width:1200px;
height:40px;
margin:0 auto;
background:#fff;
z-index:10;
position:relative
}

nav::after,nav ul::after {
content:"";
display:block;
overflow:hidden;
clear:both
}

nav::after {
border-bottom:1px solid #ebedef
}

nav > ul {
max-width:calc(100% - 240px)
}

nav > ul > li {
display:block;
float:left;
font-size:1.6rem;
cursor:pointer
}

nav > ul > li:first-child {
margin-left:5px
}

nav > ul > li > a {
display:block;
padding:0 1em;
line-height:38px;
color:#000;
border-bottom:2px solid #fff
}

nav > ul > li > a:hover,/*IOS不能用hover*/
nav > ul > li.current > a {
border-bottom:2px solid #008fcd
}

nav > ul > li > ul {
display:none;
padding:25px 0;
width:100%;
position:absolute;
left:0;
top:40px;
background:#ffff;
border-top:1px solid #ebedef;
-webkit-box-shadow:0 10px 20px 0 #00000026;
-moz-box-shadow:0 10px 20px 0 #00000026;
box-shadow:0 10px 20px 0 #00000026
}

nav > ul > li.sub_menu_on > ul {
display:block;
-webkit-animation:RoomInDown .2s 1 linear;
-moz-animation:RoomInDown .2s 1 linear;
animation:RoomInDown .2s 1 linear
}

nav > ul > li > ul {
-webkit-animation:RoomInDown .2s 1 linear;
-moz-animation:RoomInDown .2s 1 linear;
animation:RoomInDown .2s 1 linear
}

nav > ul > li > ul > li {
width:33%;
padding:0 1.5rem;
font-size:1.6rem;
float:left
}

nav > ul > li > ul > li:nth-child(2) {
border-left:1px solid #ddd;
border-right:1px solid #ddd
}

nav > ul > li > ul > li:last-child {
width:100%;
text-align:center;
padding:1rem 0
}

nav > ul > li > ul > li > a {
display:block;
color:#008fcd;
line-height:40px
}

nav > ul > li > ul > li > ul > li {
min-width:50%;
font-size:1.3rem;
float:left
}

nav > ul > li > ul > li > ul > li a {
color:#000;
line-height:2.2;
display:block
}

nav > ul > li > ul > li > ul > li a:hover {
color:#008fcd
}

nav > ul > li .lrp_btn_com_sub {
min-width:320px
}

header .lrp_nav_btn,header .lrp_nav_btn_close,header .lrp_nav_btn_member,nav.m_nav_member {
display:none
}

nav > ul > li .nav_std_color01 {
color:#009fd6
}

nav > ul > li .nav_std_color02 {
color:#f594cc
}

nav > ul > li.h_search {
position:absolute;
top:-5px;
right:0;
}

nav > ul > li.h_search div {
border:1px solid rgb(var(--BrandSecondary));
display: flex;
flex-wrap: nowrap;
}

nav > ul > li.h_search input {
border:0;
margin:0;
font-size:1.4rem;
height: 32px;
min-height: 32px;
}

nav>ul>li.h_search input[type=text] {
  width: 160px;
}

nav > ul > li.h_search input[type=button] {
margin-right:-1px;
padding:0 1em;
background: rgb(var(--BrandSecondary));
color:#fff
}

nav > ul > li.h_pos {
position:relative;
float:right
}

nav > ul > li.h_pos a:hover {
border:0
}

nav > ul > li.h_pos a {
padding:0;
color:#009fd6
}

nav > ul > li.h_pos a:before {
content:"";
display:block;
margin:-10px 0 0;
width:34px;
height:34px;
background:url(../Images/pic_nav_location.svg);
background-size:cover;
float:left
}

nav > ul > li.h_pos a:after {
content:"哪裡買？";
display:inline;
font-size:1.6rem;
position:absolute;
top:-20px;
left:34px
}

nav > ul > li > ul.health {
padding:0 0 0 60px
}

nav > ul > li > ul.health > li {
width:calc((100% - 236px)/4);
height:100%;
padding:36px 0 40px;
margin-right:44px;
border-right:none;
border-left:none
}

nav > ul > li > ul.health > li:last-of-type {
width:calc((100% - 236px)/4 + 104px);
min-height:326px;
padding:36px 60px 40px 44px;
margin-right:0;
background:#f6f6f7;
text-align:left
}

nav > ul > li > ul.health > li > a:first-of-type {
padding-bottom:5px;
margin-bottom:36px;
border-bottom:solid 1px #edeef0
}

nav > ul > li > ul.health > li > ul > li {
width:100%
}

nav > ul > li > ul.health > li .pic {
max-width:160px;
max-height:120px;
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out
}

nav > ul > li > ul.health > li:hover .pic {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05)
}

.breadcrumbs {
margin:0 auto;
padding-left:16px;
width:100%;
max-width:1200px;
height:40px;
line-height:40px;
background:#fff;
font-size:1.4rem;
border-top:1px solid #ebedef
}

.breadcrumbs .lrp_off_wrap {
padding:5px 5px 5px 20px;
width:100%;
margin:0 auto
}

.breadcrumbs,.breadcrumbs a {
color:#999
}

.breadcrumbs span::after {
content:">";
padding:0 .25em 0 .5em
}

.breadcrumbs span:last-of-type {
color:#000
}

.breadcrumbs span:last-of-type::after {
content:""
}

footer {
width:100%;
min-height:198px;
text-align:center;
background:#008fcd;
color:#fff9
}

footer a {
text-decoration:none;
color:#fff9
}

footer a:hover {
color:#fff;
text-decoration:underline
}

footer .footer_social {
padding:30px 0
}

footer .footer_social a {
width:58px;
height:58px;
border-radius:50%;
margin:0 1.2em;
padding:15px;
display:inline-block;
border:2px solid #fff6
}

footer .footer_social a:hover {
display:inline-block;
border-color:#ffff
}

footer .footer_social a [class*='lrp_icon_social_'] {
opacity:.6;
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

footer .footer_social a:hover [class*='lrp_icon_social_'] {
opacity:1
}

footer .lrp_epaper {
overflow:hidden
}

footer .lrp_epaper div {
max-width:300px;
margin:auto;
display:block;
border:1px solid #ffffff80
}

footer .lrp_epaper div * {
border:0;
font-size:1.6rem;
line-height:30px
}

footer .lrp_epaper input {
width:75%;
height:30px;
line-height:30px;
border:0;
margin:0
}

footer .lrp_epaper input[type=button] {
padding:0 1em;
width:24.85%;
background:#fff0;
color:#ffff;
float:right
}

footer .lrp_epaper input[type=button]:hover {
color:#008fcdff;
background:#ffff;
border-left:1px solid #008fcd80;
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

footer .copyright {
width:100%;
padding:30px 0 5px;
font-size:1.2rem;
text-align:center
}

footer .copyright dfn:not(:first-child) {
margin-left:2em
}

footer .copyright span::before {
content:"";
display:inline-block;
margin:0 2em;
width:1px;
height:1em;
background:#fff9
}

footer .lrp_line_customer {
display:inline-flex;
align-items:center
}

footer .lrp_line_customer dl {
display:inline-flex;
align-items:center;
margin-right:16px;
font-size:2rem;
border:solid 1px #fff;
border-radius:12px;
padding-right:12px;
color:#fff;
cursor:pointer;
opacity:.6
}

footer .lrp_line_customer dl:hover {
opacity:1
}

footer .lrp_line_customer dl dt {
width:48px;
margin-right:8px;
margin-bottom:-8px
}

footer .lrp_line_customer p {
text-align:left;
font-size:1.4rem
}

.lrp_float_area {
display:inline-block;
margin:0 auto;
text-align:center;
position:fixed;
right:-492px;
top:200px;
z-index:99;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0
}

.lrp_float_area a {
display:inline-block;
padding:0 2px;
height:50px;
background:#46629dcc;
float:left
}

.lrp_float_area .btn_basic span {
display:inline-block;
margin:12px;
max-width:100%
}

.lrp_float_area .btn_qa span {
line-height:30px;
height:30px;
font-weight:700;
font-family:arial,"微軟正黑體";
color:#fff
}

.lrp_float_area .btn_fb span,.lrp_float_area .btn_line span,.lrp_float_area .btn_ig span,.lrp_float_area .btn_yt span {
transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg)
}

.lrp_float_area .btn_fb {
background-color:#3c5b97
}

.lrp_float_area .btn_line {
background-color:#00c300
}

.lrp_float_area .btn_ig {
background-image:linear-gradient(-135deg,#44107A 0%,#FF1361 50%,#FFF800 100%)
}

.lrp_float_area .btn_yt {
background-color:red
}

.ie10 .lrp_float_area .btn_fb span {
margin:12px auto;
background:none;
font-size:3rem
}

.lrp_float_area .btn_qa {
background:#59c2f2cc
}

.lrp_float_area .btn_qa span {
font-size:3rem
}

.lrp_float_area .btn_docter {
background:#c1dbe6cc
}

.lrp_float_area .btn_docter span {
margin:4px 0 0;
width:185px;
height:40px;
background:url(../Images/btn_float_dr.png) no-repeat;
background-size:contain
}

.lrp_float_area.dr_hidden {
right:-207px
}

.lrp_float_area.dr_hidden .btn_docter {
display:none
}

.cd-panel,.cd-panel.is-visible {
z-index:100
}

.is-visible .cd-panel-header {
background:#008fcd;
color:#fff
}

.cd-panel-header h2 {
max-width:93%;
height:50px;
line-height:50px;
font-size:2rem;
overflow:hidden;
color:#fff
}

.cd-panel-content {
padding-top:40px
}

.cd-panel.is-visible {
text-align:left
}

.cd-panel.is-visible img {
max-width:100%;
height:auto
}

.cd-panel.is-visible p {
font-size:1.6rem
}

.lrp_tabs_wrap {
margin:0 auto;
width:100%;
max-width:1200px;
margin-bottom:20px;
overflow:auto
}

.lrp_tabs {
display:flex;
justify-content:start;
width:100%;
border-bottom:solid 1px #ccc;
margin-bottom:20px
}

.lrp_tabs li {
padding:.5em 1em;
background:#0000000d;
color:#222;
float:left;
border:solid 1px #ccc;
margin-right:5px;
margin-bottom:-1px;
cursor:pointer
}

.lrp_tabs li a {
display:block;
color:#222
}

.lrp_tabs li:last-of-type {
margin-right:0
}

.lrp_tabs li.current {
color:#008fcd;
border-bottom:solid 1px #fff;
margin-bottom:-1px;
cursor:default
}

.lrp_tabs li:hover a,.lrp_tabs li.current a,.lrp_article_tab li.current h2 {
color:#008fcd
}

.lrp_tabs li:hover,.lrp_tabs li.current,.lrp_article_tab h2:hover,.lrp_article_tab h2.current {
background:#ffff;
color:#008fcd;
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

.lrp_article_tab li {
padding:0
}

.lrp_article_tab li h2 {
font-size:3rem
}

.lrp_article_tab h2 {
padding:.5em 1em;
margin:0;
line-height:1.5;
color:#222
}

.lrp_article_index h1 {
font-size:1.4rem;
display:inline-block;
color:#000;
margin:0;
line-height:1
}

.tabs-underline .lrp_tabs li {
background:none;
border:none;
margin-bottom:0;
font-size:3rem
}

.tabs-underline .lrp_tabs li.current {
border-bottom:solid 2px #000000de;
margin-bottom:-1px
}

.tabs-underline .lrp_tabs li.current a {
color:#000000de;
font-weight:700
}

.lrp_article_list h4 {
font-size:2.5rem
}

.lrp_article_list p {
font-size:1.8rem;
line-height:2
}

.pager {
text-align:center
}

.pager li {
margin-right:3px;
display:inline-block
}

.pager li a {
min-width:30px;
height:30px;
line-height:30px;
color:#008fcd;
text-decoration:none;
display:inline-block;
position:relative
}

.pager li a:hover,ul.pager li.current a {
background:#008fcd;
color:#fff;
text-decoration:none;
transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out
}

.pager .prev a,.pager .next a {
height:30px;
text-indent:-999999px
}

.pager .prev a::before,.pager .next a::before {
content:'';
display:inline-block;
width:0;
height:0;
border:8px solid transparent;
position:absolute
}

.pager .prev a::before {
border-right-color:#008fcd;
left:2px;
top:6px
}

.pager .next a::before {
border-left-color:#008fcd;
right:2px;
top:6px
}

.pager .prev a:hover::before {
border-right-color:#fff
}

.pager .next a:hover::before {
border-left-color:#fff
}

.lrp_popup_wrap {
width:100%;
height:100%;
left:0;
top:0;
background:#00000080;
overflow:auto;
color:#555;
position:fixed;
z-index:980;
word-break:break-all
}

.lrp_popup_wrap.light {
background:#ffffff80
}

.lrp_popup {
display:block;
width:90%;
max-width:550px;
min-width:320px;
min-height:100px;
margin:40px auto 20px;
padding:15px;
background:#FFF;
position:relative;
box-shadow:0 0 10px #0000004d;
-moz-box-shadow:0 0 10px #0000004d;
-webkit-box-shadow:0 0 10px #0000004d;
z-index:999
}

.lrp_popup h4 {
margin-bottom:15px
}

.lrp_popup p {
margin-bottom:.5em
}

.lrp_popup ol.lrp_notic {
font-size:1.2rem;
color:#999
}

.lrp_popup .popup_jqrwd {
width:100%;
font-size:1.4rem;
color:#666;
margin-bottom:8px
}

.lrp_popup .popup_jqrwd th {
padding:4px 8px;
border-bottom:1px solid #ddd;
text-align:left;
color:#333;
font-weight:700;
white-space:nowrap
}

.lrp_popup .popup_jqrwd td {
padding:4px 8px;
border-bottom:1px solid #ddd
}

.lrp_popup .popup_jqrwd td.name {
min-width:3em
}

.lrp_popup .popup_jqrwd td.email {
font-size:1.2rem
}

.lrp_popup .popup_jqrwd td.card {
white-space:nowrap
}

.lrp_popup .popup_jqrwd td.point,.lrp_popup .popup_jqrwd td.date {
white-space:nowrap;
font-size:1.2rem
}

.lrp_popup_btn_close {
display:block;
width:20px;
height:20px;
background:#fff;
border:solid 1px #59c2f2;
position:absolute;
right:5px;
top:5px;
cursor:pointer
}

.lrp_popup_btn_close::before {
content:"";
display:block;
width:18px;
height:1px;
background:#59c2f2;
top:9px;
left:0;
position:absolute;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-sand-transform:rotate(45deg)
}

.lrp_popup_btn_close::after {
content:"";
display:block;
width:18px;
height:1px;
background:#59c2f2;
top:9px;
left:0;
position:absolute;
transform:rotate(315deg);
-moz-transform:rotate(315deg);
-webkit-transform:rotate(315deg);
-ms-transform:rotate(315deg);
-sand-transform:rotate(315deg)
}

.bg-line {
background-color:rgb(var(--LineOA));
border-color:rgb(var(--LineOA));
}

.bg-line:hover {
background-color:color-mix(in srgb, rgb(var(--LineOA)) 92%,black 8%);}

.tx-verticl-middle {
vertical-align:middle
}

.product_detail_spec_list {
    display: flex;
    flex-wrap: wrap;
}

.product_detail_spec_list > li {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    padding: 8px 16px;
    align-items: center;
    justify-content: center;
}

.product_detail_spec_btn {
    white-space: normal;
    word-wrap: break-word;
    flex: 1;
}

@-webkit-keyframes ColseX {
0% {
-webkit-transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(45deg)
}
}

@-moz-keyframes ColseX {
0% {
-moz-transform:rotate(0deg)
}

100% {
-moz-transform:rotate(45deg)
}
}

@keyframes ColseX {
0% {
transform:rotate(0deg)
}

100% {
transform:rotate(45deg)
}
}

@-webkit-keyframes ColseY {
0% {
-webkit-transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(-45deg)
}
}

@-moz-keyframes ColseY {
0% {
-moz-transform:rotate(0deg)
}

100% {
-moz-transform:rotate(-45deg)
}
}

@keyframes ColseY {
0% {
transform:rotate(0deg)
}

100% {
transform:rotate(-45deg)
}
}

@-webkit-keyframes RoomInUp {
0% {
-webkit-transform:translateY(20px);
opacity:.1
}

100% {
-webkit-transform:translateY(0px);
opacity:1
}
}

@-moz-keyframes RoomInUp {
0% {
-moz-transform:translateY(20px);
opacity:.1
}

100% {
-moz-transform:translateY(0px);
opacity:1
}
}

@keyframes RoomInUp {
0% {
transform:translateY(20px);
opacity:.1
}

100% {
transform:translateY(0px);
opacity:1
}
}

@-webkit-keyframes RoomInDown {
0% {
-webkit-transform:translateY(-20px);
opacity:.1
}

100% {
-webkit-transform:translateY(0px);
opacity:1
}
}

@-moz-keyframes RoomInDown {
0% {
-moz-transform:translateY(-20px);
opacity:.1
}

100% {
-moz-transform:translateY(0px);
opacity:1
}
}

@keyframes RoomInDown {
0% {
transform:translateY(-20px);
opacity:.1
}

100% {
transform:translateY(0px);
opacity:1
}
}

.loader {
display:block;
margin:30% auto;
height:80px;
width:80px;
border:1px solid #008fcd;
border-right:2px solid #008fcd26;
border-radius:50%;
-webkit-animation:te_loading 1s infinite linear;
-moz-animation:te_loading 1s infinite linear;
-o-animation:te_loading 1s infinite linear;
animation:te_loading 1s infinite linear
}

@-webkit-keyframes te_loading {
from {
-webkit-transform:rotate(0deg)
}

to {
-webkit-transform:rotate(360deg)
}
}

@-moz-keyframes te_loading {
from {
-moz-transform:rotate(0deg)
}

to {
-moz-transform:rotate(360deg)
}
}

@-o-keyframes te_loading {
from {
-o-transform:rotate(0deg)
}

to {
-o-transform:rotate(360deg)
}
}

@keyframes te_loading {
from {
transform:rotate(0deg)
}

to {
transform:rotate(360deg)
}
}

@media screen and (max-width: 1200px) {
.lrp_tabs {
padding:0 10px;
margin:0 0 10px
}

.lrp_wrap_lateral {
padding:0 10px
}
}

@media screen and (max-width: 1024px) {
#body {
min-height:calc(100vh - 313px)
}

h1 {
font-size:3rem
}

h2 {
font-size:2.6rem
}

h3 {
font-size:2.6rem
}

header {
height:55px
}

header .lrp_logo {
margin:0;
width:123px;
height:55px
}

header .lrp_slogen {
display:none
}

header .lrp_nav_btn,header .lrp_nav_btn_close,header .lrp_nav_btn_member,nav > ul > li.current > ul,nav > ul > li.current > ul > li.current > ul {
display:block
}

nav > ul > li.current > ul > li.current > ul {
-webkit-animation:RoomInDown 1s 1 ease-in-out;
-moz-animation:RoomInDown 1s 1 ease-in-out;
animation:RoomInDown 1s 1 ease-in-out
}

.lrp_header_member p {
display:none
}

nav {
display:none;
width:100%;
height:auto;
position:relative;
top:0;
-webkit-box-shadow:0 10px 20px 0 #00000026;
-moz-box-shadow:0 10px 20px 0 #00000026;
box-shadow:0 10px 20px 0 #00000026
}

nav > ul {
max-width:100%;
background:#f8f8f8
}

nav > ul > li {
width:100%;
float:none;
margin:0;
text-align:center;
border-bottom:1px solid #ebedef;
font-size:2rem;
line-height:50px;
position:relative
}

nav > ul > li a,/*nav>ul>li a:hover,ISO不能用hover*/
nav > ul > li.current a {
text-decoration:none;
border:0;
line-height:50px
}

nav > ul > li:first-child {
margin-left:0;
border-top:1px solid #ebedef
}

nav > ul > li.current::before {
content:"";
display:block;
width:100%;
max-width:160px;
margin-left:-80px;
top:48px;
left:50%;
height:2px;
background:#008fcd;
position:absolute
}

nav > ul > li ul {
display:none;
margin:0;
padding:0;
-webkit-animation:none;
-moz-animation:none;
animation:none;
position:relative;
top:inherit;
-webkit-box-shadow:0 10px 20px 0 #0000;
-moz-box-shadow:0 10px 20px 0 #0000;
box-shadow:0 10px 20px 0 #0000
}

nav > ul > li > a:hover,/*IOS不能用hover*/
nav > ul > li.current > a {
border-bottom:none
}

nav > ul > li > ul > li {
width:100%;
padding:0;
border-bottom:1px solid #ebedef;
float:none
}

nav > ul > li > ul > li:nth-child(2) {
border-left:0;
border-right:0
}

nav > ul > li > ul > li:last-child {
padding:0;
border:0
}

nav > ul > li > ul > li:last-child .lrp_btn_com_sub {
font-size:1.6rem;
line-height:50px;
height:50px;
background:none;
border:0;
display:block
}

nav > ul > li > ul > li:last-child .lrp_btn_com_sub a {
color:#008fcd
}

nav > ul > li > ul > li > ul {
display:none;
margin:0 0 0 1rem
}

nav > ul > li > ul > li > ul > li {
min-width:25%;
text-align:left
}

nav > ul > li.h_search {
padding:.5em 0;
font-size:1.4rem;
line-height:normal;
position:relative;
top:0;
right:0
}

nav > ul > li.h_search div {
max-width:300px;
margin:auto
}

nav>ul>li.h_search input {
  height: 40px;
  font-size: 16px;
}

nav > ul > li.h_search input[type=text] {
flex-grow: 1;
}

nav > ul > li.h_pos a:before,nav > ul > li.h_pos a:after {
display:none
}

nav > ul > li > ul.health {
padding:0
}

nav > ul > li > ul.health > li {
width:100%;
padding:0;
text-align:center
}

nav > ul > li > ul.health > li > a {
border:0;
margin:0;
padding:0
}

nav > ul > li > ul.health > li > a:first-of-type {
margin-bottom:0;
border:0;
padding:0
}

nav > ul > li > ul.health > li:nth-of-type(2) {
border:0
}

nav > ul > li > ul.health > li:nth-of-type(3),nav > ul > li > ul.health > li:nth-of-type(4) {
display:none
}

nav > ul > li > ul.health > li > ul {
margin:0;
text-align:center
}

nav > ul > li > ul.health > li > ul li {
text-align:center
}

nav > ul > li > ul.health > li > ul li:last-of-type {
margin-bottom:8px
}

.breadcrumbs {
padding-left:10px
}

footer .lrp_epaper div * {
line-height:44px
}

footer .lrp_epaper input {
height:44px;
line-height:44px
}

.lrp_float_area {
display:block;
margin:0 auto;
text-align:center;
position:inherit;
right:inherit;
top:inherit;
z-index:inherit;
overflow:hidden;
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-moz-transform:rotate(0deg)
}

.lrp_float_area .btn_basic {
width:48px
}

.lrp_float_area .btn_docter,.lrp_float_area .btn_qa {
width:calc(((100% - (48px * 4)) / 2))
}

.lrp_float_area .btn_fb span,.lrp_float_area .btn_line span,.lrp_float_area .btn_ig span,.lrp_float_area .btn_yt span {
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg)
}

.lrp_float_area a {
display:inline-block;
padding:0
}

.lrp_float_area .btn_docter {
display:flex;
align-items:center;
justify-content:center
}

.lrp_float_area .btn_docter span {
margin:0 auto;
width:118px;
height:40px;
background:url(../Images/btn_float_dr_m.png) no-repeat;
background-size:contain;
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-moz-transform:rotate(0deg)
}

.lrp_float_area.dr_hidden a {
width:50%
}

input[type="button"].btn_fb_share {
background:url(../Images/social/btn_fb_share.png) no-repeat;
background-size:cover
}
}

@media screen and (max-width: 768px) {
#body {
min-height:calc(100vh - 448px)
}

.breadcrumbs {
margin-bottom:0
}

nav > ul > li > ul > li > ul > li {
min-width:33%
}

.lrp_btn_com_main,
input[type="button"].lrp_btn_com_main,
.lrp_btn_com_sub,
input[type="button"].lrp_btn_com_sub,
.lrp_btn_com_secondary,
input[type="button"].lrp_btn_com_secondary,
.lrp_btn_com_thr,
input[type="button"].lrp_btn_com_thr {
  width:100%
}

.lrp_btn_com_cart {
display:block;
text-align:center;
padding:0 .5em;
line-height:40px;
font-size:16px
}

.lrp_2btn .lrp_btn_com_sub {
display:block;
width:calc((100% - 10px)/2);
max-width:calc((100% - 10px)/2);
min-width:inherit;
margin:0
}

.lrp_2btn .lrp_btn_com_sub:first-of-type {
float:left;
margin:0
}

.lrp_2btn .lrp_btn_com_sub:last-of-type {
float:right;
margin:0
}

footer .copyright dfn:not(:first-child) {
margin-left:0
}

footer .copyright dfn {
display:block;
font-size:2rem;
line-height:45px
}

footer .copyright span::before {
content:"";
display:none
}

footer .lrp_line_customer {
flex-direction:column;
justify-content:center
}

footer .lrp_line_customer dl {
justify-content:center;
margin-bottom:8px;
margin-right:0
}

footer .lrp_line_customer p {
text-align:center
}

.cd-panel-container {
width:100%
}

.cd-panel-header {
width:100%
}

.cd-panel-header h2 {
width:90%;
padding:0 1%;
word-wrap:break-word;
word-break:break-all
}

.tabs-underline .lrp_tabs li,.lrp_article_tab li h2 {
font-size:2.2rem;
padding:.3em
}
}

@media screen and (max-width: 480px) {
nav > ul > li > ul > li > ul > li {
min-width:50%
}

.pager li {
display:none
}

.pager li.prev,ul.pager li.next {
display:inline-block;
font-size:.8em
}

footer .footer_social a {
margin:0 .5em
}

.lrp_tabs_wrap {
width:100%;
position:relative
}

.lrp_tabs {
padding:0;
max-width:none;
width:auto
}

.lrp_tabs li {
white-space:nowrap
}

.lrp_tabs li.current {
margin-bottom:0;
border-bottom:1px solid #fff
}

.tabs-underline .lrp_tabs li,.lrp_article_tab li h2 {
font-size:1.4rem
}

.lrp_article_list h4 {
font-size:1.8rem
}

.lrp_article_list p {
font-size:1.5rem
}
}

@media screen and (max-width: 320px) {
.lrp_article_tab li h2 {
font-size:1rem
}
}

@media screen and (min-width: 768px) {
.hide-desktop {
display:none
}

.hide-mobile {
display:block
}
}

@media screen and (max-width: 768px) {
.hide-desktop {
display:block
}

.hide-mobile {
display:none
}
}