/* ==========================================================================
   MENTOR 美國曼陀隆乳 專屬樣式
   頁面：/service/breast-augmentation/mentor
   說明：樣式規則自 facelift.css / top-surgery.css / nose.css / perle.css /
         service-bottom.css 複製後重新命名（原檔未異動），並依主視覺改為紫色系
   ========================================================================== */

/* --------------------------------------------------------------------------
   主題色票（依主視覺 Banner 紫色系規劃）
   -------------------------------------------------------------------------- */
:root {
	--mentor-purple-dark: #563D8B;   /* 深紫：h1 底色、重點深色 */
	--mentor-purple: #6B4FA0;        /* 主紫：h2 標題、表頭底色 */
	--mentor-purple-soft: #7C5CB0;   /* 中紫：h3 標題、清單編號 */
	--mentor-purple-accent: #8F5FC6; /* 亮紫：strong 強調、連結 */
	--mentor-purple-light: #9B7EC8;  /* 淺紫：裝飾線 */
	--mentor-line: #C9AEE4;          /* 淺紫線：虛線分隔 */
	--mentor-bg-deep: #EFE6F7;       /* 淺紫底（深）：區塊交錯底色、表格斑馬紋 */
	--mentor-bg: #F5EFFA;            /* 淺紫底（中）：頁面主底色 */
	--mentor-bg-light: #F9F5FC;      /* 淺紫底（淺）：問答、表格區底色 */
	--mentor-text: #939393;          /* 內文灰：沿用全站內文色 */
}

/* --------------------------------------------------------------------------
   基礎：頁面容器、標題、內文、通用圖片切換
   -------------------------------------------------------------------------- */
.mentor-body{background: var(--mentor-bg);}
.mentor-h1{font-size: 30px;font-weight: bold;color: #fff;background: linear-gradient(135deg, var(--mentor-purple-dark), var(--mentor-purple-light));padding: 15px 0;text-align: center;margin: 0;}
.mentor-h2{text-align: center;color: var(--mentor-purple);font-size: 26px;font-weight: bold;margin: 0;}
.mentor-h2 span{color: var(--mentor-purple-accent);}
.mentor-h3{text-align: center;color: var(--mentor-purple-soft);font-size: 18px;font-weight: bold;margin-bottom: 10px;line-height: 30px;}
.mentor-text{color: var(--mentor-text);font-size: 16px;line-height: 25px;}
.mentor-text p{margin-top: 20px;}
.mentor-banner img{width: 100%;vertical-align: middle;}
/* 桌機／手機圖片切換（scoped 於 mentor 頁，不影響其他頁的 image-pc / image-mobile） */
.mentor-body .image-mobile{display: none;}

/* --------------------------------------------------------------------------
   區塊：公司介紹（原 facelift-reason）
   -------------------------------------------------------------------------- */
.mentor-introduce-main{display: table;}
.mentor-introduce-text{width: 50%;box-sizing: border-box;padding: 0 60px;display: table-cell;vertical-align: middle;}
.mentor-introduce-main img{width: 100%;display: table-cell;}
.mentor-introduce .mentor-h2{text-align: left;margin-bottom: 20px;}

/* --------------------------------------------------------------------------
   區塊：核心技術（原 top-surgery-target）
   -------------------------------------------------------------------------- */
.mentor-technology{padding: 40px 35px 0 35px;}
.mentor-technology .mentor-h2{padding-bottom: 40px;}
.mentor-technology-ul{font-size: 0;}
.mentor-technology-ul li{display: inline-block;vertical-align: top;padding: 0 15px;box-sizing: border-box;width: 50%;margin-bottom: 40px;}
.mentor-technology-card{background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(107, 79, 160, 0.12);}
.mentor-technology-card img{width: 100%;vertical-align: middle;}
.mentor-technology .mentor-h3{font-size: 22px;margin-bottom: 0;padding-bottom: 10px;line-height: 1.3;}
.mentor-technology-text{color: var(--mentor-text);font-size: 18px;line-height: 30px;text-align: center;min-height: 220px;}
.mentor-technology-bottom{padding: 15px 40px;}

/* --------------------------------------------------------------------------
   區塊：國際權威認證（原 nose-kind）
   -------------------------------------------------------------------------- */
.mentor-certification{background: #fff;padding: 30px 0;}
.mentor-certification ul,
.mentor-certification li{font-size: 0;}
.mentor-certification ul{width: 75%;margin: 0 auto;}
.mentor-certification li{margin-top: 30px;}
.mentor-certification-image{width: 40%;display: table-cell;box-sizing: border-box;padding: 0 30px;text-align: center;}
.mentor-certification-image img{max-width: 100%;}
.mentor-certification-content{display: table-cell;vertical-align: middle;box-sizing: border-box;}
.mentor-certification .mentor-h3{font-size: 22px;text-align: left;line-height: normal;margin: 0;padding: 0;}
.mentor-certification-text{display: inline-block;border-left: 2px dashed var(--mentor-purple-light);padding: 0 10px 0 20px;letter-spacing: 1px;}
.mentor-certification-item{color: var(--mentor-text);font-size: 18px;margin-top: 20px;line-height: 30px;}

/* --------------------------------------------------------------------------
   區塊：假體全系列介紹（原 perle-feature，左右圖文交錯）
   -------------------------------------------------------------------------- */
.mentor-series .mentor-h2{background: var(--mentor-bg-deep);padding: 30px 0;}
.mentor-series-group{background: var(--mentor-bg-deep);position: relative;}
.mentor-series-group img{width: 49%;float: right;}
.mentor-series-content{position: absolute;width: 42%;left: 9%;z-index: 10;top: 50%;margin-top: -60px;}
.mentor-series-content h3{color: var(--mentor-purple-soft);font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.mentor-series-text,
.mentor-series-text p{color: var(--mentor-text);font-size: 18px;line-height: 30px;}
.mentor-series-text strong{color: var(--mentor-purple-accent);}
/* 奇數組左右對調（第 1 個子元素為 h2，群組自 nth-child(2) 起算） */
.mentor-series-group:nth-child(2n+1){background: #F7F1FB;}
.mentor-series-group:nth-child(2n+1) img{float: left;}
.mentor-series-group:nth-child(2n+1) .mentor-series-content{left: auto;right: 9%;}
/* 第 6 組文字內容較多，往上補償定位 */
.mentor-series .mentor-series-group:nth-child(6) .mentor-series-content{margin-top: -100px;}

/* --------------------------------------------------------------------------
   區塊：比較表格（原 hemorrhoidectomy-table / hemorrhoidectomy-compare 合併）
   系列完整比較、常見假體品牌比較 共用
   -------------------------------------------------------------------------- */
.mentor-table{padding: 40px 50px;background: var(--mentor-bg-light);overflow-x: auto;}
.mentor-table-main{max-width: 1050px;margin: 30px auto 0 auto;border-radius: 15px;overflow: hidden;}
.mentor-table-main table{table-layout: fixed;}
.mentor-table-main th{border-right: 1px solid #fff;word-break: break-all;background: var(--mentor-purple);color: #fff;font-size: 16px;font-weight: bold;padding: 20px 5px;text-align: center;vertical-align: middle;}
.mentor-table-main td{border-right: 1px solid #fff;word-break: break-all;background: #F7F2FB;color: var(--mentor-text);font-size: 16px;padding: 15px 5px;text-align: center;vertical-align: middle;line-height: 25px;}
.mentor-table-main th:last-child,
.mentor-table-main td:last-child{border-right: none;}
.mentor-table-main tr:nth-child(2n+1) td{background: var(--mentor-bg-deep);}
.mentor-table-main tr td:first-child{color: var(--mentor-purple);font-weight: bold;}

/* --------------------------------------------------------------------------
   區塊：我適合哪種假體（原 facelift-smooth）
   -------------------------------------------------------------------------- */
.mentor-suitable{padding: 40px 50px 20px 50px;background: linear-gradient(180deg, #F3EBF8, #E3D3F2);}
.mentor-suitable .mentor-h2{margin-bottom: 40px;}
.mentor-suitable-group{display: table;margin-bottom: 20px;}
.mentor-suitable-group img{border-radius: 20px;display: table-cell;max-width: 360px;}
.mentor-suitable-content{display: table-cell;vertical-align: middle;padding-left: 40px;}
.mentor-suitable-content .mentor-h3{text-align: left;margin-bottom: 10px;}

/* --------------------------------------------------------------------------
   區塊：常見問答（原 facelift-answers）
   -------------------------------------------------------------------------- */
.mentor-answers{background: var(--mentor-bg-light);padding: 50px;}
.mentor-answers-main{background: #fff;border-radius: 10px;margin-top: 50px;padding: 20px;box-shadow: 0 0 5px rgba(107, 79, 160, 0.15);}
.mentor-answers-main ul li{border-bottom: 1px dotted var(--mentor-line);padding: 15px 10px;}
.mentor-answers-main ul li:last-child{border-bottom: none;}
.mentor-answers-text{color: var(--mentor-text);font-size: 16px;line-height: 25px;}
.mentor-answers-text p{color: var(--mentor-text);font-size: 16px;line-height: 25px;margin-top: 15px;}
.mentor-answers-text strong{color: var(--mentor-purple-accent);}
.mentor-answers-text a{color: var(--mentor-purple-accent);text-decoration: underline;}
.mentor-answers .mentor-h3{text-align: left;font-size: 20px;}
.mentor-answers .mentor-h3 em{font-style: normal;font-size: 20px;margin-right: 10px;font-weight: bold;font-family: "微軟正黑體";color: var(--mentor-purple);}
.mentor-answers ol{padding: 0 !important;margin: 0;padding-left: 30px !important;}
.mentor-answers ol li{border: none;padding: 0 !important;line-height: 25px;list-style-type: decimal;}

/* --------------------------------------------------------------------------
   區塊：術前／術後注意事項（原 facelift-attention）
   -------------------------------------------------------------------------- */
.mentor-attention{padding: 0 50px 40px 50px;background: var(--mentor-bg);}
.mentor-attention-group{padding-top: 40px;}
.mentor-attention-group .mentor-h2 span{color: var(--mentor-purple-accent);}
.mentor-attention-main{background: #fff;border-radius: 20px;padding: 10px 25px 10px 50px;margin-top: 40px;}
.mentor-attention-main li{list-style-type: decimal;color: var(--mentor-text);font-size: 16px;line-height: 25px;padding: 5px 0;}
.mentor-attention-main li::marker{color: var(--mentor-purple-soft);}
.mentor-attention-main strong{color: var(--mentor-purple-accent);}

/* --------------------------------------------------------------------------
   區塊：診所介紹（原 service-about）
   原棕色系背景圖改為紫色系漸層底，介紹文寬度隨之放寬為 800px 置中閱讀寬
   -------------------------------------------------------------------------- */
.mentor-about-introduce{background: linear-gradient(135deg, var(--mentor-bg-deep), var(--mentor-bg-light));padding: 50px;}
.mentor-about .mentor-h2{text-align: left;margin-bottom: 20px;}
.mentor-about-text{color: var(--mentor-text);font-size: 18px;line-height: 34px;max-width: 800px;}
.mentor-about-text strong{color: var(--mentor-purple);}
.mentor-about-list{background: var(--mentor-bg-deep);padding: 40px 105px 15px 105px;}
.mentor-about-list ul{font-size: 0;}
.mentor-about-list li{display: inline-block;vertical-align: top;width: 33.33%;box-sizing: border-box;padding: 0 25px;margin-bottom: 25px;}
.mentor-about-card{background: #fff;border-radius: 15px;box-shadow: 1px 1px 5px 6px rgba(140, 110, 180, 0.12);padding: 30px;text-align: center;}
.mentor-about-image{height: 90px !important;vertical-align: middle;}
.mentor-about .mentor-h3{font-size: 22px;line-height: normal;margin: 10px 0 15px 0;}
.mentor-about-icon{height: 4px !important;}
.mentor-about-card-text{color: var(--mentor-text);font-size: 18px;text-align: left;line-height: 30px;margin-top: 10px;min-height: 150px;}

/* ==========================================================================
   RWD：平板以下（沿用來源檔 1199 / 1079 / 767 斷點）
   ========================================================================== */
@media (min-width: 1080px) {
	.mentor-answers-text a:hover{opacity: 0.8;}
}
@media (max-width: 1199px) {
	.mentor-technology-text{min-height: 385px;}
}
@media (max-width: 1079px) {
	/* 基礎 */
	.mentor-h1{font-size: 20px;padding: 5px 0;}
	.mentor-h2{font-size: 19px;padding-bottom: 10px;}
	.mentor-h3{font-size: 17px;line-height: 22px;}
	.mentor-text{font-size: 15px;line-height: 22px;}
	.mentor-text p{margin-top: 5px;}
	.mentor-content{padding: 0 5px;}
	/* 公司介紹 */
	.mentor-introduce-text{padding: 0 30px;padding-top: 30px;}
	.mentor-introduce .mentor-h2{margin-bottom: 5px;}
	/* 核心技術 */
	.mentor-technology .mentor-h3{font-size: 17px;}
	.mentor-technology-text{font-size: 14px;line-height: 22px;min-height: 160px;}
	/* 國際權威認證 */
	.mentor-certification .mentor-h3{font-size: 16px;}
	.mentor-certification-item{font-size: 14px;line-height: 20px;margin-top: 5px;}
	/* 假體全系列介紹 */
	.mentor-series-content h3{font-size: 18px;}
	.mentor-series-text,
	.mentor-series-text p{font-size: 14px;line-height: 20px;}
	.mentor-series-content{margin-top: -30px;}
	.mentor-series .mentor-series-group:nth-child(6) .mentor-series-content{margin-top: -60px;}
	/* 比較表格 */
	.mentor-table{padding: 20px 15px;}
	.mentor-table-main{margin-top: 10px;}
	.mentor-table-main th,
	.mentor-table-main td{padding: 10px 6px;font-size: 16px;line-height: 19px;}
	.mentor-table-main td{font-size: 15px;}
	/* 常見問答 */
	.mentor-answers{padding: 25px 0;}
	.mentor-answers-main{margin-top: 10px;padding: 10px;}
	.mentor-answers-main ul li{padding: 15px 0;}
	.mentor-answers .mentor-h3{font-size: 16px;}
	.mentor-answers .mentor-h3 em{margin-right: 7px;}
	.mentor-answers .mentor-content{padding: 0 10px;}
	.mentor-answers-text{font-size: 13px;line-height: 20px;}
	.mentor-answers-text p{font-size: 13px;line-height: 20px;margin-top: 0;}
	/* 注意事項 */
	.mentor-attention{padding: 0 10px 20px 10px;}
	.mentor-attention-group{padding-top: 30px;}
	.mentor-attention-main{margin-top: 10px;padding: 10px 10px 10px 30px;}
	.mentor-attention-main li{font-size: 13px;line-height: 20px;padding: 0;}
	/* 診所介紹 */
	.mentor-about-text{font-size: 15px;line-height: 22px;}
	.mentor-about-list{padding: 40px 0 15px 0;}
	.mentor-about .mentor-h3{font-size: 17px;}
	.mentor-about-card-text{font-size: 14px;line-height: 22px;min-height: 110px;}
}
@media (max-width: 767px) {
	/* 基礎：桌機／手機圖片切換 */
	.mentor-body .image-mobile{display: block;}
	.mentor-body .image-pc{display: none;}
	.mentor-h2{line-height: 24px;}
	.mentor-h2 span{display: block;}
	.mentor-attention .mentor-h2 span{display: inline-block;}
	/* 公司介紹 */
	.mentor-introduce-text{width: 100%;text-align: center;box-sizing: border-box;padding: 0 35px;display: block;padding-top: 15px;}
	.mentor-introduce .mentor-h2{text-align: center;}
	/* 核心技術 */
	.mentor-technology{padding: 15px 35px;}
	.mentor-technology .mentor-h2{padding-bottom: 15px;}
	.mentor-technology-ul li{width: 100%;margin-bottom: 20px;padding: 0;}
	.mentor-technology-bottom{padding: 10px 20px;}
	/* 國際權威認證 */
	.mentor-certification{padding: 20px 0;}
	.mentor-certification ul{width: 100%;}
	.mentor-certification-image{padding: 0 10px;}
	.mentor-certification-text{padding: 0 10px;}
	/* 假體全系列介紹 */
	.mentor-series-group img{float: none !important;display: block;width: 80%;margin: 0 auto;}
	.mentor-series-content{position: static;margin: 0;text-align: center;width: 100%;box-sizing: border-box;padding: 20px 30px;}
	.mentor-series-text p{display: inline;}
	.mentor-series .mentor-series-group:nth-child(6) .mentor-series-content{margin-top: 0;}
	/* 比較表格 */
	.mentor-table{padding: 20px 10px;}
	.mentor-table-main th,
	.mentor-table-main td{padding: 5px;font-size: 14px;line-height: 18px;}
	/* 我適合哪種假體 */
	.mentor-suitable{padding: 20px 20px 10px 20px;}
	.mentor-suitable .mentor-h2{margin-bottom: 20px;}
	.mentor-suitable-group{margin-bottom: 10px;}
	.mentor-suitable-group img{width: 100%;display: block;}
	.mentor-suitable-content{display: block;position: static;margin-top: 0;text-align: center;padding: 0 15px;}
	.mentor-suitable-content .mentor-h3{text-align: center;margin: 10px 0;}
	/* 診所介紹 */
	.mentor-about-introduce{padding: 30px 20px;}
	.mentor-about-list{padding: 30px 10px 10px 10px;}
	.mentor-about-list li{width: 50%;padding: 0 10px;margin-bottom: 20px;}
	.mentor-about-image{height: 45px !important;}
	.mentor-about-card{padding: 10px;}
	.mentor-about-icon{height: 2px !important;}
	.mentor-about-card-text{min-height: 154px;}
}