/* banner */
/*@keyframes slideBanner {
    0%   {opacity: 0; transform: scale(1);}
    50%  {opacity: 1; transform: scale(1.05);}
    100% {opacity: 1; transform: scale(1.05);}
}
.em_box .active{
	animation-name: slideBanner;
	animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count:1;
	animation-fill-mode:forwards;
}*/

/* 过瘦危机 */
.fat_main_bg1{
    background: url('../themes/DST_TCM/assets/image/thin/bg_yellowbg1.png') no-repeat;
    background-size: 100%;
    padding-bottom: 60px;
}
.fat_main_h2{
    color:white;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    padding-top:60px;
    margin-bottom: 20px;
}
.fat_main_p{
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.repelPain_box{background:#FCE9C9;padding:40px 60px 130px;margin-top: -60px;-webkit-transform: skewY(-3deg);}
.repelPain_text{width:86%;margin:30px auto 10px}
.repelPain_text h2{width:100%;margin:0 auto;padding:10px 0;text-align:center;font-size:36px;color:#FF9700;margin-bottom:20px;-webkit-transform: skewY(3deg);}
.repelPain_text p{text-align:center;font-size:20px;margin-bottom:80px;-webkit-transform: skewY(3deg);}
.arrow{text-align:center;padding:35px 0 65px;-webkit-transform: skewY(3deg);}
.icon-plus{width:100px}
.repelPain_main{width:86%;margin:30px auto;border:2px solid #FD9800;-webkit-transform: skewY(3deg);}
.repelPain_main:nth-of-type(4){margin-bottom:80px}
.repelPain_main h2{width:580px;margin:0 auto;padding:10px 0;text-align:center;font-size:36px;color:#fff;margin-bottom:30px;background:#FD9800;transform:skew(-20deg);margin-top:-32px}
.repelPain_main h2 span{transform:skew(20deg);display:block;letter-spacing: 0px;}
.repelPain_main h2:nth-of-type(2){width:100%;margin:0 auto;padding:20px 0 10px;text-align:center;font-size:36px;color:#FF9700;margin-bottom:30px;background:none;transform:skew(-20deg);margin-top:0}
.repelPain_main .container>p,.repelPain_main >p{text-align:center;font-size:20px}
.grid-container{display:grid;grid-template-columns:auto auto;padding:10px;margin-bottom:20px}
.grid-item{border:0 solid #FF9700;padding:10px 50px;font-size:30px;text-align:center}
.grid-container h3{color:#FF9700;font-size:32px}
.grid-item{font-size:20px}
.grid-item:nth-of-type(1),.grid-item:nth-of-type(2){border-bottom:2px solid #FF9700}
.grid-item:nth-of-type(1),.grid-item:nth-of-type(3){border-right:2px solid #FF9700}
.grid-item:nth-of-type(3),.grid-item:nth-of-type(4){padding-top:30px}
.grid-table-twosep{display:grid;grid-template-columns:50% 50%;padding:0;width:90%;margin:auto}
.grid-sep-td{padding:20px 0px 5px;font-size:30px;text-align:center}
.grid-table-twosep h3{color:#FF9700;text-align:center;padding-left:0%;font-size:32px}
.grid-sep-td{font-size:20px}
.grid-table-twocol{display:grid;grid-template-columns:1fr 2fr;padding:0;margin-bottom:50px;border-top:2px solid #FF9700}
.grid-table-td{padding:20px 0px 5px;font-size:30px;text-align:left}
.grid-table-twocol h3{color:#FF9700;font-size:32px}
.grid-table-td{font-size:20px}
.grid-table-td{border-bottom:2px solid #FF9700}
.grid-table-td:nth-of-type(1),.grid-table-td:nth-of-type(3),.grid-table-td:nth-of-type(5),.grid-table-td:nth-of-type(7),.grid-table-td:nth-of-type(9){border-right:2px solid #FF9700}
.grid-table-td:nth-of-type(9),.grid-table-td:nth-of-type(10){border-bottom:0 solid #FF9700}

/* swiper */
.programme_main{
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.swiper-container{
    --swiper-navigation-color: white;/* 单独设置按钮颜色 */
}
/* .swiper-button-disabled{
    display:none;
} */

#swiper_thin .swiper-slide {
    width: 33%;
    transition: 300ms;
    transform: scale(0.8);
  }
#swiper_thin .swiper-slide-active,
#swiper_thin .swiper-slide-duplicate-active{
    transform: scale(1);
}
#swiper_thin .swiper-slide img{
    width: 100%;
}

.swiper-button-prev{
    left: 0px;
    right: auto;
}
.swiper-button-next{
    right: 0px;
    left: auto;
}

/* 二師會診 體質性減重法 */
.consultation_box{
    background-color:#FCE9C9;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    margin-top: -50px;
}
.consultation_box h2{
    font-size: 36px;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 20px;
}
.consultation_box p{
    font-size: 20px;
    text-align: center;
}

.consultation_main .consultation_title{
    width: 34%;
    margin:auto;
    font-style: normal;
    background: #999999;
    line-height: 50px;
    letter-spacing: 2px;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
    background: #FD9800 !important;
    list-style:none;
    position: relative;
    top: 60px;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}
.consultation_main .consultation_title span {
    height: 60px;
    line-height: 63px;
    display: block;
    color: white;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}

.consultation_main{
    /* width: 90%; */
    width:1068px;
    margin: 0 auto;
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -o-transform: skewY(3deg);
}
.consultation_main ul{
    padding-inline-end: 0;
    padding-inline-start: 0;
    list-style: none;
    border: 2px solid #EF9B25;
    padding-top: 40px;
    padding-bottom: 20px;
}
.consultation_main li{
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    list-style:none;
}

.consultation_main ul li{
    display: inline-block;
}

.consultation_main ul .li_width{
    display: inline-block;
    /* width: 49%; */
    margin-left: 4px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.consultation_main ul .li_height{
    height: 140px;
    width: 1px;
    border-left: 2px solid #FD9800;
    display: inline-block;
    position: relative;
    top: 18px;
}

.consultation_main .consultation_img{
    width: 100%;
    /* height: 150px; */
    display: block;
    background: #FFF9F1;
    /* line-height: 150px; */
}
.consultation_main .consultation_img img{
    width: 50%;
}
.consultation_content{
    margin-top: 20px;
}
.consultation_content p{
    margin-bottom: 0;
}
.consultation_content > .span1{
    font-size: 32px;
}

#swiper_consultation_mb{
    display: none;
}

/* 4步 */
.step_four{
    margin-top: -50px;
    background: #FEFAF1;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
}

/* form */
.form_box{
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
}

.monly{
    display: none;
}

@media(max-width:1200px){
    
    .fat_main_h2{
        font-size: 26px;
		padding-top: 35px;
    }
    .fat_main_p{
        font-size: 16px;
        letter-spacing: 0px;
        margin-bottom: 25px;
    }
	.repelPain_text p {
		font-size: 16px;
		margin-bottom: 70px;
	}
	.repelPain_main .container,.step_title .container{ max-width: 100%;padding:0px 10px;}
    .fat_main_br{
        display: none;
    }
    .fat_main_br_mb{
        display: block;
    }

    .programme-text > h2{
        font-size: 26px;
    }
    .programme_main{
        width: 100%;
        margin-top: 0px;
    }
    #swiper_thin .swiper-wrapper {
        width: 120.8%;
    }
    #swiper_thin .swiper-slide {
        width: 57%;
    } 
    
    .fat_main_bg1{
        background: url('../themes/DST_TCM/assets/image/thin/bg_yellowbg1_m.png') no-repeat;
        background-size: 100%;
        padding-bottom: 50px;
    }
    /* .swiper-container {
        margin-left: 14px;
    } */

    .consultation_main{
        width:100%;
    }

    .consultation_ul{
        display: none;
    }
    .consultation_box h2{
        font-size: 26px;
    }
    .consultation_box p{
        font-size: 16px;
    }
    .consultation_box .consultation_title{
        width:70%;
        font-size: 26px;
        margin-bottom:10px;
        top:30px;
        z-index: 5;
    }
    .consultation_main ul{
        margin: 0 30px;
    }

    .consultation_main ul .li_width{
        padding:0 35px;
        width: 100%;
        margin-left: auto;
    }

    .consultation_content p{
        font-size: 16px;
        text-align: center;
    }

    .consultation_content p.span1{
        font-size: 26px;
    }
    .consultation_content p.text-p{
        margin-bottom: 10px;
    }
    
    #swiper_consultation_mb{
        display: block;
    }

    .swiper-consultation-prev{
        left: 6px;
        right: auto;
        color: lightgray;
    }
    .swiper-consultation-next{
        right: 6px;
        left: auto;
        color: lightgray;
    }
}

@media(max-width: 768px){
    .monly{display:block}
	.repelPain_text{width:100%;margin:0 auto 10px}
	.repelPain_box{padding:40px 0 50px}
	.repelPain_text h2{font-size:26px}
	.repelPain_main h2{width:90%;font-size:22px}
	.repelPain_box .container{ max-width:100%;}
	.repelPain_main .container>p,.repelPain_main >p{font-size: 16px;letter-spacing: 0px;}
	.grid-table-twosep{display:block;width:100%}
	.grid-sep-td{font-size:16px;width:100%}
	.grid-table-twosep h3{font-size:25px}
	.arrow{padding:10px 0 30px}
	.icon-plus{width:60px}
}

@media(max-width: 375px){
    .repelPain_box .container{ max-width:100%; padding:0px 5px;}
}