/**********************************
    articleInfo15
***********************************/#articleInfo15 .item { position: relative; padding: 40px 0px 20px 0px; align-items: flex-start; display: grid; grid-template-columns: 32% 1fr; gap: 20px; }
#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 .photo::after { content: ""; position: absolute; top: 50px; 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: 100%; }
#articleInfo15 .item .Txt .doctortitle { letter-spacing: 2px; padding-bottom: 40px; font-size: 1.875rem; 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: 0.875rem; 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: 0.875rem; 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: 1rem; 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: 1rem; }
#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: 0.9375rem; vertical-align: text-bottom; }
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink li:hover a { color: var(--primary); }
#articleInfo15 .item .Txt .doctorexp .doctorjob .classLink li::before { content: ""; width: 5px; height: 5px; display: block; background-color: #d2d2d2; position: absolute; top: 12px; left: 10px }
.doctorjob h4 { position: relative; font-size: 1.5rem; letter-spacing: 3px; font-weight: 500; }
#articleInfo15 .item:nth-child(2n) {   }
#articleInfo15 .item:nth-child(2n) .photo { animation-name: fadeInRight; -webkit-animation-name: fadeInRight }
#articleInfo15 .item .photo { background-repeat: no-repeat; width: 100%; position: relative }
#articleInfo15 .item .photo img { width: 100%; aspect-ratio: 1/1; 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: 0.875rem; 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: 1.125rem; 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: 1.375rem; letter-spacing: 3px; font-weight: 500; -webkit-box-flex: 0; flex: 0 0 200px; }
#articleInfo15  .resBox .dibox h3 strong { font-size: 1.125rem; 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: 0.9375rem; color: #2f2f2f; line-height: 1.8 }
#articleInfo15 .gray { text-align: center; margin-bottom: 10px; }
#articleInfo15 .textEditor .myTitle { font-weight: 700; font-size: 1.25rem; 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: 1rem; margin: 0px 0px 2px 30px; padding: 0 30px 3px 0px; letter-spacing: 1px; line-height: 200%; }
#articleInfo15 .Box02 { display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 20px 0px; }
#articleInfo15 .table-container { margin: 40px 0; }
#articleInfo15 .Box02 .subtitle { font-size: 1.4rem; font-weight: 700; line-height: 110%; color: var(--primary); margin-bottom: 20px; }
.table-container { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; border-radius: 0; overflow: hidden; }
.table_admission { width: 100%; table-layout: fixed; background: #fff; border: 1px solid #f0f0f0; overflow: hidden; border-spacing: 0; }
.table_admission tbody tr:nth-child(2n) { background-color: #f2f2f2; }
.table-container thead th { text-align: center; font-weight: 700; border-bottom: 1px solid #e9f2ff; background: #e9f2ff; color: #174a8b; }
.table-container tbody th[scope="row"] { width: 26%; background: #f5f7f9; color: #2b3a4a; font-weight: 600; text-align: center; }
.table-container thead th:nth-child(1),.table-container tbody td:nth-child(1) { width: 11%; }
.table-container thead th.twolong { width: 50%; }
.table-container tbody tr:last-child th[scope="row"] { background: #e9f2ff; color: #174a8b }
.table-container th,.table-container td { padding: 8px 10px; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; vertical-align: top; line-height: 1.7; word-break: break-word; }
.table-container tr > *:last-child { border-right: none }
.table-container tr:last-child > * { border-bottom: none }
#articleInfo15 .Box02 .doctorjob { margin: 30px 0 10px; border: 1px solid #ececec; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 20px rgba(24,39,75,.06); padding: 20px 30px; }
#articleInfo15 .Box02 .classLink li { padding: 7px 0; }
#articleInfo15 .Box02 .classLink li { border-bottom: 0px solid rgb(0 0 0/8%); }
#articleInfo15 .Box02 .classLink li strong { font-size: 1.125rem; letter-spacing: 3px; font-weight: 500; }


/* AA：鍵盤可見焦點（不影響滑鼠視覺） */
#articleInfo15 a:focus,#articleInfo15 a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
#articleInfo15 a:focus:not(:focus-visible) { outline: none; }

@media (max-width:767px) {
	#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 { 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 h5,#articleInfo15 .item .info h3 {   }
  #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; }
  .table-container thead th:nth-child(1),.table-container tbody td:nth-child(1) { width: 22%; }
  .table-container thead th:nth-child(1),.table-container tbody td:nth-child(1) { width: 22%; }
  .table-container thead th.twolong { width: 50%; }
}
@media screen and (max-width:560px) {
  .table_admission { width: 550px; border-right: 1px #e6e6e6 solid; border-top: 1px #e6e6e6 solid }
  .table-container { width: 100%; overflow-x: scroll; margin: 0 0 .5em; -webkit-overflow-scrolling: touch }
}
@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); }
}
