-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(PIE/PIE.htc);
*/
/*大框架內的一切小設定*/
/*eyebrow*/

.eyebrow table td {
    height: 36px;
}

.eyebrow td a {
    font-size: 12px;
    color: #e6e9a6;
    text-decoration: none;
    line-height: 36px;
}

.eyebrow td a:hover {
    color: #fdffb3;
}

.topTable {
    margin: 0px auto;
    width: 1020px;
    white-space: nowrap;
    font-family: "微軟正黑體";
}
/*LOGO 主選單 banner*/

.navTop {
    width: 1012px;
    height: 27px;
    margin: 0px auto;
    background: url(../images/index/nav_top.png);
}

.navTable {
    margin: 0px auto;
    width: 980px;
    height: 100px;
    background: url(../images/index/nav_bg.jpg) repeat-x;
}

.navbar {
    padding-top: 10px;
    width: 980px;
    /*margin:0 auto;*/
}

.navbar ul li {
    float: left;
    display: block;
    height: 35;
    line-height: 35px;
}

.navbar ul li a {
    display: block;
}

.logo {
    padding-left: 15px;
    padding-right: 55px;
}
/*內頁共通*/

.banner {
    width: 980px;
    margin: 0px auto;
}

.main {
    margin: 0px auto;
    margin-top: -3px;
    margin-bottom: -30px;
    width: 980px;
    background-color: #fff;
    overflow: hidden;
}

.innerMain {
    margin: 0px auto;
    margin-top: -3px;
    margin-bottom: -30px;
    width: 980px;
    background-color: #fff;
    overflow: hidden;
    min-height: 600px;
}

.innerTitle {
    width: 682px;
}

.innerTitle2 {
    width: 900px;
}

.bread {
    float: right;
    line-height: 18px;
    text-align: right;
    font-size: 12px;
    font-family: "新細明體";
    color: #7e7e7e;
}

.hr {
    border: 0;
    height: 1px;
    background-color: #d0b7dc;
    color: #d0b7dc;
    /*IE6*/
}

.content {
    float: left;
    margin: 30px 0px 60px 0;
    width: 682px;
    overflow: hidden;
}

.content table tr {
    vertical-align: top;
    text-align: left;
}

.content2 {
    margin: 30px 0px 30px 30px;
    width: 900px;
    overflow: hidden;
}

.picText {
    float: left;
    margin: 15px 0px 20px 0;
    width: 680px;
    line-height: 22px;
    overflow: hidden;
}

.innerContect {
    margin: 30px auto;
    padding: 0px 0px 0px 0px;
    width: 900px;
    height: auto;
    overflow: hidden;
}
.headline{
    width: 680px;
    height: 31px;
    line-height: 31px;
    font-family: "微軟正黑體";
    background: url(../images/title_bg.jpg) no-repeat;
}
.spot{
    padding-left: 20px;
    font-size:18px;
    font-family: "新細明體";
    /*font-weight: bold;*/
    color: #fff;
}

.headline .date{/*news_show  health_show*/
    float: right;
    padding-right: 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
}

.space{
    margin-top: 20px;
}

/*Q&A*/
.list {
    float: left;
    margin: 15px 0px 0px 0;
    width: 680px;
    overflow: hidden;
}
.backspace{
    margin: 10px 0px 0px 0px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: auto;
    overflow: hidden;
}

/*ad hotnews*/

.adv {
    float: left;
    margin: 20px 30px 30px 15px;
    width: 270px;
    overflow: hidden;
}

/*news*/

.hot {
    float: left;
    margin: 20px 0px 30px 0;
    width: 655px;
    overflow: hidden;
}

.hot table tr {
    text-align: left;
}

.hot ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.hot li {
    display: block;
    float: left;
    width: 740px;
    padding: 10px 0px 10px 0px;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e3;
    height: 15px;
}

.hot li .title {
    display: block;
    float: left;
    width: 625px;
    height: 18px;
    padding-left: 10px;
    font-family: "新細明體";
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot li .date {
    display: block;
    float: left;
    width: 85px;
    height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
    line-height: 18px;
    background: #7b329e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Old Firefox */
}

.hot li .title a {
    color: #5f5f5f;
    text-decoration: none;
}

.hot li:hover .title a {
    color: #2b82c9;
}

.hot li:hover .date {
    color: #ffff00;
}

/*footer*/
.footNav{
    margin-left: 30px;
}

.footTable {
    width: 980px;
    font-size: 12px;
    font-family: "新細明體", Arial;
    color: #3f3c3a;
    text-align: left;
}

.bottomNav {
    margin-left: 5px;
}

.bottomNav ul li {
    display: block;
    float: left;
}

.bottomNav ul li span {
    padding: 0 5px 0 5px;
}

.bottomNav ul li a {
    color: #3f3c3a;
}

.bottomNav ul li a:hover {
    color: #726a62;
}

.rr {
    display: inline-block;
    vertical-align: middle;
}
/*左側欄位*/

.sidebar {
    float: left;
    margin: 20px 30px 30px 15px;
    width: 236px;
    overflow: hidden;
}

.sidebar ul {
    float: left;
    width: 236px;
    background-color: #f1f1f1;
    border-top: 1px dotted #fff;
}

.sidebar ul li {
    float: left;
    width: 236px;
    color: #515151;
    list-style-type: none;
    padding: 0px;
    border-bottom: 1px dotted #fff;
}

.sidebar ul li a {
    display: block;
    width: 236px;
    padding: 12px 30px 12px 10px;
    color: #3b3b3b;
    font-family: "微軟正黑體";
    font-size: 13px;
    font-weight: bolder;
    background: #f1f1f1 url(../images/doctor/arrow.png) no-repeat left;
    transition: all .5s ease-in-out;
}

.sidebar ul li a.on {
    color: #fff;
    background: #680c93 url(../images/doctor/arrow_a.png) no-repeat left;
}

.sidebar ul li a:hover {
    color: #fff;
    background: #680c93 url(../images/doctor/arrow_a.png) no-repeat left;
}
/*news*/
.list{
    float: left;
    margin: 0px 0px 30px 0;
    width: 680px;
    overflow: hidden;
}

.icon {
    vertical-align: middle;
}

.names {
    padding-left: 20px;
}
/*醫生照片*/

.docPicTop {
    margin-bottom: -3px;
}

.docPicMid {
    width: 287px;
    background: url(../images/doctor/docPic_mid.jpg) repeat-y;
}

.docPicMid img {
    width: 260px;
    /*控制圖片大小*/
}

.docPic {
    margin: 0px auto;
    padding-left: 9px;
}
/*醫生門診時間*/

.docTime {
    font-size: 12px;
    font-family: "新細明體", Calibri;
}

.docTable {
    width: 280px;
    border: 1px solid #ba7ed8;
}

.docTime th {
    text-align: center;
    padding: 5px 0px;
    color: #fff;
    background-color: #ba7ed8;
    border: 1px solid #ba7ed8;
}

.docTime td {
    padding: 3px 5px;
    color: #ba7ed8;
    border: 1px solid #ba7ed8;
}

.docDot {
    margin: 7px auto;
    width: 10px;
    height: 10px;
    border-radius: 99em;
    background-color: #ba7ed8;
}
/*經歷專長*/

.experience {
    padding: 5px 0 5px 20px;
    width: 360px;
    line-height: 22px;
    font-size: 12px;
    color: #797979;
}
/*員工專區*/

.innerContect td {
    /*text-align: center;*/
}
/*health*/

.picText li {
    display: block;
    float: left;
    width: 740px;
    padding: 10px 0px 10px 0px;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e3;
    height: 15px;
}

.picText li .title {
    display: block;
    float: left;
    width: 625px;
    height: 18px;
    padding-left: 10px;
    font-family: "新細明體";
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.picText li .date {
    display: block;
    float: left;
    width: 85px;
    height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
    line-height: 18px;
    background: #7b329e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    /* Old Firefox */
}

.picText li .title a {
    color: #5f5f5f;
    text-decoration: none;
}

.picText li:hover .title a {
    color: #2b82c9;
}

.picText li:hover .date {
    color: #ffff00;
}
/*活動花絮*/
.photo {
    margin:20px 0 0 0;
    width:680px;
    height:auto;
    overflow: hidden;
}
.photo ul {
    float: left;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 15px 25px;

}

.photo li {
    display: block;
    float: left;
    line-height: 18px;
    padding: 0px 18px 0px 0px;
    width:200px;
}
.photo li:nth-child(3n+0){
    display: block;
    float: left;
    padding: 0px 0px 0px 0px;
    width:200px;
}
.photo li:hover .pic {
    float: left;
    padding:5px;
    width:190px;
    border: 1px solid #fff;
    background-color: #680c93; background-image: -webkit-gradient(linear, left top, left bottom, from(#cb65f9), to(#680c93));
    background-image: -webkit-linear-gradient(top, #cb65f9, #680c93);
    background-image: -moz-linear-gradient(top, #cb65f9, #680c93);
    background-image: -ms-linear-gradient(top, #cb65f9, #680c93);
    background-image: -o-linear-gradient(top, #cb65f9, #680c93);
    background-image: linear-gradient(to bottom, #cb65f9, #680c93);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cb65f9, endColorstr=#680c93);
}
.photo li:hover .albumName a{
    color:#363636;
    text-decoration:none;
}
.photo li .pic {
    float: left;
    padding:5px;
    width:190px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#fff;
}
.photo li .pic img{
    width:190px;
    height:140px;
}
.photo li .albumName {
    width:190px;
    float: left;
    font-family:"微軟正黑體" ;
    font-size:13px;
    color: #680c93;
    font-weight:bold;
    padding:2px 5px 0px 5px;
    text-align:center;
}
.photo li .albumName a{
    color: #363636;
    text-decoration:none;

}
.photo li .albumName a:hover{
    color:#7b21a4;
    text-decoration:none;
}
.va{
    vertical-align: bottom;
}
/*院所據點 location*/
.map {
    text-align: center;
}
.map iframe{
    height: 300px;
    width: 90%;
    margin-bottom: 15px;
}
.location h3 {
    width: 30%;
    text-align: center;
}
.location > ul {
    margin-bottom: 30px;
}
.location li > ul {
    text-indent: 8em;
    margin-top: -20px;
}
.location li {
    margin: 5px 0;
    color: #5e0f83;
}
.location li span {
    min-width: 12%;
    padding-left: 20px;
    display: inline-block;
    color: #363636;
}
.location li span::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.location li:first-child span::before {
    content: "";
    background: url(../images/location/icon01.png) center center no-repeat;
}
.location li:nth-child(2) span::before {
    content: "";
    background: url(../images/location/icon02.png) center center no-repeat;
}
.location li:nth-child(3) span::before {
    content: "";
    background: url(../images/location/icon03.png) center center no-repeat;
}
.loTitle{
    width: 390px;
    height: 31px;
    line-height: 31px;
    margin-bottom: 20px;
    background: url(../images/location/title_bg.jpg) no-repeat;
}
.location a {
    color: #5e0f83;
}
/*聯絡我們*/
/*.contactForm{
    margin: 0px auto;
    width:900px;
    background:url(../images/contact/co_bg.jpg) right bottom no-repeat;
}*/
#error{
    margin: 20px 0 15px 0px;
    clear: both;
    padding:10px;
    border: 1px dashed #e70014;
    text-align:center;
}
/*頁碼*/

.page {
    margin: 3px;
    padding: 3px 3px 0px 3px;
    font-size: 11px;
    text-align: center;
}

.page a {
    margin: 2px;
    padding: 2px 5px 2px 5px;
    color: #666;
    text-decoration: none;
}

.page a:hover {
    color: #630c8c;
}

.page .current {
    margin: 2px;
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    color: #630c8c;
}

.page .disabled {
    margin: 2px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    color: #666;
    border-top: #eee 1px solid;
    border-right: #eee 1px solid;
    border-left: #eee 1px solid;
    border-bottom: #eee 1px solid;
}
/*按鈕*/

.button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    background-color: #630b8b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7c22a5), to(#630b8b));
    border: none;
    background-image: -webkit-linear-gradient(top, #7c22a5, #630b8b);
    background-image: -moz-linear-gradient(top, #7c22a5, #630b8b);
    background-image: -ms-linear-gradient(top, #7c22a5, #630b8b);
    background-image: -o-linear-gradient(top, #7c22a5, #630b8b);
    background-image: linear-gradient(to bottom, #7c22a5, #630b8b);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7c22a5, endColorstr=#630b8b);
}

.button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #630b8b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#630b8b), to(#7c22a5));
    background-image: -webkit-linear-gradient(top, #630b8b, #7c22a5);
    background-image: -moz-linear-gradient(top, #630b8b, #7c22a5);
    background-image: -ms-linear-gradient(top, #630b8b, #7c22a5);
    background-image: -o-linear-gradient(top, #630b8b, #7c22a5);
    background-image: linear-gradient(to bottom, #630b8b, #7c22a5);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#630b8b, endColorstr=#7c22a5);
}
.memberInfo {
    text-align: right;
    font: 15px/1.3 "微軟正黑體";
    padding: 10px 10px 0 0;
}
.memberInfo span, .memberInfo a {
    color: #7b329e;
}


/* 2025首頁新增 */
.box-1{ width: 980px; margin:0px auto; padding:0px 0 0px 0; }
.box-2{ width: calc(100% - 40px); margin:0px auto; padding:0px 0;}
.bg-box{ width: 980px; margin:0px auto; padding:60px 0; background: url(../images/news_bg.png) no-repeat; background-attachment: fixed;}

.title01 {
  width: 100%;display: flex; justify-content: center; align-items: center; text-align:center; flex-wrap: wrap;
}
.title01 h2 {  
width: 100%;
  display: flex; justify-content: center; align-items: center;
  font-size: 24px; color: #444; letter-spacing: 2px; margin:0; padding:0 0 10px 0px;
  font-family: "Cormorant Garamond", "Noto Serif TC", "Noto Sans Tc", Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
}
.title01 p {
    width: 100%;
    font-size: 13px;
    color: #999;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
}

/* banner */
.top-banner  {
  width: 100%; margin:0px auto; padding:0px 0;
}
.top-banner img{
  width: 100%; 
}

/* 快速連結 */
.ind_mindbox { width:980px; margin: 20px auto 20px auto; padding:0 20px; 
display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
.ind_left_banner { width:270px; margin: 0; padding:0 0px;}
.ind_left_banner .banner-slick {
    width: 100%;
    margin: 0; padding:0; list-style:none;
}
.ind_left_banner .banner-slick .slick-list{
    z-index: 9;
}
.ind_left_banner .banner-slick .slick-list,
.ind_left_banner .banner-slick .slick-track {
    height: 100%;
}
.ind_left_banner .banner-slick .slick-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.ind_left_banner .banner-slick .slick-dots {
    top: -20px; right: 0px;
    display: flex;
    justify-content: flex-end;
    z-index: 1;
}
.ind_left_banner .banner-slick .slick-dots li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto;
  height: auto;
}

.ind_left_banner .banner-slick .slick-dots li+li {
  margin-left: 15px;
}

.ind_left_banner .banner-slick .slick-dots li button {
  background-color: #bd8eef;
  opacity: 1;
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  padding: 0;
  border-radius: 50%;
  border: 0;
}

.ind_left_banner .banner-slick .slick-dots li.slick-active button {
  background-color: #881fb9;
}
.ind_left_banner .banner-slick .slick-dots li button:before {
  font-size: 0;
}


.ind_link { width:calc(100% - 27px); margin: 38px auto 20px auto; padding:0 0px 0 20px; 
display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
.ind_link ul{ margin:0px 0 0px 0px; padding: 0px 0px 0px 0px; width:100%; list-style:none;
display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; 
}
.ind_link ul:after {
    content: "";
    width:calc(100% / 3 - 15px);
}
.ind_link li{ margin:0px 0px 22px 0px; padding:33.5px 20px; width:calc(100% / 3 - 15px); list-style:none; transition: all 0.6s; background: #fff;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.ind_link li:hover{ background: #7b329e; }
.ind_link li a{ display: flex;
  justify-content: flex-start; align-items: center;
  flex-wrap: nowrap; }
.ind_link li .icon{ width:50px; position: relative;  }
.ind_link li .icon img{ width:100%; margin: 0 0px 0px 0;
transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
.ind_link li:hover .icon img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.ind_link li .txtbox {
    width: calc(100% - 50px);
    padding: 0px;
    margin:0px 0px 0 0px;
    padding: 0px 0 0px 15px;
}
.ind_link li .txtbox h2 {
    width: 100%;
    font-size: 20px; letter-spacing: 2px;
    color: #444;
    font-weight: normal;
    padding: 0; margin: 0 0 10px 0;
    font-family: "Cormorant Garamond", "Noto Serif TC", "Noto Sans Tc", Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
}
.ind_link li:hover .txtbox h2 {
  color: #fff;
}
.ind_link li .txtbox p {
    width: 100%;
    font-size: 13px;
    color: #999;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 0; margin: 0;
}
.ind_link li:hover .txtbox p {
  color: #d8b5d6;
}
.ind_link li.social{ display: flex;
  justify-content: center;
  align-items: center; }
.ind_link li.social:hover{ background: #fff; }
.ind_link li.social .sl_icon a{ width: 45px; height: 45px; border-radius: 100%;
display: flex; justify-content: center; align-items: center; margin: 0 5px; background:#b88cb5;}
.ind_link li.social .sl_icon a img{ width: 30px; 
transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
   transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
.ind_link li.social .sl_icon a:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.ind_link li.social .sl_icon a:hover{ background: #7b329e; }



/* news */
.ind_news{ width: 100%; flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ind_news .title01 {
  width: 290px;
}
.news01 { width:calc(100% - 290px); }
.news01 ul{ width:100%; margin: 0; padding: 0; list-style: none; }
.news01 li{ width:100%; margin: 12px 0; padding: 12px 30px; list-style: none; font-size:var(--font-s01); display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; line-height:1.2;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7654a6+1,680c93+100 */
background: linear-gradient(to right, #7654a6 1%,#680c93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 40px;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
}
.news01 li a{ width:100%; margin: 0; padding: 0 0 0px 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}
.news01 li .date{ width:120px; color: #fff; font-size: 14px;}
.news01 li p{ width: calc(100% - 120px); color: #fff; padding: 0px 0 0px 0px;
 overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news01 li:hover p, .news01 li:hover .date{ color: #fff337; }

/* album */
.ind_album { width:100%; margin: 40px auto 0px auto; padding:0px 50px; 
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
.ind_album ul{ margin:10px 0 30px 0px; padding: 0px; width:100%; list-style:none;
display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
.ind_album ul:after {
    content: "";
    width:calc(100% - 25px);
}
.ind_album li{ margin:20px 12.5px 20px 12.5px; padding:10px; width:calc(100% - 25px); list-style:none; transition: all 0.6s;
border: 1px solid #e6e9ed; box-shadow: 0 1px 20px rgba(40, 40, 40, 0.1); background: #fff;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}
.ind_album li a{ display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
.ind_album li .pic{ width:100%; position: relative; overflow: hidden;  }
.ind_album li .pic img{ width:100%; margin: 0 0px -10px 0;
transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
.ind_album li:hover .pic img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.ind_album li .txtbox {
    width: 100%;
    padding: 20px;
}
.ind_album li .txtbox h2 {
    width: 100%;
    font-size: var(--font-s08);
    color: #283168;
    font-weight: 600;
    position: relative;
}
.ind_album li .txtbox h2:after {
    content: "";
    display: block;
    height: 3px;
    width: 48px;
    position: absolute;
    bottom: -5px;
    left: 0px;
    background: linear-gradient(to right, rgba(245, 165, 38, 1) 0%, rgba(234, 84, 19, 1) 100%);
}
.ind_album li .txtbox p {
    width: 100%;
    font-size: var(--font-s03);
    color: #666;
    margin: 20px 0px 10px 0;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.album_slider .slick-prev:before, .album_slider .slick-next:before { font-size: 0px; }

.album_slider .slick-prev{ top: calc(50% - 20px); left:-40px; z-index: 9; width: 40px; height: 40px; border-radius: 100%;
display: flex; justify-content: center; border: none;
  align-items: center; transform: rotate(-180deg) translateY(-1px); 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8c7f6c+0,957c66+100 */
background: linear-gradient(to bottom, #8c7f6c 0%,#957c66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.album_slider .slick-prev:before{ background: url(../images/doctor/arrow_a.png) no-repeat center center; width: 32px; height: 39px; display: block; background-size: 100% auto;}
.album_slider .slick-next{ top: calc(50% - 20px); right:-40px; z-index: 9; width: 40px; height: 40px; border-radius: 100%;
display: flex; justify-content: center; border: none;
  align-items: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8c7f6c+0,957c66+100 */
background: linear-gradient(to bottom, #8c7f6c 0%,#957c66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.album_slider .slick-next:before{ background: url(../images/doctor/arrow_a.png) no-repeat center center; width: 32px; height: 39px; display: block; background-size: 100% auto;}
.album_slider .slick-prev.slick-disabled:before,
.album_slider .slick-next.slick-disabled:before
{
    opacity: 1;
}
.album_slider .slick-prev:hover,
.album_slider .slick-prev:focus,
.album_slider .slick-next:hover,
.album_slider .slick-next:focus
{
    background: linear-gradient(to right, #7654a6 1%, #680c93 100%);
}