.faq_wrap .ind_BC {/*background: #084286; */margin: 2.47% 0 0 0; display: flex; flex-flow: wrap;}
.faq_wrap .ind_BC > div {background: #fff; width: 31%; margin: 0 3.5% 0 0; max-width: none;}
.faq_wrap .ind_BC > div:nth-child(3n+3) {margin: 0;}
.faq_wrap .ind_BCL { display: flex; flex-flow: column;}
.faq_wrap .ind_BCL > .img {height: 0; padding-bottom: 75.834%; overflow: hidden; position: relative; z-index: 1;}
.faq_wrap .ind_BCL > .img > .imgCenter a::before {content: ''; border: 1px solid #ffe43b; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; filter:alpha(opacity=0); Opacity:0; transition: all 0.25s ease 0s;}
.faq_wrap .ind_BCL:hover > .img > .imgCenter a::before {top: 21px; left: 21px; right: 21px; bottom: 21px; filter:alpha(opacity=100); Opacity:1.0;}
.faq_wrap .ind_BCL > div.txt {padding: 30px 10px 50px 10px; position: relative; z-index: 2;}
.faq_wrap .ind_BCL > div.txt::before {content: ''; height: 0; width: 0; border-color: transparent transparent #fff transparent; border-style: solid solid solid solid; border-width: 20px 22px; position: absolute; bottom: 100%; left: calc(50% - 21px);}
.faq_wrap .ind_BCL > div.txt > .tit {color: #0f4c94; font-size: 24px; font-family: 'Noto Sans TC', sans-serif; font-weight: 300; letter-spacing: 0.05px; display: flex; flex-flow: row; align-items: flex-start; margin: 0 0 25px 0;}
.faq_wrap .ind_BCL > div.txt > .tit::before {content: "?"; width: 42px; height: 42px; border-radius: 42px; /*border: 1px solid #0f4c94;*/ color: #fff; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; line-height: 1; padding: 0px 0px 5px 1px; margin: -4px 16px 0 0; transition: all 0.5s ease 0s; background: #f18904;}
.faq_wrap .ind_BCL > div.txt > .tit:hover::before {/*border: 1px solid #059ae8;*/ color: #fff; transition: all 0.5s ease 0s;}
.faq_wrap .ind_BCL > div.txt > .tit a:link, .faq_wrap .ind_BCL > div.txt > .tit a:visited {text-decoration:none; color:#0f4c94; line-height: 1.3; width: calc(100% - 46px); min-height: 63px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s ease 0s;}
.faq_wrap .ind_BCL > div.txt > .tit a:active, .faq_wrap .ind_BCL > div.txt > .tit a:hover {text-decoration:none; color:#059ae8; cursor:pointer; transition: all 0.5s ease 0s;}
.faq_wrap .ind_BCL:hover > div.txt > .tit {opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-drop; animation-name: hvr-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.faq_wrap .ind_BCL > div.txt > .con {color: #333333; font-size: 18px; line-height: 1.875; /*height: 159px; overflow: hidden;*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 39px 1px; transition: all 0.5s ease 0s;}
.faq_wrap .ind_BCL:hover > div.txt > .con {color: #000;}
.faq_wrap .ind_BCL > div.txt > a:link, .faq_wrap .ind_BCL > div.txt > a:visited {text-decoration:underline; color:#2972c7; font-size: 15px; display: block; text-align: right; letter-spacing: 0.25px; padding: 0 7px 0 0; transition: all 0.5s ease 0s;}
.faq_wrap .ind_BCL > div.txt > a:active, .faq_wrap .ind_BCL > div.txt > a:hover {text-decoration:none; color:#059ae8; cursor:pointer; transition: all 0.5s ease 0s;}

@media only screen and (max-width:1279px){
  .faq_wrap .ind_BC > div {padding: 0;}
}
@media only screen and (max-width:992px){
    .faq_wrap .ind_BC > div, .faq_wrap .ind_BC > div:nth-child(3n+3) {width: 48%; margin: 0 4% 0 0;}
    .faq_wrap .ind_BC > div:nth-child(2n+2) {margin: 0 0 0 0;}
}
@media only screen and (max-width:768px){
  .faq_wrap .ind_BC > div, .faq_wrap .ind_BC > div:nth-child(3n+3), .faq_wrap .ind_BC > div:nth-child(2n+2) { width: 100%; padding: 0; margin: auto;}
  .faq_wrap .ind_BCL > div.txt {padding: 20px 20px 40px 20px;}
  .faq_wrap .ind_BC {max-width: 480px; margin: 30px auto 0 auto;}
  .faq_wrap .ind_BCL > div.txt > .tit a:link, .faq_wrap .ind_BCL > div.txt > .tit a:visited {min-height: inherit;}
}
@media only screen and (max-width:576px){
    .faq_wrap .ind_BCL > .img {padding-bottom: 75.834%;}
    .faq_wrap .ind_BCL > div.txt {min-height: inherit;}
}
@media only screen and (max-width:430px){
    .faq_wrap .ind_BCL > div.txt {padding: 30px 20px;}
    .faq_wrap .ind_BCL > div.txt > .tit {font-size: 22px; margin: 0 0 10px 0;}
    .faq_wrap .ind_BCL > div.txt > .tit::before {width: 30px; height: 30px; padding: 0px 0px 2px 0; margin: 0 10px 0 0;}
    .faq_wrap .ind_BCL > div.txt > .tit a:link, .faq_wrap .ind_BCL > div.txt > .tit a:visited {width: calc(100% - 40px);}
    .faq_wrap .ind_BCL > div.txt > .con {margin: 0 0 20px 0; -webkit-line-clamp: 3; line-clamp: 3;}
}
@media only screen and (max-width:350px){
    .faq_wrap .ind_BCL > div.txt {padding: 15px 10px;}
    .faq_wrap .ind_BCL > div.txt > .tit, .faq_wrap .ind_BCL > div.txt > .con {margin: 0 0 10px 0;}
    .faq_wrap .ind_BCL > div.txt > .tit {font-size: 20px; margin-bottom: 5px;}
    .faq_wrap .ind_BCL > div.txt > .tit::before {width: 25px; height: 25px; margin: 0 5px 0 0;}
    .faq_wrap .ind_BCL > div.txt > .tit a:link, .faq_wrap .ind_BCL > div.txt > .tit a:visited {width: calc(100% - 30px);}
    .faq_wrap .ind_BCL > div.txt > .con {font-size: 17px;}
}