/* 錨點連結，使用者點擊後就會自動帶有絲滑的滾動動畫 */
html {
    scroll-behavior: smooth;
}
/* 讓 .card 容器等高 */
.equal_height_row {
	display: flex;
	flex-wrap: wrap;
}

/* 讓每個 .card 外層區塊也等高 */
.equal_height_col {
	display: flex;
}

@media (max-width: 1200px) {
    .container_nav {
        width: 100% !important;
		max-width: 1400px !important;
    }
	.container{
		padding-left: 30px;
		padding-right: 30px;
	}
	
}
@media (max-width: 991px) {
		#service-single-area {
		padding-top: 30px;
	}
	.sec-title h2 {    
		font-size: 24px;
	}
}

/* 首頁輪播banner */     
/* 
  100% 寬度等比例流暢漸變輪播容器
  利用隱形基準圖撐開正確的等比例高度，絕不裁切任何 DM 文字！
*/
.pure-fade-slider {
	position: relative;
	width: 100%;
	background-color: #1a2924;
	overflow: hidden;
}

.slider-track {
	position: relative;
	width: 100%;
}

/* 隱形基準圖：決定容器的寬高比，確保 100% 寬度時高度完全等比例自動伸縮 */
.slider-track img.spacer-img {
	display: block;
	width: 100%;
	height: auto;
	visibility: hidden;
	pointer-events: none;
}

/* 
  漸變輪播子項目：
  修改過渡邏輯：
  - 預設狀態 (非 active)：opacity: 0, z-index: 1 (在下方待命)
  - active 狀態：opacity: 1, z-index: 3 (在上方完整顯示)
  - transitioning 狀態：currentSlide 保持 opacity: 1 慢慢淡出 (z-index: 2)，而 incomingSlide 直接在上方漸顯 (z-index: 3)
  這樣就能確保舊圖淡出時蓋在底圖上，完全不會有閃爍或漏底色！
*/
.slide-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--fade-duration, 1.2s) ease-in-out, visibility var(--fade-duration, 1.2s) ease-in-out;
	z-index: 1;
	will-change: opacity;
}

.slide-item.active {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

.slide-item.fading-out {
	opacity: 0;
	visibility: visible;
	z-index: 2;
}

/* 圖片 100% 寬度、height: auto 完整等比例呈現，不裁切、不放大縮小 */
.slide-item img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
}

.slider-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: rgba(44, 66, 58, 0.7);
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	opacity: 0.7;
	transition: opacity 0.3s, background 0.3s;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	user-select: none;
}

.slider-control:hover {
	opacity: 1;
	background: rgba(44, 66, 58, 0.9);
}

.slider-control.prev { left: 25px; }
.slider-control.next { right: 25px; }

/* 高質感小圖預覽列指示器 */
.slider-thumbnails {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
	z-index: 10;
	background: rgba(15, 23, 21, 0.1);
	padding: 8px 12px;
	border-radius: 12px;
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.thumbnail-item {
	width: 65px;
	height: 42px;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	opacity: 0.5;
	transition: all 0.3s ease;
	box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.thumbnail-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.thumbnail-item:hover {
	opacity: 0.85;
	transform: translateY(-2px);
}

.thumbnail-item.active {
	opacity: 1;
	border-color: #34d399;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(52, 211, 153, 0.4);
}
/* 首頁輪播banner */     

.floating-icon {
    /* 設定動畫名稱、持續時間、無限循環、反向緩動 */
    animation: floating 3s ease-in-out infinite;
}

/* 定義飄浮的動作 */
@keyframes floating {
0% {
	transform: translateY(0px);
}
50% {
	transform: translateY(5px); /* 向上飄 15px */
}
100% {
	transform: translateY(0px);
}
}
/* 社群分享按鈕 */
/* 社群分享按鈕設計 */
.city-prod-share-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #ffffff; /* 白色背景 */
	border: 1px solid #e0e0e0; /* 灰色外框 */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #666; /* 圖示顏色 */
	transition: all 0.3s ease;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	outline: none;
	margin-bottom: 20px;
	margin-left: 3px;
}

/* 滑鼠移入效果 */
.city-prod-share-btn:hover {
	background-color: #e3f1e5; /* 輕微背景 */
	border-color: #2c423a;    /* 邊框 */
	color: #2c423a;           /* 圖示變 */
	transform: translateY(2px);
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* SVG 圖示大小與粗細設定 */
.city-prod-share-btn svg {
	width: 18px;
	height: 18px;
	stroke: currentColor;
	stroke-width: 1.5; /* 控制粗細 */
	fill: none;        /* 確保不填滿 */
}

/* 針對 Facebook 特別處理，因為它通常是填滿的 */
.city-prod-share-btn.fb-icon svg {
	fill: currentColor;
	stroke: none;
}
/* 社群分享按鈕 */

/* info目錄卡片區塊 */
.toc-box {
	background: #f9f9f9;
	border: 1px solid #e1e5e3;
	padding: 40px;
	margin-bottom: 60px;
	position: relative;
}
.toc-title {
	font-size: 20px;
	font-weight: 700;
	color: #2c423a;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
}
.toc-title::before {
	content: '';
	width: 4px;
	height: 20px;
	background: #2c423a;
	margin-right: 12px;
}
.toc-list { list-style: none; padding: 0; }
.toc-list li { margin-bottom: 12px; border-bottom: 1px dashed #e1e5e3; padding-bottom: 8px; }
.toc-list a { color: #666; text-decoration: none; transition: 0.3s; font-size: 16px; }
.toc-list a:hover { color: #2c423a; font-weight: 600; }

/* 文章標題樣式 */
.article-section { margin-bottom: 80px; }
.article-title {
	font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    border-left: 5px solid #2c423a;
    background: #F9F9F9;
    padding: 10px;
}
.section-mumber{
	color: #2c423a;
	font-size: 24px;
}
.txt_tt2{
	color: #2c423a;
}
.article-content {
	font-size: 16px;
	line-height: 2;
	color: #666;
	text-align: justify;
}
/* info目錄卡片區塊 */
.well {
    min-height: 20px;
    padding: 25px;
	border-radius: 0px;
    background-color: #FAFAFA;
    border: 1px solid #e1e5e3;
}

.nav_wt{
	color: #fff;
	text-decoration:none;
	transition: all 300ms ease;
	position: relative;
	display: inline-block; /* 關鍵：讓行內元素能夠套用變形與位移 */
}
.nav_wt:hover{
	color: #eee;
	transform: translatex(2px);
}
.nav_wt:checked{
	color: #eee;
}
.nav_wt:focus{
	color: #eee;
}

.a_grey{
	color: #949494;
	transition: all 300ms ease;
	position: relative;
	display: inline-block; /* 關鍵：讓行內元素能夠套用變形與位移 */
}
.a_grey:hover{
	color: #2C423A;
	transform: translatex(2px);
}
.a_grey2{
	color: #999;
	transition: all 300ms ease;
	position: relative;
	display: inline-block; /* 關鍵：讓行內元素能夠套用變形與位移 */
}
.a_grey2:hover{
	color: #fff;	
	transform: translatex(2px);
}
.a_black{
	color: #444;
	text-decoration:none;
	font-weight: 900;
	transition: color 0.3s ease;
}
.a_black:hover{
	color: #2C423A;
	text-decoration:underline;
}

/* 專業服務按鈕設計 */
.btn-pro-service {
	background-color: #ffffff; /* 背景白，保持 Header 的簡潔 */
	border: 1px solid #2C423A; /* 深綠色邊框，與資訊列色調統一 */
	color: #2C423A;
	padding: 6px 16px;
	border-radius: 20px; /* 圓潤感，符合健康醫療產業 */
	font-size: 13px;
	font-weight: 600;
	transition: all 0.3s ease; /* 加入您要的漸變效果 */
}

/* 按鈕滑鼠滑過效果 */
.btn-pro-service:hover {
	background-color: #2C423A;
	border: 1px solid #2C423A; /* 滑過時顏色變實心，但佔用空間不變 */
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
							/* 新增這一行：強制定義圖示在 hover 時變為白色 */
/* 確保圖示樣式擁有最高優先權 */
.btn-pro-service:hover i {
	color: #ffffff !important;
}

/* 確保預設狀態下的色彩 */
.btn-pro-service i {
	color: #2C423A !important;
	margin-right: 5px;
	transition: color 0.3s ease;
}

/* 1. 基礎樣式：限定在 welcome-area 內 */
 .single-item {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    transition: all 0.4s ease;
    margin-bottom: 20px;
}

/* 2. 圖示與圓圈容器：限定在 welcome-area 內 */
.welcome-area .icon-holder {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

/* 3. 核心：外圈樣式 (限定範圍) */
.welcome-area .icon-holder::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    border: 2px solid #88B4A5;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
    opacity: 0.3;
}

/* 4. Hover 效果：限定在 welcome-area 的 hover 狀態 */
 .single-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	transition: all 0.4s ease;
    border-color: transparent;
}

 .single-item:hover .icon-holder::before {
    border-color: #2C423A;
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0.6;
}

.welcome-area .single-item:hover .icon-holder i {
    color: #88B4A5;
}

/* 5. Icon 調整 (限定範圍) */
.welcome-area .icon-holder i {
    font-size: 40px;
    color: #2C423A;
    margin-bottom: 0;
    line-height: 90px;
    transition: all 0.4s ease;
}

/* 6. 文字區域優化 (限定範圍) */
.welcome-area .text-holder h3 {
    margin-bottom: 15px;
    font-weight: 700;
    color: #2C423A;
}

.welcome-area .text-holder p {
    line-height: 1.8;
    color: #666;
}

.hero-video-section {
    /* 設定高度與區塊大小 */
    min-height: 450px;	
	padding: 120px 0px;
    
    /* 這裡使用多重背景：
       1. 第一層（最上層）：半透明的深森林綠漸層遮罩 (rgba 顏色可依需求調整透明度)
       2. 第二層（最下層）：您的背景圖片網址
    */
    background-image: 
        linear-gradient(rgba(30, 51, 38, 0.75), rgba(30, 51, 38, 0.95)), 
        url('./images/video_bg.jpg');
    
    /* 背景圖片屬性設定 */
    background-size: cover;       /* 讓圖片填滿區塊 */
    background-position: center;  /* 圖片置中 */
    background-repeat: no-repeat; /* 不重複平鋪 */
    
   
}
/* 針對 .hero-video-section 底下的 Owl Carousel 左右箭頭圖標改為白色 */
.hero-video-section .owl-theme .owl-nav div .fa,
.hero-video-section .owl-theme .owl-controls .owl-buttons div .fa {
    color: #fff !important;
}
	/* 卡片整體外框 */
.careu-card-item {
    background-color: #FAF8F5; /* 燕麥白底色 */
    border-radius: 5px ;       /* 柔和圓角 */
    overflow: hidden;
    border: 1px solid #E8E4DF; /* 極細的高級感邊框 */
    margin-bottom: 30px;       /* 上下間距 */
    transition: all 0.3s ease; /* 轉場動畫 */
    box-shadow: 0 4px 15px rgba(30, 51, 38, 0.04);
}

/* 滑鼠懸停卡片時的浮動感 */
.careu-card-item:hover {
    transform: -y: -5px;
    box-shadow: 0 10px 25px rgba(30, 51, 38, 0.08);
}

/* 上方圖片容器 */
.careu-card-item .card-img-holder {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9; /* 現代常用影片比例 */
}

.careu-card-item .card-img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* 滑鼠移上去時圖片微幅放大，營造質感 */
.careu-card-item:hover .card-img-holder img {
    transform: scale(1.05);
}

/* 影片播放小圓標 (若不需要可自行刪除) */
.careu-card-item .card-play-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: #FF0133; /* 深綠色半透明背景 */
    border: 1px solid #FF0133;           /* 暖金邊框 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
    pointer-events: none; /* 讓點擊穿透到圖片 */
}

.careu-card-item:hover .card-play-badge {
    background: #a70c2b; /* 移上去時變成暖金色 */
	 border: 1px solid #a70c2b;           /* 暖金邊框 */
    color: #fff;
}

/* 下方文字標題區塊 */
.careu-card-item .card-title-holder {
    padding: 22px 20px;
    text-align: left; /* 若喜歡置中可改 center */
}
.careu-card-item .card-title-holder h3 {
    font-size:18px;
    font-weight: 600;
    color: #1E3326; /* 深森林綠標題 */
    line-height: 1.5;
    margin: 0 0 8px 0;
    transition: color 0.2s ease;
    /* 超過兩行自動省略變成 ... (選用) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 滑鼠移到標題時變成暖金色 */
.careu-card-item .card-title-holder a:hover h3 {
    color: #C1925C;
    text-decoration: none;
}

.doctor-card {
    background-color: #E9F2F0; /* 淡藍色底 */
    overflow: hidden;
    transition: 0.4s;
}

.doctor-card .img-holder img {
    width: 100%;
    display: block;
}

.doctor-card .text-holder {
    padding: 30px 27px;
}

.doctor-card h3 {
    color: #2c423a;
    font-size: 28px;
    margin-bottom: 10px;
}

.doctor-card h3 small {
    display: block;
    color: #2c423a;
    font-size: 18px;
    margin-top: 8px;
}

.doctor-card .border-line {
    display: block;
    width: 60px;
    height: 1px;
    background: #2c423a;
    margin: 20px auto;
}

.specialty-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%; /* 讓列表置中但保持左對齊 */
	/* 新增這些屬性以限制高度 */
    height: 110px;       /* 固定高度 (約為 3 行 li 的高度總和，您可以微調) */
    overflow: hidden;   /* 超過的部分隱藏 */
    text-overflow: ellipsis; /* 可選：如果想在最後一行顯示 ... */
}

.specialty-list li {
    font-size: 16px;
    color: #444;
    padding: 2px 0;
	line-height: 140%;
    position: relative;
	/* 確保文字不會自動換行，保持單行顯示 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.specialty-list li::before {
    content: "●";
    color: #2c423a;
    margin-right: 10px;
    font-size: 12px;
}	

/* 容器區塊 */
.disclaimer-section {
	padding: 120px 0px 60px 0px;
	background: #e9f2f0;
}

/* 每一條聲明的樣式 */
.disclaimer-item {
    padding: 20px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: flex-start;
}

/* 裝飾用的數字或符號 */
.disclaimer-number {
    font-size: 20px;
    font-weight: 600; /* 加粗 */
    color: #1E4241;    /* 品牌淺綠色，與網站整體色系呼應 */
    margin-right: 15px;
    min-width: 30px;
    letter-spacing: 1px; /* 增加一點點間距，更有設計感 */
    text-shadow: 0 0 8px rgba(136, 180, 165, 0.3); /* 微弱的光暈，提升精緻度 */
}

.disclaimer-text {
    line-height: 1.8;
    color: #222; /* 使用偏白的灰，讓閱讀更舒適，不會刺眼 */
	text-align: justify;
}
.disclaimer-text h5{
	font-size: 18px;
	font-weight: 900;
	color: #1E4241;
	padding-top: 2px;
	margin-bottom: 2px;
}

.footer_logo{
	position: relative;
	top:0px;
	margin-bottom: 10px;
}
/* 2. 媒體查詢：當螢幕寬度達到 md (>=992px) 時才顯示 */
@media (min-width: 1200px) {
    .footer_logo {
        top: -8px;
    }
}

/*關於我們-醫生團隊內頁*/
/* 讓內容區塊置中且整體優雅 */
.doctor-profile-wrapper {
	max-width: 1050px;
	margin: 0 auto;
}

/* 將圖片與左側文字包在同一個區塊內，採用 Flexbox 左右並排 */
.doctor-photo-area {
	position: relative;
	display: flex;
	align-items: flex-start;
}

/* DOCTOR 字母直列排版，各自順時鐘旋轉 90 度，並貼在照片左側 */
.horizontal-doctor-title {
	font-size: 46px;
	font-weight: 900;
	letter-spacing: -0.05em;
	color: #647565;
	font-family: serif;
	line-height: 100%;
	margin: 0;
	margin-right: 0px;
	z-index: 2;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}

/* 讓每一個字母順時鐘旋轉 90 度，並縮小上下間距至正常閱讀範圍 */
.horizontal-doctor-title span {
	display: inline-block;
	transform: rotate(90deg);
	margin: 2px 0; /* 縮小字母間距 */
}

/* 醫師照片外框與陰影微調 */
.doctor-img-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.doctor-img-container img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

/* 內容區塊標題 */
.section-title {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-top: 0;
	margin-bottom: 12px;
	letter-spacing: 1px;
}



	.custom-list {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 90%; /* 讓列表置中但保持左對齊 */

}

.custom-list li {
	font-size: 16px;
	color: #444;
	padding: 2px 0;
	position: relative;
}

.custom-list li::before {
	content: "●";
	color: #2c423a;
	margin-right: 10px;
	font-size: 12px;
}	

/* 手機版微調 */
@media (max-width: 767px) {
	.doctor-photo-area {
		margin-bottom: 25px;
	}
}


/* 常見問題*/
.faq-title { font-size: 28px; font-weight: 300; text-align: center; margin-bottom: 50px; }
.faq-card { 
	background: #fafafa; 
	border: 1px solid #e1e5e3; 
	margin-bottom: 15px; 
	cursor: pointer;
	border-left: 5px solid #d1d8d4;
	transition: border-left 0.3s ease;
}

.faq-card.active { 
	background: #ffffff;
	border-left-color: #2c423a; 
	box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
}

.faq-header { padding: 18px 30px; display: flex; justify-content: space-between; align-items: center; }
.faq-question {
    display: flex;          /* 讓數字與文字變成左右彈性區塊 */
    align-items: flex-start;/* 多行時靠上方對齊 */
    font-size: 18px; 
    font-weight: 600;
    color: #2c423a;
}

.faq-mumber { 
    font-size: 24px; 
    font-weight: 600;
    color: #2c423a;
    flex-shrink: 0;         /* 避免數字被擠壓 */
    width: 35px;            /* 給數字一個固定寬度（可依你的數字位數調整，例如單雙位數空間） */
    margin-right: 5px;
    top: -3px;
    position: relative;
}

/* 箭頭樣式與旋轉 */
.faq-icon { 
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-block;
}
.faq-card.active .faq-icon { transform: rotate(180deg); }

/* 動畫核心：使用 height 進行同步過渡 */
.faq-content { 
	height: 0; 
	overflow: hidden; 
	transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
}
.faq-body { padding: 0 30px 25px 30px; color: #666; line-height: 1.8; }
/* 常見問題*/


/* ==========================================
   Bootstrap 3 卡片等高自定義樣式
   （避開修改原生 class，採用專屬命名）        開始
   ========================================== */

/* 1. 自定義的 row 容器，啟用 Flexbox 等高 */
.equal-height-row {
    display: flex;
    flex-wrap: wrap;
}

/* 2. 讓該 row 內的所有欄位自動延展填滿高度 */
.equal-height-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

/* 3. 讓卡片本身撐滿欄位高度 */
.equal-blog-post {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* 4. 讓文字內容區塊自動撐開，確保內部排版穩定 */
.equal-blog-post .text-holder {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 文字垂直向上對齊的自定義樣式 */
.vertical-top-align {
display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* 垂直向上對齊 */
    align-items: flex-start !important;     /* 水平靠左對齊（若想置中可改 center） */
    text-align: left !important;            /* 覆寫掉 text-center 的影響 */
}

/* ==========================================
   Bootstrap 3 卡片等高自定義樣式
   （避開修改原生 class，採用專屬命名）        結束
   ========================================== */

/*分頁樣式表*/
 .page a ,.page span{
	display: inline-block; /* 重要：a 標籤預設是 inline，設定邊距前需轉為 block 或 inline-block */
	margin-bottom: 15px;
}
.page{ font-size:16px;}
	
.pages {

  PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center;

}

.page A {

  BORDER-RIGHT: #4e6458 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #4e6458 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #4e6458 1px solid; COLOR: #4e6458; PADDING-TOP: 5px; BORDER-BOTTOM: #4e6458 1px solid; TEXT-DECORATION: none;border-radius: 5px;

}

.page A:hover {

  BORDER-RIGHT: #4e6458 1px solid; BORDER-TOP: #4e6458 1px solid; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;

}

.page A:active {

  BORDER-RIGHT: #4e6458 1px solid; BORDER-TOP: #4e6458 1px solid; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;

}

.page SPAN.current {

  BORDER-RIGHT: #4e6458 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e6458 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;

}

.page SPAN {

  BORDER-RIGHT: #253B2F 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #253B2F 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #253B2F 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #253B2F 1px solid;

BACKGROUND-COLOR: #253B2F;border-radius: 5px;

}