@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;
}

.form_box {
    padding: 0 0 0px !important; 
    margin-bottom: 0px !important; 
}


/* 講座內容 */
.talk_box{
    padding: 80px 0 130px;
    background: url(../themes/DST_TCM/assets/image/health_talk_detail/bg_whitebg1.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -120px;
}
.talk_content{
    width: 70%;
    margin: 0 auto;
    padding: 50px 0;
    font-size: 20px;
}
.em_title{
    font-size: 36px;
    text-align: center;
}

.talk_detail_img{
    width: 48%;
    display: inline-block;
    vertical-align: top;
    padding-right: 2%;
}
.talk_detail_img img{
    width: 100%;
}

.article{
    width: 50%;
    display: inline-block;
}
.title{
    font-size: 26px;
    margin: 0 0 30px;
}
.links{
    width: 100%;
    margin-top: 30px;
}
.links_button{
    display: inline-block;
    padding: 10px 50px;
    background: #ff9700;
    border-radius: 5px;
    color: #ffffff;
}
.noNew_talk{
    text-align: center;
    padding: 30px 0;
    font-size: 20px;
}
.content .description{
    text-align: left; 
    margin-bottom: 20px;
}
.content .description p,
.doc p{
    margin-bottom: 0;
}
.content .text_{
    text-indent: -55px;
    padding-left: 55px;
}

/* 登記講座 */
.talk_form{
    text-align: center;
    background-color: #feeac9;
    transform: skewY(-3deg);
    margin-bottom: -81px;    
    padding-bottom: 30px;
}
.talk_form h2{
    font-size: 36px; 
    font-weight: bold; 
    padding: 80px 0px 30px;
    transform: skewY(3deg);
}
.talk_form form{
    width: 70%; 
    display: inline-block;
    transform: skewY(3deg);
}
.notice{
    list-style: none;
    padding-inline-start: 0;
    padding-inline-end: 0;
}
.notice_line{
    width: 13px;
    text-align: center;
    display: inline-block;
    margin-right: 7px;
}
.agree{
    margin-top: 15px;
}
.agree a{
    display: unset;
    color: unset;
    font-weight: bold;
}

.form-group select{
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    padding: 6px 12px;
    color: #575757;
    appearance:none;   
    -moz-appearance:none;   
    -webkit-appearance:none;
}
.arrow_down_ {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    right: 15px;
    top: 5px;
    color: #575757;
}
.form-group input:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px white inset !important;
}

/* .form-group input:focus,
.form-group select:focus{
    border: 1px solid #ff9700;
    box-shadow: 0 0 10px #ff9900d3;
}
.form-group select option::selection{
    background: #ff9700;
} */

#talk_form button{
    color: #fff;
    background-color: #FF9700;
    border: none;
    width: 200px;
    font-size: 30px;
    margin: 50px 0px;
}
#talk_form button:focus{
    box-shadow: none;
}

/* 過往講座list */
.talk_list_box{
    width: 100%;
    margin: 0 auto;
    padding: 150px 0 50px;
    background: url(../themes/DST_TCM/assets/image/health_talk_detail/bg_yellowbg2.png) no-repeat;
    background-size: 100% 100%;
}
.talk_list_box h2{
    font-size: 36px;
    color: #ffffff;
    text-align: center;
}
.talk_list_content{
    width: 70%;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 23px;
    list-style: none;
}
.talk_list_content li{
    padding: 10px 15px;
    background: #ffffff;
    margin-bottom: 2px;
}
.talk_list_content .bg_orange{
    background: #FFCD00;
    color: #ffffff;
    font-weight: bold;
    display: block;
}
.talk_list_content li a{
    color: unset;
}
.talk_list_content .list_date{
    width: 20%;
    display: inline-block;
}
/* 分頁 */
.page_main{
    margin: 50px 0 0;
}


@media(max-width: 1199px){
    .talk_box{
        padding: 50px 0 130px;
        background: url(../themes/DST_TCM/assets/image/health_talk_detail/bg_whitebg1_m.png) no-repeat;
        background-size: 100% 100%;
    }
    .talk_content{
        width: 90%;
        padding: 30px 0;
        font-size: 16px;
    }
    .em_title{
        font-size: 26px;
    }

    .talk_detail_img{
        width: 100%;
    }
    .article{
        width: 100%;
    }

    .title{
        font-size: 20px;
        margin: 30px 0;
        text-align: center;
    }
    .links {
        text-align: center;
        font-size: 20px;
    }
    .notice li{
        text-indent: -12px;
        padding-left: 12px;
        font-size: 12px;
    }
    .notice_line{
        margin-left: 3px;
        margin-right: 3px;
        display: unset;
    }
    .agree{
        margin-top: 10px;
    }
    .arrow_down_ {
        top: 5px;
    }

    /* 講座登記 */
    .talk_form{
        padding-bottom: 0;
    }
    .talk_form h2{
        font-size: 26px;
        padding: 50px 0px 30px;
    }
    .talk_form form{
        width: 90%;
    }

    /* 過往講座list */
    .talk_list_box{
        padding: 50px 0;
        background: url(../themes/DST_TCM/assets/image/health_talk_detail/bg_yellowbg2_m.png) no-repeat;
        background-size: 100% ;
    }
    .talk_list_box h2{
        font-size: 26px;
    }
    .talk_list_content{
        width: 90%;
        font-size: 16px;
        padding-top: 50px;
    }
    .talk_list_content .bg_orange{
        display: none;
    }
    .talk_list_content .list_date{
        width: 100%;
    }
    .talk_list_content li{
        background: #FEFAEF;
    }

}
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
	div.pp_default .pp_social { margin-top: 7px; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

	
	/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */


	div.light_rounded .pp_top .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded .pp_details { position: relative; }
	div.light_rounded .pp_description { margin-right: 85px; }
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_rounded .pp_nav .pp_play { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .pp_details { position: relative; }
	div.dark_rounded .pp_description { margin-right: 85px; }
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: #000; }
	
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square .pp_details { position: relative; }
	div.dark_square .pp_description { margin: 0 85px 0 0; }
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav { clear: none; }
	div.dark_square .pp_nav .pp_play { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 22px; height: 22px; background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.facebook .pp_details { position: relative; }
	div.facebook .pp_description { margin: 0 37px 0 0; }
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	div.facebook .pp_nav .pp_play { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 0; }
				.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
						white-space: nowrap;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../themes/DST_TCM/assets/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}
body{
    background: #FEFAEF;
}

.banner img{
    width: 100%;
    /* clip-path: polygon( 0% 0%, 100% 0%, 100% 87%,0% 100%); */
}

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

/* 二師會診 */
.consultation_box{
    background-color:#fefaef;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 170px;
    margin-bottom: -120px;
}
.consultation_box h2{
    width: 30%;
    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_box h2 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%;
    margin: 0 auto;
}
.consultation_main ul{
    padding-inline-end: 0;
    padding-inline-start: 0;
    list-style: none;
    border: 2px solid #EF9B25;
    padding-top: 40px;
    padding-bottom: 60px;
}
.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: 32%;
    margin-left: 4px;
}

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

.consultation_main .consultation_img{
    width: 100%;
    display: block;
    background: #FFF9F1;
}
.consultation_main .consultation_img img{
    width: 50%;
}
.consultation_content{
    margin-top: 20px;
}
.consultation_content p{
    margin-bottom: 0;
}

/* form */
.form_box{
    width: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
    margin-bottom: -200px;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
}


/* 4步驟 */
.step_four{
    width: 100%;
    background: #FFF9F1;
    -webkit-transform: skewY(-3deg);
    margin-bottom: -80px;
}


/* 常見問題 */
.questions_box{
    width: 100%;
    margin: 0 auto;
    background: url(../themes/DST_TCM/assets/image/back/bg_pro4.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0 50px;
}

.questions_box h2{
    font-size: 36px;
    color: #FFFDF9;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}
.questions_body{
    width: 90%;
    margin: 0 auto;
    padding: 20px 60px;
    margin-bottom: 30px;
}
.card{
    margin-bottom: 3px;
}
.card-header{
    padding: 7px 20px;
}
.btn-link{
    color: #1c1c1c;
    font-size: 20px;
}
.btn-link span{
    display: inline-block;
    width: 92%;
    white-space: normal;
    vertical-align: sub;
}

.btn-link i {
    float: right;
    font-size: 30px;
    color: #888888;
}
.card-body{
    font-size: 18px;
    margin: 0;
    padding: 20px 33px;
}
.card-body table{
    width: 80%;
    border-collapse: unset;
}
.card-body table tr:nth-child(1){
    text-align: center;
}
.card-body table tr:nth-child(1) .td_2{
    background: #ff9500;
    color: #fff;
}
.card-body table tr:nth-child(1) .td_3{
    background: #5a5a5a;
    color: #fff;
}
.card-body table td{
    padding: 10px 15px;
}
.card-body .td_1{
    width: 15%;
    text-align: center;
    vertical-align: middle;
    background: #D6D8DE;
}
.card-body .td_2,
.card-body .td_3{
    width: 40%;
}
.collapse table td ul{
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.card-body .td_2{
    background: #fce1bb;
}
.card-body .td_3{
    background: #D6D8DE;
}


.btn-link:hover, span[aria-expanded="true"]{
    text-decoration: none;
    color: #FD9800;
}
@media(max-width: 1679px){
    .form_box{
        margin-bottom: -130px;
    }
}
@media(max-width: 1530px){
    .block {
        margin-top: 5px;
    }
    .form_box{
        margin-bottom: -100px;
    }
}
@media(max-width: 1396px){
    .form_box{
        margin-bottom: -125px;
    }
}

@media(max-width: 1200px){
    /* 二師 */
    .consultation_box{
        padding-bottom: 135px;
    }
    .consultation_box h2{
        width: 55%;
    }
    .consultation_main ul {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .consultation_main ul .li_width{
        width: 100%;
        margin-left: 0;
        padding-top: 40px;
        padding-bottom: 35px;
    }
    .consultation_main .consultation_img{
        width: 49%;
        display: inline-block;
    }
    .consultation_content{
        width: 50%;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .consultation_main ul .li_height {
        height: auto;
        width: 80%;
        border-top: 2px solid #FD9800;
        display: block;
        margin: 0 auto;
        top: 0;
    }

    /* form */
    .form_box{
        margin-bottom: -60px;
    }

    /* 4步驟 */
    .step_four{
        -webkit-transform: none;
    }
    .step_title, .step_body{
        -webkit-transform: none;
    }

    /* 常見問題 */
    .questions_box{
        padding: 65px 0 65px;
        background: url(../themes/DST_TCM/assets/image/back/bg_3_m.png) no-repeat;
        background-size: 100% 100%;
    }
    .card-body{
        font-size: 16px;
        padding: 20px 20px;
    }
    .card-body table{
        width: 100%;
    }
    .btn-link span{
        text-indent: -37px;
        padding-left: 37px;
    }

    .card-body table td{
        padding: 10px 5px;
    }
    .card-body .td_2 li,
    .card-body .td_3 li{
        text-indent: -8px;
        padding-left: 8px;
    }

    .footer {
        height: auto;
    }

}

@media(max-width: 920px){
    .consultation_main .consultation_img {
        width: 40%;
    }
    .consultation_main .consultation_img img{
        width: 75%;
    }
    .consultation_content{
        padding-left: 5%;
    }
    .questions_box{
        padding: 45px 0 50px;
    }
    .questions_box h2 {
        margin-bottom: 20px;
    }
    
}

@media(max-width: 768px){
    .questions_box {
        background: url(../themes/DST_TCM/assets/image/back/bg_3_m.png) no-repeat;
        background-size: 100% 100%;
    }

}

@media(max-width: 414px){
    .consultation_box h2 {
        width: 78%;
        font-size: 26px;
    }
    .consultation_box h2 span{
        height: 50px;
        line-height: 52px;
    }
    .consultation_main{
        width: 94%;
    }
    .consultation_main ul{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .consultation_main li{
        margin-bottom: 0;
    }
    .consultation_main .consultation_img {
        width: 25%;
    }
    .consultation_main .consultation_img img {
        width: 100%;
    }
    .consultation_content{
        width: 60%;
        padding-left: 3%;
        font-size: 16px;
        padding-bottom: 15px;
    }
    .consultation_main ul .li_width {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .consultation_main ul .li_height{
        width: 75%;
    }

    /* 二師 */
    .step_title{
        padding-top: 50px;
    }
    .step_title h2 {
        font-size: 26px;
    }
    .step_title p{
        font-size: 16px;
    }
    .step_body {
        padding: 45px 0 80px;
    }
    .step_body_width {
        width: 48%;
        padding: 10px 20px;
    }
    .step_body_width p{
        font-size: 16px;
    }
    .step_body_width img {
        width: 100%;
    }

    /* 常見問題 */
    .questions_box {
        padding: 45px 0 30px;
    }
    .questions_body {
        padding: 20px 0;
        margin-bottom: 0;
    }
    .btn-link {
        font-size: 16px;
    }
    
    .card-header {
        padding: 10px 0px;
    }
}