@charset "utf-8";
/* CSS Document */
body {
    padding: 10px 0 2px 0;
    margin: 0;
    background: #fff;
    font-size: 14px;
    font-family: "微軟正黑體", "5FAE8EDF6B639ED19AD4", "Microsoft JhengHei", "PingFang TC", "Hiragino Sans CNS", sans-serif;
    color: #000;
}
.breadcrumbs * {
    font-family:sans-serif;
}
a {
    text-decoration: none;
}
/*2014-11-06新增*/
.del a {
    color: #644d00;
    text-decoration: underline;
}
.remb {
    margin-left: 31px;
}
img.full {
    width: 100%;
    height: auto;
    display: block;
}
header .logo {
    width: 186px;
    float: left;
}
.main {
    padding: 0 5px;
    min-width: 310px;
}


/* .bg1 {
    background: #ffe5b2;
} */

header .text {
    width: 330px;
    margin: auto;
    height: 30px;
    overflow: hidden;
    clear: both;
    margin-top: 12px;
    margin-bottom: 15px;
    padding-top: 12px;
}
header .fb {
    width: 30px;
    float: left;
}
header .fb-txt {
    width: 255px;
    float: right;
    margin-top: 5px;
}
header ul.menu {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    left: 5px;
    padding-top: 20px;
    width: auto;
    overflow: visible;
}
header ul.menu li {
    border-left: 1px solid #f0871e;
    float: left;
    height: 32px;
    font-size: 14px;
    text-align: center;
}
header ul.menu li:first-child {
    width: 38px;
}
header ul.menu li:last-child {
    width: 55px;
}
header ul.menu li a {
    display: block;
    color: #39599f;
    text-decoration: none;
}
header ul.menu li span {
    display: block;
    width: 38px;
    height: 38px;
    margin: auto;
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: -16px;
}
header ul.menu li:first-child span {
    background-image: url(../images/top/icon-user.png);
}
header ul.menu li:last-child span {
    background-image: url(../images/top/icon-car.png);
}
.bgmember-bar {
    background: #3a3d3b;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.gdmember-bar {
    background: #a69c3b;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.bbmember-bar {
    background: #d2cfd8;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.ghmember-bar {
    background: #83c1ae;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.member-bar {
    background: #f0871e;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}
.users {
    margin-top: 15px;
}
.users ul {
    border: 2px solid #f0871e;
}
.users ul li {
    border-top: 1px solid #f0871e;
}
.users ul li:first-child {
    border: none;
}
.users ul li a {
    display: block;
    display: block;
    height: 28px;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 5px;
    color: #333;
    position: relative;
}
.users ul li a:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-image: url(../images/top/icon-arrow-right.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
}
.users ul li a img {
    width: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.users a.btn {
    margin-top: 14px;
}
.users a.btn img {
    height: 13px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.top {
    padding-top: 22px;
    text-align: right;
    padding-bottom: 18px;
}
.footer {
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-style: solid;
    border-color: #dddddd;
    border-top-width: 1px;
    border-bottom-width: 1px;
    /*padding-left: 30px;*/
}
footer .copy {
    text-align: center;
    font-size: 11px;
    line-height: 21px;
    color: #fff;
    clear: both;
    background: rgb(178, 178, 178);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(171, 171, 171, 1) 2%, rgba(184, 184, 184, 1) 7%, rgba(188, 188, 188, 1) 10%, rgba(194, 196, 195, 1) 17%, rgba(195, 193, 194, 1) 20%, rgba(196, 194, 195, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(178, 178, 178, 1)), color-stop(2%, rgba(171, 171, 171, 1)), color-stop(7%, rgba(184, 184, 184, 1)), color-stop(10%, rgba(188, 188, 188, 1)), color-stop(17%, rgba(194, 196, 195, 1)), color-stop(20%, rgba(195, 193, 194, 1)), color-stop(100%, rgba(196, 194, 195, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(171, 171, 171, 1) 2%, rgba(184, 184, 184, 1) 7%, rgba(188, 188, 188, 1) 10%, rgba(194, 196, 195, 1) 17%, rgba(195, 193, 194, 1) 20%, rgba(196, 194, 195, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(171, 171, 171, 1) 2%, rgba(184, 184, 184, 1) 7%, rgba(188, 188, 188, 1) 10%, rgba(194, 196, 195, 1) 17%, rgba(195, 193, 194, 1) 20%, rgba(196, 194, 195, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(178, 178, 178, 1) 0%, rgba(171, 171, 171, 1) 2%, rgba(184, 184, 184, 1) 7%, rgba(188, 188, 188, 1) 10%, rgba(194, 196, 195, 1) 17%, rgba(195, 193, 194, 1) 20%, rgba(196, 194, 195, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(178, 178, 178, 1) 0%, rgba(171, 171, 171, 1) 2%, rgba(184, 184, 184, 1) 7%, rgba(188, 188, 188, 1) 10%, rgba(194, 196, 195, 1) 17%, rgba(195, 193, 194, 1) 20%, rgba(196, 194, 195, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b2b2b2', endColorstr='#c4c2c3', GradientType=0);
    /* IE6-9 */
}
footer .other {
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 7px;
    float: left;
    min-width: 200px;
    color: #5a5757;
}
footer .tel {
    display: block;
    border-top: 1px solid #c4c2c3;
    padding: 12px 0;
    text-align: center;
    font-weight: bold;
    color: #5a5757;
    font-size: 16px;
}
footer .tel a {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    color: #f3991e;
    font-weight: bold;
}
footer .tel a img {
    height: 16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
footer .fax {
    display: block;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
}
footer .fax span {
    color: #f3991e;
    padding-left: 5px;
}
footer .fax span img {
    position: relative;
    height: 12px;
    vertical-align: middle;
    top: -1px;
}
footer .time {
    line-height: 1.5em;
}
footer .time span {
    float: left;
    background: #9b9b9b;
    color: #fff;
    padding: 4px;
    font-weight: bold;
    width: 30px;
    line-height: 16px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
}
footer .time b {
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 13px;
}
footer .pc {
    border: 1px solid #b2b2b2;
    border-radius: 8px;
    width: 98px;
    height: 35px;
    background: url(../images/top/icon-pc.png) center center no-repeat;
    background-size: 48px auto;
    float: right;
    margin-right: 6px;
    text-indent: -999999px;
}
.btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: #b2b2b2 1px solid;
    border-radius: 8px;
    color: #333;
    height: 32px;
    line-height: 30px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 16%, rgba(230, 230, 230, 1) 60%, rgba(205, 205, 205, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(16%, rgba(250, 250, 250, 1)), color-stop(60%, rgba(230, 230, 230, 1)), color-stop(100%, rgba(205, 205, 205, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 16%, rgba(230, 230, 230, 1) 60%, rgba(205, 205, 205, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 16%, rgba(230, 230, 230, 1) 60%, rgba(205, 205, 205, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 16%, rgba(230, 230, 230, 1) 60%, rgba(205, 205, 205, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 16%, rgba(230, 230, 230, 1) 60%, rgba(205, 205, 205, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd', GradientType=0);
    /* IE6-9 */
}
.btn2 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-shadow: 0 0 3px #333;
    background: rgb(255, 102, 0);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 102, 0, 1) 0%, rgba(255, 102, 0, 1) 16%, rgba(255, 87, 0, 1) 26%, rgba(255, 49, 0, 1) 43%, rgba(255, 26, 2, 1) 67%, rgba(253, 21, 0, 1) 71%, rgba(255, 3, 0, 1) 96%, rgba(255, 23, 13, 1) 97%, rgba(255, 64, 45, 1) 99%, rgba(254, 72, 51, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 102, 0, 1)), color-stop(16%, rgba(255, 102, 0, 1)), color-stop(26%, rgba(255, 87, 0, 1)), color-stop(43%, rgba(255, 49, 0, 1)), color-stop(67%, rgba(255, 26, 2, 1)), color-stop(71%, rgba(253, 21, 0, 1)), color-stop(96%, rgba(255, 3, 0, 1)), color-stop(97%, rgba(255, 23, 13, 1)), color-stop(99%, rgba(255, 64, 45, 1)), color-stop(100%, rgba(254, 72, 51, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 102, 0, 1) 0%, rgba(255, 102, 0, 1) 16%, rgba(255, 87, 0, 1) 26%, rgba(255, 49, 0, 1) 43%, rgba(255, 26, 2, 1) 67%, rgba(253, 21, 0, 1) 71%, rgba(255, 3, 0, 1) 96%, rgba(255, 23, 13, 1) 97%, rgba(255, 64, 45, 1) 99%, rgba(254, 72, 51, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 102, 0, 1) 0%, rgba(255, 102, 0, 1) 16%, rgba(255, 87, 0, 1) 26%, rgba(255, 49, 0, 1) 43%, rgba(255, 26, 2, 1) 67%, rgba(253, 21, 0, 1) 71%, rgba(255, 3, 0, 1) 96%, rgba(255, 23, 13, 1) 97%, rgba(255, 64, 45, 1) 99%, rgba(254, 72, 51, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 102, 0, 1) 0%, rgba(255, 102, 0, 1) 16%, rgba(255, 87, 0, 1) 26%, rgba(255, 49, 0, 1) 43%, rgba(255, 26, 2, 1) 67%, rgba(253, 21, 0, 1) 71%, rgba(255, 3, 0, 1) 96%, rgba(255, 23, 13, 1) 97%, rgba(255, 64, 45, 1) 99%, rgba(254, 72, 51, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 102, 0, 1) 0%, rgba(255, 102, 0, 1) 16%, rgba(255, 87, 0, 1) 26%, rgba(255, 49, 0, 1) 43%, rgba(255, 26, 2, 1) 67%, rgba(253, 21, 0, 1) 71%, rgba(255, 3, 0, 1) 96%, rgba(255, 23, 13, 1) 97%, rgba(255, 64, 45, 1) 99%, rgba(254, 72, 51, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#fe4833', GradientType=0);
    /* IE6-9 */
}
.btn2 img {
    display: inline-block;
    position: relative;
    height: 28px;
    vertical-align: middle;
    top: -3px;
}
.btn3 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-shadow: 0 0 3px #333;
    background: rgb(207, 207, 207);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(166, 166, 166, 1) 1%, rgba(174, 174, 174, 1) 4%, rgba(172, 172, 172, 1) 6%, rgba(127, 127, 127, 1) 13%, rgba(114, 114, 114, 1) 15%, rgba(110, 110, 110, 1) 17%, rgba(115, 115, 115, 1) 24%, rgba(139, 139, 139, 1) 39%, rgba(149, 149, 149, 1) 48%, rgba(163, 163, 163, 1) 69%, rgba(166, 166, 166, 1) 77%, rgba(167, 167, 167, 1) 94%, rgba(171, 171, 171, 1) 96%, rgba(178, 178, 178, 1) 97%, rgba(180, 180, 180, 1) 99%, rgba(207, 207, 207, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 1)), color-stop(1%, rgba(166, 166, 166, 1)), color-stop(4%, rgba(174, 174, 174, 1)), color-stop(6%, rgba(172, 172, 172, 1)), color-stop(13%, rgba(127, 127, 127, 1)), color-stop(15%, rgba(114, 114, 114, 1)), color-stop(17%, rgba(110, 110, 110, 1)), color-stop(24%, rgba(115, 115, 115, 1)), color-stop(39%, rgba(139, 139, 139, 1)), color-stop(48%, rgba(149, 149, 149, 1)), color-stop(69%, rgba(163, 163, 163, 1)), color-stop(77%, rgba(166, 166, 166, 1)), color-stop(94%, rgba(167, 167, 167, 1)), color-stop(96%, rgba(171, 171, 171, 1)), color-stop(97%, rgba(178, 178, 178, 1)), color-stop(99%, rgba(180, 180, 180, 1)), color-stop(100%, rgba(207, 207, 207, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(166, 166, 166, 1) 1%, rgba(174, 174, 174, 1) 4%, rgba(172, 172, 172, 1) 6%, rgba(127, 127, 127, 1) 13%, rgba(114, 114, 114, 1) 15%, rgba(110, 110, 110, 1) 17%, rgba(115, 115, 115, 1) 24%, rgba(139, 139, 139, 1) 39%, rgba(149, 149, 149, 1) 48%, rgba(163, 163, 163, 1) 69%, rgba(166, 166, 166, 1) 77%, rgba(167, 167, 167, 1) 94%, rgba(171, 171, 171, 1) 96%, rgba(178, 178, 178, 1) 97%, rgba(180, 180, 180, 1) 99%, rgba(207, 207, 207, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(166, 166, 166, 1) 1%, rgba(174, 174, 174, 1) 4%, rgba(172, 172, 172, 1) 6%, rgba(127, 127, 127, 1) 13%, rgba(114, 114, 114, 1) 15%, rgba(110, 110, 110, 1) 17%, rgba(115, 115, 115, 1) 24%, rgba(139, 139, 139, 1) 39%, rgba(149, 149, 149, 1) 48%, rgba(163, 163, 163, 1) 69%, rgba(166, 166, 166, 1) 77%, rgba(167, 167, 167, 1) 94%, rgba(171, 171, 171, 1) 96%, rgba(178, 178, 178, 1) 97%, rgba(180, 180, 180, 1) 99%, rgba(207, 207, 207, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(207, 207, 207, 1) 0%, rgba(166, 166, 166, 1) 1%, rgba(174, 174, 174, 1) 4%, rgba(172, 172, 172, 1) 6%, rgba(127, 127, 127, 1) 13%, rgba(114, 114, 114, 1) 15%, rgba(110, 110, 110, 1) 17%, rgba(115, 115, 115, 1) 24%, rgba(139, 139, 139, 1) 39%, rgba(149, 149, 149, 1) 48%, rgba(163, 163, 163, 1) 69%, rgba(166, 166, 166, 1) 77%, rgba(167, 167, 167, 1) 94%, rgba(171, 171, 171, 1) 96%, rgba(178, 178, 178, 1) 97%, rgba(180, 180, 180, 1) 99%, rgba(207, 207, 207, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(207, 207, 207, 1) 0%, rgba(166, 166, 166, 1) 1%, rgba(174, 174, 174, 1) 4%, rgba(172, 172, 172, 1) 6%, rgba(127, 127, 127, 1) 13%, rgba(114, 114, 114, 1) 15%, rgba(110, 110, 110, 1) 17%, rgba(115, 115, 115, 1) 24%, rgba(139, 139, 139, 1) 39%, rgba(149, 149, 149, 1) 48%, rgba(163, 163, 163, 1) 69%, rgba(166, 166, 166, 1) 77%, rgba(167, 167, 167, 1) 94%, rgba(171, 171, 171, 1) 96%, rgba(178, 178, 178, 1) 97%, rgba(180, 180, 180, 1) 99%, rgba(207, 207, 207, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#cfcfcf', GradientType=0);
    /* IE6-9 */
}
.btn5 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-shadow: 0 0 3px #333;
    background: #feccb1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feccb1), color-stop(50%, #f17432), color-stop(51%, #ea5507), color-stop(100%, #fb955e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
    /* IE6-9 */
}
.btn5 img {
    display: inline-block;
    position: relative;
    height: 28px;
    vertical-align: middle;
    top: -3px;
}
.btn4 {
    font-size: 150% !important;
    height: 48px;
    line-height: 40px;
    color: #fff !important;
    border: none;
    box-shadow: 0 1px 3px #333;
    cursor: pointer;
    text-shadow: 0 1px 1px #333;
    height: auto;
    outline: 0;
    margin: auto;
    background: #8ca065;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8ca065 0%, #708f32 2%, #7b9742 3%, #89a157 5%, #8da45c 7%, #8da45c 15%, #889f57 20%, #7e984e 25%, #7e964c 27%, #607b2c 42%, #61792b 44%, #536e1d 58%, #415d09 81%, #3b5703 93%, #415d08 95%, #758433 98%, #989f75 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ca065), color-stop(2%, #708f32), color-stop(3%, #7b9742), color-stop(5%, #89a157), color-stop(7%, #8da45c), color-stop(15%, #8da45c), color-stop(20%, #889f57), color-stop(25%, #7e984e), color-stop(27%, #7e964c), color-stop(42%, #607b2c), color-stop(44%, #61792b), color-stop(58%, #536e1d), color-stop(81%, #415d09), color-stop(93%, #3b5703), color-stop(95%, #415d08), color-stop(98%, #758433), color-stop(100%, #989f75));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8ca065 0%, #708f32 2%, #7b9742 3%, #89a157 5%, #8da45c 7%, #8da45c 15%, #889f57 20%, #7e984e 25%, #7e964c 27%, #607b2c 42%, #61792b 44%, #536e1d 58%, #415d09 81%, #3b5703 93%, #415d08 95%, #758433 98%, #989f75 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8ca065 0%, #708f32 2%, #7b9742 3%, #89a157 5%, #8da45c 7%, #8da45c 15%, #889f57 20%, #7e984e 25%, #7e964c 27%, #607b2c 42%, #61792b 44%, #536e1d 58%, #415d09 81%, #3b5703 93%, #415d08 95%, #758433 98%, #989f75 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8ca065 0%, #708f32 2%, #7b9742 3%, #89a157 5%, #8da45c 7%, #8da45c 15%, #889f57 20%, #7e984e 25%, #7e964c 27%, #607b2c 42%, #61792b 44%, #536e1d 58%, #415d09 81%, #3b5703 93%, #415d08 95%, #758433 98%, #989f75 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #8ca065 0%, #708f32 2%, #7b9742 3%, #89a157 5%, #8da45c 7%, #8da45c 15%, #889f57 20%, #7e984e 25%, #7e964c 27%, #607b2c 42%, #61792b 44%, #536e1d 58%, #415d09 81%, #3b5703 93%, #415d08 95%, #758433 98%, #989f75 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8ca065', endColorstr='#989f75', GradientType=0);
    /* IE6-9 */
}
.btn4 img {
    display: inline-block;
    position: relative;
    height: 28px;
    vertical-align: middle;
    top: -3px;
}
.more-btn {
    margin-top: -2px;
    margin-bottom: 15px;
    overflow: hidden;
}
.more-btn a {
    float: right;
    width: 55%;
}
.more-btn a img {
    height: 19px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 3px;
}
.btn6 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-shadow: 0 0 3px #333;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ca45c+0,3d5906+100 */
    background: rgb(140, 164, 92);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(140, 164, 92, 1) 0%, rgba(61, 89, 6, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(140, 164, 92, 1) 0%, rgba(61, 89, 6, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(140, 164, 92, 1) 0%, rgba(61, 89, 6, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ca45c', endColorstr='#3d5906', GradientType=0);
    /* IE6-9 */
}
.title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}
.p1 {
    color: #ff6699;
}
.p8 {
    color: #cc9900;
}
.p14 {
    color: #003399;
}
.p2 {
    color: #0066cc;
}
.p13 {
    color: #d1111c;
}
.title2 {
    font-size: 20px;
    font-weight: bold;
    color: #663300;
    padding-left: 26px;
    line-height: 1.4em;
    margin-top: 15px;
    margin-bottom: 5px;
    position: relative;
}
.title2:after {
    width: 22px;
    height: 16px;
    background: url(../images/products/icon-item.png) no-repeat;
    content: '';
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    display: block;
    left: 0;
    top: 8px;
    background-size: 100% 100%;
    line-height: 14px;
    padding-left: 3px;
    padding-top: 1px;
}
.no1:after {
    content: '1';
}
.no2:after {
    content: '2';
}
.no3:after {
    content: '3';
}
.no4:after {
    content: '4';
}
.no5:after {
    content: '5';
}
.no6:after {
    content: '6';
}
.no7:after {
    content: '7';
}
.no8:after {
    content: '8';
}
.no9:after {
    content: '9';
}
.title2-line {
    border-bottom: 1px dashed #f0871e;
}
ul.list01 {
    padding: 15px 0;
}
ul.list01 li {
    padding-left: 12px;
    font-size: 14px;
    color: #633422;
    line-height: 1.5em;
    background: url(../images/products/icon-list.png) left 4px no-repeat;
    background-size: 10px 10px;
}
ul.list01 .listred {
    color: #cc0033;
}
ul.list02 {
    padding: .5em 0;
    padding-left: 22px;
    list-style: disc;
}
ul.list02 li {
    padding: 0.2em 0;
}
ul.list02 li table {
    line-height: 1.4em;
    margin-top: -1.2em;
}
ul.list02 li th {
    padding-right: 10px;
    font-weight: bold;
}
ul.list02 li th.nowrap {
    white-space: nowrap;
}
ul.list02 li td {
    color: #424242;
}
ul.price {
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
ul.price li {
    border-bottom: 1px dotted #ff6600;
    line-height: 24px;
    padding: 0 10px;
}
ul.price li:last-child {
    border: none;
    overflow: hidden;
}
ul.price li:last-child b {
    font-weight: bold;
    color: #cc0033;
    float: left;
}
ul.price li .red {
    color: #cc0033;
}
ul.price li:last-child a {
    float: right;
    text-decoration: underline;
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}
ul.price li:last-child a:before {
    content: '';
    width: 13px;
    height: 11px;
    display: inline-block;
    background: url(../images/products/icon-arrow.png) no-repeat;
    background-size: 13px auto;
    margin-right: 3px;
    position: relative;
    top: 1px;
}
ul.price li.bg {
    background: #ffe5b2;
}
ul.photo-list {
    padding: 7px 10px;
    background: #fff;
}
ul.photo-list li img {
    display: block;
}
ul.photo-list li {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.4em;
}
ul.photo-list li:last-child {
    margin: 0;
}
ul.qa {
    background: #fff;
}
ul.qa li {
    padding-top: 8px;
    font-size: 18px;
    line-height: 1.4em;
}
ul.qa li .qa-q {
    display: block;
    background: #ffe5b2;
    border-top: 1px dotted #f0871e;
    padding: 5px 8px;
    padding-left: 32px;
    position: relative;
}
ul.qa li .qa-q:before {
    content: 'Q.';
    font-weight: bold;
    color: #663300;
    position: absolute;
    left: 8px;
}
ul.qa li .qa-a {
    display: block;
    border-top: 1px dotted #f0871e;
    padding: 5px 8px;
    padding-left: 32px;
    position: relative;
    margin-bottom: 10px;
}
ul.qa li .qa-a:before {
    content: 'A.';
    font-weight: bold;
    color: #ff6600;
    position: absolute;
    left: 8px;
}
ul.qa li .photos {
    padding: 0 8px;
    display: block;
}
ul.qa li .photos img {
    margin-bottom: 10px;
}
ul.qa li .photos img:last-child {
    margin: 0;
}
ul.qa li a.photos {
    border-bottom: 1px dotted #f0871e;
    margin-bottom: 10px;
}
ul.qa li .info {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #663300;
    padding: 0 8px;
}
ul.people li {
    border-bottom: 1px dotted #f0871e;
}
ul.people li img {
    margin: 0 !important;
    display: block;
}
ul.people2 {
    background: #fff;
    font-size: 18px;
    line-height: 1.6em;
}
ul.people2 li div {
    padding: 7px 10px;
}
ul.people2 li div b {
    display: block;
    font-weight: bold;
    color: #00296f;
}
ul.people2 li:last-child {
    border: 0;
}
ul.people2 li div p {
    margin-bottom: .5em;
}
ul.other {
    /*    margin-bottom: 15px;*/
}
ul.other + h3.title2 {
    margin-top: 3px;
    margin-bottom: 6px;
    color: #663300;
    border-bottom: none;
}
ul.other li a {
    border-bottom: 1px dotted #f0871e;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #663300;
    padding: 3px 26px 6px 28px;
    line-height: 1.4em;
    position: relative;
    background: url(../images/products/icon-item.png) left 10px no-repeat;
    background-size: 22px auto;
}
ul.other li a:after {
    width: 13px;
    height: 13px;
    content: '';
    background: url(../images/products/icon-arrow2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    display: block;
}
ul.other li a.open:after {
    transform: rotate(90deg);
}
ul.other ol {
    padding-left: 38px;
}
ul.other ol li {}
ul.other ol li a {
    border: none;
    color: #0072ef;
    background: none!important;
    font-size: 14px;
    padding: 5px 0;
    font-weight: normal;
    position: relative;
}

ul.other ol li a:hover {
    text-decoration: underline;
}

ul.other ol li a::before {
    position: absolute;
    content: "";
    background: url(/common/img/que.svg) no-repeat;
    width: 20px;
    height: 20px;
    top: 2px;
    left: -22px;
}
ul.other ol li a:after {
    display: none;
}
ul.boxlist {
    list-style: square;
    padding-left: 24px;
    line-height: 1.5em;
}
table.tb1 {
    width: 100%;
}
table.tb1 th,
table.tb1 td {
    vertical-align: top;
    line-height: 1.5em;
}
table.tb1 th {
    white-space: nowrap;
}
.box1 {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.box2 {
    border-radius: 4px;
    /*border: 1px solid #f0871e; 2014-11-06修改*/
    overflow: hidden;
    margin-bottom: 10px;
}
.box2 .left,
.box2 .right {
    height: 41px;
    /*line-height: 25px;*/
    font-weight: bold;
    color: #d14900;
    /*text-align: center;*/
    padding: 8px 0;
    box-sizing: border-box;
}
.box2 .left {
    width: 66%;
    float: left;
    border-right: 1px dotted #f0871e;
    text-align: left;
    /*    line-height: 18px;*/
    padding: 0px 8px;
    line-height: 41px;
    white-space: nowrap;
}
/*20141216改_v*/
.box2 .right {
    text-align: center;
    line-height: 25px;
}
/*20141216改_v*/
.box2 .right img {
    height: 25px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.box2c3 div {
    float: left;
}
.box2c3 div.left {
    width: 40% !important;
}
.box2c3 div.right {
    width: 30% !important;
}
.box2c3 div:last-child {
    font-size: 12px;
    line-height: 1em;
    text-align: left;
    box-sizing: border-box;
    padding-left: 10px;
    border-left: 1px dotted #f0871e;
}
.box3 {
    padding: 3px;
    background: #ffe5b2;
    margin-bottom: 10px;
    clear: both;
}
.box3 .in {
    background: #fff;
    padding: 7px 10px;
}
/* 2015-07-06 蜜露renew 種子 */
.box3 .ina011 {
    padding: 7px 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffebf2+0,ffffff+25,ffffff+50,ffffff+75,ffebf2+100 */
    background: rgb(255, 235, 242);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 235, 242, 1)), color-stop(25%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(75%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 235, 242, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebf2', endColorstr='#ffebf2', GradientType=1);
    /* IE6-9 */
}
.box3 .ina011 div {
    font-size: 18px;
    line-height: 1.4em;
    padding-top: 30px;
    padding-bottom: 15px;
}
.box3 .ina011 .last {
    padding-top: 15px;
}
.box3 .ina011 .last strong {
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
.box3 .ina011 strong {
    color: #ff6699;
    font-weight: bold;
}
.box3 .a017 div {
    font-size: 18px;
    line-height: 1.4em;
    padding-bottom: 15px;
}
.box3 .a017 strong {
    color: #ff6699;
    font-weight: bold;
}
.box3 .a017 font {
    font-size: 14px;
    color: #999999;
}
.box3 .in img {
    margin-bottom: 15px;
}
.box3 .in img:last-child {
    margin: 0;
}
.box3 .in p {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.box3 .in p strong {
    font-weight: bold;
}
.box3 .in b.bold {
    font-weight: bold;
}
.box3 .in p.nom {
    margin-bottom: 0;
}
.box3 .in p .yellow {
    color: #d14900;
}
.box3 .in .blue {
    color: #0454a7;
}
.box3 .blue2 {
    color: #0d3387;
}
.box3 .blue3 {
    color: #00ade7;
}
.box3 div.price {
    overflow: hidden;
    padding: 0;
}
.box3 div.price div {
    height: 29px;
    box-sizing: border-box;
    line-height: 29px;
    padding: 0 8px;
    text-align: center;
    font-size: 18px;
}
.box3 div.price div.left {
    border-right: 1px dotted #ffe5b2;
    width: 55%;
    float: left;
    text-align: left;
    padding-left: 8px;
}
.box3 div.price div.right {
    font-weight: bold;
    color: #cc0033;
    text-align: right;
    float: right;
}
.box3 .in-blue {
    border: 1px solid #7fc9cd;
    margin-top: 2em;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 252, 1) 23%, rgba(253, 254, 249, 1) 25%, rgba(251, 253, 250, 1) 35%, rgba(251, 253, 248, 1) 38%, rgba(248, 253, 247, 1) 38%, rgba(250, 252, 247, 1) 40%, rgba(247, 252, 248, 1) 41%, rgba(239, 250, 246, 1) 59%, rgba(227, 245, 245, 1) 73%, rgba(221, 242, 247, 1) 84%, rgba(216, 241, 246, 1) 88%, rgba(215, 240, 247, 1) 93%, rgba(212, 239, 246, 1) 94%, rgba(210, 238, 249, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(23%, rgba(254, 254, 252, 1)), color-stop(25%, rgba(253, 254, 249, 1)), color-stop(35%, rgba(251, 253, 250, 1)), color-stop(38%, rgba(251, 253, 248, 1)), color-stop(38%, rgba(248, 253, 247, 1)), color-stop(40%, rgba(250, 252, 247, 1)), color-stop(41%, rgba(247, 252, 248, 1)), color-stop(59%, rgba(239, 250, 246, 1)), color-stop(73%, rgba(227, 245, 245, 1)), color-stop(84%, rgba(221, 242, 247, 1)), color-stop(88%, rgba(216, 241, 246, 1)), color-stop(93%, rgba(215, 240, 247, 1)), color-stop(94%, rgba(212, 239, 246, 1)), color-stop(100%, rgba(210, 238, 249, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 252, 1) 23%, rgba(253, 254, 249, 1) 25%, rgba(251, 253, 250, 1) 35%, rgba(251, 253, 248, 1) 38%, rgba(248, 253, 247, 1) 38%, rgba(250, 252, 247, 1) 40%, rgba(247, 252, 248, 1) 41%, rgba(239, 250, 246, 1) 59%, rgba(227, 245, 245, 1) 73%, rgba(221, 242, 247, 1) 84%, rgba(216, 241, 246, 1) 88%, rgba(215, 240, 247, 1) 93%, rgba(212, 239, 246, 1) 94%, rgba(210, 238, 249, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 252, 1) 23%, rgba(253, 254, 249, 1) 25%, rgba(251, 253, 250, 1) 35%, rgba(251, 253, 248, 1) 38%, rgba(248, 253, 247, 1) 38%, rgba(250, 252, 247, 1) 40%, rgba(247, 252, 248, 1) 41%, rgba(239, 250, 246, 1) 59%, rgba(227, 245, 245, 1) 73%, rgba(221, 242, 247, 1) 84%, rgba(216, 241, 246, 1) 88%, rgba(215, 240, 247, 1) 93%, rgba(212, 239, 246, 1) 94%, rgba(210, 238, 249, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 252, 1) 23%, rgba(253, 254, 249, 1) 25%, rgba(251, 253, 250, 1) 35%, rgba(251, 253, 248, 1) 38%, rgba(248, 253, 247, 1) 38%, rgba(250, 252, 247, 1) 40%, rgba(247, 252, 248, 1) 41%, rgba(239, 250, 246, 1) 59%, rgba(227, 245, 245, 1) 73%, rgba(221, 242, 247, 1) 84%, rgba(216, 241, 246, 1) 88%, rgba(215, 240, 247, 1) 93%, rgba(212, 239, 246, 1) 94%, rgba(210, 238, 249, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 252, 1) 23%, rgba(253, 254, 249, 1) 25%, rgba(251, 253, 250, 1) 35%, rgba(251, 253, 248, 1) 38%, rgba(248, 253, 247, 1) 38%, rgba(250, 252, 247, 1) 40%, rgba(247, 252, 248, 1) 41%, rgba(239, 250, 246, 1) 59%, rgba(227, 245, 245, 1) 73%, rgba(221, 242, 247, 1) 84%, rgba(216, 241, 246, 1) 88%, rgba(215, 240, 247, 1) 93%, rgba(212, 239, 246, 1) 94%, rgba(210, 238, 249, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2eef9', GradientType=0);
    /* IE6-9 */
}
.box3 .in-blue2 {
    margin-top: 2.6em;
}
.box3 .in-blue .topbox {
    padding: 5px 0;
    border-radius: 8px;
    width: 240px;
    line-height: 1.3em;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: auto;
    margin-top: -1.4em;
    display: block;
    background: #00ade7;
}
.box3 .in-blue .topbox2 {
    margin-top: -2em;
}
.buy-btn {
    margin-top: -2px;
    margin-bottom: 15px;
    overflow: hidden;
}
.buy-btn a {
    float: right;
    width: 55%;
}
.buy-btn a img {
    height: 19px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 3px;
}
.buy-btn span.no {
    float: left;
    color: #ff1700;
    line-height: 35px;
}
div.people img:nth-child(1),
.people img:nth-child(2) {
    margin-bottom: 10px;
}
.b07 {
    border-bottom: 1px dotted #f0871e;
}
.e01 strong {
    font-weight: bold;
    color: #f0871e;
}
.e01 img.full {
    margin: 0.5em 0 !important;
}
.e02 {
    padding: 12px 0;
}
.e02 strong {
    font-weight: bold;
    color: #f0871e;
    display: block;
    width: 70%;
    min-width: 280px;
    background: #e60713;
    color: #fff;
    padding: 5px 10px;
}
.e02 b {
    color: #000 !important;
}
/* index */
.bxslider {
    width: 100%;
}
.index {
    width: 93.125%;
    margin: auto;
    margin-bottom: 18px;
}
.pro_tit + a {
    display: block;
    border: 1px solid #878787;
    margin-top: 10px;
}
.index a:last-child {
    /*    margin-top: 10px;*/
}
.pro_tit {
    /*
    overflow: hidden;
    display: block;
    height: 10px;
    visibility: hidden;
*/
    display: none;
}
.index .text {
    font-size: 18px;
    color: #59c3dc;
    line-height: 1.5em;
}
.index .text2 {
    margin-top: 15px;
    margin-bottom: 10px;
}
.index .text b {
    display: block;
    color: #2191ab;
    font-weight: bold;
    border-bottom: solid #2191ab 2px;
    padding-left: 14px;
    position: relative;
    font-size: 20px;
    margin-bottom: 5px;
}
.index .text b:before {
    display: block;
    position: absolute;
    left: 0;
    height: 22px;
    border-left: 5px solid #33cccc;
    border-right: 5px solid #bce2e3;
    content: '';
    bottom: 2px;
}
/* 20140907 sitemap.html */
.sitemap {
    margin-bottom: 8px;
}
.sitemap h3 {
    font-size: 18px;
    font-weight: bold;
    color: #f0871e;
    text-align: center;
    padding: 8px 0;
    border-top: 1px dotted #f0871e;
    border-bottom: 1px dotted #f0871e;
    margin-bottom: 7px;
}
.sitemap .site-list01 li {
    padding: 9px 0;
}
.sitemap .site-list01 a {
    font-size: 18px;
    color: #000;
    display: inline-block;
}
.sitemap .site-list01 a:after {
    width: 13px;
    height: 13px;
    content: '';
    background: url(../images/products/icon-arrow2.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 5px;
}
.sitemap .site-list02 {
    overflow: hidden;
}
.sitemap .site-list02 li {
    margin-bottom: 7px;
    float: left;
    width: 49%;
}
.sitemap .site-list02 li:nth-child(even) {
    margin-left: 2%;
}
/* 20140907 service.html */
.service {
    font-size: 14px;
    padding: 8px 4px;
    border-top: 1px dotted #f0871e;
    border-bottom: 1px dotted #f0871e;
    margin-bottom: 7px;
    color: #5d5d5d;
    line-height: 1.5em;
}
.service a.mail {
    color: #f0871e;
}
.service a.btn {
    width: 90%;
    margin: 8px auto;
    color: #f3991e;
    font-weight: bold;
}
.service a.btn img {
    height: 16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
/* 20140907 signup.html */
ul.signup {
    font-size: 14px;
    line-height: 1.2em;
    padding: 15px 0;
    border-bottom: 1px dotted #f0871e;
}
ul.signup li {
    padding: .5em 5px;
}
ul.signup li.info {
    color: #ff0000;
}
ul.signup-noline {
    border: none;
}
/* 20140907 form box */
.formbox {
    padding: 4px;
}
.formbox label.info {
    font-size: 14px;
    padding: 0 .4em;
    margin-top: 1em;
}
.formbox label.info span {
    font-size: 12px;
}
.formbox label.info2 {
    margin-bottom: 1em;
    margin-top: 0;
}
.formbox .reg {
    overflow: hidden;
    border: none;
}
.formbox .reg label {
    float: right;
    margin: 1px 0 0 2%;
    width: 48%;
}
.formbox .reg label img {
    height: 30px;
    vertical-align: middle;
}
.formbox .reg label a {
    font-size: 14px;
    color: #644d00;
    text-decoration: underline;
}
/*2014-11-06修改*/
.formbox .reg > label ~ [class*=ui-] {
    width: 48%;
    float: left;
}
/*2014-11-07 新增開始*/
.formbox .reform1 {
    overflow: hidden;
    border: none;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.formbox .reform1 > label ~ [class*=ui-] {
    width: 100%;
    float: left;
}
.formbox .reform2 {
    padding-bottom: 2px;
    padding-top: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.formbox .reform3 {
    padding-top: 2px;
    margin-top: 0px;
    margin-bottom: 0px;
}
/*2014-11-07 新增結束*/
.formbox a.btn {
    width: 90%;
    margin: 15px auto;
    margin-bottom: 30px;
}
.formbox .contract {
    height: 120px;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.formbox .contract iframe {
    width: 100%;
    height: 120px;
}
.formbox .line-box {
    border-top: 1px dotted #f0871e;
    margin-top: 15px;
    padding-top: 10px;
}
.formbox a.prev {
    color: #663300;
    text-decoration: underline;
    font-size: 18px;
    display: inline-block;
}
.formbox a.prev:before {
    width: 13px;
    height: 13px;
    content: '';
    background: url(../images/products/icon-arrow3.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 5px;
}
.formbox a.btn ~ a.prev {
    position: relative;
    top: -20px;
}
.formbox a.nom {
    margin-bottom: 10px;
}
.formbox a.back img {
    vertical-align: middle;
    width: 15px;
    position: relative;
}
h2.title3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #f0871e;
    padding: 10px 9px;
    line-height: 20px;
}
h2.title3 span {
    font-size: 80%;
}
h2.title3-first {
    margin-top: 14px;
}
/* 20140907 member*.html */
ul.member {
    margin-bottom: 30px;
}
ul.member li {
    border-bottom: 1px dotted #f0871e;
    padding: 10px 0;
}
ul.member li:first-child {
    border-top: 1px dotted #f0871e;
}
ul.member li > a {
    font-size: 18px;
    color: #000;
    display: inline-block;
    font-weight: bold;
    padding-left: 25px
}
ul.member li > a:after {
    width: 13px;
    height: 13px;
    content: '';
    background: url(../images/products/icon-arrow2.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-left: 5px;
}
ul.member li > a.open:after {
    background-image: url(../images/products/icon-arrow2-1.png);
}
ul.member li > a ~ span {
    display: block;
    line-height: 1.4em;
    font-weight: bold;
    color: #5d5d5d;
    padding-top: 5px;
    position: relative;
    padding-left: 25px
}
ul.member li > a ~ span:before {
    content: '-';
    position: absolute;
    top: 0.25em;
    left: 16px;
    display: block;
    font-weight: normal;
}
ul.member li section {
    border-top: 1px dotted #f0871e;
    margin-top: 10px;
}
ul.member li section table.member {
    width: 100%;
    border: 1px solid #333;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
ul.member li section table.member caption {
    color: #ff0000;
    line-height: 1.5em;
    text-align: left;
    padding: 10px 5px;
    border: 1px solid #333;
    background: #e3e3e3;
    border-bottom: none;
}
ul.member li section table.member th,
ul.member li section table.member td {
    border: 1px solid #000;
    padding: 8px 5px;
}
ul.member li section table.member td {
    background: #e3e3e3;
}
ul.member li section table.member tbody td a {
    color: #000;
    text-decoration: underline;
}
ul.member li section table.member tbody td:last-child a {
    text-decoration: underline;
}
ul.member li section table.member tbody td.row2 {
    text-align: left;
}
ul.member li section table.member tbody td.row2 a {}
.order-no {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    padding: 10px 0;
    padding-left: 26px;
    line-height: 1.4em;
    position: relative;
    border-top: 1px dotted #f0871e;
}
ul.member li section .pager {
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
}
ul.member li section .pager a {
    color: #000;
    text-decoration: underline;
}
/* 20140907 jquery mobile 修正 */
.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
    top: 10px;
}
.ui-page-theme-a .ui-body-inherit,
.ui-select .ui-btn,
.ui-checkbox .ui-btn {
    background: rgb(244, 245, 248);
    background: -moz-linear-gradient(top, rgba(244, 245, 248, 1) 0%, rgba(234, 237, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 245, 248, 1)), color-stop(100%, rgba(234, 237, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(244, 245, 248, 1) 0%, rgba(234, 237, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(244, 245, 248, 1) 0%, rgba(234, 237, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(244, 245, 248, 1) 0%, rgba(234, 237, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(244, 245, 248, 1) 0%, rgba(234, 237, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f8', endColorstr='#eaedf2', GradientType=0);
}
.ui-input-text input {
    font-size: 14px;
    line-height: 14px;
}
.ui-select .ui-btn,
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
    border-radius: .6em;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 0 3px
    /*{global-box-shadow-size}*/
    rgba(0, 0, 0, 0.1)
    /*{global-box-shadow-color}*/
    ;
    -moz-box-shadow: inset 0 0 3px
    /*{global-box-shadow-size}*/
    rgba(0, 0, 0, 0.1)
    /*{global-box-shadow-color}*/
    ;
    box-shadow: inset 0 0 3px
    /*{global-box-shadow-size}*/
    rgba(0, 0, 0, 0.1)
    /*{global-box-shadow-color}*/
    ;
}
.ui-select .ui-btn {
    padding: .8em .4em;
    text-align: left;
}
.ui-select .center {
    text-align: left;
    font-weight: bold;
    color: #777;
}
.ui-page-theme-a .ui-btn.ui-btn-active,
html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
.ui-page-theme-a .ui-checkbox-on:after,
html .ui-bar-a .ui-checkbox-on:after,
html .ui-body-a .ui-checkbox-on:after,
html body .ui-group-theme-a .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-a:after,
.ui-page-theme-a .ui-flipswitch-active,
html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active,
html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
.ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active,
html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-a .ui-btn-active,
.ui-page-theme-a .ui-radio-on:after,
html .ui-bar-a .ui-radio-on:after,
html .ui-body-a .ui-radio-on:after,
html body .ui-group-theme-a .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-a:after {
    background-color: #3388cc;
    border-color: #3388cc;
}
/* 2014-11-06 顏色修改 */
/* 2014-9-16 種子 */
.p100 {
    color: #3071b9;
}
.f01 strong {
    color: #3071b9;
    font-weight: bold;
}
.f01 .blue3,
.blue4 {
    font-weight: normal;
    color: #3071b9 !important;
}
sup {
    font-size: 12px;
    position: relative;
    top: -5px;
}
sub {
    font-size: 12px;
    position: relative;
    top: 5px;
}
.black {
    color: #000 !important;
}
strong.boldno {
    font-weight: normal !important;
}
/* 2014-12-14 */
.p8 {
    color: #ff6600;
}
.orange {
    color: #ff6600 !important;
}
.h08box {
    background: url(../images/products/h08.jpg) bottom repeat-x;
    border-top: 1px dotted #ff6600;
}
.h08box p {
    padding: .5em;
    font-size: 18px;
    line-height: 1.5em;
}
.h14t {
    background: #ff4f81;
    border-radius: 10px;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
}
.h14tt {
    color: #00779f;
    line-height: 1.5em;
    font-size: 18px;
    padding: 10px;
    border: #b2d6e2 2px solid;
    border-radius: 10px;
    margin: 10px 0;
    margin-top: 20px;
    position: relative;
}
.h14tt:after {
    border: 16px solid transparent;
    border-bottom-color: #b2d6e2;
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -16px;
    top: -32px;
}
.h16t {
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    display: block;
    background: #f18f2e;
    margin-bottom: .5em;
}
ul.like {
    background: #fffefd;
    padding: 10px 15px;
}
ul.like li {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}
ul.like li img {
    display: block;
    width: 100%;
    margin-bottom: .5em;
}
.box2 {
    border: 1px solid #f4a353;
}
a.arrow {
    float: right;
    color: #0072ef;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 7px;
}

a.arrow:hover {
    text-decoration: underline;
}
a.arrow:before {
    content: '';
    background: url(/common/img/que.svg) no-repeat;
    background-size: auto 100%;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: -3px;
}
/* 2015-05-21 種子 */
.p9.title {
    color: #993300;
}
.p9 .box3 strong {
    color: #993300;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    line-height: 1.7em;
}
.p9 .box3 .no {
    color: #d1111c;
    display: inline;
    text-decoration: underline;
    font-weight: normal;
}
.p9 .in b {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.p9 .box3 {
    line-height: 1.5em;
    font-size: 18px;
}
.p9 ul.price {
    font-size: 14px;
}
.p9 .info {
    font-size: 14px;
    color: #663300;
    padding-bottom: 10px;
    line-height: 1.5em;
    overflow: hidden;
    margin-top: 0;
}
.p9 .info span {
    float: right;
}
.i04 {
    background: url(../images/products/i04.png) no-repeat;
    background-size: 100%;
}
.i04 strong {
    padding: 0 10px;
}
.i04 span {
    padding: 0 10px 20px 10px;
    display: block;
}
/* 2015-12-03 種子 */
.p10.title {
    color: #00739f;
}
.p10 .box3 {
    line-height: 1.5em;
    font-size: 18px;
}
.j_in {
    background: #ffffff;
}
.j_in strong {
    padding: 0 10px;
}
.j_in span {
    padding: 0 10px 20px 10px;
    display: block;
}
.j_in span div:not(:last-child) {
    margin-bottom: 10px;
}
.j_in hr {
    border-style: none;
    border-top: 5px solid #ffffff;
    width: 90%;
    margin: 0 auto;
}
.j04a {
    background: url(../images/products/j04.jpg) no-repeat top;
    padding-top: 20px;
    background-size: 100%;
}
.p10 .blue_title {
    color: #00739f;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}
.p10 .or_title {
    color: #f39700;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}
.j04b {
    background: url(../images/products/j05.jpg) no-repeat bottom;
    background-size: 100%;
    padding-top: 20px;
}
.j04b font {
    color: #6a6a6a;
    font-size: 14px;
    padding: 20px 10px;
    display: block;
    line-height: 1;
}
.j05a {
    background: url(../images/products/j08.jpg) repeat-y;
    background-size: 100%;
    padding-top: 40px;
}
.j05b {
    background: url(../images/products/j08.jpg) repeat-y;
    background-size: 100%;
    padding-bottom: 40px;
}
.p10 .in b {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.p10 .info {
    font-size: 14px;
    color: #663300;
    padding-bottom: 10px;
    line-height: 1.5em;
    overflow: hidden;
}
.p10 .info span {
    float: right;
}
.or_box {
    background: #fef7e6;
    padding: 25px 10px;
    margin: 0 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
}
.j_in .or_bg {
    color: #ffffff;
    background: #d14900;
    border-radius: 20px;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 25px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    /*font-family: "微軟正黑體";*/
    min-width: 170px;
}
.j_in .green_bg {
    color: #ffffff;
    background: #21ab38;
    border-radius: 20px;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 25px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    /*font-family: "微軟正黑體";*/
    min-width: 170px;
}
.j_in .blue_title {
    color: #00739f;
    font-weight: bold;
}
.j_in .green_title {
    color: #21ab38;
    font-weight: bold;
    display: block;
}
.j_in .or_bar {
    background: rgb(247, 133, 77);
    background: -moz-linear-gradient(top, rgba(247, 133, 77, 1) 0%, rgba(243, 81, 1, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(247, 133, 77, 1) 0%, rgba(243, 81, 1, 1) 100%);
    background: linear-gradient(to bottom, rgba(247, 133, 77, 1) 0%, rgba(243, 81, 1, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7854d', endColorstr='#f35101', GradientType=0);
    color: #fef138;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    font-size: 20px;
    padding: 5px 35px;
    display: block;
    left: 33px;
    top: -10px;
    /*font-family: "微軟正黑體";*/
    text-align: center;
    margin: -40px 10px 0 10px;
    font-weight: bold;
    margin-bottom: 30px;
}
.j_in .green_bar {
    background: rgb(115, 184, 186);
    background: -moz-linear-gradient(top, rgba(115, 184, 186, 1) 0%, rgba(1, 127, 130, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(115, 184, 186, 1) 0%, rgba(1, 127, 130, 1) 100%);
    background: linear-gradient(to bottom, rgba(115, 184, 186, 1) 0%, rgba(1, 127, 130, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b8ba', endColorstr='#017f82', GradientType=0);
    color: #fef138;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    font-size: 20px;
    padding: 5px 35px;
    display: block;
    left: 33px;
    top: -10px;
    /*font-family: "微軟正黑體";*/
    text-align: center;
    margin: -40px 10px 0 10px;
    font-weight: bold;
    margin-bottom: 30px;
}
.alignC {
    text-align: center;
    margin-bottom: 30px;
}
@media only screen and (max-width: 400px) {
    .i04 span {
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }
}
.i04a {
    padding-top: 20px;
}
.i04b {
    padding-top: 35px;
    background: #fff;
}
/* 2015-08-19 種子設計 vitoas修改*/
.g23 .box3 div.price .left {
    font-size: 14px;
}
/* 2015-09-17 種子 */
.box3 .b01 {
    padding: 10px 0;
}
.box3 .b01 .tit {
    background: #d14900;
    color: #ffffff;
    font-size: 18px;
    display: block;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 15px;
}
.box3 .b01 p {
    padding: 0 10px;
}
.box3 .b01 p:last-of-type {
    margin-bottom: 0;
}
.box3 .b01 .yellow {
    font-weight: bold;
}
.box3 .b01 h4.yellow {
    padding: 0 10px;
    font-size: 18px;
    line-height: 1.5em;
}
.box3 .b01 .hr {
    border-bottom: 1px dotted #cc9900;
    margin-bottom: 15px;
}
.b02 {
    border-radius: 15px;
    border: 3px solid #ffe5b2;
    margin-bottom: 15px;
    line-height: 1.5em;
}
.b02 .yel {
    font-size: 18px;
    color: #cc9900;
    display: block;
    padding: 7px 10px 0 10px;
    font-weight: bold;
}
.b02 span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}
.b02 p {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    padding: 0 10px;
}
.b03.info {
    font-size: 14px;
    padding-bottom: 10px;
    line-height: 1.5em;
    overflow: hidden;
    margin-top: -10px;
    color: #663300;
}
.b03.info span {
    float: right;
}
/* 2015.9.22 stan */
.box3 .in .w50 {
    width: 50%;
    float: right;
}
.box3 .in em.yellow {
    font-weight: normal;
}
/* 2015.12.16 蜜露RN */
.qaa {
    margin-bottom: 20px;
}
.qaa a {
    color: #0072EF;
    font-size: 14px;
    padding-left: 22px;
    background-size: 17px auto;
    display: block;
    line-height: 1.4em;
    position: relative;
}

.qaa a:hover {
    text-decoration: underline;
}

.qaa a::before {
    position: absolute;
    content: "";
    background: url(/common/img/que.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
    top: -2px;
}

.qaa a:not(:last-of-type) {
    padding-bottom: 10px;
}
.qaa .big {
    font-size: 20px;
    font-weight: bold;
}
.y_acc {
    display: block;
    border: 2px solid #fbc108;
    color: #333333;
    padding: 10px 35px 10px 35px;
    position: relative;
    font-size: 18px;
    line-height: 1.2;
}
.y_acc:before {
    content: 'Q.';
    font-weight: bold;
    color: #fbc108;
    position: absolute;
    left: 10px;
    font-size: 20px;
}
.y_acc.sign:before {
    width: 22px;
    height: 16px;
    background: url(../images/products/icon-item2.png) no-repeat;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    background-size: 100% 100%;
}
.y_acc span {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
    background-color: #fbc108;
}
.y_acc:after {
    position: absolute;
    content: '';
    background: url(../images/products/icon-arrow5.png) no-repeat;
    background-size: 100% 100%;
    right: 5px;
    top: 50%;
    width: 14px;
    height: 13px;
    margin-top: -6px;
}
.y_acc.open:after {
    transform: rotate(180deg);
}
.y_con {
    display: none;
    padding-bottom: 10px;
    border: 2px solid #ffe5b2;
    font-size: 14px;
}
.y_con b {
    font-weight: bold;
    display: block;
    margin: 10px 10px 15px 10px;
    padding-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px dashed #ffe5b2;
}
.y_con ul {
    padding: 0 10px;
}
.y_con li {
    overflow: hidden;
    margin-bottom: 10px;
}
.y_con span {
    float: left;
}
.y_con font {
    float: right;
}
.y_con .last {
    margin-top: 35px;
}
.y_con.qa li .qa-a {
    border: none;
    color: #663300;
}
.y_con.qa li span {
    float: none;
}
.y_con.qa li .txt {
    padding: 0 8px;
    margin-bottom: 10px;
}
.box5 .txt {
    padding: 0 8px;
    margin-top: 10px;
}
.box5 .txt span {
    display: block;
    margin-bottom: 5px;
}
.box5 .txt span b {
    float: right;
    font-weight: bold;
    color: #e61571;
}
.y_con.qa strong {
    font-weight: bold;
}
.or_txt {
    color: #f0871e;
}
.box5 {
    border: 3px solid #fbc308;
    margin-bottom: 15px;
}
.box5 .in {
    padding: 20px 8px;
}
.box5 .pink {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgb(255, 235, 242);
    background: -moz-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 235, 242, 1)), color-stop(25%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(75%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 235, 242, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    background: linear-gradient(to right, rgba(255, 235, 242, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 235, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebf2', endColorstr='#ffebf2', GradientType=1);
}
.box5 .hr {
    border-top: 1px dashed #fbc108;
    margin: 0 8px;
}
.box5 p {
    margin-bottom: 20px;
    line-height: 1.4em;
    font-size: 18px;
}
.box5 .in1 {
    padding: 0 7px 20px 7px;
    background: #ffe699;
}
.box5 .in1 p {
    padding: 10px 5px 30px 5px;
    background: #ffffff;
}
.box5 strong {
    /*    color: #ff6699;*/
}
.box5 font {
    font-size: 14px;
}
.or_hr {
    border-top: 1px dashed #fbc108;
    margin: 15px 10px;
}
.box5 .glyphicon-chevron-left:before {
    content: "";
    background: url(../images/products/icon-arrow6.jpg) no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 41px;
    position: absolute;
    margin-top: -20px;
}
.box5 .glyphicon-chevron-right:before {
    content: "";
    background: url(../images/products/icon-arrow7.jpg) no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 41px;
    position: absolute;
    margin-top: -20px;
}
/* 2015-12-22 vitoas */
.box3 .in .pattern {
    width: 130px;
    margin-bottom: 0;
}
@media only screen and (min-width: 321px) {
    .box3 .in .pattern {
        margin: 0 10px 0 0;
    }
    a.pattern_r {
        margin-top: 3px;
    }
}
/* 2016-08-11 Liftage麗芙緹PG-EX */
.p11.title {
    color: #ef5291;
}
.ptxt {
    color: #f2448a;
    display: block;
    padding: 0 10px;
    font-weight: bold;
}
.box3 .k_in {
    background: #ffffff;
    padding: 10px 0;
}
.k_in p {
    padding: 0 10px;
    padding-bottom: 1.5em;
}
.k_in p:last-child {
    padding-bottom: 0;
}
.box3 .k01 {
    padding: 0;
}
.k01 .ptxt {
    padding-bottom: 20px;
}
.k02 .ptxt {
    padding-bottom: 10px;
    text-align: center;
}
.box3 .k02 {
    background: url(../images/products/k05.jpg) no-repeat;
    background-size: 100% auto;
}
.k02-2 {
    border: 1px solid #e74478;
    position: relative;
    margin-bottom: 10px;
    padding: 15px 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffecf1+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffecf1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffecf1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffecf1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffecf1', GradientType=0);
    /* IE6-9 */
}
.k02-2:before,
.k02-2:after {
    content: '';
    position: absolute;
    background: url(../images/products/k_border_img.png);
    background-size: 100% 100%;
    width: 4vw;
    height: 4.5vw;
}
.k02-2:before {
    left: -1px;
    top: -1px;
}
.k02-2:after {
    right: -1px;
    bottom: -1px;
    transform: rotate(180deg);
}
.k02-2 img {
    max-width: 50%;
    margin: 0 25%;
}
.k02-2 .subtit {
    font-size: 18px;
    color: #f2448a;
    margin: 15px 0;
    font-weight: bold;
    text-align: center;
    padding: 0;
    background: none;
}
.k02-2 p {
    line-height: 1.5;
    font-size: 18px;
}
.k02-2 .ps {
    font-size: 12px;
    margin-top: 20px;
    line-height: 1.5;
}
.box3 .k03 {
    background: url(../images/products/k08.jpg) no-repeat;
    background-size: 100% auto;
}
.k03 .full {
    margin-bottom: 10px;
}
.k03 .ptxt {
    text-align: center;
    margin-bottom: 10px;
}
.pbox {
    margin-bottom: 10px;
}
.mlist {
    border-bottom: 1px dotted #f2448a;
    margin-bottom: 20px;
}
.mlist:last-child {
    border-bottom: 0;
}
.k05 .ptxt {
    padding: 0;
}
.p11 .box3 {
    line-height: 1.5em;
    font-size: 18px;
}
.p11 .in b {
    display: block;
    font-weight: bold;
}
.k06 {
    padding: 0;
}
.k06 img {
    margin-top: 20px;
}
.k06 .ps {
    padding-top: 20px;
    background: #ffffff;
    font-size: 12px;
    line-height: 1.5;
}
/* 2016-09-13 vitoas slider */
.subtit {
    color: #e46c0a;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    background: #ffffff;
}
.makeup-txt {
    font-size: 12px;
    color: #666;
    line-height: 2em;
    background: #ffffff;
    padding-right: 15px;
    padding-bottom: 10px;
    display: block;
    text-align: right;
    margin-top: -10px;
}
.box6 .glyphicon-chevron-left:before {
    background: url(../images/products/icon-arrow8.jpg) no-repeat;
}
.box6 .glyphicon-chevron-right:before {
    background: url(../images/products/icon-arrow9.jpg) no-repeat;
}
.box6 .glyphicon:before {
    background-size: 100% 100%;
    width: 30px;
    height: 49px;
}
/* 2017-03-09 gift */
.title4 {
    font-size: 18px;
    color: #968200;
    padding: 10px;
    padding-left: 25px;
}
.green_tit {
    color: #079089;
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 2px solid #079089;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
}
.orange_tit {
    color: #d3491b;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    font-weight: bold;
}
.orange_tit:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #d3491b;
    top: 50%;
    left: 0;
}
.orange_tit span {
    background: #ffffff;
    position: relative;
    padding: 0 5px;
    display: inline-block;
}
.orange_ul {
    border-bottom: 2px solid #d3491b;
    color: #333333;
    line-height: 1.5;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    list-style: disc;
}
.orange_ul li {
    padding: 0 !important;
    border: 0 !important;
}
table.exchange {
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 8px;
}
table.exchange th,
table.exchange td {
    padding: 8px 5px;
}
table.exchange th {
    background: #5a5657;
    color: #ffffff;
}
table.exchange td {
    background: #dddddd;
    color: #000000;
    /*    font-weight: bold;*/
}
table.exchange tr td:first-child {
    text-align: left;
}
table.exchange small {
    color: #5a5657;
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
}
.btn_gray {
    color: #ffffff;
    display: block;
    width: 50%;
    background: #5a5657;
    padding: 10px;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}
.btn_orange {
    color: #ffffff;
    display: block;
    width: 50%;
    background: #d2491b;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
}
.gift_btn {
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9b07a+0,d5551c+100 */
    background: rgb(233, 176, 122);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(233, 176, 122, 1) 0%, rgba(213, 85, 28, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(233, 176, 122, 1) 0%, rgba(213, 85, 28, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(233, 176, 122, 1) 0%, rgba(213, 85, 28, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9b07a', endColorstr='#d5551c', GradientType=0);
    /* IE6-9 */
    width: 90%;
    margin: 20px auto;
    line-height: 1.5;
}
.btns {
    text-align: center;
    margin-top: 5px;
}
.btns > a:last-child {
    margin-right: 0;
}
.btns a {
    width: 40%;
    display: inline-block;
    margin-right: 2%;
}
.pro_box {
    overflow: hidden;
    margin-bottom: 40px;
}
.pro_box > img {
    float: left;
    width: 50%;
}
.pro_box .ui-select {
    overflow: hidden;
}
.hidden {
    overflow: hidden;
}
/*.line {
    /*height: 5px;
    border-radius: 10px;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5df5b+0,ffffff+50,f5df5b+100 */
    /*background: rgb(245, 223, 91);*/
    /* Old browsers */
    /*background: -moz-linear-gradient(left, rgba(245, 223, 91, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(245, 223, 91, 1) 100%);*/
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, rgba(245, 223, 91, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(245, 223, 91, 1) 100%);*/
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, rgba(245, 223, 91, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(245, 223, 91, 1) 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5df5b', endColorstr='#f5df5b', GradientType=1);*/
    /* IE6-9 */
    /*margin: 20px 0;
}*/
.tit {
    margin-top: 40px;
}
.tit.none {
    margin-top: 0;
}
.pro_box2 {
    overflow: hidden;
    margin: 20px 0;
}
.pro_box2 img {
    width: 40%;
    float: left;
    margin-right: 10%;
}
.pro_box2 .ui-select {
    overflow: hidden;
}
.orange_p {
    color: #c94720;
    margin-bottom: 20px;
    line-height: 1.2;
}
.align_center {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.p {
    line-height: 1.5;
}
.f1 {
    font-size: 16px;
    margin-bottom: 20px;
}
/* 20170317 milcolla */
.milcolla .ps {
    font-size: 16px;
    font-weight: bold;
}
.milcolla .ps2,
.bifi .ps2,
.dha .ps2,
.juice .ps2,
.dha .ps2,
.maka .ps2 {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px;
    display: block;
}
/* 20170627 bifi renew */
.bar1 {
    font-size: 24px;
    color: #ffffff;
    padding: 5px 15px 10px 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bdff+0,aceaff+100 */
    background: rgb(0, 189, 255);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0, 189, 255, 1) 0%, rgba(172, 234, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 189, 255, 1) 0%, rgba(172, 234, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 189, 255, 1) 0%, rgba(172, 234, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bdff', endColorstr='#aceaff', GradientType=1);
    /* IE6-9 */
    line-height: 1;
}
.box3 .bg2 {
    background: #eff9fe;
}
.bg2 b {
    color: #1e8aca;
}
.border1 {
    border-bottom: 1px dotted #efc090;
}
h3.title3 {
    background: #ffffff;
    font-size: 22px;
    color: #00bdff;
    padding: 10px 25px;
    position: relative;
    line-height: 1.2;
}
h3.title3:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #00bdff;
    border-radius: 100px;
    left: 10px;
    top: 20px;
}
h4.title3 {
    background: #ffffff;
    font-size: 22px;
    color: #00bdff;
    padding: 10px 25px;
    position: relative;
    line-height: 1.2;
}
h4.title3:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #00bdff;
    border-radius: 100px;
    left: 10px;
    top: 20px;
}
.color1 {
    color: #1e8aca;
}
.user01 {
    padding: 7px 0;
    background: #ffffff;
}
.user01 img {
    margin-bottom: 1.5em;
    border: solid #00bdff;
    border-width: 2px 0;
}
.user01 img:first-child {
    border: none;
}
.info {
    font-size: 12px;
    padding-right: 10px;
    line-height: 1.5em;
    overflow: hidden;
    margin-top: -1.5em;
}
.info span {
    float: right;
}
.r_list {
    background: #ffffff;
    padding-top: 7px;
}
.r_list > div {
    padding-bottom: 4px;
    position: relative;
}
.r_list > div:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,75dbff+50,ffffff+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(117, 219, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(117, 219, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(117, 219, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}
.r_list > div:last-child {
    padding-bottom: 0;
}
.r_list > div:last-child:after {
    display: none;
}
.r_list b {
    font-weight: bold;
    font-size: 30px;
}
.r_list big {
    font-size: 48px;
    color: #ff4a7e;
    display: inline-block;
    margin-top: 10px;
}
.r_list sup {
    font-size: 16px;
    top: -10px;
}
.r_list .align_center {
    padding: 1.5em 10px;
}
.ps {
    line-height: 1.5;
}
.bifi_box {
    margin-bottom: 15px;
}
.bifi_box span {
    background: #e2f4fd;
    border: 2px solid #1eace3;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    color: #008bd5;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
}
.bifi_box div {
    border: 2px solid #1eace3;
    border-radius: 0 10px 10px 10px;
    padding: 10px;
    line-height: 1.5;
    font-size: 16px;
}
.bifi_box b {
    color: #008bd5;
}
.bifi_box img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.bifi_box h4 {
    font-size: 16px;
    font-weight: bold;
    color: #008bd5;
    text-align: center;
    margin-bottom: 15px;
}
.bifi_box2 {
    border: 2px solid #00bdff;
    background: #eefaff;
    padding: 10px;
    position: relative;
    line-height: 1.5;
    margin-bottom: 1.5em;
}
.bifi_box2:before {
    content: '';
    position: absolute;
    background: url(../images/products/d18-1.png);
    background-size: 100% 100%;
    width: 158px;
    height: 40px;
    top: -11px;
    left: 50%;
    margin-left: -79px;
}
.bifi_box2 .inner {
    border: 2px solid #00bdff;
    background: #ffffff;
    padding-top: 20px;
}
.bifi_box2 p {
    padding: 0 10px;
}
.user01 b {
    color: #008bd5;
}
.c_img {
    max-width: 100%;
    display: block;
    margin: auto;
}
.bifi_box3 {
    padding: 10px;
    background: #e1f7ff;
    line-height: 1.5;
    margin-bottom: 16px;
    height: 72px;
    font-size: 16px;
}
.bifi_box3 table {
    width: 100%;
    height: 100%;
}
.bifi_box3 td {
    vertical-align: middle;
}
.bifi_list {
    max-width: 80%;
    margin: auto;
    line-height: 1.5;
    text-align: center;
}
.bifi_list li {
    border-bottom: 2px solid #a4d1ff;
    padding: 10px;
    font-size: 16px;
}
.bifi_list h4 {
    color: #00bdff;
    font-weight: bold;
    font-size: 18px;
    margin: 15px 0;
}
/* enherb & conoha */
.enherb .font-normal {
    font-weight: normal !important;
}
.enherb .font-large {
    font-size: 18px;
}
.enherb .font-small {
    font-size: 14px !important;
}
.enherb .color-coffice {
    color: #663300 !important;
}
.enherb .color-green {
    color: #004b12 !important;
}
.enherb .color-gary {
    color: #363636 !important;
}
.enherb .color-red {
    color: #ff0000 !important;
}
.enherb div.full-all {
    margin-left: -5px;
    margin-right: -5px;
}
.enherb div.full-all .in {
    padding: 15px;
}
.enherb div.full-all .in p {
    line-height: 1.5em;
}
.enherb .box3 div.price div.left {
    /*
    height: auto;
    line-height: 1.4em;
    padding-top: .2em;
    padding-bottom: .2em;
    width: 58%;
*/
    height: 90px;
    width: 65%;
    line-height: 1.2;
    border-right: 0;
}
.enherb .box3 div.price div.left:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.enherb .box3 div.price div.left > span {
    display: inline-block;
    vertical-align: middle;
}
.enherb .box3 div.price div.right {
    height: 90px;
    width: 35%;
    border-left: 1px dotted #ffe5b2;
    /*    padding-bottom: 1em;*/
}
.enherb .box3 div.price div.right:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.enherb .box3 div.price div.right > span {
    display: inline-block;
    vertical-align: middle;
}
.enherb ul.other-info {
    line-height: 1.5em;
    margin-bottom: 10px;
}
.enherb .small-p .in p {
    margin-bottom: .5em;
}
.enherb .box3 .in p.zero {
    margin-bottom: 0;
}
.enherb .specification {
    padding: 10px;
}
.enherb .specification table {
    width: 100%;
}
.enherb .specification table th {
    white-space: nowrap;
}
.enherb .specification table th,
.specification table td {
    padding: .2em;
    line-height: 1.5em;
}
.conoha .font-normal {
    font-weight: normal !important;
}
.conoha .font-large {
    font-size: 18px;
}
.conoha .font-small {
    font-size: 14px !important;
}
.conoha .color-coffice {
    color: #663300 !important;
}
.conoha .color-green {
    color: #759427 !important;
}
.conoha .color-gary {
    color: #363636 !important;
}
.conoha .color-red {
    color: #ff0000 !important;
}
.conoha div.full-all {
    margin-left: -5px;
    margin-right: -5px;
}
.conoha div.full-all .in {
    padding: 15px;
}
.conoha div.full-all .in p {
    line-height: 1.5em;
}
.conoha .box3 div.price div.left {
    height: 90px;
    line-height: 1.2;
    border-right: 0;
    width: 65%;
}
.conoha .box3 div.price div.left:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.conoha .box3 div.price div.left > span {
    display: inline-block;
    vertical-align: middle;
}
.conoha .box3 div.price div.right {
    height: 90px;
    width: 35%;
    border-left: 1px dotted #ffe5b2;
    /*    padding-bottom: 1em;*/
}
.conoha .box3 div.price div.right:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.conoha .box3 div.price div.right > span {
    display: inline-block;
    vertical-align: middle;
}
.conoha ul.other-info {
    line-height: 1.5em;
    margin-bottom: 10px;
}
.conoha .small-p .in p {
    margin-bottom: .5em;
}
.conoha .box3 .in p.zero {
    margin-bottom: 0;
}
.conoha .specification {
    padding: 10px;
}
.conoha .specification table {
    width: 100%;
}
.conoha .specification table th {
    white-space: nowrap;
}
.conoha .specification table th,
.specification table td {
    padding: .2em;
    line-height: 1.5em;
}
/* 20171102 限購 */
.limit {
    text-align: right;
    margin-top: -10px;
    margin-bottom: 15px;
    font-size: 17px;
}
.limit a {
    color: #c03;
    /*
    position: relative;
    padding-right: 20px;
*/
}
/*
.limit a:after {
    position: absolute;
    content: '';
    background: url(../images/products/icon10.png);
    width: 17px;
    height: 17px;
    right: 0;
    top: 50%;
    margin-top: -9px;
}*/
.limit img {
    position: relative;
    margin-left: 6px;
    top: -2px;
    vertical-align: middle;
}
/* 20171110 7anniversary */
.anniversary_banner {
    display: block;
    margin-bottom: 2em;
    margin-top: -1em;
}
/* 20180115 DHA refine */
.b_line {
    font-size: 18px;
    color: #095990;
    margin: 15px 0;
    text-align: center;
    font-weight: bold;
    position: relative;
}
.b_line:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #095990;
}
.b_line span {
    display: inline-block;
    background: #ffffff;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}
/* 20180409 DHA */
.dha .title2 {
    border-bottom: 3px solid #f0871e;
    color: #925E24;
    padding-bottom: 3px;
}
.dha p {
    color: #666;
    clear: both;
    margin-bottom: .5em;
    font-size: 18px;
    line-height: 1.6em;
}
.dha_box1 {
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.6em;
    color: #666;
}
.dha_box1 .box_h {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2780c2+0,0d6392+100 */
    background: rgb(39, 128, 194);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(39, 128, 194, 1) 0%, rgba(13, 99, 146, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(39, 128, 194, 1) 0%, rgba(13, 99, 146, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(39, 128, 194, 1) 0%, rgba(13, 99, 146, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2780c2', endColorstr='#0d6392', GradientType=0);
    /* IE6-9 */
    color: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: bold;
}
.dha_box1 .box_tit {
    color: #0b5585;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    margin-bottom: 5px;
}
.dha_box1 .box_tit img {
    float: left;
    max-height: 27px;
    margin-right: 10px;
}
.dha_box1 .box_tit h4 {
    line-height: 1.5;
}
.dha_box1 .box_c {
    border: 1px solid #1f7aa9;
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dde8fe+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(221, 232, 254, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(221, 232, 254, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(221, 232, 254, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dde8fe', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}
.dha_box1 .box_c > div {
    margin-bottom: 1em;
}
.no_space {
    /*  margin: 0 -5px;*/
}
.dha_box2 {
    background: #e1e1e1;
    border: 1px solid #1f7aa9;
    padding: 10px;
    margin-bottom: 20px;
}
.dha_box2 hr {
    border: none;
    border-top: 1px solid #1f7aa9;
    margin: 0;
}
ul.qa2 li .photos {
    border: 1px dashed #2680be;
    padding: 10px;
    margin-bottom: 10px;
}
.qa2 h4 {
    color: #e9822f;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}
ul.qa li .photos img {
    margin-bottom: 5px;
}
.dha .ps {
    font-size: 12px;
    line-height: 1.5;
    display: block;
}
.link1 {
    text-align: right;
}
.link1 a {
    color: #0A5CDF;
    position: relative;
    padding-right: 20px;
    font-weight: bold;
    text-decoration: underline;
}
.link1 a:after {
    position: absolute;
    content: '';
    background: url(../images/products/bl_arrow.png);
    width: 15px;
    height: 15px;
    top: 50%;
    margin-top: -7px;
    right: 0;
}
/* 201806 vitoas */
.japan_import {
    text-align: right;
    color: #663300;
    margin-bottom: 15px;
}
.japan_import font {
    color: #ff6600;
}
.vitoas ul.other-info {
    line-height: 1.5em;
    margin-bottom: 10px;
}
.vitoas .color-red {
    color: #ff0000;
}
.vitoas_all .box3 div.price div.left {
    height: 90px;
    width: 65%;
    line-height: 1.2;
    border-right: 0;
}
.vitoas_all .box3 div.price div.left:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.vitoas_all .box3 div.price div.left > span {
    display: inline-block;
    vertical-align: middle;
}
.vitoas_all .box3 div.price div.right {
    height: 90px;
    width: 35%;
    border-left: 1px dotted #ffe5b2;
}
.vitoas_all .box3 div.price div.right:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.vitoas_all .box3 div.price div.right > span {
    display: inline-block;
    vertical-align: middle;
}
.box2-1 {
    display: table;
    width: 100%;
}
.box2-1 .left {
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 8px;
}
.box2-1 .right {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
/* 20181017 芝麻明EX修改 */
.red {
    color: #d1111c;
}
.box7 .carousel-indicators {
    position: static;
    width: auto;
    margin-left: 0;
    margin-top: 10px;
}
.box7 .carousel-indicators li {
    border: none;
    background: #ffdd78;
}
.box7 .carousel-indicators .active {
    background: #ffbb78;
    width: 10px;
    height: 10px;
    margin: 1px;
}
/* 2018-11-09 新品-極之青汁 */
.p12.title {
    color: #00633d;
}
.juice .box3 div.price div.left {
    font-size: 16px;
}
.juice .tit {
    font-size: 20px;
    color: #f98073;
    font-weight: bold;
    margin: 0 0 15px 0;
    line-height: 1.5;
    position: relative;
    text-align: center;
}
.juice .tit.dot {
    border-bottom: 1px solid #f98073;
}
.juice .tit.dot:before,
.juice .tit.dot:after {
    position: absolute;
    content: '';
    background: #f98073;
    border-radius: 100px;
    width: 5px;
    height: 4px;
    bottom: -2px;
}
.juice .tit.dot:before {
    left: 0;
}
.juice .tit:after {
    right: 0;
}
.juice .box1 {
    font-size: 18px;
    line-height: 1.5;
    /*  padding: 1em;*/
}
.juice .box1 strong {
    font-weight: bold;
}
.juice .box5 {
    border: solid #f98073;
    border-width: 15px 0 0 0;
    padding: 1em;
    border-radius: 0;
    line-height: 1.5;
    margin: -15px 0 0 0;
}
.juice .border {
    border-bottom: 1px solid #3175d5;
    margin: 15px 0;
}
.juice .border2 {
    border-bottom: 1px dashed #e6802f;
    margin: 15px 0;
}
.n05 {
    line-height: 1.5;
}
.juice .tit2 {
    font-size: 22px;
    color: #e6802f;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
}
.n05 li {
    border: 1px solid #f98073;
    margin-bottom: 1em;
    font-size: 18px;
}
.n05 .in li .item {
    background: #fef2f1;
    border-color: #f98073;
    border-width: 15px 0 0 0;
    border-style: solid;
}
.n05 .in li .item img {
    padding: 1em 0;
    margin-bottom: 1em;
}
.n05 .in li .item + img {
    max-width: 75%;
    margin: 0 auto 0.5em;
}
.n05 .in li p {
    padding: 0 1em;
}
.juice .box4 {
    background: #d8eeb3;
    margin: 1.5em 0;
    padding: 0.5em 1em;
}
.juice .tit3 {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #f98073;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.juice .box {
    line-height: 1.5;
}
.juice .box img {
    max-width: 30%;
    float: left;
    margin-right: 0.5em;
}
.juice .box strong {
    font-size: 15px;
    font-weight: bold;
}
.juice .box .name {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}
.juice .box .name big {
    font-size: 14px;
    display: block;
}
.juice .j {
    float: right;
    max-width: 40%;
    margin-right: -10px;
}
.n07 .tit {
    text-align: left;
    border: none;
    display: block;
    margin: 0;
}
.n07 .tit:before,
.n07 .tit:after {
    display: none;
}
.n07 td {
    vertical-align: middle;
}
.n07 td:last-child {
    width: 35%;
}
.n07 .in td p {
    margin-bottom: 0;
}
.juice .border3 {
    margin: 1em 0;
    border-bottom: 2px solid #efefef;
}
.n09 .tit {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.n09 .tit:before,
.n09 .tit:after {
    display: none;
}
.juice .s1 {
    font-size: 80%;
}
/* 20180801 SEO */
.hide {
    display: none;
}
.vitoas_all .box3 div.price div.right > span {
    display: inline-block;
    vertical-align: middle;
}
.box2-1 {
    display: table;
    width: 100%;
}
.box2-1 .left {
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 8px;
}
.box2-1 .right {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.tit_banner {
    background-image: url(../images/products/tit-bar-h.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 8px 0;
    margin-top: 32px;
}
.tit_banner span {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    background-color: #f0871e;
    background-image: url(../images/products/tit-bar-h-02.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 7px 0;
    padding-left: 16px;
    padding-right: 32px;
    border-radius: 0 100px 100px 0;
    line-height: 1.2;
}
.l08 li {
    position: relative;
    padding-bottom: 1px;
    margin-bottom: 10px;
}
.l08 li:after {
    position: absolute;
    content: '';
    background: url(../images/products/l08-line.jpg);
    background-size: 100% 100%;
    width: 106%;
    height: 1px;
    left: -3%;
    bottom: 0;
}
.l08 li:last-child:after {
    display: none;
    margin-bottom: 0;
}
.l08 .in li p {
    margin-bottom: 10px;
}
.l08 li span {
    color: #ff6600;
    font-weight: bold;
}
.l08 .in li img:last-child {
    max-width: 40%;
    margin: auto;
    margin-bottom: 15px;
    display: block;
}
.enherb_list .age {
    max-width: 60%;
    margin-bottom: 5px !important;
}
.enherb_list li {
    position: relative;
    padding-left: 12px;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.enherb_list li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 0;
    top: 5px;
}
.enherb_list table:nth-of-type(1) li:before {
    background: url(../images/products/enherb_arrow-01.jpg);
    background-size: 100% 100%;
}
.enherb_list table:nth-of-type(2) li:before {
    background: url(../images/products/enherb_arrow-02.jpg);
    background-size: 100% 100%;
}
.enherb_list table:nth-of-type(3) li:before {
    background: url(../images/products/enherb_arrow-03.jpg);
    background-size: 100% 100%;
}
.enherb_list table:nth-of-type(4) li:before {
    background: url(../images/products/enherb_arrow-04.jpg);
    background-size: 100% 100%;
}
.enherb_list table:nth-of-type(5) li:before {
    background: url(../images/products/enherb_arrow-05.jpg);
    background-size: 100% 100%;
}
.enherb_list .border {
    margin: 10px 0;
    background: url(../images/products/l08-line.jpg);
    background-size: 100% 100%;
    width: 106%;
    height: 1px;
    margin-left: -3%;
}
.enherb_list .p {
    max-width: 100%;
}
.enherb_list td:nth-child(1) {
    width: 60%;
}
.enherb_list td:nth-child(2) {
    width: 40%;
}
.enherb_list td {
    vertical-align: middle;
}
.conoha_list td {
    vertical-align: middle;
    width: 50%;
}
.conoha_list .border {
    margin: 20px 0;
    background: url(../images/products/l08-line.jpg);
    background-size: 100% 100%;
    width: 106%;
    height: 1px;
    margin-left: -3%;
}
.conoha_list .in > .full {
    margin-bottom: 10px;
}
.conoha_list .in p {
    margin-bottom: 0;
}
.conoha_list1 td:nth-child(1) {
    width: 65%;
}
/* 御瑪卡 */
.maka .title1 {
    font-size: 20px;
    font-weight: bold;
    color: #663300;
    line-height: 1.4em;
    display: block;
}
.maka .people .tit1 {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    color: #f0871e;
    line-height: 1.2;
    display: block;
}
.maka .people .tit2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #663300;
    display: block;
    line-height: 1.2;
    padding-bottom: 12px;
}
.maka .border1 {
    border-bottom: 1px dotted #f0871e;
    margin: 0 -10px;
    margin-bottom: 12px;
}
.maka .ll {
    margin-top: 10px;
}
.maka .ll li {
    border: none;
    padding-bottom: 30px;
}
.maka .ll li:after {
    clear: both;
    content: '';
    display: table;
}
.maka .ll img {
    width: 30%;
    float: left;
}
.maka .ll div {
    width: 70%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding-top: 0;
}
.maka .l1 div {
    border-left: 3px solid #cde0b0;
}
.maka .l2 div {
    border-left: 3px solid #afd2ed;
}
.maka .ll div:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 30px;
    left: -3px;
    top: 0;
}
.maka .l1 div:before {
    background: #83b13a;
}
.maka .l2 div:before {
    background: #368ed2;
}
.maka .ll big {
    display: block;
    font-size: 24px;
    color: #eb6100;
    font-weight: bold;
}
.maka .ll font {
    display: block;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}
/* 2019-05-22 走適能 護膝 */
.pro_tit + .new {
    position: relative;
}
.pro_tit + .new:after {
    position: absolute;
    content: '';
    background: url(../images/index/new_sale.png);
    background-size: 100% 100%;
    right: 2.5%;
    top: 0;
    width: 8%;
    height: 13.5vw;
}
.p15.title {
    color: #e45b00;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 4px !important;
}
.buy-btn .ps {
    float: left;
    line-height: 35px;
    max-width: 45%;
}
.wtit {
    color: #663300;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.5;
    font-size: 18px;
}
.p15 .in {
    padding: 10px;
}
.in2 {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 10%, #ffffff 90%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #ffffff 10%, #ffffff 90%, #f4f4f4 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 10%, #ffffff 90%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0);
    padding: 20px 10px;
}
.tit_red {
    position: relative;
    color: #d50012;
    font-size: 18px;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5;
}
.tit_red:before,
.tit_red:after {
    position: absolute;
    content: '';
    height: 18px;
    background: #d50012;
    top: 5px;
}
.tit_red:before {
    position: absolute;
    content: '';
    width: 3px;
    left: 0;
}
.tit_red:after {
    position: absolute;
    content: '';
    width: 2px;
    left: 4px;
}
.tit_red span {
    color: #000000;
}
.p15 p {
    line-height: 1.5;
    font-size: 18px;
}
.p15 p span {
    color: #e40012;
}
.in2.border {
    position: relative;
    padding: 35px 25px;
}
.in2.border:before {
    right: 10px;
    top: 15px;
}
.in2.border:after {
    left: 10px;
    bottom: 15px;
    transform: rotate(180deg);
}
.in2.border:before,
.in2.border:after {
    position: absolute;
    content: '';
    background: url(../images/products/o05.png);
    background-size: 100% 100%;
    width: 50%;
    height: 22vw;
}
.tit_red_b {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #e40012;
    line-height: 1.2;
    margin: 10px 0;
}
.box_p {
    border: solid #ea6d80;
    border-width: 5px 1px 1px 1px;
    border-radius: 4px 0 4px 0;
    padding: 10px;
    box-shadow: -1px 0px 1px 1px rgba(0, 0, 0, .1);
}
.box_p.border {
    position: relative;
    margin-bottom: 7px;
}
.box_p.border:before,
.box_p.border:after {
    position: absolute;
    content: '';
    bottom: -8px;
    height: 8px;
    width: 1px;
    background: #ea6d80;
}
.box_p.border:before {
    left: 4px;
}
.box_p.border:after {
    right: 4px;
}
.in2.space img {
    margin: 10px 0;
}
.in2.love .ps {
    text-align: right;
}
.bg_y {
    margin: 0 -10px -20px -10px;
    position: relative;
    /*  padding: 10px;*/
    padding-bottom: 15px;
}
.bg_y:before {
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% - 40px);
    top: 40px;
    background: #fffcec;
    z-index: 1;
}
.bg_y img {
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    padding: 0 10px;
    width: calc(100% - 20px);
}
.box_flower {
    position: relative;
    z-index: 2;
    padding: 10px;
    background: #ffffff;
    margin: 0 10px;
    border: 1px solid #e3e0d4;
    border-radius: 4px;
}
.box_flower:before,
.box_flower:after {
    position: absolute;
    content: '';
    background: url(../images/products/o_flower.png);
    background-size: 100% 100%;
    width: 38px;
    height: 38px;
    bottom: 10px;
    z-index: -1;
}
.box_flower:before {
    left: 10px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    /*IE*/
    filter: FlipH;
}
.box_flower:after {
    right: 10px;
}
.box_flower .name {
    font-size: 18px;
    line-height: 1.5;
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
}
.box_flower big {
    font-size: 20px;
}
.box_flower i {
    background: #f6c9d0;
}
.p15 > .ps + .box3 {
    margin-top: 10px;
}
.p15 .box3 div.price div.left {
    width: 62%;
}
.p15 .box3 div.price div.left span {
    width: 30px;
    display: inline-block;
    text-align: center;
}
.p15 .box3 .in p font {
    letter-spacing: -3px;
    display: inline-block;
    margin-right: 3px;
}
/* 2020-03-09 青汁修改 */
.box8 {
    margin: 10px 0;
    padding: 15px;
    border-radius: 10px;
    background: url(../images/products/n06-4-bg.jpg);
    background-size: 100% 100%;
}
.box8 .ps {
    font-size: 12px;
    color: #777;
}
.box8 .item {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
}
.box8 .t {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}
.box8 p {
    font-size: 15px;
    font-weight: bold;
}
.n07 .info span {
    float: none;
}
.n09 .in {
    padding: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f4f5+0,f3f4f4+50,fbfbfb+100 */
    background: rgb(243, 244, 245);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(243, 244, 245, 1) 0%, rgba(243, 244, 244, 1) 50%, rgba(251, 251, 251, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(243, 244, 245, 1) 0%, rgba(243, 244, 244, 1) 50%, rgba(251, 251, 251, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(243, 244, 245, 1) 0%, rgba(243, 244, 244, 1) 50%, rgba(251, 251, 251, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f5', endColorstr='#fbfbfb', GradientType=1);
    /* IE6-9 */
}
/* 2020-03-09 商品頁購物車修改 */
.box11 {
    /*font-family: '微軟正黑體';*/
}
.box11 .t1.first {
    margin-top: 60px;
}
.box11 .t2.first {
    margin-top: 40px;
}
.box11 .in {
    margin: 0 0 20px 10px;
    position: relative;
}
.box11 .sale {
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 1;
    width: 78px;
}
.box11 .tit {
    top: -63px;
    left: -9px;
    color: #fff;
    font-size: 24px;
    padding: 0px 10px;
    height: 42px;
    box-sizing: border-box;
    font-weight: bold;
    position: absolute;
    letter-spacing: 1px;
}
.box11 .t1 .tit {
    background: url(../images/products/img-bar-01.png);
    width: 200px;
    background-size: 100% 100%;
}
.box11 .t1 .tit big {
    font-size: 30px;
    line-height: 32px;
    /*font-family: '微軟正黑體';*/
}
.box11 .t1 .tit font {
    color: #FF4343;
    display: inline-block;
    margin-left: 8px;
}
.box11 .t2 .tit {
    background: url(../images/products/img-bar-02.png);
    background-size: 100% 100%;
    width: 135px;
    padding: 5px 10px;
}
.box11 .tit2 {
    font-size: 21px;
    color: #92221f;
    font-weight: bold;
    /*    padding: 10px 5px 5px 10px;*/
    padding: 5px 5px 5px 10px;
    line-height: 1.2;
    overflow: hidden;
}
.box11 .t1 .tit2 {
    background: #ff9f9b;
}
.box11 .t2 .tit2 {
    background: #ffc98e;
}
.box11 .in.first .tit2 {
    padding: 20px 5px 5px 10px;
    border-radius: 0 10px 0 0;
}
.box11 .tit2 small {
    font-size: 73%;
}
.box11 ul {
    list-style: none;
    margin-bottom: 3px;
}
.box11 li {
    border-style: solid;
    border-width: 0 3px 3px 3px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    font-size: 22px;
    font-weight: bold;
    /*font-family: '微軟正黑體';*/
    line-height: 1.2;
}
.box11 li table {
    width: 100%;
}
.box11 li table.s {
    width: auto;
    margin: auto;
}
.box11 li td {
    /*  vertical-align: middle;*/
    padding-left: 4px;
}
.box11 li td:first-child {
    vertical-align: top;
    /*  text-align: center;*/
    padding-left: 0;
}
.box11 li td:last-child {
    text-align: right;
    /*  padding-left: 5px;*/
}
.box11 .t1.light li:after {
    content: '';
    position: absolute;
    height: 400%;
    width: 30%;
    top: -180%;
    left: 0;
    opacity: 0.6;
    background-image: url(../images/products/img-light-01.png);
    background-size: 100%;
    background-position: center;
    animation-name: flashLight;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.box11 .t1.light li.last:after {
    animation-delay: .5s;
}
@-webkit-keyframes flashLight {
    0% {
        left: -50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    50% {
        left: 150%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
    }
    100% {
        left: 150%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
    }
}
@keyframes flashLight {
    0% {
        left: -50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    50% {
        left: 150%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
    }
    100% {
        left: 150%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
    }
}
.box11 .t1 li {
    border-color: #ff9f9b;
    background: #ffd5d5;
}
.box11 .t2 li {
    border-color: #ffc98e;
    background: #ffe7d5;
}
.box11 table img {
    /*    margin-right: 5px;*/
    width: 30px;
    display: block;
    margin: auto;
}
/*
.box11 .r {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
*/
.box11 .use {
    font-size: 16px;
    /*    margin: 10px 0;*/
    display: inline-block;
    /*    margin-bottom: 10px;*/
}
.box11 small {
    font-size: 50%;
}
.box11 .plus {
    /*    max-width: 270px;*/
    text-align: center;
}
.box11 .fr {
    float: right;
}
.box11 .r .fr {
    /*  font-weight: normal;*/
    /*    width: 206px;*/
    /*    text-align: center;*/
    /*font-family: '微軟正黑體';*/
}
.buy-btn2 {
    text-align: center;
    /* margin: 15px 0; */
    /*font-family: '微軟正黑體';*/
    font-weight: bold;
}
.buy-btn2 a.buy2 {
    display: inline-block;
    min-width: 200px;
    margin: 10px auto 0;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fb0101+0,a11a19+100 */
    background: #fb0101;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fb0101 0%, #a11a19 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fb0101 0%, #a11a19 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fb0101 0%, #a11a19 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb0101', endColorstr='#a11a19', GradientType=0);
    /* IE6-9 */
}
.buy-btn2.big a.buy2 {
    font-size: 26px;
    height: 48px;
    line-height: 48px;
    min-width: 270px;
}
.box11 a.buy2 img {
    height: 19px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    margin-right: 5px;
}
.box11 a.buy3 {
    display: inline-block;
    min-width: 200px;
    margin: 10px auto 0;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fe7f1e+0,db5c24+100 */
    background: #fe7f1e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fe7f1e 0%, #db5c24 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fe7f1e 0%, #db5c24 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fe7f1e 0%, #db5c24 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe7f1e', endColorstr='#db5c24', GradientType=0);
    /* IE6-9 */
}
.box11 a.buy3 img {
    height: 19px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    margin-right: 5px;
}
.box11 a.more {
    display: inline-block;
    min-width: 200px;
    margin: 10px auto 0;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    /*  border: 1px solid #007c00;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6cb11c+1,558922+100 */
    background: #6cb11c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #6cb11c 1%, #558922 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6cb11c 1%, #558922 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6cb11c 1%, #558922 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb11c', endColorstr='#558922', GradientType=0);
    /* IE6-9 */
}
.box11 a.more img {
    height: 19px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    margin-right: 5px;
}
.qaa4 {
    background: url(../images/products/icon-qa.png) left center no-repeat;
    background-size: auto 100%;
    color: #0000ff;
    padding-left: 17px;
    display: inline-block;
    min-height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 3px;
}
.qaa4 a {
    text-decoration: none;
    position: relative;
    display: block;
    color: #0000ff;
}
.qaa4 a:active {
    color: #0000ff;
}
.qaa4 a:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0000ff;
}
.qaa4 big {
    font-size: 150%;
}
.box11 .price {
    position: absolute;
    top: 38px;
    right: 10px;
    /*  font-weight: normal;*/
    width: 206px;
    text-align: center;
    /*font-family: '微軟正黑體';*/
}
.p0112 .box11 li {
    min-height: 130px;
}
.box11 a.more3 {
    width: 206px;
    height: 36px;
    display: block;
    margin: auto;
    line-height: 36px;
    font-size: 27px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/products/more-03.png) left top no-repeat;
    box-sizing: border-box;
    padding-left: 67px;
    margin-top: 15px;
    position: absolute;
    bottom: 8px;
    right: 10px;
}
.box11.small li {
    min-height: 80px;
}
.box11.small .more-wrap {
    min-height: 120px;
}
.box11.small .more-wrap a.more3 {
    bottom: inherit;
    top: 78px;
}
.box11.small .price {
    top: inherit;
}
.box11.small a.buy2,
.box11.small a.buy3 {
    bottom: inherit;
    top: 35px;
}
.pop_more {
    width: 227px;
    height: 54px;
    display: block;
    margin: 20px auto 0;
    background: url(../images/products/popup-btn-more.png) left top no-repeat;
    box-sizing: border-box;
}
.stage_pop_con .fancybox-skin {
    border-radius: 0;
    padding-bottom: 30px !important;
}
.stage_pop_con .fancybox-close {
    background: url(../images/products/popup-close.jpg);
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    right: 0;
    top: -30px;
}
.pop_more {
    width: 148px;
    height: 35px;
    display: block;
    margin: 20px auto 0;
    background: url(../images/products/popup-btn-more.png) left top no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.box11 .ps {
    /*
    float: right;
    text-align: right;
*/
}
.stage_tit {
    font-size: 24px;
    color: #ff6600;
    margin-right: 65px;
    line-height: 1.2;
}
.stage_tit + .box11 {
    margin-top: -15px;
}
.box11 .pro {
    position: absolute;
    right: 10px;
    z-index: 1;
}
.box11 .stage_hr {
    border-top: 1px solid #ff6600;
    margin: 0 -5px 20px;
}
.box11 .icon_list {
    margin-right: 4px;
}
.box11 li font {
    font-size: 70%;
}
.box11 .link {
    margin-top: -23px;
}
.box11 .tit2 .qaa4 {
    /*  float: right;*/
    margin-top: 6px;
}
.stage_space {
    display: block;
    height: 30px;
    margin-top: -30px;
}
.box11 .tit2 sup {
    font-size: 14px;
}
/* 2020-07-27 TADAS 比菲禦力菌 */
.box3 .in.b_box {
    padding: 1.5em 0;
}
.bifi_tit {
    font-size: 24px;
    font-weight: bold;
    color: #0069ca;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1em;
}
.b_list {
    border: 10px solid #e4f6ff;
}
.b_list2 {
    border: 1px solid #80cdee;
    background: #f6f9ff;
    padding: 7px 10px;
}
.b_list2 li {
    padding-bottom: 1em;
}
.bifi_tit + p b {
    color: #1b31a5;
    font-weight: bold;
}
/* 2020-08-10 蜜露renew */
.mil_2020_3 p {
    position: relative;
    z-index: 1;
}
.mil_2020_3 .arrow {
    max-width: 50%;
}
.mil_2020_4 .in {
    padding: 0;
}
.mil_2020_4 .in img {
    margin-bottom: 0;
}
.mil_2020_5 .in {
    padding-left: 0;
    padding-right: 0;
}
.mil_2020_5 p {
    padding-left: 10px;
    padding-right: 10px;
}
.mil_2020_6 .in {
    padding-left: 0;
    padding-right: 0;
}
.mil_2020_6 p {
    padding-left: 10px;
    padding-right: 10px;
}
.mil_2020_7 .in {
    padding: 0 0 7px;
}
.mil_2020_7 p {
    padding-left: 10px;
    padding-right: 10px;
}
.mil_2020_7 .ps2 {
    text-align: right;
    margin-right: 10px;
}
/* 2020-09-23 芝麻明ECsite改訂 */
.box3 .i04 strong {
    margin: 0 5px 10px;
    padding: 10px;
    color: #ffffff;
    background: #a84200;
    background: -moz-linear-gradient(left, #a84200 0%, #dbb396 100%);
    background: -webkit-linear-gradient(left, #a84200 0%, #dbb396 100%);
    background: linear-gradient(to right, #a84200 0%, #dbb396 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a84200', endColorstr='#dbb396', GradientType=1);
    line-height: 1.7em;
}
.p9_user .in {
    display: none;
}
.p9_user > img {
    margin-bottom: 10px;
}
/* 2020-03-16 青汁 */
.juice .tit_banner {
    background-image: none;
}
.juice .tit_banner span {
    background-color: #f98073;
    background-image: none;
}
.juice .title2 {
    color: #3175d5;
}
.juice .title2:after {
    background: url(../images/products/icon-item-pink.png) no-repeat;
    background-size: 100% 100%;
}
.juice .title2 + .box3 {
    background: #ffcdcc;
}
.juice .box4 {
    background: #fffce1;
    border-radius: 20px;
    line-height: 1.5;
    padding: 1.5em 1em;
    margin: 1.5em 0;
}
.juice .box4 .ps {
    color: #333;
    font-size: 12px;
}
.juice .tit_blue {
    font-size: 20px;
    color: #3175d5;
    font-weight: bold;
    margin: 0 0 15px 0;
    line-height: 1.5;
    position: relative;
    text-align: center;
}
.juice .tit_blue.dot {
    border-bottom: 1px solid #3175d5;
}
.juice .tit_blue.dot:before,
.juice .tit_blue.dot:after {
    position: absolute;
    content: '';
    background: #3175d5;
    border-radius: 100px;
    width: 5px;
    height: 4px;
    bottom: -2px;
}
.juice .tit_blue.dot:before {
    left: 0;
}
.juice .tit_blue.dot:after {
    right: 0;
}
.juice .tit_blue2 {
    font-size: 18px;
    color: #3175d5;
    font-weight: bold;
    margin: 0 0 15px 0;
    line-height: 1.5;
    position: relative;
    text-align: center;
}
/* 2021-07-22 芝麻明EX修改 */
.main2 {
    min-width: 310px;
}
.main2 .box3 {
    margin-left: 10px;
    margin-right: 10px;
}
.p9 .box {
    line-height: 1.5em;
    font-size: 18px;
    margin-bottom: 10px;
    /*    clear: both;*/
}
.i04a {
    margin-bottom: 15px;
    position: relative;
}
.i04a a {
    position: absolute;
    width: 43vw;
    height: 6vw;
    /*    background: red;*/
    /*    opacity: .5;*/
    right: 3vw;
    top: 12vw;
}
.clear:after {
    display: table;
    content: '';
    clear: both;
}
.i30a p {
    color: #663300;
    margin: 0 10px;
}
.i31a {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,fffe8b+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 254, 139, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 254, 139, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 254, 139, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fffe8b', GradientType=0);
    /* IE6-9 */
    border-radius: 10px;
    margin: 0 10px;
    padding: 10px;
}
.box .i31a p {
    color: #663300;
}
.p9 .box strong {
    color: #993300;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    line-height: 1.7em;
}
.p9 .box .no {
    color: #ff0000;
    display: inline;
    font-weight: normal;
}
.box .in {
    padding: 7px 10px;
}
.box .in img {
    margin-bottom: 15px;
}
.box .in img:last-child {
    margin-bottom: 0;
}
.i05 p {
    margin-bottom: 1.5em;
}
.i05 .border_box {
    border: 5px solid #fce0a6;
    border-radius: 10px;
    padding: 10px;
}
.qaa2 a {
    border: none;
    color: #0072ef;
    font-size: 18px;
    padding: 5px 0;
    padding-left: 22px;
    font-weight: normal;
    display: block;
    line-height: 1.4em;
    position: relative;
}

.qaa2 a::before {
    position: absolute;
    background: url(/common/img/que.svg) no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    top: 5px;
    left: -5px;
}

.title2.points {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 32px;
}
.title2.points img {
    position: absolute;
    width: 30px;
    left: 0;
    z-index: 1;
    top: 0;
}
.p9 .subtit2 {
    color: #993300;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}
.p9 .img_expert {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.p9 .w_text {
    font-size: 16px;
    position: static;
    color: #3c1f02;
    text-align: right;
    margin-top: 10px;
}
.p9 .w_text big {
    font-size: 20px;
    color: #663300;
    display: inline-block;
    margin-left: 5px;
}
.p_tit {
    position: relative;
    z-index: 1;
}
.p9 ul.other ol {
    padding-right: 5px;
}
.p9 ul.other li a {
    border: none;
    padding: 0;
    background: none;
    line-height: 28px;
}
.p9 ul.other ol li a.lightbox {
    border: none;
    color: #39599f;
    text-decoration: underline;
    font-size: 18px;
    padding: 5px 0;
    background-image: url(../images/products/icon-q.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 22px;
    background-size: 17px auto;
    background-position: left 10px;
    font-weight: normal;
    display: block;
    line-height: 1.4em;
    position: relative;
}
.p9 ul.other li a:after {
    right: 7vw;
    width: 3vw;
    height: 3vw;
}
.p9 ul.other .rec_list {
    padding: 0 10px;
}
.p9 ul.other .rec_list .pro_tit + a {
    border: 1px solid #878787;
}
.p9 .info_wrap .list01 {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.p9 .info_wrap .badge {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}
.p9 .info_wrap .badge img {
    max-width: 100%;
}

/* 2021-08-26 新品 +deO帝悠 擊味紳士皂 */
.deO .ps2 {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 20px;
    display: block;
}
.p16 {
	color: #000;
}
.deO .box11 + .ps2 {
	margin-left: 10px;
}
.deO .box11 .link {
	margin-bottom: 0;
}
.deO .box11 .t2.first {
	margin-bottom: 0;
}
.deO .box img {
	margin-bottom: 15px;
}
.deO .box .box_tit {
	margin-top: 30px;
}
.deO .box p {
	line-height: 1.5em;
    font-size: 18px;
    margin-bottom: 15px;
}
.deO .box .o_tit {
    color: #d14900;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 1.5em;
    margin: 15px 0;
}
.deO .box .ps {
	color: #717071;
	font-size: 12px;
	margin-bottom: 15px;
}
.deO .d_list {
	margin-bottom: 30px;
}
.deO .d_list li {
	position: relative;
    padding-left: 25px;
	font-size: 18px;
	line-height: 1.5em;
}
.deO .d_list li:before {
	position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    background: #003d7b;
    border-radius: 100px;
    left: 8px;
    top: 7px;
}
.deO .d_list span {
    color: #333333;
    padding-bottom: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #003d7b;
    margin-bottom: 10px;
    display: block;
}
.deO .d_table td {
	vertical-align: middle;
	line-height: 1.5em;
	font-size: 18px;
}
.deO .d_table td:first-of-type {
	width: 30%;
}
.deO .d_table p {
	margin-left: 10px;
}
.deO .give {
	font-size: 16px;
}
.breadcrumbs {
    padding: 10px 0;
    font-size: 13px;
}
.breadcrumbs ol {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #222;
}
.breadcrumbs ol li {
    margin: 0;
    padding: 0;
    word-break: break-all;
    display: inline;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: 0;
}
.breadcrumbs ol li a {
    color: #0088ee;
    margin-right: 13px;
    position: relative;
    text-decoration: none;
    word-break: break-all;
}
.breadcrumbs ol li a:hover {
    color: #00bbff;
    text-decoration: underline;
}
.breadcrumbs ol li a::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(https://wellness.suntory.com.tw/common/img/svg/arrow_breadcrumbs.svg) no-repeat 2px 7px;
    background-size: 7px;
    position: absolute;
    right: -33px;
}
.notice_list {
	padding-left: 28px;
}
.notice_list .title {
    font-size: 20px;
    font-weight: bold;
    color: #663300;
    padding-left: 26px;
    line-height: 1.4em;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 2px solid #f0871e;
    padding-bottom: 5px;
}
.notice_list .title:before {
    width: 22px;
    height: 16px;
    background: url(../images/products/icon-item.png) no-repeat;
    content: '';
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    display: block;
    left: 0;
    top: 8px;
    background-size: 100% 100%;
    line-height: 14px;
    padding-left: 3px;
    padding-top: 1px;
}
.notice_list .title:after {
    border-bottom: 1px solid #ccc;
    content: '';
    display: block;
    width: 100%;
    bottom: -3px;
    left: 0;
    position: absolute;
}
.notice_list div.a6 {
    line-height: 1.6em;
    font-size: 18px;
}

.notice_list div.a6 ul {
    padding: 1em 0;
    padding-left: 24px;
    list-style-type: square;
}

.notice_list div.a6 ul.imo {
    color: #f0871e;
    padding: 0;
    padding-left: 24px;
    list-style-type: disc;
}

.notice_list div.a6 ul.imo li span {
    color: #000;
}

.notice_list div.a6 ul.imo li ol {
    list-style: decimal;
    padding-left: 20px;
}

/* 2021-11-01 麗芙緹修改 */
.p11 .kv_wrap {
	background: url(../images/products/bg-flower-01.jpg) center top no-repeat;
	background-size: 100% auto;
	margin: 1.5em -5px 0;
	padding: 0 5px;
}
.video_wrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	max-height: 100%;
	max-width: 100%;
	min-height: 100%;
	min-width: 100%;
	width: 0;
}
.p11 .kv_tit {
	text-align: center;
	font-size: 6vw;
	font-weight: bold;
	color: #ef5291;
	/*font-family: "微軟正黑體";*/
	margin-bottom: 3vw;
	line-height: 1.2;
}
.p11 .kv_tit span {
	position: relative;
	display: inline-block;
	padding: 0 6vw;
}
.p11 .kv_tit span:before {
	background: url(../images/products/icon-txt-deco-01.png);
	left: 0;
}
.p11 .kv_tit span:after {
	background: url(../images/products/icon-txt-deco-02.png);
	right: 0;
}
.p11 .kv_tit span:before, .p11 .kv_tit span:after {
	position: absolute;
	content: '';
	width: 4.6vw;
	height: 8.7vw;
	top: 50%;
	margin-top: -4.4vw;
	background-size: 100% 100%;
}
.p11 .kv_wrap .full {
	margin-top: 3vw;
}
.k05.expert {
	background: #ea4c80;
	padding: 1px;
}
.k05 b {
    background: #E51066;
    display: block;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
}
.b03.info {
    text-align: right;
}
.k02-2 img {
    height: auto;
}
/* 2021-12-08 TADAS修改 */
.bifi_tit .ts {
	position: relative;
	display: inline-block;
}
.bifi_tit .ts:before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background: #0069ca;
	border-radius: 100%;
	left: 50%;
	margin-left: -2.5px;
	top: -3px;
}
.b_list2 li {
	padding-bottom: 0;
}
.box3.intro {
	position: relative;
	margin-top: 12vw;
}
.intro_tit {
	max-width: 90%;
	position: absolute;
	left: 5%;
	top: -12vw;
}
.bifi .hl {
	color: red;
}

/* 2022-06-08 蜜得絲全新品牌形象廣告 */
.vt_kv_wrap {
    text-align: center;
}
.vt_video_wrap {
    position: relative;
    margin: 4% 0 6% 0;
    padding: 3%;
}
.vt_video_wrap:before, .vt_video_wrap:after {
    position: absolute;
    content: '';
    width: 55%;
    height: 40%;
    background: #e78d49;
    z-index: -1;
}
.vt_video_wrap:before {
    left: 0;
    top: 0;
}
.vt_video_wrap:after {
    right: 0;
    bottom: 0;
}

/* 2022-08-01 新品益思健 */
.omega_aid .tit_box {
    position: relative;
}
.omega_aid .tit_box .tit {
    background: #0c60d1;
    color: #fff;
    font-size: 4vw;
    font-weight: bold;
    border-radius: 25px 100px 0 0;
    padding: 3vw 4vw 2vw 2vw;
    display: inline-block;
    margin: 0 2vw;
    line-height: 1.2;
    max-width: 53vw;
    white-space: nowrap;
}
.omega_aid .box {
    border: 8px solid #0c60d1;
    border-radius: 10px;
    margin: -1px 2vw 8vw;
    background: #fff;
}
.omega_aid .tit_box .box {
    border-radius: 0 10px 10px;
}
.omega_aid .rec_box {
    margin-bottom: 6.5vw;
}
.omega_aid .rec_box ul {
    background: url(../images/products/omega_check.png);
    height: 38vw;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-left: 3vw;
    font-size: 4vw;
    font-weight: bold;
    padding: 6vw 0px;
    box-sizing: border-box;
}
.omega_aid .rec_box li {
    padding-left: 8vw;
    padding-bottom: 3.5vw;
}
.omega_aid .tit_wrap {
    background: url(../images/products/omega_maintit.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 29vw;
}
.omega_aid .tit_wrap span {
    font-size: 4.7vw;
    font-weight: bold;
    color: #d2001e;
    padding: 9vw 8vw 0 27vw;
    line-height: 1.2;
    display: inline-block;
}
.omega_aid .sec {
    padding: 6.5vw 0;
    margin: 0 -13px;
}
.omega_aid .sec1 {
    background: #f8ecec;
}
.tc {
    text-align: center;
}
.omega_aid .hl_txt {
    margin: 6vw 0;
    /* position: relative; */
    /* z-index: 1; */
}
.omega_aid .hl_txt span {
    position: relative;
    font-size: 6vw;
    display: inline-block;
    color: #00328c;
    font-weight: bold;
    z-index: 1;
}
.omega_aid .hl_txt span:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3vw;
    background: #f5c800;
    left: 0;
    bottom: -1vw;
    z-index: -1;
}
.omega_aid .hl_txt font {
    color: #d2001e;
}
.omega_aid .note {
    background: url(../images/products/omega_note.png);
    background-size: 100% 100%;
    height: 274vw;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 13vw 12vw 0 33vw;
}
.omega_aid .note ul {
    padding: 4vw 0;
}
.omega_aid .note li {
    position: relative;
    padding-left: 6vw;
    list-style: none;
    margin-bottom: 4vw;
    font-size: 4vw;
    font-weight: bold;
    color: #000;
    line-height: 1.2;
}
.omega_aid .note li:before {
    position: absolute;
    content: '';
    background: url(../images/products/omega_icon_tit.png);
    width: 4vw;
    height: 4vw;
    left: 0;
    top: 1vw;
    background-size: 100% 100%;
}
.omega_aid .note li:last-of-type {
    margin-bottom: 0;
}
.omega_aid .note img {
    border-bottom: 1px solid #bcc3c7;
}
.omega_aid .note ul:last-of-type + img {
    border: none;
}
.omega_aid .chart_wrap {
    padding: 10px;
}
.omega_aid .chart_wrap > img {
    display: inline-block;
}
.omega_aid .tit_box .name {
    color: #0058cf;
    font-size: 8vw;
    font-weight: bold;
    position: absolute;
    right: 4vw;
    top: 5vw;
}
.omega_aid .p_box .t_bg {
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    padding-left: 2.6vw;
    padding-right: 10vw;
    line-height: 1.2;
}
.omega_aid .p_box .t_bg:nth-of-type(1) {
    background: url(../images/products/omega_puzzle_tit_01.png);
    height: 25vw;
    padding-top: 7vw;
    background-size: 100% 100%;
    margin: 0 2vw;
}
.omega_aid .p_box .t_bg:nth-of-type(2) {
    background: url(../images/products/omega_puzzle_tit_02.png);
    height: 20vw;
    padding-top: 2vw;
    background-size: 100% 100%;
    margin: 4vw 2vw 0;
}
.omega_aid .p_box p {
    color: #000;
    font-size: 3.6vw;
    font-weight: bold;
    line-height: 1.5;
    margin: 1vw 2vw 0;
    text-align: justify;
    overflow: hidden;
}
.omega_aid .p_box .img_box {
    float: left;
    width: 40%;
}
.omega_aid .notice_tit {
    background: #0058cf;
    position: relative;
    color: #fff;
    font-style: italic;
    font-size: 7vw;
    font-weight: bold;
    border-radius: 20px;
    padding: 4vw 12vw;
    margin: 0 15px;
    line-height: 1.2;
}
.omega_aid .notice_tit img {
    position: absolute;
    left: -2.6vw;
    top: -5.8vw;
    max-width: 20vw;
}
.omega_aid .sec2 {
    background: #e9f0fa;
}
.omega_aid .p_box.small {
    margin: 5vw auto 0;
}
.omega_aid .p_box.small img {
    position: absolute;
    right: calc(2vw + 8px);
    bottom: 8px;
    max-width: 40vw;
}
.omega_aid .p_box.small .box {
    background-image: none;
    padding: 5vw 10vw;
    color: #0259cf;
    font-weight: bold;
    font-size: 8vw;
}
.omega_aid .p_box.small .tit {
    padding-right: 8vw;
}
.omega_aid .sec3 {
    background: #f8f5eb;
}
.omega_aid .note_box {
    background: url(../images/products/bg_note_01.png);
    background-position: 0 -2vw;
    padding: 5vw;
    min-height: 65vw;
    margin: 6.5vw 5vw;
    box-sizing: border-box;
    box-shadow: 7px 5px #e8e8e8, 0 10px #e9f0fa;
}
.omega_aid .blue_box li {
    margin: 5vw 2vw 0;
    font-size: 5vw;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    background: #0159cf;
    padding: 4vw 4px 0;
    height: 72vw;
    line-height: 1.2;
    box-sizing: border-box;
}
.omega_aid .blue_box li.one_line {
    padding-top: 8vw;
}
.omega_aid .blue_box img {
    margin-top: 2.5vw;
}
.omega_aid .blue_box li.one_line img {
    margin-top: 5vw;
}
.omega_aid .sec4 {
    background: #e9f0fa;
}
.omega_aid .user_box {
    list-style: none;
    margin: -3vw 0 9vw;
}
.omega_aid .user_info {
    border-radius: 10px;
    border: 8px solid;
    background: #fff;
    margin: 0 2vw;
    z-index: 1;
    position: relative;
    padding: 0;
}
.omega_aid .user_info p {
    padding: 2.6vw;
    position: relative;
    font-size: 4vw;
    color: #000;
    font-weight: bold;
    line-height: 1.2;
}
.omega_aid .user_box li.big .info {
    max-width: inherit;
    margin-left: 15px;
}
.omega_aid .user_info.m {
    border-color: #0058cf;
}
.omega_aid .user_info.f {
    border-color: #fa8c01;
}
.omega_aid .user_info font {
    width: 37vw;
    height: 15vw;
    font-size: 4vw;
    color: #fff;
    display: inline-block;
    line-height: 11vw;
    box-sizing: border-box;
    padding-left: 2vw;
    margin-top: -5px;
    font-weight: bold;
    background-size: 100% 100%;
}
.omega_aid font.m {
    background-image: url(../images/products/omega_puzzle_m.png);
}
.omega_aid font.f {
    background-image: url(../images/products/omega_puzzle_f.png);
}
.omega_aid .user_info small {
    display: inline-block;
    position: relative;
    margin: 0 2vw;
    top: 50%;
    background: #fff;
    width: 2px;
    height: 3vw;
    transform: translateY(-250%);
}
.omega_aid .user_box li {
    position: relative;
}
.omega_aid .user_box .big {
    margin-top: 5vw;
}
.omega_aid .user_box .big p {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 0;
    text-align: justify;
}
.omega_aid .user_box .big img {
    width: 50%;
    float: right;
    height: auto;
}
.omega_aid .survey_tit {
    color: #0058cf;
    position: relative;
    margin: 0 0 6.5vw;
}
.omega_aid .survey_list li {
    display: flex;
    margin: 0 2vw 5vw;
    justify-content: center;
}
.omega_aid .survey_list li:nth-of-type(1) {
    color: #0058cf;
}
.omega_aid .survey_list li:nth-of-type(2) {
    color: #0a9e49;
}
.omega_aid .survey_list li:nth-of-type(3) {
    color: #fa8c00;
}
.omega_aid .survey_list .l {
    width: 55%; 
    margin-right: 3vw;
}
.omega_aid .survey_list .r {
    width: 35%;
}
.omega_aid .survey_list .num {
    font-size: 11vw;
    position: relative;
    /*font-family: 'Airal';*/
    display: inline-block;
    margin-bottom: 4vw;
}
.omega_aid .survey_list .num img {
    margin-right: 5px;
    max-width: 6vw;
    height: auto;
    display: inline-block;
}
.omega_aid .survey_list small {
    font-size: 60%;
    position: relative;
    top: -5px;
}
.omega_aid .survey_list .sup {
    position: absolute;
    right: 0;
    top: -1vw;
    font-size: 14%;
    font-size: 12px;
}
.omega_aid .survey_list .con {
    font-size: 4vw;
    font-weight: bold;
    color: #000;
}
.omega_aid .survey_list big {
    display: block;
    font-weight: bold;
    font-size: 5vw;
    margin: 1.5vw 0 8vw;
    line-height: 1.2;
}
.omega_aid .survey_list li:nth-of-type(3) big {
    margin-bottom: 20px;
}
.omega_aid .ps4 {
    font-size: 12px;
    padding: 5vw 2vw;
    line-height: 1.2;
    color: #333;
}
.omega_aid .sec5 {
    background: #f8f5eb;
}
.omega_aid .bubble_box {
    background: url(../images/products/omega_bubble.png);
    height: 88vw;
    margin: auto;
    color: #000;
    font-size: 3.3vw;
    font-weight: bold;
    line-height: 1.7;
    box-sizing: border-box;
    padding: 14vw 2vw 0;
    margin-top: -6vw;
    background-size: 100% 100%;
}
.omega_aid .other_list li {
    display: inline-block;
    width: 60vw;
    font-size: 3vw;
    color: #000;
    margin-bottom: 4vw;
    font-weight: bold;
    text-align: left;
}
.omega_aid .other_list img {
    margin-bottom: 2vw;
}
.omega_aid ul.other li h3 > a {
    color: #ffffff;
    font-size: 18px;
    background: #0058cf;
    position: relative;
    border-radius: 10px 0 0 10px;
    box-sizing: border-box;
    padding: 12px 15px;
    width: calc(100% - 72px);
    border: none;
    margin-bottom: 30px;
}
.omega_aid ul.other li h3 > a:before {
    position: absolute;
    content: '';
    background: url(../images/products/bg_puzzle_01.png);
    width: 73px;
    height: 67px;
    right: -72px;
    top: 0;
    background-size: 100% 100%;
}
.omega_aid ul.other li h3 > a:after {
    background: url(../images/products/omega_arrow_01.png);
    background-size: 100% 100%;
    right: -40px;
}
.omega_aid ul.other li h3 > a span {
    padding-left: 15px;
    border-left: 2px solid #ffffff;
}
.omega_aid .notice_list {
    padding: 0;
}
.omega_aid .notice_list .title {
    color: #ffffff;
    font-size: 18px;
    background: #0058cf;
    position: relative;
    border-radius: 10px 0 0 10px;
    box-sizing: border-box;
    padding: 12px 15px;
    width: calc(100% - 72px);
    border: none;
    margin: 0 0 20px;
    max-width: 120px;
}
.omega_aid .notice_list .title:before {
    position: absolute;
    content: '';
    background: url(../images/products/bg_puzzle_01.png);
    width: 73px;
    height: 67px;
    right: -72px;
    top: 0;
    background-size: 100% 100%;
    left: inherit;
}
.omega_aid .notice_list .title span {
    display: inline-block;
    padding-left: 15px;
    border-left: 2px solid #ffffff;
}
.omega_aid .notice_list .title:after {
    border: none;
}
.omega_aid .notice_list div.a6 {
    padding: 0 0 10px 30px;
}
.omega_aid .notice_list div.a6 ul.mark_list {
    list-style: none;
    padding: 0 0 20px;
}
.omega_aid .notice_list div.a6 ul.mark_list li {
    height: 30px;
    border-bottom: 1px dotted #333;
    margin-bottom: 6px;
    position: relative;
}
.omega_aid .notice_list div.a6 ul.mark_list span, .omega_aid .notice_list div.a6 ul.mark_list font {
    background: #fff;
    position: relative;
    top: 3px;
    display: block;
}
.omega_aid .notice_list div.a6 ul.mark_list span {
    float: left;
    padding-right: 3px;
}
.omega_aid .notice_list div.a6 ul.mark_list font {
    float: right;
    padding-left: 3px;
    width: 100px;
}
.omega_aid .qa_tit {
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 10px;
}
.omega_aid .qa_tit span {
    color: #999;
}
.omega_aid .qa_tit + ol {
    margin-bottom: 10px;
}
.omega_aid ul.other li a {
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
}
.omega_aid ul.other li a:after {
    background: none;
}
#btm_item_btn {
    position: fixed;
    width: 100%;
    background: rgb(255 238 238 / 80%);
    bottom: 0;
    left: 0;
    padding: 15px 50px;
    box-sizing: border-box;
    box-shadow: 0px 0px 8px 0px #999;
    z-index: 1;
    display: none;
    opacity: 1;
}
#btm_item_btn a {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    display: block;
    color: #ffffff;
    background: rgb(255, 64, 0);
    background: -moz-linear-gradient(top, rgba(255, 64, 0, 1) 0%, rgba(255, 96, 0, 1) 75%);
    background: -webkit-linear-gradient(top, rgba(255, 64, 0, 1) 0%, rgba(255, 96, 0, 1) 75%);
    background: linear-gradient(to bottom, rgba(255, 64, 0, 1) 0%, rgba(255, 96, 0, 1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4000', endColorstr='#ff6000', GradientType=0);
    box-shadow: 0px 2px 4px rgb(51 51 51 / 20%);
    border-radius: 8px;
    padding: 15px 0 15px 20px;
    max-width: 500px;
    margin: auto;
    position: relative;
}
#btm_item_btn a:before {
    position: absolute;
    content: '';
    background: url('https://wellness.suntory.com.tw/common/img/svg/cart.svg');
    background-size: 100% 100%;
    width: 27px;
    height: 26px;
    left: 40px;
    top: 50%;
    margin-top: -16px;
}
#btm_item_btn .close {
    background: url(../images/products/icon-buy-close.png);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    right: 15px;
    top: 15px;
    position: absolute;
}
.omega_aid .recommend_txt h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #0072ef;
    height: 35px;
    line-height: normal;
    /*font-family: "Arial";*/
}
.omega_aid table caption {
    display: none;
}

/* 2022-09-16 毛孩 芝麻明E */
.pet_base.bg {
    background: #f2fbff;
    padding: 9vw 13px 3vw !important;
    color: #000;
}
.pet_base .rec_box {
    border: 5px solid #1f7ea3;
    background: #1f7ea3;
}
.pet_base .rec_box div {
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 2vw 0;
}
.pet_base .rec_box div:after {
    height: 2.6vw;
    width: 17vw;
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/products/pet-e-rec-arrow.png);
    background-size: 100% 100%;
    left: 50%;
    margin-left: -8.5vw;
    bottom: -2.6vw;
}
.pet_base .rec_box ul {
    list-style: none;
    overflow: hidden;
    background: #fff;
    padding: 5vw 2vw 3vw;
}
.pet_base .rec_box li {
    position: relative;
    padding-left: 5vw;
    font-size: 5vw;
    font-weight: bold;
    color: #000;
    margin-bottom: 2vw;
/*    width: 50%;*/
/*    float: left;*/
    box-sizing: border-box;
    line-height: 1.2;
}
.pet_base .rec_box li:before {
    position: absolute;
    content: '';
    background: url(../images/products/pet-e-check.png);
    background-size: 100% 100%;
    width: 4vw;
    height: 3.6vw;
    left: 0;
    top: 1vw;
}
.pet_base .title2 {
    border-bottom: 2px solid #f0871e;
}
.pet_base .pet_box {
    padding-top: 7vw;
}
.pet_base p {
    line-height: 1.5;
    margin-bottom: 7vw;
    font-weight: normal;
}
.pet_base .chart_wrap {
    display: inline-block;
    margin-bottom: 4vw;
}
.pet_base .ps {
    font-size: 12px !important;
    margin-top: 2vw;
}
.pet_base .r_img {
    width: calc(100% + 13px);
}
.pet_base .with_img {
    position: relative;
}
.pet_base .with_img .img {
    position: absolute;
    right: -13px;
    top: -25vw;
    width: 15vw;
    height: auto;
}
.pet_base .user_box {
    list-style: none;
}
.pet_base .user_box li:not(:last-of-type) {
    margin-bottom: 8vw;
    border-bottom: 3px solid #e3eaed;
}
.pet_base .user_box .in {
    margin: auto;
    align-items: center;
}
.pet_base .user_box .pic {
    text-align: center;
}
.pet_base .user_box .pic img {
    max-width: 57vw;
    margin: auto;
}
.pet_base .user_box .label {
    color: #fff;
    font-size: 4vw;
    padding: 10px;
    border-radius: 15px;
    background: #1c2b70;
    display: inline-block;
    margin: -5vw 1vw 0;
    font-weight: bold;
    width: 42vw;
    box-sizing: border-box;
}
.pet_base .user_box .label font {
    font-weight: normal;
    position: relative;
    top: -2px;
}
.pet_base .user_box .tit {
    font-size: 5vw;
    font-weight: bold;
    margin: 7vw 0 6vw 0;
}
.pet_base .user_box li:nth-of-type(1) .label {
    position: relative;
}
.pet_base .user_box li:nth-of-type(1) .label:before {
    position: absolute;
    content: '';
    background: url(../images/products/pet-e-light-01.png);
    background-size: 100% 100%;
    width: 7vw;
    height: 9vw;
    left: -3vw;
    top: -5vw;
}
.pet_base .user_box li:nth-of-type(2) .pic {
    position: relative;
}
.pet_base .user_box li:nth-of-type(2) .pic:before {
    position: absolute;
    content: '';
    background: url(../images/products/pet-e-light-01.png);
    background-size: 100% 100%;
    width: 10vw;
    height: 13vw;
    right: 11vw;
    top: 30vw;
}
.pet_base .rec_list {
    list-style: none;
    line-height: 1.5;
    padding-bottom: 3vw;
}
.pet_base .rec_list li:not(:last-of-type) {
    border-bottom: 3px solid #e3eaed;
    padding-bottom: 3vw;
    margin-bottom: 3vw;
}
.pet_base .rec_list span {
    float: left;
    margin-right: 5px;
}
.pet_base .rec_list div {
    overflow: hidden;
}
.pet_base .capsule_wrap + .ps {
    text-align: right;
}
.pet_base .btn_pet {
    color: #fff;
    font-size: 4.4vw;
    border-radius: 7vw;
    padding: 2vw 5vw;
    background: #1e2a6f;
    text-decoration: none;
    position: relative;
    margin: 7vw 0;
    display: block;
    height: 9vw;
    line-height: 9vw;
}
.pet_base .btn_pet:after {
    position: absolute;
    content: "";
    border: solid white;
    border-width: 1vw 1vw 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2vw;
    top: 50%;
    right: 4vw;
    width: 3vw;
    height: 3vw;
}
.pet_base .mark_wrap {
    overflow: hidden;
    font-size: 12px;
}
.pet_base ul.list03 {
    list-style: none;
    width: 50%;
    float: left;
}
.pet_base ul.list03 li {
/*    border-bottom: 1px dotted #333;*/
/*    height: 14px;*/
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
}
.pet_base ul.list03 li:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    border-bottom: 1px dotted #333;
    left: 0;
    bottom: 0;
}
.pet_base ul.list03 li span,
.pet_base ul.list03 li font {
    background: #f2fbff;
    position: relative;
/*    top: 3px;*/
}
.pet_base ul.list03 li span {
    float: left;
    padding-right: 3px;
}
.pet_base ul.list03 li font {
    float: right;
    padding-left: 3px;
    padding-right: 5px;
}
.pet_base ul.list03 li div {
    position: absolute;
    right: 0;
    top: 3px;
}
.pet_base ul.imo {
    color: #28a7e1;
    padding: 0;
    padding-left: 24px;
    list-style-type: disc;
    line-height: 1.5;
}
.pet_base ul.imo li {
    margin-bottom: 3vw;
}
.pet_base ul.imo li span {
    color: #000;
}
.pet_base ul.imo li ol {
    list-style: decimal;
    padding-left: 20px;
}
.pet_base .capsule_flex {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #28a7e1;
}
.pet_base .capsule_flex div {
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pet_base .capsule_flex div:nth-of-type(1) {
    flex-basis: 100%;
    text-align: center;
    border-bottom: 1px solid #28a7e1;
    justify-content: center;
}
.pet_base .capsule_flex div:nth-of-type(2) {
    border-right: 1px dashed #28a7e1;
    flex-basis: 30%;
}
.pet_base .capsule_flex div:nth-of-type(3) {
    flex-basis: 70%;
}
.pet_base .capsule_flex span {
    font-size: 20px;
}
.pet_base .capsule_flex img {
    margin-right: 10px;
}
/* 毛孩 固力伸 */
.pet_gl .r_img {
    margin-left: -13px;
}
.pet_gl .with_img .img {
    top: -20vw;
}
.pet_gl .user_box li:nth-of-type(2) .pic:before {
    top: 0;
    right: 13vw;
}
.pet_gl .user_box li:nth-of-type(2) .pic:after {
    position: absolute;
    content: '';
    background: url(../images/products/pet-gl-img-02.png);
    background-size: 100% 100%;
    width: 11vw;
    height: 12vw;
    left: 3vw;
    top: 35vw;
}
/*  */
.pet_o .reason_wrap {
    position: relative;
}
.pet_o .reason_wrap .desc {
    position: absolute;
    width: 23vw;
    top: 44vw;
}
.pet_o .reason_wrap .desc p {
    font-size: 3vw;
}
.pet_o .with_img .img {
    top: -30vw;
}
/* 2022-10-18 寵物QA */
.pet_base ul.other {
    margin-bottom: 15px;
}

/* 2022-11-07 新品VARON汎倫 紳仕多效活顏精華 */
.varon .rec_box {
    border: 5px solid #3f3f3f;
    background: #3f3f3f;
}
.varon .rec_box div {
    font-size: 6vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 2vw 0;
}
.varon .rec_box div:after {
    height: 2.6vw;
    width: 17vw;
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/products/varon-rec-arrow.png);
    background-size: 100% 100%;
    left: 50%;
    margin-left: -8.5vw;
    bottom: -2.6vw;
}
.varon .rec_box ul {
    list-style: none;
    overflow: hidden;
    background: #fff;
    padding: 5vw 2vw 3vw;
}
.varon .rec_box li {
    position: relative;
    padding-left: 5vw;
    font-size: 5vw;
    font-weight: bold;
    color: #000;
    margin-bottom: 2vw;
    box-sizing: border-box;
    line-height: 1.2;
}
.varon .rec_box li:before {
    position: absolute;
    content: '';
    background: url(../images/products/varon-check.png);
    background-size: 100% 100%;
    width: 4vw;
    height: 3.6vw;
    left: 0;
    top: 1vw;
}
.varon .d_flex.flex1 > * {
    flex: 1;
}
.varon .d_flex.flex1 > *:first-child {
    margin-right: 3%;
}
.pro_select {
    height: 25px;
    font-size: 12px;
    border-color: #ccc;
    margin: 5px 0;
    width: 100%;
}
.varon .title2 {
    border-bottom: 2px solid #f58211;
}
.varon .v_box {
    margin-top: 20px;
}
.varon .v_box p {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 5vw;
}
.varon .with_bg p {
    font-size: 3.7vw;
}
.varon .v_tit {
    font-size: 20px;
    font-weight: bold;
}
.varon .with_bg .v_tit {
    font-size: 5vw;
}
.varon .bg1 {
    background: url(../images/products/varon-bg-01.png);
    background-size: 100% 100%;
    height: 82vw;
}
.varon .bg1 .in {
    padding: 5vw;
}
.varon .bg2 {
    background: url(../images/products/varon-bg-02.png);
    background-size: cover;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.varon .bg2  ul {
    list-style: none;
    display: inline-block;
    margin-bottom: 10px;
}
.varon .bg2 li {
    padding: 10px 0;
    border-bottom: 1px solid #5f5f5f;
    padding-left: 20px;
    position: relative;
    text-align: left;
}
.varon .bg2 li:last-of-type {
    border: none;
}
.varon .bg2 li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #000;
    left: 2px;
    top: 12px;
}
.varon .steps_img {
    position: relative;
}
.v_tit.border {
    color: #fff;
    padding: 10px 20px;
    background: #000;
    display: inline-block;
    margin-bottom: 15px;
}
.varon .bar_wrap {
    width: 100%;
    border: 2px solid;
    text-align: center;
    display: inline-block;
    margin: 20px 0;
}
.varon .bar_wrap.black {
    border-color: #000;
}
.varon .bar_wrap.grey {
    border-color: #747474;
}
.varon .bar_wrap .t {
    color: #fff;
    padding: 10px 0;
    line-height: 1.2;
}
.varon .bar_wrap.black .t {
    background: #000;
}
.varon .bar_wrap.grey .t {
    background: #747474;
}
.varon .bar_wrap .c {
    padding: 15px 10px 10px;
}
.varon .bar_wrap.black .c {
    color: #000;
}
.varon .bar_wrap.grey .c {
    color: #747474;
}
.varon .effect p {
    margin-top: 10px;
    font-size: 3.3vw;
    font-weight: bold;
}
.varon .effect .item {
    flex: 1;
}
.varon .skin .d_flex > * {
    flex: 1;
}
.varon .skin .num {
    width: 80px;
    height: 30px;
    display: inline-block;
    padding: 8px 8px 0 0;
    color: #fff;
    box-sizing: border-box;
    text-align: right;
    margin-bottom: 10px;
    background-size: 100% 100%;
    position: relative;
}
.varon .skin .num img {
    position: absolute;
    left: 0;
    top: 0;
}
.varon .skin .num span {
    position: relative;
}
.varon .skin p {
    margin: 10px 0 20px;
}
.varon .skin .d_flex {
    padding-bottom: 20px;
}
.varon .skin .img {
    position: relative;
}
.varon .skin .img:after {
    position: absolute;
    content: '';
    background-image: url(../images/products/varon-arrow-btm-01.png);
    background-size: 100% 100%;
    width: 30px;
    height: 17px;
    bottom: -40px;
    left: 50%;
    margin-left: -15px;
    z-index: 1;
}
.varon .skin .d_flex:last-of-type .img:after {
    opacity: 0;
}
.varon .ps_s {
    font-size: 12px;
    font-weight: bold;
    transform: scale(0.6);
    transform-origin: left top;
    white-space: nowrap;
    line-height: 1.5;
}
.varon .taste .v_tit {
    line-height: 1.5;
    margin-bottom: 5px;
}
.varon .taste .label {
    height: 8vw;
    width: auto;
    margin-bottom: 5px;
}
.varon .taste .txt {
    margin-right: 10vw;
    position: relative;
}
.varon .taste .txt:after {
    position: absolute;
    content: '';
    background-image: url(../images/products/varon-arrow-01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    width: 10vw;
    height: 30vw;
    right: -10vw;
    bottom: 0;
}
.varon .taste .d_flex {
    align-items: flex-end;
    margin-bottom: 10vw;
}
.varon .taste p {
    margin-bottom: 0;
    font-size: 3.6vw;
}
.varon .steps_bg .bg {
    padding: 10px 0;
    position: relative;
}
.varon .steps_bg .bg > img {
    position: absolute;
    height: 100%;
    top: 0;
}
.varon .steps_bg .border {
    border: 4px solid #000;
    border-bottom: 0;
    margin: 0 10px;
    padding: 4vw 2vw;
    position: relative;
}
.varon .steps_bg .border:last-of-type {
    border-bottom: 4px solid #000;
}
.varon .steps_bg .border:after {
    position: absolute;
    content: '';
    background-size: 100% 100%;
    right: 0;
    bottom: 0;
}
.varon .steps_bg .step {
    width: 40%;
    height: inherit;
    margin-bottom: 10px;
}
.varon .steps_bg .v_tit {
    line-height: 1.2;
}
.varon .steps_bg ul {
    margin: 1vw 0 0 5vw;
    line-height: 1.2;
    list-style: disc;
    font-size: 3.7vw;
    position: relative;
    z-index: 1;
}
.varon .steps_bg .b1:after {
    background-image: url(../images/products/varon-steps-img-01.png);
    width: 33vw;
    height: 40vw;
}
.varon .steps_bg .b2:after {
    background-image: url(../images/products/varon-steps-img-02.png);
    width: 42vw;
    height: 33vw;
    right: 0;
    top: 0;
    bottom: inherit;
}
.varon .steps_bg .b3:after {
    background-image: url(../images/products/varon-steps-img-03.png);
    width: 47vw;
    height: 55vw;
}
.varon .steps_bg .b4:after {
    background-image: url(../images/products/varon-steps-img-04.png);
    width: 45vw;
    height: 37vw;
}
.varon .user_wrap .user {
    background-repeat: no-repeat;
    height: 60vw;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 7vw;
    margin-bottom: 3vw;
    position: relative;
}
.varon .user_wrap .user > img {
    position: absolute;
    left: 0;
}
.varon .user_wrap .user .d_flex {
    position: relative;
}
.varon .user_wrap .img {
    flex: 1;
}
.varon .user_wrap .user:nth-of-type(odd) .img {
    margin-right: 3vw;
}
.varon .user_wrap .user:nth-of-type(even) .img {
    margin-left: 3vw;
}
.varon .user_wrap .txt_wrap {
    flex: 2;
}
.varon .user_wrap .v_tit {
    margin-bottom: 1vw;
    line-height: 1.2;
}
.varon .user_wrap .age {
    width: 30vw;
    height: auto;
}
.varon .user_wrap .user:nth-of-type(odd) .age {
    float: right;
}
.varon .user_wrap p {
    margin-bottom: 3vw;
}
.varon .user_bar {
    background: #d7d7d7;
    margin: 5vw -13px 10px;
    padding: 4vw;
}
.varon .user_bar .d_flex {
    justify-content: center;
}
.varon .user_bar .img {
    flex: 1;
    margin-right: 2vw;
}
.varon .user_bar .v_tit {
    line-height: 1.5;
    margin-bottom: 10px;
    flex: 2;
}
.varon .people .txt_wrap {
    flex: 2;
    margin-right: 2vw;
}
.varon .people .img {
    flex: 1;
}
.varon ul.imo {
    padding: 0;
    padding-left: 24px;
    list-style-type: disc;
    line-height: 1.5;
}
.varon ul.imo li span {
    color: #000;
}
.varon ul.imo li ol {
    list-style: decimal;
    padding-left: 20px;
}