/**********************************
    articleInfo15
***********************************/
#articleInfo15 .item {position: relative;display: flex;padding: 40px 0px 10px 0px;align-items: flex-start}#articleInfo15 .#articleInfo15 .item::before {content: "";position: absolute;top: 0;left: -30px;display: block;height: 90%;width: min(100%,27%);background: #f5f5f5;z-index: -2;}#articleInfo15 .item::after {content: "";position: absolute;top: 100px;left: -30px;display: block;height: 60px;width: 60px;background: var(--primary);z-index: 0;}#articleInfo15 .item > div { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft}
#articleInfo15 .item .Txt { width: calc(100% - 520px )}
#articleInfo15 .item .Txt .doctortitle { letter-spacing: 2px; padding-bottom: 40px; font-size: 30px; color: #3a3a3a; border-bottom: 1px solid #e4e4e4; position: relative; padding: 40px 0px 20px 0; margin-bottom: 25px; padding-left: 90px}
#articleInfo15 .item .Txt .doctortitle strong span { font-size: 14px; color: #3b3b3b; display: block; font-weight: 400; font-family: "Noto Serif TC", serif; }
#articleInfo15 .item .Txt .doctortitle h2 {color: var(--primary);font-size: 1.4rem;font-weight: 400;line-height: 1.5;display: flex;align-items: baseline;gap: 10px;}
#articleInfo15 .item .Txt .doctortitle h2 span{font-size: 2.2rem;}
#articleInfo15 .item .Txt .doctortitle p{margin-top: 10px;letter-spacing: 1px;font-size: 1.1rem;}
#articleInfo15 .item .Txt .doctorexp {gap: 10px;display: flex;-webkit-box-pack: justify;justify-content: space-between;padding-left: 90px;flex-direction: column;}
#articleInfo15 .item .Txt .doctorexp .doctorjob { font-size: 14px; color: #3c3c3c; line-height: 1.8}#articleInfo15 .item .Txt .doctorexp .doctorjob .subtitle, #articleInfo15 .item .Txt .doctorexp .doctorjob .subtitle span,#articleInfo15 .item .Txt .doctorexp .doctorjob .subtitle p{ font-size: 16px; color: #767372; letter-spacing: 2px; line-height: 200%; }#articleInfo15 .item .Txt .doctorexp .doctorjob .subtitle p{ margin-top: 30px; }#articleInfo15 .item .Txt .doctorexp .doctorjob .subtitle span{ color: var(--primary); vertical-align: bottom; font-weight: 500; }
#articleInfo15 .item .Txt .doctorexp .doctorjob p{font-size: 16px;}
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink li {position: relative;padding: 0 0 6px 32px;font-size: 1.1rem;margin: 0px 0px 2px 0px;letter-spacing: 1px;line-height: 200%;}
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink { position: relative}
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink::before { content: ""; width: 1px; height: calc(100% - 30px); display: block; background-color: rgb(148 148 148 / 10%); position: absolute; top: 0; left: 12px}
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink li a { color: #7a7a7a; line-height: 1.8; font-size: 15px}
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink li:hover a {color: var(--complement);}
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink li::before {content: "";width: 5px;height: 5px;display: block;background-color: #d2d2d2;position: absolute;top: 12px;left: 10px;border-radius: 6666px;}
#articleInfo15 .item .Txt .doctorexp .doctorjob h4 {position: relative;font-size: 1.5rem;letter-spacing: 3px;font-weight: 500;}
#articleInfo15 .item:nth-child(2n) { display: flex; flex-direction: row-reverse}
#articleInfo15 .item:nth-child(2n) .photo { animation-name: fadeInRight; -webkit-animation-name: fadeInRight}
#articleInfo15 .item .photo {background-repeat: no-repeat;max-width: 500px;width: 100%;position: relative}
#articleInfo15 .item .photo img {width: 100%;aspect-ratio: 4 /5;object-fit: cover;object-position: 50% 20%;}
#articleInfo15 .item .info { margin: 0 0 0 5%; width: 50%; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; margin: 30px 0px 0px -30px; padding: 70px 80px 70px 80px; background-color: #F6F3EE; align-items: flex-start; flex-direction: column}
#articleInfo15 .item:nth-child(2n) .info { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; margin: 30px -30px 0px 0px}
#articleInfo15 .item .info h5 { color: #C8B086; font-size: 14px; font-weight: 300}
#articleInfo15 .item .info h3 { padding: 0 0 15px 0; margin-bottom: 15px; font-size: 1.6em; font-weight: 500; line-height: 1.3; color: #444444; border-bottom: 1px #e1d7c5 solid}
#articleInfo15 .item .info article { margin: 0 15px}
#articleInfo15 .item .resBox { display: flex}
#articleInfo15 .item .resBox .text { width: 50%}
#articleInfo15 .item .resBox .text h3 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; background-color: #C7E3E0; color: #444444; font-size: 18px; font-weight: 200; line-height: 2em}
#articleInfo15 .item .resBox .text ol li { display: flex; position: relative; padding: 5px 0}
#articleInfo15 .item .resBox .text ol li:after { content: ""; border-color: #ddd; border-top-style: dotted; border-top-width: 1px; position: absolute; bottom: 0; width: 100%; left: 0}
#articleInfo15 .item .resBox .text ol li i { align-self: center; padding-right: 10px; color: #C8B086; font-size: 12px}
#articleInfo15 .item .resBox .item:last-child .info { width: 100%; margin: 30px 0px 0px 30px}
#articleInfo15  .resBox .dibox { padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; animation-name: fadeInUp; -webkit-animation-name: fadeInUp}
#articleInfo15  .resBox .dibox h3 {font-size: 22px;letter-spacing: 3px;font-weight: 500;-webkit-box-flex: 0;flex: 0 0 200px;}
#articleInfo15  .resBox .dibox h3 strong {font-size: 18px;display: block;color: var(--primary);font-family: "Libre Baskerville",ui-serif;line-height: 100%;letter-spacing: 2px;font-weight: 500;margin-top: 10px;}
#articleInfo15  .resBox .dibox .textEditor ul { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
#articleInfo15  .resBox .dibox .textEditor ul li { width: 50%; padding-right: 20px}
#articleInfo15 .textEditor { clear: both; font-size: 15px; color: #2f2f2f; line-height: 1.8}
#articleInfo15 .gray { text-align: center; margin-bottom: 10px; }
#articleInfo15 .textEditor .myTitle { font-weight: 700; font-size: 20px; color: #3a3a3a}
#articleInfo15 .textEditor ol { list-style: decimal outside; padding-left: 30px}
#articleInfo15 .dibox .textEditor h2{margin: 10px 0;}
#articleInfo15 .dibox .textEditor ol {padding: 0;display: flex;flex-direction: row;flex-wrap: wrap}
#articleInfo15 .dibox .textEditor ol li {width: calc(( 100% / 2 ) - 40px);list-style-type: initial;list-style-position: inherit;font-size: 16px;margin: 0px 0px 2px 30px;padding: 0 30px 3px 0px;letter-spacing: 1px;line-height: 200%;}

#articleInfo15 .item .photo .callme_box{display: grid;grid-template-columns: repeat(4 , 1fr);padding: 15px 10px;background: #5a828c;border-radius: 0 0 10px 10px;}
#articleInfo15 .item .photo .callme_box a{display:flex;flex-direction: column;align-items: center;}
#articleInfo15 .item .photo .callme_box a img{aspect-ratio:1/1;width: 50px;background: #506d74;border-radius: 60px;padding: 10px;}



.video_boix{display:grid;grid-template-columns:repeat(2,1fr);gap: 20px;margin-top: 50px;}
.video_boix .videoiem iframe{width:100%;aspect-ratio: 9/5;}
.certificate_box{display:grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin-top: 50px;}

.cenntemter{display:flex;flex-direction: column;align-items: center;margin-top: 60px;}
.cenntemter .ceetitle{font-size: 2.4em;color: #4c7681;line-height: 1;}
.cenntemter .suubitle{font-size: 1.25em;}

@media (max-width: 767px) { 
	#articleInfo15 .item .Txt .doctorexp .doctorjob {}
	#articleInfo15  .resBox .dibox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0}
	#articleInfo15  .resBox .dibox h3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 20px}
	#articleInfo15  .resBox .dibox .textEditor ul { padding: 0 20px}
	#articleInfo15  .resBox .dibox .textEditor ul li { width: 100%; padding-right: 0}
	#articleInfo15 .dibox .textEditor ol {/* padding: 0 20px; */margin: 0px 0 0px}
	#articleInfo15 .dibox .textEditor ol li { width: 100%; padding-right: 0}
}
@media screen and (max-width: 1280px) { 
	#articleInfo15 .item .Txt { padding-left:55px; width: calc(100% - 220px )}
	#articleInfo15 .item .Txt .doctortitle {padding: 0px 0px 20px 0;margin-bottom: 20px;}
	#articleInfo15 .item { padding: 0px 0px 10px 0px}
	#articleInfo15 .item .Txt .doctorexp { padding: 0px 0px 20px 0}
	#articleInfo15 .item .photo { max-width: 320px}
}
@media screen and (max-width: 960px) { 
	#articleInfo15 .item .photo { width:100%}
	#articleInfo15 .item .Txt { padding-left: 0; width: calc(100% - 0px ); padding-top: 40px}
	#articleInfo15 .item:nth-child(2n) .photo { right: 0}
	#articleInfo15 .item .info { margin: 0; width: auto; padding: 15px 15px}
	#articleInfo15 .item:nth-child(2n) .info { margin: 0px 0px 0px 0px}
	#articleInfo15 .item:last-child .info { margin: 0px 0px 0px 0px; width: auto}
	#articleInfo15 .item .info h3 { padding: 0 0 15px 0%; font-size: 1.3em}
	#articleInfo15 .item:nth-child(2n) .info h5,#articleInfo15 .item:nth-child(2n) .info h3 { margin: 0 auto 0 0}
	#articleInfo15 .item,#articleInfo15 .item:nth-child(2n) { display: flex; flex-direction: column; align-items: center; padding: 0px 0px 10px 0px}
	#articleInfo15 .item .resBox .text ol li { font-size: 0.9em}
	#articleInfo15 .item .resBox .text h3 { font-size: 1em}#articleInfo20 ul li { width: calc((100% / 3) - 20px); }.bgTxt.title{ font-size: 32px; }
    #articleInfo15 .item .Txt .doctortitle h2 span{font-size: 3.4vh;}
}

@media screen and (max-width: 768px) {
	.video_boix , .certificate_box{display:flex;flex-direction: column;}
}
@media screen and (max-width: 480px) { 
	#articleInfo15 .item > div,#articleInfo15 .item:nth-child(2n) > div { float:none}
	#articleInfo15 .item .photo { position: relative}
	#articleInfo15 .item .resBox { display: flex; flex-direction: column}
	#articleInfo15 .item .resBox .text { width: 100%; padding-bottom: 20px}
	#articleInfo15 .item .info h3 { font-size: 1.1em; padding: 0 0 5px 0%; margin-bottom: 10px}
	#articleInfo15 .item .Txt .doctorexp { display: flex; flex-direction: column; padding: 0}
	#articleInfo15 .item .Txt .doctorexp .doctorjob { width: 100%}
	#articleInfo15 .item .Txt .doctorexp .itemA06 { display: flex; align-items: center; justify-content: center; margin-top: 20px}
	#articleInfo15 .item .Txt .doctorexp .itemA06 .gray { margin: 0 5px}#articleInfo20 ul li { width: calc((100% / 1) - 20px); }
}