/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2024 | 13:55:38 */

.broker_spread_table_container {
	width: 100%;
	overflow-x: auto; /* 允许水平滚动 */
}	
.broker_spread_table {
	width: 100%;
	border-collapse: collapse;
	background-color: #ffffff; /* 纯白背景 */
	color: #000;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
	box-shadow: 0 0 15px rgba(0, 128, 255, 0.2); /* 淡蓝色阴影 */
	border: 1px solid #ffcc00; /* 明黄色边框 */
	border-radius: 12px;
	overflow: hidden;
	min-width: 560px; /* 设置最小宽度 */
}

.broker_spread_table th {
	background-color: #ffcc00; /* 明黄色背景 */
	color: #333333; /* 深色字体 */
	padding: 12px;
	border-bottom: 3px solid #ff6f61; /* 橙红色下划线 */
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center; /* 表头居中 */
}

.broker_spread_table td {
	padding: 12px;
	border-bottom: 1px solid #ffebcc; /* 浅黄色边框 */
	font-size: 13px;
	text-align: center; /* 单元格内容居中 */
}

.broker_spread_table tbody tr:hover {
	background-color: #e0f7fa; /* 浅蓝色悬停效果 */
	transition: background-color 0.3s ease;
}

.broker_spread_table td div {
	padding: 5px;
	border-radius: 8px;
	background-color: #fff4e0; /* 浅橙背景 */
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.broker_spread_table td:hover div {
	background-color: #e6ee9c; /* 浅绿色 */
	transform: scale(1.05);
}

.broker_spread_table td:first-child {
	font-weight: bold;
	color: #333333; /* 天蓝色 */
	text-align: center; /* 第一列文字居中 */
}

.broker_spread_table td:nth-child(2),
.broker_spread_table td:nth-child(3) {
	color: #d32f2f; /* 深红色 */
}