<style type="text/css">
<!--

body {
        
	font-family: PMingLiU, 新細明體, serif;
        font-size: 12px;
	scrollbar-face-color: #823b23;
	scrollbar-highlight-color: #823b23;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #823b23;
	scrollbar-darkshadow-color: #823b23;
        letter-spacing:1px;
        color:#000000;
}

table
{
  font-size:12px;
  letter-spacing:1px;
  line-height:20px;
  color:#000000;
}

td
{
  font-size:12px;
  line-height:20px;
  letter-spacing:1px;
  color:#000000;
}

select
{
  font-size:12px;
}

.tbp
{
  padding-top:12px;
  padding-bottom:9px;
}

textarea
{
  font-size:12px;
}

.text
{
  font-size:12px;
  height:21px;
  font-family:arial;
}

.button
{
  font-size:11px;
  padding-top:2px;
  height:22px;
  font-family:arial;
}

.button_M
{
  font-size:11px;
  padding-top:2px;
  height:22px;
  font-family:arial;
  width:130px;
}


.button_B
{
  font-size:11px;
  padding-top:2px;
  height:22px;
  font-family:arial;
  width:180px;
}

.line 
{  
  line-height: 20px;
  letter-spacing:1px;
}

.unnamed1 {
	font-size: 13px;
	line-height: 140%;
	word-spacing: 1px;
	letter-spacing: 1px;
	color: #ffffff;
}

.unnamed2 {
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 1px;
	color: #000000;
}

.unnamed3 {
	font-size: 13.5px;
	line-height: 120%;
	word-spacing: 2px;
	letter-spacing: 2px;
        color: #993333;
        font-weight:bold;
}

.unnamed4 {
	font-size: 13.5px;
	line-height: 120%;
	letter-spacing: 1px;
        color: 4B27A6;
      font-weight:bold;

filter:alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#E6D6CA,direction=135)
}


.base_win {
	Z-INDEX: 50;  VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 100%;  POSITION: absolute; HEIGHT: 500px
}
.scroll {
	Z-INDEX: 55;  VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 15px; POSITION: absolute; HEIGHT: 50px
}
.inwin {
	Z-INDEX: 56;  VISIBILITY: visible; OVERFLOW: visible; WIDTH: 15px; POSITION: absolute; HEIGHT: 500px
}
.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FF3333;
	border-bottom-color: #990000;
	border-right-color: #990033;
	border-left-color: #FF3333;
	margin: 2px;
}

tbody
{
  color:#000000;
  font-size:12px;
}
.T13 { font-size:13px;}

  .cb {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom, #ff9900, #cc6600); /* 漸層背景 */
    border: 1px solid #aa5500; /* 邊框 */
    border-radius: 10px; /* 圓角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* 立體效果陰影 */
    transition: all 0.3s ease; /* 動畫過渡 */
  }

  .cb:hover {
    background: linear-gradient(to bottom, #cc6600, #ff9900); /* 反轉漸層 */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* 更強的陰影 */
    transform: translateY(-2px); /* 提升效果 */
  }

  .cb:active {
    background: #cc6600; /* 按下時的背景 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 縮小陰影 */
    transform: translateY(2px); /* 下壓效果 */
  }
  
  .cb2 {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight:500;
    color: #6B3906;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom, #F8BB85, #D98E5D); /* 漸層背景 */
    border: 1px solid #C6784B; /* 邊框 */
    border-radius: 10px; /* 圓角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* 立體效果陰影 */
    transition: all 0.3s ease; /* 動畫過渡 */
  }

  .cb2:hover {
    background: linear-gradient(to bottom, #D98E5D, #F8BB85); /* 反轉漸層 */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); /* 更強的陰影 */
    transform: translateY(-2px); /* 提升效果 */
  }

  .cb2:active {
    background: #D98E5D; /* 按下時的背景 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 縮小陰影 */
    transform: translateY(2px); /* 下壓效果 */
  }	
  .cb3 {
	font-family: PMingLiU, 新細明體, serif; 
    display: inline-block;
    padding: 5px 10px; /* 調整縮小的按鈕內距 */
    font-size: 12px; /* 縮小字型大小 */
    font-weight: 400;
    color: #6B3906; /* 深棕色文字 */
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom, #FAD4B4, #F8BB85); /* 調亮漸層 */
    border: 1px solid #E2A56C; /* 調亮邊框 */
    border-radius: 10px; /* 圓角 */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); /* 減弱陰影 */
    transition: all 0.3s ease; /* 動畫過渡 */
  }

  .cb3:hover {
    background: linear-gradient(to bottom, #F8BB85, #FAD4B4); /* 反轉漸層顏色 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* 提升 hover 效果 */
    transform: translateY(-1px); /* 輕微提升效果 */
  }

  .cb3:active {
    background: #F8BB85; /* 按下時顏色較深 */
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); /* 縮小陰影 */
    transform: translateY(1px); /* 下壓效果 */
  }
  .Tg{
	  color:#006600;
  }
   /* 共用按鈕樣式 */
    .cb-base {
      display: inline-block;
      margin: 5px;
      padding: 8px 15px;
      font-size: 14px;
      font-weight: 400;
      text-align: center;
      text-decoration: none;
      border-radius: 10px;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
      cursor: pointer;
    }
	  .cb-back {
      background: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
      border: 1px solid #AAAAAA;
      color: #444;
    }
    .cb-back:hover {
      background: linear-gradient(to bottom, #CCCCCC, #E6E6E6);
    }
	.cb-link {
      background: linear-gradient(to bottom, #E1F1FF, #C7E1FF);
      border: 1px solid #98C3EC;
      color: #305D91;
    }
    .cb-link:hover {
      background: linear-gradient(to bottom, #C7E1FF, #E1F1FF);
    }
 .cb-confirm {
      background: linear-gradient(to bottom, #D8F8D2, #B8E6B2);
      border: 1px solid #90CC88;
      color: #2F6B2F;
    }
    .cb-confirm:hover {
      background: linear-gradient(to bottom, #B8E6B2, #D8F8D2);
    }

    .cb-cancel {
      background: linear-gradient(to bottom, #FDE0E0, #F9BDBD);
      border: 1px solid #E89999;
      color: #8B2F2F;
    }
    .cb-cancel:hover {
      background: linear-gradient(to bottom, #F9BDBD, #FDE0E0);
    }	

  /* 燈箱效果的樣式 */
#loadingOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    text-align: center;
}

/* 加載動畫的容器 */
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* 動畫效果 */
@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
</style>