﻿@charset "utf-8";

.tabnav,.tabctrl,.tabpage{zoom:1}
.tabnav em,tabctrl b{cursor:pointer}
.tabpage *{cursor:default;font-weight:normal}
.tabprevno,.tabnextno{cursor:default!important}
.tabprocess{height:5px;overflow:hidden}

.kandyTabs{margin:0;padding:2px;overflow:hidden;zoom:1}
.kandyTabs .tabtitle{margin:0;padding:0;line-height:22px}
.kandyTabs .tabtitle .tabbtn{margin:0 4px 0 0;padding:0 5px;display:inline-block;color:#fff;background:#5fb4d9 linear-gradient(#5fb4d9, #d5ebf4);border:1px solid #5fb4d9;border-width:1px 1px 0;border-top-left-radius:3px;border-top-right-radius:3px}
.kandyTabs .tabtitle .tabcur{line-height:23px;background:#ec822c linear-gradient(#ec822c, #feead9)}
.kandyTabs .tabbody{padding:5px;background:#fff;border:1px solid #7dbeff;border-radius:4px;border-top-left-radius:0;overflow:hidden;zoom:1;margin:-1px 0 0 0}
.kandyTabs .tabbody .tabcont{background:#fff}
.kandyTabs .tabbody .tabroll .tabcont{margin:5px 0 0}

.kandyFold{overflow:hidden;zoom:1}
.kandyFold .tabbtn{border-top:1px solid #d4eff8;display:block;line-height:24px;background:#eee;zoom:1}
.kandyFold .tabcur{background:#fff;border-bottom:1px dashed #eee;font-weight:bold;color:#f00}
.kandyFold .tabon{background:#f5f5f5;font-weight:bold}
.kandyFold .tabcont{display:block;margin:0;padding:0}

.kandySlide{position:relative;zoom:1}
.kandySlide .tabtitle{position:absolute;bottom:8px;right:8px;z-index:10}
.kandySlide .tabtitle .tabbtn{float:left;background:#000;color:#fff;padding:0 4px;font:bold 12px/16px Arial;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;border-radius:8px}
.kandySlide .tabtitle .tabcur{background:#f30;padding:0 6px;filter:alpha(opacity=70);opacity:.7;font-size:13px}
.kandySlide .tabcont img{vertical-align:text-bottom;background:url(../img/ajax_load_4.gif) center no-repeat}

.kandyLoop{position:relative;zoom:1;border:1px solid #d4eff8;padding:2px;background:#eee}
.kandyLoop .tabtitle{float:right;padding:3px 5px 5px}
.kandyLoop .tabtitle .tabbtn{margin:0 0 0 5px;font-size:10px;display:inline-block;width:8px;height:8px;overflow:hidden;text-indent:-30px;background:#ccc;border-radius:4px;zoom:1}
.kandyLoop .tabtitle .tabcur{background:#f30}
.kandyLoop .tabbody{border:1px solid #d4eff8;background:#fff;clear:both}
.kandyLoop .tabcont{zoom:1}
.kandyLoop .tabcont img{vertical-align:text-bottom;background:url(../img/ajax_load_4.gif) center no-repeat}

.kandyStep{margin:0;padding:2px;border:1px solid #d4eff8;background:#f5f5f5;overflow:hidden;zoom:1}
.kandyStep .tabtitle{margin:0 0 2px;padding:0;line-height:30px;border:1px solid #d4eff8;height:30px;background:#e5e5e5;overflow:hidden}
.kandyStep .tabtitle .tabbtn{display:inline-block;border-left:1px solid #ddd;margin:0 0 0 -1px;text-align:center;height:30px;overflow:hidden}
.kandyStep .tabtitle .tabcur{color:#f30;background:#f9f9f9;font-weight:bold}
.kandyStep .tabtitle .tabok{font-weight:bold;color:#393;background:#fff}
.kandyStep .tabbody{border:1px solid #ddd;background:#fff;border-bottom:none}
.kandyStep .tabnav{text-align:center;padding:15px 0;border:1px solid #ddd;border-top:1px dashed #ddd;background:#f9f9f9}
.kandyStep .tabnav em{margin:0 5px;border:1px solid #F30;padding:5px;color:#fff;background:#F60;border-radius:5px}
.kandyStep .tabnav .tabprevno,
.kandyStep .tabnav .tabnextno{background:#999;border-color:#666}
.kandyStep .tabpage{display:none}