/* style_pc.css - 钦定奇门排盘系统 基础与 PC端样式 */
:root {
    --qm-bg: #f5eedf;
    --qm-card: #ffffff;
    --qm-border: #e2d7c5;
    --qm-red: #8c1b1b;
    --qm-gold: #b8782a;
    --qm-blue: #1e50a2;
    --qm-green: #227042;
}

body {
    background-color: var(--qm-bg);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
}

.user-vip-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 8px 15px;
    border-bottom: 1px solid var(--qm-border);
    margin-bottom: 12px;
    font-size: 13px;
}
.user-vip-bar .vip-status { color: var(--qm-gold); font-weight: bold; }

.container { max-width: 820px; margin: 0 auto; padding: 0 12px; box-sizing: border-box; }
.main-header { text-align: center; margin: 10px 0 1px 0;line-height: 33px }
.main-header h1 { color: var(--qm-red); font-size: 18px; margin: 0; display: flex; align-items: center; justify-content: center; gap: 8px; }

.top-control-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fbf6ed;
    border: 1px solid var(--qm-border);
    border-radius: 12px;
    padding: 8px 12px;
    margin-bottom: 12px;
    gap: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
.control-group-left, .control-group-right { display: flex; align-items: center; gap: 6px; }

.qm-btn {
    background: linear-gradient(180deg, #9a2b2b 0%, #7d1b1b 100%);
    color: #fff;
    border: none;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    touch-action: manipulation;
}
.qm-btn-outline { background: #fff; color: var(--qm-red); border: 1px solid var(--qm-red); }
.qm-select {
    background-color: #fff;
    border: 1px solid var(--qm-border);
    color: #333;
    padding: 0 18px 0 8px;
    border-radius: 6px;
    font-size: 12px;
    height: 28px;
    outline: none;
    cursor: pointer;
    font-weight: 500;
    text-align-last: center;
}

#qimenCoreDisplayArea, .qimen-fp-display {
    background: #fbf6ed;
    border: 1px solid var(--qm-border);
    border-radius: 16px;
    padding: 15px 15px 30px 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    margin-bottom: 15px;
}
#qimenCoreDisplayArea.is-loading { opacity: 0.5; pointer-events: none; }

.qimen-bazi-stepper {
    display: flex;
    justify-content: space-around;
    background: #fdf8f0;
    border: 1px solid var(--qm-border);
    border-radius: 8px;
    padding: 8px 5px;
    margin-bottom: 12px;
    text-align: center;
}
.pillar-box { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}
.pillar-box .label { 
    font-size: 12px; 
    color: #777; 
    margin-bottom: 3px; 
}
.pillar-value-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 2px 0;
}
.pillar-box .val { 
    font-size: 18px; 
    font-weight: bold; 
    color: var(--qm-red); 
    line-height: 1;
}
.step-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    line-height: 1;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    text-decoration: none;
    font-size: 10px;
    transition: all 0.15s ease;
}
.step-btn:hover { 
    background: var(--qm-red); 
    color: #fff; 
    border-color: var(--qm-red); 
}

/* 四柱下方空亡与纳音的文字样式 */
.sub-info { font-size: 12px; margin-top: 2px; line-height: 1.3; }
.kong-info { color: #555 !important; font-size: 12px !important; font-weight: normal; }
.nayin-info { color: var(--qm-gold) !important; font-size: 12px !important; font-weight: 500; }

/* 奇门局象汇总栏样式 */
.qimen-info-box {
    background: #fff;
    border: 1px solid var(--qm-border);
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 12px;
    font-size: 14px !important;
    line-height: 1.6;
    color: #333;
}
.qimen-info-box b {
    color: #222;
    font-weight: bold;
}
.qimen-info-row { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 10px; 
    align-items: center;
}

/* 🛡️ 电脑端表单项内联容器 */
.form-line-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* PC端九宫格网格布局 */
.qimen-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
    aspect-ratio: 1 / 1;
    max-width: 496px; 
    margin: 0 auto;
}
.palace-cell {
    background: #fff;
    border: 1px solid var(--qm-border);
    border-radius: 6px;
    padding: 6px 8px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
    position: relative;
    transition: background-color 0.2s;
}
.palace-cell.center-cell { background-color: #fbf7f0; }

.cell-left-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}
.cell-deity-tian, .cell-star, .cell-door, .stem-dipan-shen {
    font-size: 15px !important;
    font-weight: bold;
    line-height: 1.1;
}
.cell-deity-tian { color: var(--qm-blue); }
.cell-star { color: #333; }
.cell-door { color: var(--qm-red); }

.stem-dipan-shen {
    color: #2e7d32;
    writing-mode: horizontal-tb !important;
    letter-spacing: 0 !important;
}

.cell-door-box {
    display: flex;
    align-items: center;
    gap: 4px;
}
.men-po-text {
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
}

.cell-right-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}
.cell-top-badges {
    display: flex;
    align-items: center;
    gap: 2px;
}
.stems-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px; 
}
.stem-line {
    line-height: 1.1;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.stem-tian { color: var(--qm-red); font-weight: bold; font-size: 15px; }
.stem-di { color: var(--qm-green); font-weight: bold; font-size: 15px; }

.palace-info-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.xiu-wang-text { font-size: 11px; font-weight: bold; color: #0277bd; line-height: 1.1; margin-bottom: 1px; }
.palace-name-text { font-size: 10px; color: #999; }

/* 象义与局象格局修饰 */
.color-jigong { color: #8e24aa !important; font-weight: bold; }
.mu-box { border: 1.5px solid #d32f2f; border-radius: 3px; padding: 0 2px; display: inline-block; }
.mu-box-jigong { border: 1.5px solid #8e24aa; border-radius: 3px; padding: 0 2px; display: inline-block; }
.xing-knife { font-size: 11px; margin-left: 2px; vertical-align: middle; }
.cs-text { font-size: 10px; color: #e65100; margin-left: 2px; font-weight: 500; }
.rel-po { color: #d32f2f; }  
.rel-he { color: #2e7d32; }  
.rel-bi { color: #ed6c02; }  

.badge-tag { font-size: 10px; padding: 1px 3px; border-radius: 3px; color: #fff; }
.bg-kong { background: #999; }
.bg-ma { background: #d97706; }
.bg-jiudun-tag { background: #7b1fa2; }
.bg-sanzha-tag { background: #c2185b; }

.badge-tag-pattern {
    display: inline-block;
    font-size: 12px !important;
    padding: 2px 8px !important;
    border-radius: 4px;
    font-weight: bold;
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1.2;
}
.bg-fuyin {
    background: #fffbe6 !important;
    color: #b8782a !important;
    border: 1px solid #ffe58f !important;
}
.bg-wubuyu {
    background: #fff1f0 !important;
    color: #cf1322 !important;
    border: 1px solid #ffa39e !important;
}
.bg-jiudun {
    background: #f3e8ff !important;
    color: #7e22ce !important;
    border: 1px solid #d8b4fe !important;
}
.bg-sanzha {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
    border: 1px solid #c8e6c9 !important;
}

/* 弹窗样式 */
.qm-modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
    justify-content: center;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
}
.qm-modal-overlay.active { display: flex; }
.qm-modal-card {
    background: #fff8f0;
    border: 1px solid var(--qm-border);
    border-radius: 12px;
    width: 100%;
    max-width: 780px;
    max-height: 90vh;
    overflow-y: auto;
}
.qm-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--qm-border);
    background: #f4ece1;
}
.qm-modal-header h3 { margin: 0; font-size: 15px; color: var(--qm-red); }
.qm-modal-close { background: none; border: none; font-size: 22px; color: #888; cursor: pointer; }
.qm-modal-body { padding: 20px; }

/* 选时弹窗切换选项卡 */
.query-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    border-bottom: 2px solid var(--qm-border);
    padding-bottom: 10px;
}
.query-tabs button {
    flex: 1;
    padding: 8px 0;
    background: #efe7da;
    border: 1px solid var(--qm-border);
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    transition: all 0.2s;
}
.query-tabs button.active {
    background: var(--qm-red);
    color: #fff;
    border-color: var(--qm-red);
}

.query-box {
    display: none;
    background: #fff;
    border: 1px solid var(--qm-border);
    padding: 20px;
    border-radius: 8px;
}
.query-box.active {
    display: block !important;
}

.form-row {
    display: flex;
    align-items: center;
    gap: 6px; 
    width: 100%;
}
.form-label {
    font-weight: bold;
    color: var(--qm-gold);
    font-size: 14px;
    white-space: nowrap;
    min-width: 70px; 
}
.form-control {
    display: flex;
    align-items: center;
    gap: 4px; 
    flex: 1;
    flex-wrap: nowrap; 
}

.query-box input[type="text"],
.query-box input[type="number"] {
    width: 85px !important;
    max-width: 85px !important;
    padding: 3px 6px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    height: 30px;
    box-sizing: border-box;
}

.query-box input[type="date"] {
    width: 120px !important;
    max-width: 120px !important;
    height: 30px;
    font-size: 12px !important;
    padding: 2px 4px !important;
}

.query-box select {
    width: 52px !important;
    max-width: 52px !important;
    padding: 2px 2px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    height: 30px;
    box-sizing: border-box;
    text-align: center;
}

.lunar-box .form-control {
    gap: 4px !important;
}
.lunar-box select {
    width: 52px !important;
    min-width: 42px !important;
    max-width: 62px !important;
    flex: 0 0 62px !important;
    padding: 2px !important;
    font-size: 12px !important;
    text-align: center !important;
}
.lunar-box label {
    font-size: 12px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    white-space: nowrap;
}

.query-box button[type="submit"] {
    margin-left: 12px !important;
}

.fp-box .form-label {
    min-width: 60px !important;
    margin-right: -4px !important;
}
.fp-box .form-control {
    gap: 8px !important;
}
.fp-box select#fp_year, 
.fp-box select#fp_month, 
.fp-box select#fp_day, 
.fp-box select#fp_time {
    width: 68px !important;
    max-width: 68px !important;
}
.fp-box button[type="submit"] {
    margin-left: 12px !important;
}

/* 🛡️ 全局标准 √ 号复选框样式 */
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border: 1.5px solid var(--qm-border) !important;
    border-radius: 4px !important;
    outline: none !important;
    cursor: pointer !important;
    background-color: #fff !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    margin: 0 3px 0 0 !important;
}

input[type="checkbox"]:hover {
    border-color: var(--qm-gold) !important;
    box-shadow: 0 0 4px rgba(184, 120, 42, 0.25) !important;
}

input[type="checkbox"]:checked {
    background-color: var(--qm-red) !important;
    border-color: var(--qm-red) !important;
}

input[type="checkbox"]:checked::after {
    content: "✓" !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
}

.settings-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    font-size: 13px;
}
.settings-grid label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    background: #fff;
    padding: 8px 12px;
    border: 1px solid var(--qm-border);
    border-radius: 6px;
    transition: background-color 0.15s ease;
    user-select: none;
}
.settings-grid label:hover {
    background: #fdf8f0;
}

.footer-info {
    max-width: 820px;
    margin: 0 auto 30px auto;
    padding: 12px 15px;
    background: #fbf6ed;
    border: 1px solid var(--qm-border);
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    color: #888;
}


/* ========================================================= */
/* 🛡️ 新增：点击宫格交互特效与底部面板详细设定 (PC端基础) */
/* ========================================================= */

/* 宫格可点击游标 */
.palace-cell {
    cursor: pointer;
}

/* 宫格被点击后的高亮状态：淡金黄色背景 + 阴影 */
.active-palace {
    background-color: #fff4cc !important; 
    border-color: #d4af37 !important;
    box-shadow: inset 0 0 12px rgba(212, 175, 55, 0.25) !important;
}

/* 底部详情面板 */
.palace-detail-panel {
    width: 100%;
    max-width: 496px; /* 严格与上方九宫格最大宽度一致 */
    margin: 12px auto 0 auto;
    background: #fff;
    border: 1px solid var(--qm-border);
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}

/* 详情面板顶部的切换按钮容器 */
.detail-tabs {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid var(--qm-border);
    padding-bottom: 10px;
    margin-bottom: 12px;
}

/* 详情面板顶部单个按钮 */
.detail-tab-btn {
    flex: 1; /* 平分宽度 */
    background: #fdf8f0;
    border: 1px solid var(--qm-border);
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    cursor: pointer;
    padding: 6px 12px;
    text-align: center;
    transition: all 0.2s ease;
}

.detail-tab-btn.active {
    background: var(--qm-red);
    color: #fff;
    border-color: var(--qm-red);
}

/* 详情内容层显隐控制 */
.detail-tab-content { display: none; }
.detail-tab-content.active { display: block; }

/* 各具体字段栏目模块 */
.detail-section {
    margin-bottom: 12px;
}

.detail-sec-title {
    font-weight: bold;
    color: var(--qm-blue);
    font-size: 14px;
    margin-bottom: 5px;
    border-left: 3px solid var(--qm-blue);
    padding-left: 6px;
}

.detail-sec-body {
    font-size: 13px;
    color: #444;
    line-height: 1.6;
    background: #fafafa;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px dashed #e0e0e0;
}


/* =========================================
   自定义模拟下拉框样式 (辅助年命等) - PC端基础样式
   ========================================= */
.qm-custom-select {
    position: relative;
    user-select: none;
}

.qm-select-trigger {
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    background: #fff; 
    border: 1px solid var(--qm-border, #e2d7c5); 
    border-radius: 4px;
    padding: 0 8px; 
    height: 32px; 
    box-sizing: border-box;
    font-size: 14px; 
    cursor: pointer; 
    color: #333;
}

.qm-select-trigger .arrow { 
    font-size: 10px; 
    color: #888; 
    transform: scaleY(0.7); 
}

.qm-select-options {
    position: absolute; 
    top: 100%; 
    left: 0; 
    right: 0;
    background: #fff; 
    border: 1px solid var(--qm-border, #e2d7c5); 
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    margin-top: 4px; 
    z-index: 9999; 
    display: none;
    overflow: hidden;
}

.qm-custom-select.open .qm-select-options { 
    display: block; 
}

.qm-select-options div {
    padding: 8px 0; 
    text-align: center; 
    font-size: 14px; 
    color: #333; 
    border-bottom: 1px solid #f5f5f5; 
    cursor: pointer;
    transition: all 0.2s;
}

.qm-select-options div:last-child { 
    border-bottom: none; 
}

/* 电脑端保留鼠标 hover 悬停效果 */
.qm-select-options div:hover { 
    background: #fdf8f0; 
    color: var(--qm-red, #8c1b1b); 
    font-weight: bold; 
}


/* =========================================
   高级搜局弹窗 (PC 端样式)
   ========================================= */
.search-modal-card {
    max-width: 820px !important; /* 搜局弹窗需更大宽度 */
    width: 96%;
}

.search-modal-body {
    max-height: 75vh;
    overflow-y: auto;
    padding: 15px 20px !important;
}

.search-section {
    background: #fdfbf7;
    border: 1px solid var(--qm-border, #e2d7c5);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 16px;
}

.search-section .sec-title {
    font-weight: bold;
    color: var(--qm-blue, #1e50a2);
    font-size: 15px;
    margin-bottom: 12px;
    border-bottom: 2px dashed #efe7d8;
    padding-bottom: 6px;
}

/* 时间选择行 */
.time-range-group { display: flex; flex-direction: column; gap: 10px; }
.time-row { display: flex; align-items: center; gap: 6px; font-size: 14px; }
.time-row select { width: 80px; }

/* 基础网格排版 */
.grid-form-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.grid-form-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

.form-item label { display: block; font-size: 13px; color: #555; margin-bottom: 4px; }
.form-item select { width: 100%; }

.form-item-inline { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.form-item-inline span { white-space: nowrap; color: #555; font-weight: 500;}
.form-item-inline select { flex: 1; }

/* 动态多选按钮组 (胶囊样式) */
.palace-cb-row { display: flex; align-items: flex-start; margin-bottom: 10px; }
.palace-cb-row .cb-label { width: 130px; font-size: 13px; font-weight: bold; color: #666; margin-top: 6px; flex-shrink: 0; }
.cb-group { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }

.pill-cb input { display: none; }
.pill-cb span {
    display: inline-block; padding: 4px 12px; font-size: 13px; 
    border: 1px solid #dcdfe6; border-radius: 20px; background: #fff;
    cursor: pointer; color: #606266; transition: all 0.2s;
}
.pill-cb input:checked + span {
    background: #eaf4fe; border-color: var(--qm-blue, #1e50a2); color: var(--qm-blue, #1e50a2); font-weight: bold;
}

/* 排除项红色复选框 */
.exclude-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.exclude-cb { font-size: 13px; color: #c62828; font-weight: bold; cursor: pointer; display: flex; align-items: center; gap:4px; }
.exclude-cb input { accent-color: #c62828; width: 16px; height: 16px; cursor: pointer; }

/* 搜局提交大按钮 */
.search-btn-wrap { text-align: center; margin-top: 25px; }
.search-submit-btn { width: 60%; font-size: 16px; padding: 10px 0; background: var(--qm-red); color: #fff; box-shadow: 0 4px 10px rgba(140, 27, 27, 0.3); border-radius: 30px;}
.search-submit-btn:hover { background: #7a1515; }

/* 搜索结果列表 */
.result-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.result-item { display: block; text-decoration: none; background: #fff; border: 1px solid var(--qm-border); border-radius: 6px; padding: 12px 15px; transition: all 0.2s; }
.result-item:hover { border-color: var(--qm-blue); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.result-item .r-time { font-size: 15px; font-weight: bold; color: var(--qm-blue); margin-bottom: 6px; }
.result-item .r-tags span { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 12px; margin-right: 6px; }
.result-item .r-tags .t-g { background: #eaf4fe; color: #1e88e5; }
.result-item .r-tags .t-x { background: #fff2f2; color: #c62828; }


/* ====== 宫位胶囊复选框专属样式 ====== */
.palace-cb-row { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
    margin-bottom: 12px; 
    border-bottom: 1px dashed #efe7d8; 
    padding-bottom: 10px;
}
.palace-cb-row .cb-label { 
    width: 140px; 
    font-size: 14px; 
    font-weight: bold; 
    color: #666; 
    margin-bottom: 6px; 
}
.cb-group { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 8px; 
}
.pill-cb { cursor: pointer; }
.pill-cb input { display: none; }
.pill-cb span {
    display: inline-block; 
    padding: 6px 14px; 
    font-size: 13px; 
    border: 1px solid #dcdfe6; 
    border-radius: 20px; 
    background: #f5f6f8;
    color: #606266; 
    transition: all 0.2s;
    user-select: none;
}
/* 选中后的高亮颜色：深蓝字 + 淡蓝底 */
.pill-cb input:checked + span {
    background: #eaf4fe; 
    border-color: var(--qm-blue, #1e50a2); 
    color: var(--qm-blue, #1e50a2); 
    font-weight: bold;
}


/* =========================================
   搜局弹窗：时间选择 (PC 端横向 2 行排版)
   ========================================= */
.search-time-group { 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
}

.s-time-row { 
    display: flex; 
    flex-direction: row !important; 
    align-items: center; 
    justify-content: flex-start !important; 
}

.s-time-label { 
    font-weight: bold; 
    color: #1e50a2; 
    width: auto !important; 
    margin-right: 10px !important; 
    flex-shrink: 0; 
    display: flex !important;
    align-items: center !important; 
    height: 30px !important; 
}

.s-time-items { 
    display: flex; 
    flex-direction: row !important; 
    align-items: center; 
    justify-content: flex-start !important; 
    gap: 8px; 
    flex-wrap: nowrap; 
}

.s-t-item { 
    display: flex; 
    flex-direction: row !important; 
    align-items: center; 
    gap: 4px; 
    font-size: 14px; 
    color: #555; 
    white-space: nowrap; 
}

.s-t-item select { 
    padding: 0 4px; 
    text-align: center; 
    height: 30px; 
}

#s_start_y, #s_end_y { width: 75px !important; }
#s_start_m, #s_end_m, #s_start_d, #s_end_d, #s_start_h, #s_end_h, #s_start_i, #s_end_i { width: 55px !important; }