*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    /* font-weight: 500; */
    word-spacing:0;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
    -khtml-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 600!important;
}
/* @font-face {
    font-family: MHeiHK;
    src: url('../font/MHeiHK-Medium.otf');
}
@font-face {
    font-family: MSung;
    src: url('../font/MSung-HK-Medium.ttf');
}
@font-face {
    font-family: Roman;
    src: url('../font/Times-Roman.ttf');
} */
body {
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    /* font-family: Roman;
    font-family: MSung; */
    /* font-family: Msung; */
    letter-spacing: 2px;
}
a {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    display: block;
 }
a:link,a:visited,a:hover,a:active {
    text-decoration: none;
 }
input:-internal-autofill-selected{background-color: #e9c5b7!important;}
::selection {
    background-color:#e26d62;
}
.navbar-light .navbar-toggler{
    border: unset;
    padding: .25rem 0;
}
.navbar-light .navbar-toggler-icon{
    /*background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(214, 0, 0, 1)' stroke-width='4' stroke-miterlimit='10' d='M0 4h30M0 15h30M0 26h30' /%3E%3C/svg%3E")*/
    background-image:unset;
}
.navbar-toggler span:after{
    height: 4px;
    top: 11px;
}
.navbar-toggler span:before{
    height: 4px;
    top: -11px;
}
.navbar-toggler span{
    position: relative;
}

.navbar-toggler span:after, .navbar-toggler span:before {
    width: 100%;
    transform: rotate(0deg) translateZ(0);
    transition: transform .55s;
    position: absolute;
    content: ' ';
    height: 100%;
    left: 0;
}
.navbar-toggler span, .navbar-toggler span:after, .navbar-toggler span:before {
    backface-visibility: hidden;
    background-color: #AEAEAE;
    display: inline-block;
    height: 4px;
}

.chacha span{
    background-color: transparent;
}
.chacha span:after{
    transform: rotate(45deg) translateZ(0);
    top: 0;
    height: 3px;
}
.chacha span:before{
    height: 3px;
    transform: rotate(-45deg) translateZ(0);
    top: 0;
}


.em_content {
    margin-top:60px;
}

.color_orange{
    color: #FF9700 !important;
}

#accordion{width:80%;margin:20px auto 70px auto;}
#accordion h2{font-weight:bold; font-size:36px; line-height:56px; letter-spacing: 0px;color: #FF9700;text-align:center;	margin:30px auto;}
#accordion .card {background-color: #FFF9F1; border: 0px solid rgba(0, 0, 0, .125);border-radius: 0rem;}
#accordion .card-header{background-color: #FF9700;color:#fff; border-radius: unset;}
#accordion .card-header h5{ font-size: 20px; line-height: 28px;font-weight:bold;padding: 10px 20px;}
#accordion .card-header a:after {content: '\f0d7';font-size: 42px;position: absolute;right: 2%;top: 20px;color: #fff;font-family: FontAwesome;}
#accordion .card-header.active a:after {  content: '\f0d8'; color: #fff; font-family: FontAwesome;}
#accordion .card a{color:#fff;}
.answerright{font-size:20px; line-height:28px;	letter-spacing: 0px;color: #000000;	padding:10px 10px 0px 10px;}
.answerright h4{font-size:26px; line-height:42px; font-weight:bold;letter-spacing: 0px;color: #FF9700; margin-top:15px;}
.tablequestion{ width:90%; margin:auto;}
.tablequestion td{ vertical-align:middle; text-align:center; padding:10px 20px; font-size:24px; line-height: 30px;}
.tablethgreytext { color: #000; width: 80%; margin: auto;  padding: 20px 0px;font-weight: bold;font-size: 28px;}
.tablethgreytop{ border-top:1px solid #d2d2d1;}
.tablethgrey{ border-right:1px solid #d2d2d1; background:url(../image/common/bottomlinegrey.png) no-repeat bottom center #fff9f1; text-align:center; width:25%;}
.orangetext{ width:80%; margin:auto; }
.tablequestion .orangetd{ background:url(../image/common/bottomline.png) no-repeat bottom center #ffeac8; border-left:2px solid #ff9700;border-right:2px solid #ff9700;}
.tabletdhead{width:195px; height:93px; background:url(../image/common/tdbg1.png) no-repeat bottom; background-size:contain; text-align:left;color:#000; vertical-align:middle; font-size:32px;padding: 20px 20px 20px 40px;}
.tablethorange{width:100%; height:160px; background:url(../image/common/tabletd1.png) no-repeat top #ffeac8; background-size:cover; text-align:center;color:#fff;font-size:32px !important; padding:0px 0px 0px 0px !important;width:50%;border-left:2px solid #ff9700;border-right:2px solid #ff9700;}
#footer-article{ background-image: url(../image/article_share/bg_whitebg1.png); background-position: top; background-size: cover; padding-top: 25px; margin-top:-25px;padding-bottom:30px;}
#footer-article h2{font-size:36px; line-height:56px; font-weight:bold; letter-spacing: 0px;color: #FF9700;text-align:center;margin:0px auto 20px auto;}
#footer-article .tab-content{  width: 86%; margin: 0px auto 0px auto;overflow: hidden;}
#footer-article .content_list{ margin: 10px 0; padding: 0; }
#footer-article .list_box{ margin: 0 10px; background-size: cover; background-position: bottom; padding-bottom:0px;}
#footer-article .list_box a{color: unset;}
#footer-article .list_img,#footer-article .list_img img{ width: 100%;}
#footer-article .list_title{  padding: 10px 15px 30px; text-align: left; height: 125px; background: linear-gradient(315deg, transparent 20px, #FFFFFF 0); font-size: 20px;
    font-weight: bold;}
#footer-article .list_title h4{font-size: 20px; }
#footer-article .list_title p{ font-size: 16px;font-weight:normal;}
#footer-article .swiper-footer {width: 100%;height: 100%;}
#footer-article .swiper-slide {	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;	-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
/* 二師會診 逆轉脂肪肝*/
.triangle_box { background: #FFEAC8; transform: skewY(-3deg); padding: 60px 60px 50px;}
.triangle_text{ transform: skewY(3deg);}
.grid-table-twosep { display: grid; grid-template-columns: auto auto; padding: 0px; margin-bottom:20px; width:88%; margin:auto;}
.grid-table-twosep h3{ color:#FF9700; text-align:left; font-size: 32px;}
.grid-sep-td { padding: 20px 50px 5px 20px; font-size: 20px; text-align: left;display: table;}
.grid-sep-td:nth-of-type(2) { padding: 20px 0px 5px 0px; }
.grid-sep-td .text h2{font-size:36px;line-height: 48px;}
.grid-sep-td .text { display: table-cell; vertical-align: middle; font-size: 24px;}

@media(max-width: 1024px){
	.triangle_box {
		padding: 60px 60px 0px;
	}
}

@media(max-width: 768px){
	
	#accordion {
		margin: 20px auto 60px auto;
	}

	#accordion .card-header h5 {
		font-size:16px; line-height:24px; 
		padding: 10px 10px;
	}
	#accordion h2 {
		font-size: 26px;
        font-weight: bold !important;
        font-family: Arial, "Microsoft JhengHei", sans-serif;
		letter-spacing: 2px;
	}
	.answerright h4 {
		font-size: 20px;
		line-height: 32px;
		margin-top: 5px;
	}
	.answerright {
		font-size:16px; line-height:24px; font-weight:normal;
	}
	
	#footer-article {
		margin-top: -26px;padding-bottom:5px;
	}
	
	#footer-article .list_img {
		margin-bottom:0px;
	}
	#footer-article .tab-content {
		width: 90%;
		margin: 0px auto 0px auto;
	}
	#footer-article h2 {
		font-size:26px; line-height:32px; font-weight:bold !important;margin:0px auto 26px auto;letter-spacing: 2px;
	}
	
	.triangle_box {
		padding: 20px 20px 50px;
	}
	.triangle_box .grid-table-twosep {
		display: block;
		width: 100%;
	}
	.triangle_box .grid-sep-td {
		padding: 30px 5px 5px 10px;
	}
	.triangle_box .grid-sep-td img{ max-width:100%;}
	.triangle_box .grid-sep-td .text h2 {
		font-size: 24px;
		text-align: center;
		line-height: 32px;
	}
	.triangle_box .grid-sep-td .text {
		display: table-cell;
		vertical-align: middle;
		font-size: 16px;
		width: 100vw;
		text-align:center;
	}
	.triangle_box .grid-sep-td:nth-of-type(2) {
		padding:20px 30px 5px 30px;
		margin: auto;
		text-align: center;
	}
	
	#accordion .card-header a:after {
		font-size: 30px;
	}
	#footer-article .list_title {
		height: auto;
	}

}