@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:focus {outline:2px solid #c1c1c1;outline:2px solid rgba(51, 51, 51, 0.3);}*/
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;}
#herbalrabbit button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;}
/*
common
#header_txt
#fv
#tbs
#research4
#magazines
.offer
#modelvoices
#ghs
#media
#voices
#worries
#factors
#solution
#features
#howtouse
#story
#qa
*/

/* common */
#herbalrabbit{font-size:2.5vw;position:relative;}
#btn_pagetop{position:fixed;bottom:19vw;right:2vw;z-index:9999;display:none;width:18vw;height:18vw;}

/* #offerbar */
#offerbar{position:fixed;left:0;bottom:0;width:100%;z-index:9999;display:none;}
#offerbar a{position:relative;}
#offerbar a .offprice{position:absolute;top:1.25em;right:11.7em;color:#fff;font-size:2.2em;font-weight:bold;line-height:1.2;background:linear-gradient(transparent 70%, #51d6c5 70%, #51d6c5 95%,transparent 95%);white-space:nowrap;}
#offerbar.mothersday a .offprice{top:0.95em;right:11.9em;}
#offerbar a .offprice em{font-size:0.5em;}
#offerbar a .offprice span{font-size:0.7em;}

/* #header_txt */
#header_txt{background:#ff117b;color:#fff;}
#header_txt .txt_h1{padding:0 1em;line-height:2.25;}

/* #fv */
#fv{/*border-top:5vw solid #ff117b;*/}

/* #tbs */

/* #research4 */

/* #magazines */

/* .offer */
.offer{padding:1.25em 0 3.31em;background:url(../img/offer_bg.jpg) 50% 0 no-repeat #f7f8fa;background-size:100% auto;}
.offer01,
.offer02,
.offer03{padding:0 1.875vw;}
.offer .offer_btn a{display:block;}
.offer .offer_btn a:hover{opacity:0.5;}
.offer .offer01{font-size:2.1vw;}
.offer01 .wrap{max-width:1344px;margin:0 auto;background:#fff285;border-radius:8px;padding:2em 0 1.25vw;}
.offer01 .offer_desc{margin:2em 0 0;}
.offer01 .offer_item{position:relative;}
.offer01 .offer_item .item,
.offer01 .offer_item .price1,
.offer01 .offer_item .price2,
.offer01 .offer_item .pricedown,
.offer01 .offer_item .offer_btn{position:absolute;line-height:1.2;}
.offer01 .offer_item .item{top:-50%;left:8%;width:14%;height:auto;}
.offer01 .offer_item .price1{font-size:1.7em;font-weight:bold;top:3em;left:7.5%;width:13em;line-height:1.3;color:#6f6800;}
.offer01 .offer_item .price1 strong{display:block;}
.offer01 .offer_item .price1 .num{font-size:1.9em;}
.offer01 .offer_item .price2{top:2.7em;left:38%;font-size:2.2em;font-weight:bold;color:#ff117b;}
.offer01 .offer_item .price2 .num{font-size:2.1em;}
.offer01 .offer_item .price2 .fee{display:inline-block;width:1em;vertical-align:baseline;line-height:1.1;font-size:0.6em;padding-left:0.3em;}
.offer01 .offer_item .pricedown{font-size:2.4em;font-weight:bold;right:0;top:1.6em;width:5.5em;text-align:center;color:#fff;line-height:1.1;text-shadow:0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b;}
.offer01 .pricedown strong{display:inline-block;text-align:right;}
.offer01 .pricedown strong .num{font-size:1.5em;}
.offer01 .offer_btn{bottom:7%;left:0;padding:0 7.8%;width:100%;}
.offer01 .offer_desc{position:relative;}
.offer01 .offer_desc .price{display:table;width:100%;position:absolute;padding:61% 21.5% 0 0.5%;top:0;left:0;}
.offer01 .offer_desc .price li{display:table-cell;vertical-align:baseline;font-size:1.2em;font-weight:bold;color:#ff117b;width:33.3%;text-align:center;}
.offer01 .offer_desc .price li .num{font-size:1.8em;}
.offer02{margin:2.31em 0 0;}
.offer02 .wrap{margin:0 auto;background:#00d7c5;border-radius:8px;padding:2em 0 1.2em;}
.offer02 .offer_3items,
.offer02 .offer_5items{margin-top:1.25em;position:relative;}
.offer02 .total{position:absolute;top:3.5em;left:9.5%;text-align:left;font-size:1.35em;color:#777;font-weight:bold;}
.offer02 .total strong{color:#ff117b;font-size:0.7em;}
.offer02 .total .num{font-size:2.2em;}
.offer02 .compare .price1_1,
.offer02 .compare .price1_2,
.offer02 .compare .price2_1,
.offer02 .compare .price2_2,
.offer02 .pricedown,
.offer02 .offer_btn{position:absolute;line-height:1.2;}
.offer02 .compare .price1_1{top:9em;left:25%;font-size:1.1em;width:7.3em;text-align:center;}
.offer02 .compare .price1_2{top:14.1em;left:0;text-align:right;width:17.6em;font-weight:bold;font-size:1em;}
.offer02 .compare .price1_1,.offer02 .compare .price1_2{color:#009e91;}
.offer02 .compare .price1_1 .num,.offer02 .compare .price2_1 .num{font-size:1.6em;}
.offer02 .compare .price1_2 strong{font-size:1.2em;}
.offer02 .compare .price1_2 strong .num{font-size:2.3em;}
.offer02 .compare .price2_1{top:9em;left:71.5%;font-size:1.1em;width:7.1em;text-align:center;}
.offer02 .compare .price2_2{top:6em;left:54%;font-size:2.2em;font-weight:bold;}
.offer02 .compare .price2_1,.offer02 .compare .price2_2{color:#ff117b;}
.offer02 .compare .price2_2 .num{font-size:1.8em;}
.offer02 .compare .price2_2 .fee{display:inline-block;width:1em;line-height:1.1;font-size:0.5em;padding-left:0.3em;}
.offer02 .pricedown{font-size:1.8em;font-weight:bold;right:0;top:1.1em;width:6.5em;text-align:center;color:#fff;line-height:1.1;text-shadow:0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b,0 0 2px #fe117b;}
.offer02 .pricedown strong{display:inline-block;text-align:right;}
.offer02 .pricedown strong .num{font-size:1.5em;}
.offer02 .offer_btn{bottom:6%;left:0;padding:0 7.8%;width:100%;}
.offer03{margin:2.31em 0 0;}
.offer03 .wrap{margin:0 auto;background:#c0c0c0;border-radius:8px;padding:2em 0 1.2em;}
.offer03 .offer_item{position:relative;}
.offer03 .offer_item .item{position:absolute;top:-30%;left:5%;width:11.25%;height:auto;}
.offer03 .offer_item .price{position:absolute;top:2em;left:0;font-weight:bold;font-size:1.2em;padding:0;width:100%;text-align:center;line-height:1.4;color:#6c6c6c;}
.offer03 .offer_item .price strong{font-size:2.22em;padding-left:0.5em;display:inline-block;vertical-align:sub;}
.offer03 .offer_item .price span{font-size:0.8em;}
.offer03 .offer_item .price em{font-size:1.6em;display:inline-block;vertical-align:top;padding-top:0.3em;}
.offer03 .offer_item .offer_btn{position:absolute;bottom:6%;left:0;padding:0 6.1%;width:100%;}
.offer .info{width:100%;margin:0 auto;padding:0.8em 2.5vw 0;color:#525252;}
.offer .info .item_info{}
.offer .info .item_info p{font-size:0.85em;}
.offer .info .item_info strong{font-size:1.16em;}
.offer .komelist li{font-size:0.85em;}

/* #modelvoices */

/* #ghs */
#ghs{background:#ffc0db;}
#ghs .wrap{position:relative;}
#ghs .video{position:absolute;left:50%;bottom:13vw;transform:translate(-50%,0);}
#ghs .video iframe{width:94vw;height:53vw;}

/* #media */

/* #voices */
#voices{background:url(../img/voices_bg.png) 50% 0 repeat;background-size:50vw auto;padding-bottom:2em;}
#voices ul.other_voice{}
  /*other voice */
#voices ul.other_voice{background:#fff;width:93.75vw;height:78.13vw;padding:1.42vw;border:1px solid #ccc;overflow:auto;margin:0 auto;}
#voices ul.other_voice li:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
#voices ul.other_voice li{padding:0.76em 0 0.76em 0;margin-bottom:0.76em;border-bottom:1px dotted #ccc;font-size:0.8125em;}
#voices ul.other_voice li:last-child{margin-bottom:0;}
#voices ul.other_voice li .voice_left{float:left;width:18%;text-align:center;height:100%;}
#voices ul.other_voice li .voice_left img{width:4em;height:auto;margin-bottom:0.76em;}
#voices ul.other_voice li .voice_right{width:80%;float:right;padding-left:01em;border-left:1px solid #ccc;}
#voices ul.other_voice li .voice_right .lat img{width:1.53em;height:auto;margin-right:1px;vertical-align:middle;}
#voices ul.other_voice li .voice_right .lat span{font-size:2em;padding-left:0.2em;font-weight:bold;color:#f2649f;vertical-align:middle;}
#voices ul.other_voice li .voice_right .title{font-weight:bold;margin-bottom:5px;}
#voices .ast{text-align:right;color:#fff;font-size:0.8em;margin:0.5em 3vw 0;line-height:1.3;}

/* #worries */

/* #factors */

/* #solution */

/* #features */

/* #howtouse */

/* #story */

/* #qa */
#qa{background:url(../img/qa_bg.jpg) 50% 0 repeat;background-size:100% auto;}
#qa .wrap{padding:0 1.875vw 7.85vw;}
#qa .ttl{background:#a78b75;}
#qa .qa_list{padding:0;box-sizing:border-box;}
#qa .qa_list li{margin-top:1.25em;}
#qa .qa_list li:first-child{margin-top:1.5em;}
#qa .qa_list dl{position:relative;display:block;padding:1em 1.375em 1.875em;border-radius:1em;background:rgba(151, 113, 82, 0.45);overflow:hidden;}
#qa .qa_list dl::after{position:absolute;top:0;left:0;z-index:0;content:'';display:block;width:4.3em;height:800px;background:rgba(151, 113, 82, 0.45);}
#qa .qa_list dl dt{position:relative;display:block;z-index:1;font-size:1.25em;line-height:1.3;padding:0.9em 0.5em 0.9em 3em;margin:0 0 1em;color:#ff0079;background:#fff;}
#qa .qa_list dl dd{position:relative;display:block;z-index:1;font-size:1.125em;color:#fff;padding:0 0 0 3.3em;min-height:1.55em;}
#qa .qa_list dl dt::before,
#qa .qa_list dl dd::before{position:absolute;left:0;width:2em;text-align:center;font-size:1.3em;display:block;line-height:1;white-space:nowrap;}
#qa .qa_list dl dt::before{content:'Q.';top:0.6em;color:#ff0079;}
#qa .qa_list dl dd::before{content:'A.';top:0.1em;color:#fff;}
#qa .qa_list dl dd .fs12{font-size:.9em;}