@charset 'utf-8';
/**
 * 1.0 - Reset
 */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;/*font-size:100%;*/font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*font-size:62.5%;*/overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*,
*:before,
*:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
html,body{margin:0;padding:0;font-size:16px;font-family:'微軟儷黑體', '微軟正黑體', 'Arial', 'Helvetica', 'Geneva', sans-serif;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
ol,ul{list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {font-weight:normal;text-align:left;}
fieldset {min-width:inherit;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:"";}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
a:hover,
a:active{outline:0;}
a img {border:0;}
h1,h2,h3,p,ul,ol,li,dl,dt,dd,input,textarea,select,option{margin:0;padding:0;font-size:inherit;line-height:1.6;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;word-break:break-all;word-wrap:break-word;}
a{text-decoration:none;word-break:break-all;word-wrap:break-word;}
img{margin:0;padding:0;vertical-align:top;max-width:100%;height:auto;}
li{list-style:none;}
em,address{font-style:normal;}
sup{vertical-align:super;font-size:8px;margin-left:-0.3em;}
#herbalraccoon button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;}

/* common */
#herbalraccoon{max-width:750px;width:auto;margin:0 auto;font-size:16px;}
@media screen and (max-width: 750px){
  #herbalraccoon{font-size: 2.13vw;}
}
#herbalraccoon .min{
font-family: kozuka-mincho-pro, serif;
font-weight: 500;
font-style: normal;
}
#herbalraccoon img{vertical-align:top;}
/* offerbar */
#offerbar{position:fixed;bottom:0;left:auto;z-index:999;height:9.25em;margin-left:auto;width:100%;max-width:750px;display:none;}
#offerbar p{position:relative;}
#offerbar .txt{height:3.7em;color:#fff;line-height:1;font-size:2.5em;top:0.95em;left:4.75em;display:block;position:absolute;width:6.5em;text-align:center;}
#offerbar .txt .num{font-size:1.7em;}
#offerbar .txt em{font-size:1.2em;}
#offerbar a{display:block;width: 15.25em;height: 8.375em;position:absolute;top: 0.5em;left: 29.81em;}
#offerbar a:hover{background:url(/resources/lp_raccoon/img/offerbar_btn_hover.png) 50% 0 no-repeat;}
/* tv */
#tv{position:relative;}
#tv .raccoon_video{position:absolute;top:24.75em;left:4.25em;width:38.5em;}
#tv .raccoon_video video{border-radius:8px;width:100%;height:auto;}
/* voices */
#voices{background:url(/resources/lp_raccoon/img/voices_bg.jpg) 50% 0 no-repeat;}
/* features */
#features{position:relative;z-index:2;}
#features .features_bg1{background:url(/resources/lp_raccoon/img/features_bg1.jpg) 50% 0 no-repeat;}
/* howtouse */
#howtouse{margin-top:-54px;}
/* qa */
#qa{font-size:inherit;line-height:1.5;}
#qa .qalist{width:43.375em;margin:0 auto;padding-bottom:3.5em;}
#qa .qalist li{padding-bottom:2.25em;}
#qa .txt_q{padding:0.38em;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.3;font-size:1.625em;background:#527ec9;}
#qa .txt_q::before{display:table;content:'';height:2.53em;width:4.07em;background:url(/resources/lp_raccoon/img//qa_icon_q.gif) 1em 50% no-repeat #527ec9;background-size:2.15em auto;}
#qa .qa_a{display:table;padding:0 0 0 2.25em;margin-top:1.5625em;min-height:3.75em;}
#qa .qa_a .icon_a,
#qa .qa_a .txt_a{display:table-cell;text-align:left;}
#qa .qa_a .icon_a{vertical-align:top;width:5em;background:url(/resources/lp_raccoon/img//qa_icon_a.gif) 0 0 no-repeat;background-size:3.5em auto;}
#qa .qa_a .txt_a{vertical-align:middle;font-size:1.25em;}
/* offer */
.offer01{background:url(/resources/lp_raccoon/img/offer01_bg.jpg) 0 0 no-repeat;background-size:100% auto;padding-bottom:5em;}
.offer01 .offer_item{position:relative;}
.offer01 .offer_item .price1,
.offer01 .offer_item .price2,
.offer01 .offer_item .pricedown,
.offer01 .offer_item .offer_btn{position:absolute;}
.offer01 .offer_item .price1{top:1.8em;left:50%;width:6em;margin-left:-2em;font-size:3em;}
.offer01 .offer_item .price1 .num{font-size:1.625em;text-decoration:line-through;}
.offer01 .offer_item .price2{left:50%;top:6.95em;font-size:3em;width:9em;margin-left:-2.2em;line-height:1;color:#f04474;}
.offer01 .offer_item .price2 .num{font-size:2.75em;}
.offer01 .offer_item .pricedown{font-size:1.5em;line-height:1;left:50%;width:8em;text-align:center;margin-left:7em;top:8.2em;}
.offer01 .offer_item .pricedown .num{font-size:1.91em;letter-spacing:-0.1em;padding-right:0.1em;}
.offer01 .offer_item .pricedown em{font-size:1.66em;}
.offer01 .offer_item .offer_btn{bottom:0;left:50%;width:37.375em;margin-left:-18.68em;}
.offer01 .offer_item .offer_btn a{display:block;}
.offer01 .offer_item .offer_btn a:hover{opacity:0.5;}
.offer01 .offer_item .offer_btn,
.offer02 .offer_3items .offer_btn{
-moz-animation:shake 2.2s ease infinite;
-webkit-animation:shake 2.2s ease infinite;
-o-animation:shake 2.2s ease infinite;
-ms-animation:shake 2.2s ease infinite;
animation:shake 2.2s ease infinite;
}
.offer02 .offer_5items .offer_btn{
-moz-animation:shake 2.2s ease 0.5s infinite;
-webkit-animation:shake 2.2s ease 0.5s infinite;
-o-animation:shake 2.2s ease 0.5s infinite;
-ms-animation:shake 2.2s ease 0.5s infinite;
animation:shake 2.2s ease 0.5s infinite;
}
@keyframes shake {
  0% {transform :skewX(0deg, 0deg);}
  5% {transform :skewX(15deg);}
  10% {transform:skewX(-12deg);}
  15% {transform:skewX(9deg);}
  20% {transform:skewX(-6deg);}
  25% {transform:skewX(2.7deg);}
  30% {transform:skewX(-1.8deg);}
  35% {transform:skewX(0.9deg);}
  40% {transform:skewX(-0.6deg);}
  45% {transform:skewX(0.4deg);}
  50% {transform:skewX(0deg);}
}

.offer .info{padding:1.75em 2.81em 0 2.81em;}
.offer .info .item_info{font-weight:bold;}
.offer .info p,
.offer .info li{line-height:1.4;font-size:1em;text-indent:-1em;padding-left:1em;}
.offer01 .offer_desc{position:relative;margin-top:5em;}
.offer01 .offer_desc .price{position:absolute;}
.offer01 .offer_desc .price{display:block;padding:32.5em 0 0 3.875em;width:100%;}
.offer01 .offer_desc .price::after{display:block;content:'';clear:both;}
.offer01 .offer_desc .price li{width:9.09em;padding-right:0.72em;font-size:1.375em;line-height:1;color:#ef2f64;float:left;text-align:center;display:block;font-weight:bold;}
.offer01 .offer_desc .price li strong{line-height:1.2;}
.offer01 .offer_desc .price li .num{font-size:2em;}
.offer01 .offer_desc .price li em{font-size:0.63em;color:#4a4a4a;text-decoration:line-through;display:block;}
.offer01 .offer_desc .features{position:absolute;top:44.125em;width:25.5em;left:11.375em;height:8.375em;}
.offer01 .offer_desc .features ul::after{clear:both;content:'';display:block;}
.offer01 .offer_desc .features li{width:8.375em;height:8.375em;border:2px solid #ef2f64;color:#ef2f64;border-radius:50%;text-align:center;font-weight:bold;}
.offer01 .offer_desc .features li.feature_price{float:left;font-size:inherit;}
.offer01 .offer_desc .features li.feature_price span{font-size:1.125em;line-height:1.22;padding-top:1.4em;display:block;}
.offer01 .offer_desc .features li.feature_fee{float:right;font-size:inherit;}
.offer01 .offer_desc .features li.feature_fee span{font-size:2em;padding-top:0.8em;display:block;line-height:1.22;}
.offer01 .offer_desc .features::before,
.offer01 .offer_desc .features::after{content: '';display: block;height: 0.2em;width: 4.125em;background: #ef2f64;position: absolute;top: 4em;left: 10.81em;}
.offer01 .offer_desc .features::before{transform:rotate(45deg);}
.offer01 .offer_desc .features::after {transform:rotate(-45deg);}

.offer02 .offer_3items{position:relative;}
.offer02 .offer_3items .total,
.offer02 .offer_3items .price1_1,
.offer02 .offer_3items .price1_2,
.offer02 .offer_3items .price2_1,
.offer02 .offer_3items .price2_2,
.offer02 .offer_3items .pricedown,
.offer02 .offer_3items .offer_btn{position:absolute;}
.offer02 .offer_3items .total{top:16.11em;left:4.88em;font-size:1.125em;}
.offer02 .offer_3items .total .num{font-size:1.33em;}
.offer02 .offer_3items .price1_1{top:3.81em;left:27.18em;font-size:1em;}
.offer02 .offer_3items .price1_1 .num{font-size:1.875em;letter-spacing:-0.05em;}
.offer02 .offer_3items .price1_2{top:2.81em;left:8.31em;font-size:2em;}
.offer02 .offer_3items .price1_2 .num{font-size:1.5em;letter-spacing:-0.05em;padding-right:0.05em;}
.offer02 .offer_3items .price2_1{top:13.31em;left:26.875em;font-size:1em;}
.offer02 .offer_3items .price2_1 .num{font-size:1.875em;}
.offer02 .offer_3items .price2_2{top:5.47em;left:5.61em;font-size:2.625em;letter-spacing:-0.1em;}
.offer02 .offer_3items .price2_2 .num{font-size:1.71em;padding-right:0.05em;}
.offer02 .offer_3items .pricedown{top:3.69em;right:0.3em;font-size:1.625em;line-height:1;text-align:center;width:7.69em;}
.offer02 .offer_3items .pricedown .num{font-size:1.92em;letter-spacing:-0.05em;padding-right:0.05em;}
.offer02 .offer_3items .pricedown em{font-size:1.69em;}
.offer02 .offer_3items .offer_btn{/*top:22.375em;left:4.75em;width:37.375em;*/top:75%;left:50%;width:37.375em;margin-left:-18.68em;}
.offer02 .offer_3items .offer_btn:hover{opacity:0.5;}

.offer02 .offer_5items{position:relative;}
.offer02 .offer_5items .total,
.offer02 .offer_5items .price1_1,
.offer02 .offer_5items .price1_2,
.offer02 .offer_5items .price2_1,
.offer02 .offer_5items .price2_2,
.offer02 .offer_5items .pricedown,
.offer02 .offer_5items .offer_btn{position:absolute;}
.offer02 .offer_5items .total{top:15.27em;left:4.88em;font-size:1.125em;}
.offer02 .offer_5items .total .num{font-size:1.33em;}
.offer02 .offer_5items .price1_1{top:2.75em;left:27.18em;font-size:1em;}
.offer02 .offer_5items .price1_1 .num{font-size:1.875em;letter-spacing:-0.05em;}
.offer02 .offer_5items .price1_2{top:2.31em;left:7.75em;font-size:2em;}
.offer02 .offer_5items .price1_2 .num{font-size:1.5em;letter-spacing:-0.05em;padding-right:0.05em;}
.offer02 .offer_5items .price2_1{top:12.5em;left:27.75em;font-size:1em;}
.offer02 .offer_5items .price2_1 .num{font-size:1.875em;}
.offer02 .offer_5items .price2_2{top:5.09em;left:5.61em;font-size:2.625em;letter-spacing:-0.1em;}
.offer02 .offer_5items .price2_2 .num{font-size:1.71em;padding-right:0.05em;}
.offer02 .offer_5items .pricedown{top:3.07em;right:0.3em;font-size:1.625em;line-height:1;text-align:center;width:7.69em;}
.offer02 .offer_5items .pricedown .num{font-size:1.92em;letter-spacing:-0.05em;padding-right:0.05em;}
.offer02 .offer_5items .pricedown em{font-size:1.69em;}
.offer02 .offer_5items .offer_btn{/*top:21.375em;left:4.75em;width:37.375em;*/top:72.5%;left:50%;width:37.375em;margin-left:-18.68em;}
.offer02 .offer_5items .offer_btn:hover{opacity:0.5;}
.offer02 .total{color:#777;}
.offer02 .price1_1{color:#474747;}
.offer02 .price1_2{color:#3b3b3b;}
.offer02 .total strong,
.offer02 .price2_1,
.offer02 .price2_2{color:#ff117b;}
.offer .offer02 .info{padding:0.5em 2.81em 3.5em 2.81em;background:url(/resources/lp_raccoon/img/offer02_bg_txt.jpg) 50% 100% no-repeat;background-size:100% auto;}

.offer03{position:relative;}
.offer03 .item,
.offer03 .price,
.offer03 .offer_btn{position:absolute;}
.offer03 .item{top:1.875em;left:5.625em;width:4.31em;}
.offer03 .price{top:5.09em;left:8em;color:#6c6c6c;font-size:1.375em;}
.offer03 .price strong{font-size:1.81em;padding-left:0.3em;}
.offer03 .price .num{font-size:1.45em;}
.offer03 .price em{font-size:1.54em;}
.offer03 .offer_btn{/*top:13.125em;left:4.75em;width:37.375em;*/top:40.5%;left:50%;width:37.375em;margin-left:-18.68em;}
.offer03 .offer_btn:hover{opacity:0.5;}
.offer .offer03 .info{padding:0.5em 2.81em 5.125em 2.81em;background:url(/resources/lp_raccoon/img/offer03_bg_txt.jpg) 50% 100% no-repeat;background-size:100% auto;}

/* form */
#form {max-width: 750px;margin: 0 auto;}