/*通用設定=========================================================================*/
:root{
    --txt_maincolor: #51414b;
    --orange: #eaaa11;
    --green: #19bdbf;
    --font_NS: 'Noto Sans TC', sans-serif;
    --txt_bold: 500;
}
.switch_mb{
    display: none;
}
.switch_pc{
    display: block;
}

#product_page{
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 1000px;
    overflow: hidden;
    vertical-align: middle;
}
#product_page img{
    vertical-align: middle;
}
#main h2{
    font-weight: var(--txt_bold);
}
.txt_content{
    margin: 0 5.8%;
}
.txtp{
    font-size: 25px !important;
    line-height: 1.7;
    text-align: justify;
    font-weight: 300;
    font-family: var(--font_NS);
    color: var(--txt_maincolor);
    word-break: normal;
}
.txt_orange{
    color: #dea110;
}
.txt_green{
    color: #19bdbf;
}
.main strong{
    font-weight: var(--txt_bold) !important;
}


.layer_bottom{
    position: relative;
}
.layer{
    position: absolute;
    z-index: 2;
}


/*section2=============================================================================*/
#section2{
 background-image: url(https://testnew.balanstart.com.tw/assets/custom/126/img/lecithin_commonBG.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-bottom: 11.5%;
}
.s2_title{
    color: white;
    margin-top: 5.3%;
    margin-left: 3%;
    font-size: min(6vw, 60px);
    letter-spacing: .05em;
    line-height: 2.06;
}
.s2_txtbox{
    background-color: white;
    margin-top: -75%;
    border-radius: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    -ms-border-radius: 2.5em;
    -o-border-radius: 2.5em;
    box-shadow: 0 0 1vw #998a76;
    overflow: hidden;
}
.s2_innerbox{
    border: white solid 20px;
    box-shadow:inset 0px 0px 0px 3px #f6ccb2;
    border-radius: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    -ms-border-radius: 2.5em;
    -o-border-radius: 2.5em;
    padding: 1.8em 50% 1.8em 4.2em;
}
.s2_txt{
    line-height: 1.9;
    margin-bottom: 20px;
}
.s2_txt span{
    border-bottom: #c3a6b9 dashed 2px;
    border-spacing: 10px;
    padding-bottom: 5px;
}
.s2_txt span .txt_orange{
    border: none;
}
.s2_pic{
    right: 0;
    top: 0;
    margin-top: 5.5%;
    margin-right: 5.5%;
    width: min(34.1%, 301px);
}
.s2_mb{
    padding-right: 0%;
}


/*section3=============================================================================*/
#section3{
    background-image: url(https://testnew.balanstart.com.tw/assets/custom/126/img/lecithin_commonBG.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
}
.s3_bg1{
    top: 0;
    padding-bottom: 38.5%;
}
.s3_bg2{
    bottom: 0;
    padding-top: 10%;
}
.s3_title{
    margin-top: 5.4%;
}
.s3_title h2{
    right: 0;
    left: 0;
    text-align: center;
}
.s3_title h2:first-child{
    color: white;
    margin-top: 1.1%;
    font-size: min(3.9vw, 39px);
    letter-spacing: .08em;
    margin-left: .08em;
}
.s3_title h2:nth-child(2){
    color: var(--txt_maincolor);
    font-size: min(7vw, 70px);
    margin-top: 10.3%;
    letter-spacing: .1em;
}

.s3_txtbox{
    width: 100%;
    color: var(--txt_maincolor);
    font-weight: 300;
    line-height: 1.4;
}

.s3_subtitle1{
    color: white;
    margin-left: 24.3%;
    margin-top: 76%;
    font-size: min(4vw, 40px);
    line-height: 1.2;
    font-weight: 400;
    font-weight: var(--txt_bold);
}
.s3_txt1{
    text-align: center;
    margin-left: 37%;
    margin-top: 75.4%;
    font-size: min(3.5vw, 35px);
    font-family: var(--font_NS);
}
.s3_pic1{
    width: 72%;
    margin-left: 14%;
    margin-top: 74.5%;
}

.s3_txt2{
    text-align: justify;
    margin-left: 11.5%;
    margin-top: 107.5%;
    font-size: min(3.5vw, 35px);
    font-family: var(--font_NS);
    width: 32%;
}
.s3_subtitle2{
    color: white;
    margin-left: 24.5%;
    margin-top: 97.7%;
    font-size: min(6vw, 60px);
    line-height: 1.1;
    font-weight: var(--txt_bold);
}
.s3_pic2{
    width: 47%;
    margin-left: 4%;
    margin-top: 89%;
}

.s3_txt3{
    text-align: justify;
    margin-left: 59.2%;
    margin-top: 125%;
    font-size: min(3.5vw, 35px);
    font-family: var(--font_NS);
    width: 32%;
}
.s3_subtitle3{
    color: white;
    margin-left: 72%;
    margin-top: 114.6%;
    font-size: min(6vw, 60px);
    line-height: 1.1;
    font-weight: var(--txt_bold);
}
.s3_pic3{
    width: 47%;
    margin-left: 51.5%;
    margin-top: 89%;
}

.s3_subtitle4{
    color: white;
    font-size: min(5.5vw, 55px);
    line-height: 1.1;
    font-weight: var(--txt_bold);
    width: 100%;
    margin-top: 18%;
    margin-left: 20%;
}
.s3_pic4{
    left: 50.5%;
    margin-top: 159%;
    width: min(18.2vw, 182px);
    height: min(18.2vw, 182px);
    background-color: #ed7363;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}


/*section4=============================================================================*/
#section4{
    top: 0;
    left: 0;
}

#s4_bg{
    
    background-image: url(https://testnew.balanstart.com.tw/assets/custom/126/img/lecithin_4_bg.jpg);
    background-size: 100% 100%;
    background-repeat: repeat-y;
    padding-bottom: 5%;
}

#s4_pic{
    width: 95%;
    margin-top: 0%;
    margin-left: 0%;
    padding-top: 4.5%;
    height: auto;
    
}

.s4_pc{
    display: block;
}

.mobile1, .mobile2{
    display: none;
}

.s4_pic_title{
    margin-top: 2%;
    margin-bottom: 10%;
    font-size: min(5.5vw,55px);
    white-space: nowrap;
    width: fit-content;
    color: white;
    letter-spacing: 0.05em;
    background-color: #ed7363;
    border-radius: 0 50px 50px 0;
    padding: 2% 5% 2% 2%;
    
}

#s4_box{
    display: flex;
    align-items: center;
    margin-top: 8%;
    overflow: hidden;
}
.s4_boxL, .s4_boxR{
    display: block;
}
.s4_boxL{
    width: 65%;
    margin-left: -20.5%;
    flex-shrink: 0;
}

.s4_boxLimg{
    width: 100%;
    height: auto;
    display: block;
}
.s4_boxR{
    width: 50%;
    padding-left: 3%;
    margin-top: 10%;
    position: relative; 
}
.s4_deco{
    position: absolute;
    width: 10%;
    height: auto;
    pointer-events: none;
}
.s4_deco_top{
    top: -2%;
    left: -5%;
}
.s4_deco_bottom{
    bottom: 2%;
    right: 0%;
}

.s4_txt{
    text-align: justify;
    font-size: min(3.3vw, 33px);
    font-weight: 400;
    font-family: var(--font_NS);
    word-break: normal;
    line-height: 1.5;
    color: var(--txt_maincolor);
    margin-bottom: 6%;
}
.s4_span{
    color:#ed7363;
    font-weight: 500;
}


/*section5=============================================================================*/




/*section6=============================================================================*/
#s6_main{
     background-image: url(https://testnew.balanstart.com.tw/assets/custom/126/img/lecithin_6_bg2.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-top: 10.6%;
    padding-bottom: 4.5%;
}
.s6_txtbox{
    overflow: hidden;
    border-radius: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    -ms-border-radius: 2.5em;
    -o-border-radius: 2.5em;
    background-color: white;
    text-align: center;
    box-shadow: .1em 0 3vw #edbe5a;
    margin-bottom: 8%;
}
.s6_title{
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 36.5%;
    text-align: center;
    width: 30.6%;
}
.s6_title img{
    width: 100%;
}
.s6_title p{
    color: white;
    right: 0;
    left: 0;
    margin-top: 7%;
    font-size: min(6.5vw, 60px);
    line-height: 1.1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--txt_bold);
    font-family: var(--font_NS);
}
.s6_title p span{
    font-size: min(5vw, 50px);
}
.s6_subtitle1, .s6_subtitle2{
    margin-top: 13%;
    text-align: center;
    font-size: min(5.5vw, 55px);
    letter-spacing: .08em;
    margin-bottom: 1.5%;
}
.s6_subtitle1{
    color: var(--orange);
}
.s6_subtitle2{
    color: var(--green);
}
.s6_txt{
    margin: 5% 5% 10.5% 5%;
}
.s6_txt p{
    margin-bottom: 25px;
}
.s6_triangle{
    font-size: 20px;
}

.s6_pic{
    width: 100%;
    height: auto;
}

.s6_2pic{
    width: min(85%, 674px);
    margin-top: 4.5%;
}
.s6_line{
    width: 60%;
    display: flex;
    margin-left: 20%;
}

.s6_logo1{
    width: 14.7%;
    margin-top: 48.3%;
    margin-left: 65%;
}
.s6_bean{ 
    margin-top: 20%;
    margin-left: 10%;
    width: 100%;
    z-index: -1;
}

/*section7=============================================================================*/
#section7{
     background-image: url(https://testnew.balanstart.com.tw/assets/custom/126/img/lecithin_7_bg.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-top: 10%;
    padding-bottom: 8%;
}
#section7 .s3_title{
    margin-top: 0%;
}
#section7 .s3_title h2:nth-child(1){
    margin-top: 1.5%;
    font-size: min(4.5vw, 45px);
}
#section7 .s3_title h2:nth-child(2){
    margin-top: 15%;
    font-size: min(6.5vw, 65px);
}
.s7_pic{
    margin-top: 4%;
}

.s7_span{
    color:#ed7363;
}

/*section8=============================================================================*/

/*section9=============================================================================*/



/*section11=============================================================================*/