@charset "UTF-8";
*,
 :after,
 :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

b {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

html {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before {
    content: "";
    content: none
}

q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%
}

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: bold;
    src: local(MS Gothic), local(Yu Gothic)
}

@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體), local(Microsoft JhengHei)
}

@font-face {
    font-family: 'HelveticaNeueLTStd-MdCn';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/HelveticaNeueLTStd-MdCn.eot");
    src: url("../fonts/HelveticaNeueLTStd-MdCn.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueLTStd-MdCn.otf") format("otf"), url("../fonts/HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn") format("svg"), url("../fonts/HelveticaNeueLTStd-MdCn.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-MdCn.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-MdCn.woff2") format("woff2")
}

* {
    outline: none
}

html {
    font-size: 100%;
    scroll-behavior: smooth
}

body {
    font-family: '微軟正黑體修正', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
    font-size: 18px;
    font-weight: normal;
    overflow-x: hidden;
    line-height: 1.5
}

button {
    background-color: transparent;
    border: 0;
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 16px;
    }
}

.container {
    width: 100%;
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}

a:hover {
    text-decoration: none;
    color: black
}

.hide {
    display: none
}

section {
    position: relative
}

.wrap {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #ffeda4;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1)
}

[class*=pageSymbol-] {
    position: absolute;
    z-index: 1;
    width: 20%
}

.sTit_wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.sTit_wrap:after {
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10%;
    left: 85%
}

.sTit {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 100%;
    padding-bottom: 15%
}

.subTit {
    font-size: 1.5rem;
    line-height: 1.5;
    display: block;
    width: 100%
}

@media only screen and (max-width:569px) {
    .subTit {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:490px) {
    .subTit {
        font-size: 1rem
    }
}

footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 12% 0 7%;
    background-color: #e49ba4
}

footer .social_wrap {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1.5px solid #000;
    margin: 0 5% 20px;
    padding-bottom: 20px
}

footer .social_wrap li {
    position: relative;
    margin: 0 15px;
    padding: 0 15px
}

@media only screen and (max-width:480px) {
    footer .social_wrap li {
        margin: 0 10px;
        padding: 0 10px
    }
}

footer .social_wrap li:last-child:after {
    width: 0
}

footer .social_wrap li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #000;
    width: 3px;
    height: 22px
}

footer .social_wrap li img {
    width: 70%
}

footer .copy {
    line-height: 1.5;
    font-size: 1rem;
    font-weight: bold
}

.guideBtn {
    position: fixed;
    right: 0;
    bottom: 40px;
    width: 20%
}

.carousel-indicators {
    z-index: 17
}

.carousel-indicators.bottom-doc li {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 30px;
    background-color: #fff;
    opacity: 1;
    margin: 0 5px
}

@media only screen and (max-width:650px) {
    .carousel-indicators.bottom-doc li {
        width: 15px;
        height: 15px;
        margin: 0 4px
    }
}

@media only screen and (max-width:530px) {
    .carousel-indicators.bottom-doc li {
        width: 10px;
        height: 10px
    }
}

.carousel-indicators.bottom-doc .active {
    background-color: #000
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
    color: #000;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 20;
    top: auto
}

.carousel-control-prev {
    left: 15%
}

@media only screen and (max-width:530px) {
    .carousel-control-prev {
        left: 18%
    }
}

@media only screen and (max-width:480px) {
    .carousel-control-prev {
        left: 15%
    }
}

@media only screen and (max-width:414px) {
    .carousel-control-prev {
        left: 10%
    }
}

.carousel-control-next {
    right: 15%
}

@media only screen and (max-width:530px) {
    .carousel-control-next {
        right: 18%
    }
}

@media only screen and (max-width:480px) {
    .carousel-control-next {
        right: 15%
    }
}

@media only screen and (max-width:414px) {
    .carousel-control-next {
        right: 10%
    }
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 45px;
    height: 28px;
    background-size: 100%
}

@media only screen and (max-width:650px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 40px;
        height: 20px
    }
}

@media only screen and (max-width:530px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 30px;
        height: 15px
    }
}

.carousel-control-prev-icon {
    background-image: url("../images/icon_arrow_prev.png")
}

.carousel-control-next-icon {
    background-image: url("../images/icon_arrow_next.png")
}

#kolCarousel .carousel-control-next,
#kolCarousel .carousel-control-prev,
#kolCarousel .carousel-indicators {
    bottom: -5%
}

#videoCarousel .carousel-control-next,
#videoCarousel .carousel-control-prev,
#videoCarousel .carousel-indicators {
    bottom: 10%
}

@media only screen and (max-width:414px) {
    #videoCarousel .carousel-control-next,
    #videoCarousel .carousel-control-prev,
    #videoCarousel .carousel-indicators {
        bottom: 8%
    }
}

.carouselVideo_wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.250000%;
    display: block;
    height: 0
}

.carouselVideo_wrap iframe {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.kv {
    position: relative;
    line-height: 0
}

.kv .kv_txt {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%;
    height: auto;
    text-align: center
}

.kv .logo {
    width: 40%;
    padding-top: 20%;
    margin-bottom: 20px
}

.kv h1 {
    background: url("../images/kv_h1.png") no-repeat center;
    background-size: 100%;
    height: 95px
}

@media only screen and (min-width:560px) {
    .kv h1 {
        height: 140px
    }
}

@media only screen and (min-width:750px) {
    .kv h1 {
        height: 185px
    }
}

.kv h2 {
    background: url("../images/kv_h2.png") no-repeat 95%;
    background-size: 87%;
    height: 75px
}

@media only screen and (min-width:560px) {
    .kv h2 {
        height: 120px
    }
}

@media only screen and (min-width:750px) {
    .kv h2 {
        height: 145px
    }
}

.kv .kv_pseudo_1,
.kv .kv_pseudo_2 {
    position: absolute;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%
}

.kv .kv_pseudo_1 {
    background-image: url("../images/kv_item_01.png")
}

.kv .kv_pseudo_2 {
    background-image: url("../images/kv_item_02.png")
}

#s2 {
    padding-top: 15%;
    padding-bottom: 20%;
    background-color: #e49ba4;
    border-bottom: 1px solid #000
}

#s2 .s1_tit {
    background-image: url("../images/s1_tit.png");
    padding-bottom: 60%
}

#s2 .sTit_wrap {
    position: relative;
    margin-top: 22%;
}

#s2 .sTit_wrap h3 {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 5px
}

#s2 .sTit_wrap p {
    color: #fff;
    position: relative
}

#s2 .sTit_wrap p:before {
    content: "";
    position: absolute;
    background-image: url(../images/pseudo_star.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    right: -60px;
    bottom: -10px
}

#s2 .sTit_wrap .subTit span {
    position: relative
}

#s2 .sTit_wrap .subTit span:before {
    content: "";
    position: absolute;
    background-image: url(../images/pseudo_star.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: -65px;
    bottom: 10px
}

#s2 .sTit_wrap:after {
    right: 0;
    bottom: 0
}

#s2 .carousel-inner {
    padding-top: 10%
}

#s2 .upControl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 10%
}

@media only screen and (max-width:650px) {
    #s2 .upControl {
        margin: 0 5%
    }
}

#s2 .upControl li {
    width: 100%;
    height: 40%;
    background: url(../images/s1_btn_bg.png) no-repeat top;
    background-size: 90%;
    opacity: 1;
    border: 0;
    text-indent: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#s2 .upControl li a {
    width: 100%
}

#s2 .upControl li:nth-child(2) {
    margin: 0 20px
}

@media only screen and (max-width:480px) {
    #s2 .upControl li:nth-child(2) {
        margin: 0 10px
    }
}

#s2 .upControl li .inner_wrap {
    text-align: center;
    padding: 30% 0 40% 0;
    /* background: url("../images/s1_btn_bg.png") no-repeat top;
/* background-size: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;*/
}

@media only screen and (max-width:650px) {
    #s2 .upControl li .inner_wrap {
        background-size: 100%;
        padding: 30% 0 50% 0
    }
}

#s2 .upControl li .inner_wrap p {
    position: relative;
    font-weight: bold;
    font-size: 1.8rem
}

@media only screen and (max-width:650px) {
    #s2 .upControl li .inner_wrap p {
        font-size: 1.5rem
    }
}

#s2 .upControl li .inner_wrap p:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #000;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    width: 15px;
    height: 13px
}

@media only screen and (max-width:580px) {
    #s2 .upControl li .inner_wrap img {
        width: 80%
    }
}

@media only screen and (max-width:480px) {
    #s2 .upControl li .inner_wrap img {
        width: 70%
    }
}

@media only screen and (max-width:414px) {
    #s2 .upControl li .inner_wrap img {
        width: 50%
    }
}

.carousel-item .carouselTit_wrap {
    padding-bottom: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.carousel-item .carouselTit_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -35%;
    background: url(../images/pseudo_figure.png) no-repeat;
    background-size: 45%;
    width: 100%;
    height: 100%;
    z-index: 0
}

.carousel-item .carouselTit_wrap .portrait,
.carousel-item .carouselTit_wrap .testimony {
    width: 50%
}

.carousel-item .carouselTit_wrap .portrait {
    text-align: center;
    margin-right: 15px;
    padding-left: 20px;
    z-index: 1
}

.carousel-item .carouselTit_wrap .portrait img {
    width: 90%;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    border: 3px solid #fff
}

.carousel-item .carouselTit_wrap .testimony {
    padding-right: 20px
}

.carousel-item .carouselTit_wrap h3 {
    font-weight: bold;
    font-size: 1.3rem;
    display: inline-block;
    padding-top: 10px;
    line-height: 1.5;
    margin-bottom: 15px
}

.carousel-item .carouselPro_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5%;
    padding-right: 15px;
    padding-bottom: 10%
}

.carousel-item .carouselPro_wrap h2 {
    display: inline-block;
    padding: 5px 20px
}

.carousel-item .carouselPro_wrap p {
    font-weight: bold
}

.carousel-item .carouselPro_wrap .dec {
    width: 60%
}

.carousel-item .carouselPro_wrap .dec ul {
    list-style-type: disc;
    margin-left: 20px;
    font-weight: bold
}

.carousel-item .carouselPro_wrap .img {
    width: 40%;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg)
}

.carousel-item .carouselPro_wrap h2 {
    background-color: #7f5a84;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px
}

.carousel-item .carousel-indicators {
    bottom: -15px
}

#s3 {
    padding-bottom: 20%;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #dae57d), color-stop(65%, #e49ba4));
    background: -webkit-linear-gradient(top, #dae57d 65%, #e49ba4 65%);
    background: -o-linear-gradient(top, #dae57d 65%, #e49ba4 65%);
    background: linear-gradient(180deg, #dae57d 65%, #e49ba4 65%);
    border-bottom: 1px solid #000
}

#s3 .posCenter {
    margin-bottom: 8%
}

#s3 .sTit_wrap {
    text-align: center
}

#s3 .sTit_wrap h3 {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px
}

#s3 .sTit_wrap .subTit span {
    background-color: #e49ba4;
    color: #fff;
    padding: 2px 10px
}

#s3 .s3_tit {
    background-image: url("../images/s2_tit.png");
    padding-bottom: 75%
}

#truthCarousel .carouselTruthContent_wrap {
    text-align: center;
    margin-bottom: 20px
}

#truthCarousel .carouselTruthContent_wrap img {
    padding: 0 15px 15px
}

#truthCarousel .carouselTruthContent_wrap h3 {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 15px
}

@media only screen and (max-width:430px) {
    #truthCarousel .carouselTruthContent_wrap h3 {
        font-size: 1.2rem
    }
}

#truthCarousel .carouselTruthContent_wrap .tit {
    color: #fff;
    border-bottom: 1px dotted #000;
    padding-bottom: 5px
}

#truthCarousel .carouselTruthContent_wrap .content {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 25px
}

@media only screen and (max-width:768px) {
    #truthCarousel .carouselTruthContent_wrap .content {
        font-size: 1rem
    }
}

#truthCarousel .link {
    border: 2px solid #000;
    background-color: #fff;
    padding: 5px 20px;
    font-size: 1.2rem;
    font-weight: bold;
    font-family: 'HelveticaNeueLTStd-MdCn'
}

@media only screen and (max-width:680px) {
    #truthCarousel .link {
        font-size: 1rem
    }
}

#truthCarousel .carousel-indicators {
    bottom: -45px
}

#truthCarousel .carousel-control-next,
#truthCarousel .carousel-control-prev {
    bottom: -45px
}

#s4 {
    background-color: #dae57d;
    padding-bottom: 25%;
    border-bottom: 1px solid #000
}

#s4 h3 {
    background: url("../images/s3_subtit.png") no-repeat center;
    background-size: 40%;
    height: 50px;
    margin-top: 0;
    margin-bottom: 10%
}

#s4 .posCenter {
    padding-top: 15%
}

#s4 .s4_tit {
    background-image: url("../images/s3_tit.png")
}

#s4 .sTit_wrap {
    position: relative
}

#s4 .sTit_wrap:after {
    content: "";
    background-image: url("../images/pseudo_s3_subtit.png");
    background-size: 45%;
    height: 88px;
    top: 55%;
    left: auto;
    right: -15px
}

@media only screen and (max-width:480px) {
    #s4 .sTit_wrap:after {
        top: 65%;
        left: 90%
    }
}

#s4 .pdList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#s4 .pdList .pdItem {
    width: 100%;
    font-size: 1rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8% 0
}

#s4 .pdList .pdItem .pdImg {
    position: relative;
    width: 30%;
    margin-right: 20px;
    z-index: 0
}

@media only screen and (max-width:414px) {
    #s4 .pdList .pdItem .pdImg {
        margin: 0
    }
}

#s4 .pdList .pdItem .pdImg:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 65%;
    height: 35%
}

@media only screen and (max-width:414px) {
    #s4 .pdList .pdItem .pdImg:before {
        bottom: -15px;
        right: 0
    }
}

#s4 .pdList .pdItem .pdImg:after {
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
    width: 100px;
    height: 100px
}

@media only screen and (min-width:750px) {
    #s4 .pdList .pdItem .pdImg:after {
        width: 150px;
        height: 150px
    }
}

#s4 .pdList .pdItem .pdImg.first:before {
    background-image: url("../images/s3_emphasize_1.png");
    background-size: 90%
}

#s4 .pdList .pdItem .pdImg.second:before {
    background-image: url("../images/s3_emphasize_2.png")
}

#s4 .pdList .pdItem .pdImg.third:before {
    background-image: url("../images/s3_emphasize_3.png")
}

#s4 .pdList .pdItem .pdImg.fourth:before {
    background-image: url("../images/s3_emphasize_4.png")
}

#s4 .pdList .pdItem .pdContent {
    width: 70%;
    text-align: center
}

#s4 .pdList .pdItem .pdTit {
    width: 100%;
    line-height: 1.5;
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: bold
}

@media only screen and (max-width:580px) {
    #s4 .pdList .pdItem .pdTit {
        font-size: 1rem
    }
}

@media only screen and (max-width:414px) {
    #s4 .pdList .pdItem .pdTit {
        margin-bottom: 5px
    }
}

#s4 .pdList .pdItem .pdPrice {
    color: #950000;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 25px;
    width: 100%
}

@media only screen and (max-width:580px) {
    #s4 .pdList .pdItem .pdPrice {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:414px) {
    #s4 .pdList .pdItem .pdPrice {
        margin-bottom: 20px
    }
}

#s4 .pdList .pdItem .pdPrice span {
    font-size: 10px
}

#s4 .pdList .pdItem .pdBuy {
    width: 100%;
    margin-top: 20px
}

#s4 .pdList .pdItem .pdBuy .link {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    background-color: #e69a9d;
    padding: 5px 20px
}

@media only screen and (max-width:414px) {
    #s4 .pdList .pdItem .pdBuy .link {
        font-size: 16px
    }
}

#s4 .carousel-indicators {
    bottom: -35px
}

#s4 .carousel-control-next,
#s4 .carousel-control-prev {
    bottom: -35px
}

#s5 {
    background-color: #e49ba4;
    padding-top: 15%
}

@media only screen and (min-width:992px) {
    #s5 {
        padding-top: 20%
    }
}

#s5 .s5_tit {
    background: url("../images/s4_tit.png") no-repeat top;
    background-size: 100%;
    padding-bottom: 15%
}

#s5 h3 {
    background: url("../images/s4_subtit.png") no-repeat center;
    background-size: 30%;
    height: 55px;
    margin-top: 0;
    margin-bottom: 20%
}

#s5 .posCenter {
    padding: 13% 0 11%
}

#s5 .info_content {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold
}

#s5 .info_content ul {
    margin: 10% 0
}

#s5 .info_content li {
    margin-bottom: 30px
}

#s5 .info_content h4 {
    color: #003781;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px
}

.click_more {
    text-align: right;
    transform: rotate(-10deg);
}

.s2Controler li {
    background: url(../images/s1_btn_bg.png) no-repeat top;
}


/*# sourceMappingURL=style.css.map */