/* banner */
@keyframes slideBanner {
    0%   {opacity: 0; transform: scale(1);}
    50%  {opacity: 1; transform: scale(1.05);}
    100% {opacity: 1; transform: scale(1.05);}
}

.banner img{
    width: 100%;
	animation-name: slideBanner;
	animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count:1;
	animation-fill-mode:forwards;
}

/* 痛症管理专家 */
.pain_box{
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 150px;
    background: url(../themes/DST_TCM/assets/image/pain/bg_yellowbg1.png) no-repeat;
    background-size: 100%;
    margin-bottom: -70px;
	position:relative;
}
.pain_main{
    width: 80%;
    margin: 0 auto;
}
.pain_main h2{
    text-align: center;
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
}
.pain_main p{
    text-align: center;
    font-size: 20px;
}

.programme_box_top {
    width: 100%;
    padding: 0px;
    background: url(../themes/DST_TCM/assets/image/bht/threehypers_top.png) no-repeat;
    background-size: 100%;
    z-index: 999;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 200px;
    background-position: 0px;
}

.programme_box {
    width: 100%;
    padding: 0px 0 150px;
    background: #ffeac8;
    transform: skewY(-3deg);
    margin-bottom: -70px;
    margin-top: -50px;
}

/* swiper */
.swiper-container {
    --swiper-navigation-color: white;
}
#swiper_pain {
    margin-top: 50px;
}
#swiper_pain .swiper-slide{
    width: 33%;
    transition: 300ms;
    transform: scale(0.8);
}
#swiper_pain .swiper-slide img{
    width: 100%;
}
#swiper_pain .swiper-slide-active{
    transform: scale(1);
}


/* 痛症管理专家 */
.pain_box{
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 150px;
    /* background: url(../image/pain/bg_yellowbg1.png) no-repeat;
    background-size: 100%; */
    background-color: #FFF9F1;
    margin-bottom: -50px;
}
.box_table{
    width: 90%;
    margin:100px auto 50px auto;
    border: 2px solid #FD9800;
	transform: skewY(3deg);
}

.box_table:nth-of-type(3) {
    margin:70px auto 60px auto;
}

.pain_main{
    width: 80%;
    margin:0px auto;
	
}
.pain_main>h2,.box_table>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;
}
.pain_main h2 span,.box_table h2 span{
    transform: skew(20deg);
    display: block;
}
.pain_main .container>p,.pain_main >p,.box_table .container>p,.box_table >p{
    text-align: center;
    font-size: 20px;
}
.gout_sort{
    padding-top: 30px;
}
.gout_sort h2{
    font-size: 36px;
    text-align: center;
}
.gout_sort ul{
    list-style: none;
    padding: 30px 10px 20px;
    text-align: center;
}
.gout_sort ul li{
    color: #fd9800;
    width: 30%;
    display: inline-block;
}
.gout_sort p{
    font-size: 32px;
    margin-bottom: 10px;
    /* font-weight: bold; */
}

.gout_line{
    display: inline-block;
    height: 60px;
    border-left: 2px solid #FD9800;
    position: relative;
    top: 7px;
}


/* 二师会诊 击退痛症 */
 .nochoosed {
    display: none;
}

.repelPain_box{
    background: #FCE9C9;
    transform: skewY(-3deg);
    padding: 80px 60px 80px;
}
.repelPain_main,.repe2Pain_main{
	width: 80%;
	transform: skewY(3deg);
	margin:auto;
}
.repelPain_text,.repe2Pain_text{
	max-width: 90%;
	margin:auto;
	text-align: center;
    font-size: 20px;
}
.repe2Pain_box{
    background: #fff;
    transform: skewY(-3deg);
    padding: 60px 60px 50px;
}

.grid-table-twosep {
  display: grid;
  grid-template-columns:45% 100%;
  padding: 0px;
  width:88%; 
  margin:0px auto;
  transform: skewY(3deg);
  overflow:hidden;
}
.grid-sep-td {
  padding: 190px 0px 5px 0px;
  text-align: left;
  font-size:20px; display:table;
}
.grid-table-twosep h3{ color:#FF9700; text-align:left; padding-left:20%;font-size: 32px;}
.text{ display:table-cell; vertical-align:middle;font-size: 24px;}
.text h2{font-size: 42px; line-height: 60px;}
.grid-sep-td img{ max-width:100%;}


.grid-table-twocol {
  display: grid;
  grid-template-columns:auto auto auto auto;
  padding: 0px;
  margin:20px auto;
  width:88%;
  overflow:hidden;
}

.grid-tick{font-size:32px; line-height:56px;
letter-spacing: 0px; font-weight:600;
color: #FF9700; margin:auto;}

.grid-tick li{ list-style:none; display:inline-block; margin-right:2%;}
.grid-table-td {
  padding: 20px 15px 5px 15px;
  font-size: 30px;
  text-align: left;
  
}
.grid-table-twocol h3 {
    color: #FF9700;
    text-align: center;
    /* padding-left: 20%; */
    font-size: 32px;
    padding-top: 20px;
}
.box_table .grid-table-twocol {
    width: 80%;
}
.grid-table-td img{ max-width:100%;}
.grid-table-td p{ font-size:20px; text-align:center;}
.arrow{text-align:center;padding:10px 0px 20px 0px;transform: skewY(3deg); }
.icon-plus{ width:100px;}

/* 有效治療 */
.repe3Pain_box{
    background: #FFF9F1;
    transform: skewY(-3deg);
    padding: 30px 0 60px;
}

.grid-container4 h3 {
    color: #FF9700;
    text-align: center;
    /* padding-left: 20%; */
    font-size: 32px;
    padding-top: 20px;
}


/* form */
.form_box{
    transform: skewY(-3deg);
    margin-top: -50px;
}


.donly{
    display: block;
}
.monly{
    display: none;
}
.donly_12{
    display: block;
}
.triangle_box {
	background:#fff;
}
@media(max-width: 1690px){
    .repel_left{
        width: 30%;
    }
	.grid-sep-td {
	  padding: 90px 0px 5px 0px;
	}
	.grid-sep-td .text {
		font-size: 18px;
	}
}
@media(max-width: 1530px){
    .repel_left{
        width: 30%;
        margin-top: -350px;
    }
	.programme_box_top {
		background: url(../themes/DST_TCM/assets/image/bht/threehypers_top_m.png) no-repeat;
		background-size: contain;
		background-position: 0px;
	}
	.repelPain_text,.repe2Pain_text,.pain_main .container>p, .pain_main >p, .box_table .container>p, .box_table >p,.grid-table-td p{
		font-size: 18px;
	}
}
@media(max-width: 1200px){
    .repel_left {
        width: 40%;
        margin-top: -370px;
        margin-left: 100px;
    }

    .donly_12{
        display: none;
    }
	
	.pain_box {
        padding: 35px 0 100px;
    }
	
}
@media(max-width: 768px){

    /* 痛症管理專家 */
    .pain_box{
        background: url(../themes/DST_TCM/assets/image/pain/bg_yellowbg1_m.png) no-repeat;
        background-size: 100%;
        margin-bottom: -35px;
    }
	
    .pain_main{
        width: 100%;
    }
    .pain_main h2{
        font-size: 26px;
    }
    .pain_main p,.pain_main .container>p{
        font-size: 16px;
    }
	
	.programme_box_top {
		height:120px;
	}
	
	.programme_box_top {
        background: url(../themes/DST_TCM/assets/image/bht/threehypers_top_m.png) no-repeat;
        background-size: contain;
        background-position: 0px;
    }
	
    /* swiper */
    #swiper_pain{
        margin-top: 22px;
    }
    #swiper_pain .swiper-wrapper{
        width: 130%;
    }
    #swiper_pain .swiper-slide{
        width: 55%;
    }

    /* 二師會診 */
    .repe2Pain_box{padding:10px 30px 50px}
	.box_table{width:100%;margin: 50px auto 40px auto;}
	.box_table>h2{width:85%;font-size:24px;letter-spacing: 0px;}
	
	.box_table .grid-table-twocol{width:90%;margin:20px auto}
	.repelPain_box{transform:skewY(-3deg);padding:40px 0 20px}
	.repelPain_main h2{width:90%;font-size:24px}
	.pain_box .container,.repelPain_main .container{}
	.grid-container,.grid-table-twosep{grid-template-columns:auto}
	.repelPain_text .container{width:100%;max-width:100%}
	.grid-table-twosep{width:100%}
	.grid-item:nth-of-type(1),.grid-item:nth-of-type(3){border-right:0 solid #FF9700}
	.grid-container h3,.grid-table-twosep h3,.grid-table-twocol h3{font-size:24px;margin-bottom:2px}
	.repelPain_main{width:90%}
	.repelPain_main>h2{width:90%;font-size:26px}
	.repelPain_main .container{transform:skewY(0deg)}
	.repelPain_main .container>p,.repelPain_main >p{font-size:16px}
	.repelPain_main:nth-of-type(4){margin-bottom:50px}
	.grid-table-twocol{grid-template-columns:50% 50%}
	.grid-table-twocol-mb{grid-template-columns:100%}
	.grid-table-twocol h3{font-size:16px;display:block;vertical-align:middle}
	.grid-table-twocol p{display:block;vertical-align:middle;font-size:16px}
	.grid-item{padding:15px 0 0}
	.grid-item p{font-size:16px}
	.grid-sep-td{font-size:16px;text-align:center;padding:20px 0 10px}
	.grid-sep-td:nth-of-type(1){border-bottom:0px solid #FF9700}
	.grid-table-td{padding:15px 5px;font-size:16px;display:table}
	.grid-table-twosep h3{text-align:center;padding-left:unset}
	.grid-item:nth-of-type(1),.grid-item:nth-of-type(2),.grid-item:nth-of-type(3){border-bottom:1px solid #FF9700}
	.repelPain_text h2{font-size:26px;margin-bottom:10px}
	.repelPain_main h2:nth-of-type(2){font-size:26px;margin-bottom:10px}
	.repelPain_text,.repe2Pain_text,.pain_main .container>p, .pain_main >p, .box_table .container>p, .box_table >p,.grid-table-td p{
		font-size: 16px;line-height:24px
	}
	.step_four{padding:30px 0 0}
	.donly{display:none}
	.monly{display:block}
	.arrow {padding: 0px 0px 0px 0px;}
	.icon-plus {width: 50px;}
	.triangle_box { padding: 0px 20px 0px !important;background:#fff;   }
	.grid-tick {font-size:16px; line-height:26px;	}
	.repe3Pain_box {padding: 30px 20px 30px;	}
}