<style type='text/css'>
<!--
/* ----------------------------------
  1. Reset default browser styles
  2. Basic classes and elements
  3. Header
  4. Footer
  5. Lists and navigations (menu、導覽列)
  6. Tables
  7. Tabs(標籤)
  8. Buttons
  9. Forms

  1em=100%=12pt=16px = 瀏覽器預設尺寸，通常是 16px 
  0.75em=75%=9pt=12px
  1px=0.75pt
-------------------------------------*/



/* -----------------------------------

  1. Reset default browser styles

------------------------------------- */
  body{ margin: 0; padding: 0;
        font-size:12pt;
        color:#333333 ;		/*	color:#696e6e;	*/
        font-family:'Arial','微軟正黑體','Microsoft JhengHei','sans-serif';
        background:#232830;	
        letter-spacing: 1px;	

        /* overflow-x: hidden; */
        -webkit-backface-visibility:hidden;
        background-attachment:fixed;    
  }
  form    {margin:0px;display: inline}/*不換行*/
  table   {margin: auto; padding: 2px;
    border-collapse: collapse; /* ie 7 and lower */
    border-spacing: 0;/*browser newer*/
/*
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
*/    
  }

  table[align="center"] {/*一定要加margin: 0 auto;  chrome才能置中*/
    margin:0 auto;
  }

  th,td      {padding: 7px;}
  .padding_2 {padding: 1px;}
/*

  td      {padding: 3px;border-width: 2; vertical-align: top; font-family: verdana, arial, helvetica, sans-serif;}
  th      {color: #ffffff; padding : 2px; vertical-align : middle; font-family: verdana, arial, helvetica, sans-serif;}
*/
  .ui-datepicker th {color: #222222;}/*for jquery datepicker 不然日曆的星期會變成#ffffff*/
/*
    ol,ul{height:1}
*/
  
img{border:none;}
/*CSS圓角
border-radius 左上 右上 右下 左下(從左上順時針一圈) 
*/
  
/* -----------------------------------

  2. Basic classes and elements

------------------------------------- */
  
  .align_l{text-align:left;}
  .align_r{text-align:right;}
  .align_c{text-align:center;}
  .align_t{vertical-align:top;}
  .align_m{vertical-align:middle;}
  .align_b{vertical-align:bottom;}

  
div.justify {
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph; /IE9/
-moz-text-align-last:justify; /Firefox/
-webkit-text-align-last:justify; /Chrome/
}
div.justify:after {
content: ”;
display: inline-block;
width: 100%;
}

.fixed_header{
/*	width: 1400px;		*/
	table-layout: fixed;
	border-collapse: collapse;
}

.fixed_header tbody{
	display:block;
	width: 100%;
	overflow: auto;
	height: 202px;		
}

.fixed_header thead tr {
   display: block;
}

.fixed_header thead {
/*  background: black;
  color:#fff;		*/
}

.fixed_header th, .fixed_header td {
/*	table-layout: fixed;
   padding: 5px;
  text-align: left;
 width: 200px;	*/
}

/*
  hr{color:#5b76d6; height:1}
  h3{font-size: 11pt;color:#5b76d6; background-color:#dce3fa; border:1px solid #5b76d6; text-align:center; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:3px}
  .h3_left{font-size: 11pt;color:#5b76d6; background-color:#dce3fa; border:1px solid #5b76d6; text-align:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:3px}
  h4{font-size: 10pt;color:#5b76d6}
*/
  .hand {	/*Cursor Hand*/
    cursor:pointer;
  }

  .default_cursor {	/*Cursor arrow*/
    cursor:default ;
  }

  .circle	{/*圓形*/
    -moz-border-radius:99em;
    -webkit-border-radius:99em;
    border-radius:99em;
  }  
  .corner	{/*圓角*/
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
  }
  .corner_5	{/*圓角*/
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
  }
  .corner_5_btm	{/*圓角*/
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
  }
  .corner_5_ru	{/*圓角*/
    -moz-border-radius:5px 10px 5px 5px;
    -webkit-border-radius:5px 10px 5px 5px;
    border-radius:5px 10px 5px 5px;
  }
  .corner_5_rb	{/*圓角 right bottom 10px*/
    -moz-border-radius:5px 5px 13px 5px;
    -webkit-border-radius:5px 5px 13px 5px;
    border-radius:5px 5px 13px 5px;
  }
  .corner_20_t_rb	{/*圓角 right bottom 10px*/
    -moz-border-radius:25px 20px 25px 5px;
    -webkit-border-radius:25px 20px 25px 5px;
    border-radius:25px 20px 25px 5px;
  }
  .corner_7	{/*圓角*/
    -moz-border-radius:7px 7px 7px 7px;
    -webkit-border-radius:7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
  }
  .corner_9	{/*圓角*/
    -moz-border-radius:9px 9px 9px 9px;
    -webkit-border-radius:9px 9px 9px 9px;
    border-radius:9px 9px 9px 9px;
  }
  .corner_11	{/*圓角*/
    -moz-border-radius:11px 11px 11px 11px;
    -webkit-border-radius:11px 11px 11px 11px;
    border-radius:11px 11px 11px 11px;
  }

  .corner_11_btm	{/*圓角*/
    -moz-border-radius:0px 0px 11px 11px;
    -webkit-border-radius:00px 0px 11px 11px;
    border-radius:0px 0px 11px 11px;
  }

  .corner_20	{/*圓角*/
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border-radius:20px 20px 20px 20px;
  }

  
  .corner_60	{/*圓角*/
    -moz-border-radius:75px 75px 75px 75px;
    -webkit-border-radius:75px 75px 75px 75px;
    border-radius:75px 75px 75px 75px;
  }

  .reflect{
  -webkit-box-reflect:below 0 linear-gradient(transparent,rgba(122,122,122,.5)) ;
  }

  .reflect:hover {
  -webkit-box-reflect:below 0 linear-gradient(transparent,rgba(122,122,122,1)) ;
  }

  .gray_scale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity:0.7;filter: 
    alpha(opacity=70);
    
  }
/*平行四邊形 parallelogram*/
.parallelogram {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.parallelogram::before {
    position: absolute;
    z-index: -1;
    content: '';
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    background: #ddd;/*#aaaaaa #2e388a*/
/*    
    top: 0; right: 0; bottom: 0; left: 0;
    background: #111f3e;   */    /*#aaaaaa #2e388a*/
    transform: skew(-30deg);
}

/*
	.select_style,.select_style_self,.select_style_check select::-ms-expand {
		display: none;
	}
*/
	.select_style select , .select_style_self select , .select_style_check select, .select_style_gray select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 20px;
		color: #588256;
		font-size: 12px;
		height: 20px;
		padding-left: 10px;
		width: 40px;
		background-position: 20px 0px;
		background-repeat: no-repeat;
	}
	.select_style select,.select_style_self select{
		border: 1px solid #6da16b;
		background-image: url(/_image/select_arrow.png);
	}
	.select_style_check select{
		border: 1px solid #dc9223;
		background-image: url(/_image/select_arrow_check.png);
	}
	.select_style_gray select{
		border: 1px solid #aaa ;
		background-image: url(/_image/select_arrow_gray.png);
	}
  
  .shadow {
    /* nothing to define */
  }

	.arrow_down{
		background-image: url(/_image/arrow_down.png);
	}
	.arrow_down :hover{
		background-image: url(/_image/arrow.png);
	}
  
  .progress_shadow , .shadow_2 , .shadow_2n {
    -webkit-box-shadow:1px 2px 2px rgba(0,0,0,.40);
    -moz-box-shadow:1px 2px 2px rgba(0,0,0,.40);
    -o-box-shadow:1px 2px 2px rgba(0,0,0,.40);
    -ms-box-shadow:1px 2px 2px rgba(0,0,0,.40);
    box-shadow:1px 2px 2px rgba(0,0,0,.40);  
    transition: box-shadow 0.5s ease-in-out;
  }
  .shadow_1n {
    -webkit-box-shadow:1px 0px 0px rgba(0,0,0,.30) inset;
    -moz-box-shadow:1px 0px 0px rgba(0,0,0,.30) inset;
    -o-box-shadow:1px 0px 0px rgba(0,0,0,.30) inset;
    -ms-box-shadow:1px 0px 0px rgba(0,0,0,.30) inset;
    box-shadow:1px 0px 0px rgba(0,0,0,.30) inset;  
    transition: box-shadow 0.5s ease-in-out;
  }
  
  .progress_shadow:hover ,.shadow:hover,.shadow_2:hover {
    -webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    -moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    -o-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    -ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    box-shadow:3px 6px 6px rgba(0,0,0,.40);  
    -webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;
  }

  .shadow_2_r {
    -webkit-box-shadow:1px 2px 2px rgba(220,0,0,.40);
    -moz-box-shadow:1px 2px 2px rgba(220,0,0,.40);
    -o-box-shadow:1px 2px 2px rgba(220,0,0,.40);
    -ms-box-shadow:1px 2px 2px rgba(220,0,0,.40);
    box-shadow:1px 2px 2px rgba(220,0,0,.40);  
    transition: box-shadow 0.5s ease-in-out;
  }
  .shadow_2_r:hover {
    -webkit-box-shadow:3px 6px 6px rgba(220,0,0,.40);
    -moz-box-shadow:3px 6px 6px rgba(220,0,0,.40);
    -o-box-shadow:3px 6px 6px rgba(220,0,0,.40);
    -ms-box-shadow:3px 6px 6px rgba(220,0,0,.40);
    box-shadow:3px 6px 6px rgba(220,0,0,.40);  
    -webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;
  }

  .shadow_7 {
    -webkit-box-shadow:3px 7px 7px rgba(0,0,0,.40);
    -moz-box-shadow:3px 7px 7px rgba(0,0,0,.40);
    -o-box-shadow:3px 7px 7px rgba(0,0,0,.40);
    -ms-box-shadow:3px 7px 7px rgba(0,0,0,.40);
    box-shadow:3px 7px 7px rgba(0,0,0,.40);  
    transition: box-shadow 0.5s ease-in-out;
  }
  .shadow_7:hover {
    cursor:pointer;
    -webkit-box-shadow:5px 12px 12px rgba(0,0,0,.40);
    -moz-box-shadow:5px 12px 12px rgba(0,0,0,.40);
    -o-box-shadow:5px 12px 12px rgba(0,0,0,.40);
    -ms-box-shadow:5px 12px 12px rgba(0,0,0,.40);
    box-shadow:5px 12px 12px rgba(0,0,0,.40);  
    -webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;
  }

  .progress_shadow {	
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
                border-radius:20px;
  }

  .img_shadow {
    border:1px solid #ccc ;
    -webkit-box-shadow:10px 11px 11px rgba(0,0,0,.40);
    -moz-box-shadow:10px 11px 11px rgba(0,0,0,.40);
    -o-box-shadow:10px 11px 11px rgba(0,0,0,.40);
    -ms-box-shadow:10px 11px 11px rgba(0,0,0,.40);
    box-shadow:10px 11px 11px rgba(0,0,0,.40);  
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;
  }

  .count-tip ,.count-tip-b {
    position: relative;top: -15px ;
    font-family:'Arial','微軟正黑體','Microsoft JhengHei','sans-serif' ;
    border-radius: 10px ;
    margin-left: 2px ;	
    font-size: 10px ;
    color: #eeeeee ;
    padding: 1px 4px ;
    line-height: 1.2em ;
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.40) ;
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,.40) ;
    -o-box-shadow:1px 1px 1px rgba(0,0,0,.40) ;
    -ms-box-shadow:1px 1px 1px rgba(0,0,0,.40) ;
    box-shadow:1px 1px 1px rgba(0,0,0,.40) ;  
    transition: box-shadow 0.5s ease-in-out ;
    
  }
  
  .count-tip {
    background: #f9a39c ;
  }

  .count-tip-b {
    background: #5E96e1 ;
  }

  .text-shadow{
    text-shadow: 2px 2px 3px #434a54;	
  }

  .box-shadow_red{
    box-shadow:1px 1px 3px #ff6666;padding:5px;background:#FFF0F1;/*red*/	
  }
  a.box-shadow_red:link    {color:#ff6666;}
  a.box-shadow_red:visited {color:#ff6666;}
  a.box-shadow_red:hover   {background:#ff6666;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}

  .box-shadow_green{
    box-shadow:1px 1px 3px #55aa55;padding:5px;background:#d3f6d2;/*green #E3F0D0*/
  }
  a.box-shadow_green:link    {color:green;}
  a.box-shadow_green:visited {color:green;}
  a.box-shadow_green:hover   {background:green;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}

  .box-shadow_blue{
    box-shadow:1px 1px 3px #3388ff;padding:5px;background:#BEDDFA;/*blue*/	
  }
  a.box-shadow_blue:link    {color:#3388ff;}
  a.box-shadow_blue:visited {color:#3388ff;}
  a.box-shadow_blue:hover   {background:#3388ff;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}


  .box-shadow_gray{
    box-shadow:1px 1px 3px gray;padding:5px;background:#f0f0f0;/*gray*/
  }
  a.box-shadow_gray:link    {color:gray;}
  a.box-shadow_gray:visited {color:gray;}
  a.box-shadow_gray:hover   {background:gray;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}

  .box-shadow_tea{
    box-shadow:1px 1px 3px #d06c3e;padding:5px;background:#EDDAC1;/*#a0522d#996633*/	
  }
  a.box-shadow_tea:link    {color:#d06c3e;}
  a.box-shadow_tea:visited {color:#d06c3e;}
  a.box-shadow_tea:hover   {background:#d06c3e;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}

  .box-shadow_pink{
    box-shadow:1px 1px 3px #d06c3e;padding:5px;background:#EDDAC1;/*#a0522d#996633*/	
  }
  a.box-shadow_pink:link    {color:#a255c4;}
  a.box-shadow_pink:visited {color:#a255c4;}
  a.box-shadow_pink:hover   {background:#a255c4;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}
  
  .box-shadow_purple{
    box-shadow:1px 1px 3px #d06c3e;padding:5px;background:#EDDAC1;/*#a0522d#996633*/	
  }
  a.box-shadow_purple:link    {color:#4e4ca0;}
  a.box-shadow_purple:visited {color:#4e4ca0;}
  a.box-shadow_purple:hover   {background:#4e4ca0;color: #ffffff;text-decoration:none; /*font-size: 120%;*/}

/*new css start--------------------------------------------------------------*/


.more {
  white-space: nowrap; 
/*  width: 450px; */
  overflow: hidden;
  text-overflow: ellipsis; 
}


  .d_inline_b{
    display:inline-block;
  }
  .d_block{
    display:block;
  }
  .d_table{
    display:table;
  }
  .d_table_cell{
    display:table-cell;
  }
  .d_none{
    display:none;
  }
  .v_hidden{
    visibility: hidden;
  }  
  .v_visible{
    visibility: visible;
  }

  .f_under {
	text-decoration-line: underline;
	text-underline-offset: 2px;	
	-webkit-text-decoration-color: #575; /* Safari */  
	text-decoration-color: #575 ;   
	text-decoration-thickness: 2px;
  }
  
  .f_size_small{
    font-size:10pt;
  }
  .f_size_medium , .ff_size_medium{
    font-size:12pt;
  }
  .ff_size_medium:hover {
    color: #ffffff ;
  }
  .f_size_large{
    font-size:14pt;
  }
  .f_border{
    font-size:14pt;
    border: 1px solid #555555; /* 2px 粗細，實線，藍色 */
    padding: 5px; /* 內邊距 */
    display: inline-block; /* 讓 div 只佔用文字寬度 */
  }
  .full_width{
    width:100%;
  }


  .p_lr_0 .p_hr_0{/*horizontal rule*/
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .p_tb_0 .p_vr_0{/*vertical rule*/
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  
  .p_5{
    padding:5px !important;
  }
  .p_10{
    padding:10px !important;
  } 

  .p_top_0{
    padding-top:0 !important;
  }
  .p_top_5{
    padding-top:5px !important;
  }
  .p_top_10{
    padding-top:10px !important;
  }
  .p_bottom_0{
    padding-bottom:0 !important;
  }
  .p_bottom_5{
    padding-bottom:5px !important;
  }
  .p_bottom_10{
    padding-bottom:10px !important;
  }
  .p_left_0{
    padding-left:0 !important;
  }
  .p_left_5{
    padding-left:5px !important;
  }
  .p_left_10{
    padding-left:10px !important;
  }
  .m_lr_normal{
    margin-left:10%;
    margin-right:10%;
    width:80%;
  }
  div.m_lr_normal{
    width:79%;/*修正因padding 導致比 <table class=m_lr_normal>長*/
  }
  .m_left_0{
    margin-left:0 !important;
  }
  .m_left_5{
    margin-left:5px !important;
  }
  .m_left_10{
    margin-left:10px;
  }
  .m_left_15{
    margin-left:15px;
  }
  .m_left_20{
    margin-left:20px;
  }
  .m_left_25{
    margin-left:25px;
  }
  .m_left_30{
    margin-left:30px;
  }
  .m_right_0{
    margin-right:0 !important;
  }
  .m_right_5{
    margin-right:5px;
  }
  .m_right_10{
    margin-right:10px;
  }
  .m_right_15{
    margin-right:15px;
  }
  .m_right_20{
    margin-right:20px;
  }
  .m_right_25{
    margin-right:25px;
  }
  .m_right_30{
    margin-right:30px;
  }
  .m_top_0{
    margin-top:0px !important;
  }
  .m_top_5{
    margin-top: 5px !important;
  }
  .m_top_10{
    margin-top:10px !important;
  }
  .m_top_15{
    margin-top:10px !important;
  }
  .m_top_20{
    margin-top:20px !important;
  }
  .m_top_25{
    margin-top:25px !important;
  }
  .m_top_30{
    margin-top:30px !important;
  }
  .m_bottom_0{
    margin-bottom:0px !important;
  }
  .m_bottom_5{
    margin-bottom: 5px;
  }
  .m_bottom_10{
    margin-bottom:10px;
  }
  .m_bottom_15{
    margin-bottom:10px;
  }
  .m_bottom_20{
    margin-bottom:20px;
  }
  .m_bottom_25{
    margin-bottom:25px;
  }
  .m_bottom_30{
    margin-bottom:30px;
  }
  
  .center{
    margin-left:auto;
    margin-right:auto;
  }
  .f_left{
    float:left;
  }
  .f_right{
    float:right;
  }
  .f_clear{
    clear:both;
  }

  .color_default { color: #333333;}/*body color*/
  .color_red { color: #ff8888;}
  .bg_color_red{    background:#ffaaaa;  }
  .bg_color_red_1{
    background:#c0392b;
  }

  /*.color_green    { color: #1b8b2c;}*/
  .color_green{
    color:#27ae60;/*2e683a*/
  }
  .color_green_d{
    color:#1b8b2c;
  }
  .bg_color_green_1{
    background:#27ae60;
  }
  .bg_color_blue_1{
    background:#2760ae;
  }
  .bg_color_green_2{
    background:#37ce71;
  }
  .bg_color_green_3{
    background:#aaccaa;
  }
  .bg_color_green_light{
    background:#d3f6d2;
  }

  .zone_type_n{
  color: #000000 ;
  background:#77de90;
  }
  .zone_type_m{
  font-weight:bold;
  color: #cccccc;
  background:#17ae52;
  }
  .zone_type_s{
  color: #ffffff;
  background:#277e40;
  }
  
  .zone_type_o{
  color: #ffffff;
  background:#6688ee;
  }
  
  .next_level_3{
  color: #ffffff;
  background:#aaaaaa;
  }
  
  .next_level_4{
  color: #ffffff;
  background:#338822;
  }
  
  .next_level_6{
  color: #ffffff;
  background:#46b8f3;
  }
  
  .zone_type_n, .zone_type_m, .zone_type_s, .zone_type_o {
  font-size:12pt;
  padding:5px 5px;
  -moz-border-radius:15px 15px 15px 15px;
  -webkit-border-radius:15px 15px 15px 15px;
  border-radius:15px 15px 15px 15px;
  }
  
  .next_level_3, .next_level_4, .next_level_6 {
  font-size:10pt;
  padding:3px 3px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
  }
  
  .zone_type_n, .zone_type_m, .zone_type_s, .zone_type_o, .next_level_3, .next_level_4, .next_level_6{
  -webkit-box-shadow:1px 2px 2px rgba(0,0,0,.40);
  -moz-box-shadow:1px 2px 2px rgba(0,0,0,.40);
  -o-box-shadow:1px 2px 2px rgba(0,0,0,.40);
  -ms-box-shadow:1px 2px 2px rgba(0,0,0,.40);
  box-shadow:1px 2px 2px rgba(0,0,0,.40);  
  transition: box-shadow 0.5s ease-in-out;
  }

  .color_blue	{ color:#6699ee;}
  .color_blue_1	{ color:#7e8ae8;}
  .color_blue_d	{ color:#5577bb ;}
  .bg_color_blue_1{
  background:#2980b9;
  }
  .bg_color_blue_2{
  background:#3498db;
  }
  .bg_color_blue_3{
  background:#41bedd;
  }
  .bg_color_blue_4{
  background:#c7edf8 ;
  }

  .color_yellow     { color: #ffff00;}
  .color_black      { color: #000000;}
  .color_dark  	    { color: #555555;}
  .color_gray  	    { color: #888888;}
  .color_gray_light { color: #cccccc;}
  .bg_color_gray{
    background:#f0f0f0;
  }
  .color_gray_green { color: #557b50;}
  
  .color_white { color: #ffffff;}
  .bg_color_white{
    background:#ffffff;
  }  
  
  .color_orange	{ color: #ffcc99;}
  .bg_color_orange{
    background:#ffcc99;
  }

  .bg_blue_color_white{
    background: #ffffff ;
    color: #5E96e1 ;
  }

  .bg_yellow_color_blue {
    background:  #ffff00 ;
    color: #5E96e1 ;
  }
  
  .color_orange_0	{ color: #dd7722;}
  .bg_color_orange_0{
    background:#dd7722 ;
  }

  .bg_color_orange_1{
    background:#e67e22;
  }
  .bg_color_orange_2{
    background:#f39c12;
  }
  .bg_color_orange_3{
    background:#f1c40f;
  }

  .color_pink { color: #ffc0cb;}
  .color_pink_1 { color: #ee7785;}
  .bg_color_pink{
    background:#ffc0cb;
  }
  .bg_color_pink_1{
    background:#ee7785;
  }
  .color_purple	{ color: #a255c4;}
  .bg_color_purple_1{
    background:#a255c4;
  }
  .bg_color_purple_2{
    background:#4e4ca0;
  }

  .pointer{cursor:pointer;}
  .show_data{
    display:inline-block;
    height:11px;
    width:11px;
    background:url("../_image/plus.gif");
  }
  .hide_data{
    display:inline-block;
    height:11px;
    width:11px;
    background:url("../_image/minus.gif");
  }
/*new css end--------------------------------------------------------------*/

.gb { 
	font-size:36pt;
	transform:scale(1.25,1); 
		-webkit-transform:scale(1.25,1); 
		-moz-transform:scale(1.25,1); 
		-ms-transform:scale(1.25,1); 
		-o-transform:scale(1.25,1); 
}	
.gb17 { 
	font-size:22pt;
}	
.gb,.gb17 { 
	font-family:"Arial Black", "Arial Bold";
	color:#fff;
	font-weight:bold;
	display:inline-block;
	transform:scale(1.25,1); 
	-webkit-transform:scale(1.25,1); 
	-moz-transform:scale(1.25,1); 
	-ms-transform:scale(1.25,1); 
	-o-transform:scale(1.25,1); 
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
/*	text-shadow: 2px 2px 3px rgba(150,150,150,.70);
*/
}	

  .qna_0 {background: #cccccc!important;padding:5px;}
  .qna_1 {background: #55bbbb!important;padding:5px;}
  .qna_1,.qna_0 { border:0px;color:#fff;vertical-align:middle;text-align:center;
			font-family: 'Arial','微軟正黑體';font-size:20pt;}
  .qna_0:hover   {color:#fff;background:#2Ea83A!important;}
  .qna_btn { color:#ffffff;padding:5px 10px 5px 10px ;border:1px #779977 solid;background:#668866!important;}
  .qna_btn:hover { color:#ffff55;background:#55bbbb!important;border:1px #555555 solid;}
  
  .btn1,.btn5 {background: #81aa60!important;}
  .btn1r {background: #ffaaaa!important;}
  .btn1n {background: #81aa60!important;}
  .btn1,.btn5:hover   {color:#fff;background:#2Ea83A!important;border: 1px solid #2Ea83A;}
  
  .btn2n {background: #5E96e1!important;}
  .btn2 {background: #5E96e1!important;}
  .btn4 {background: #5E96c1!important;}
  .btn10 {background: #7f937f!important;}
  .btn2:hover ,.btn4:hover   {color:#fff;background:#3E76b1!important;border: 1px solid #5Ea6b1;}
  
  .btn30 {background: #dddddd!important;border: 1px solid #bbbbbb;}
  .btn3a {background: #7Ec88A!important;}
  .btn30:hover ,.btn3a:hover {color:#fff;background:#2Ea83A!important;border: 1px solid #2Ea83A;}
  
  .btn0n ,.btn1n ,.btn2n {font-family: 'Arial','微軟正黑體';color:#fff;height:30px;font-size:13pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:2px 15px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn0 ,.btn00 ,.btn1 ,.btn1r ,.btn2 {font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;height:30px;font-size:13pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 15px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn10 {font-family: 'Arial','微軟正黑體';color:#eee;cursor:pointer;height:26px;width:26px;font-size:16pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn20 {font-family: 'Arial','微軟正黑體';color:#555;cursor:pointer;height:25px;font-size:11pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:2px 10px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn3 ,.btn3a {font-family: 'Arial','微軟正黑體';color:#000;cursor:pointer;height:25px;font-size:10pt;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:5px;padding:2px 5px;border: 1px solid #999999;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn3r {font-family: 'Arial','微軟正黑體';color:#faa;cursor:pointer;height:25px;font-size:10pt;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:5px;padding:2px 5px;border: 1px solid #999999;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn4 {font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;height:30px;font-size:13pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:4px 10px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn0:hover ,.btn1:hover ,.btn1r:hover ,.btn2:hover ,.btn10:hover ,.btn20:hover ,.btn3:hover  ,.btn3r:hover  ,.btn4:hover   {-webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;-webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);-moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);-o-box-shadow:3px 6px 6px rgba(0,0,0,.40);-ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);box-shadow:3px 6px 6px rgba(0,0,0,.40);}
  .btn10:.btn20:hover { color:#faa;background:#ccffee;}
  .btn5 {font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;height:26px;font-size:13pt;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:2px 15px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn5:hover  {-webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;-webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);-moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);-o-box-shadow:3px 6px 6px rgba(0,0,0,.40);-ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);box-shadow:3px 6px 6px rgba(0,0,0,.40);}
  
  .btn0,.btn00 {background: #aaaaaa!important;font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;height:30px;font-size:13pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 15px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn0n {background: #91aa90!important;font-family: 'Arial','微軟正黑體';color:#fff;height:20px;font-size:10pt;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:2px 10px;border: 0px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn0:hover   {color:#fff;background:#2Ea83A!important;border: 1px solid #2Ea83A;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;-webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);-moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);-o-box-shadow:3px 6px 6px rgba(0,0,0,.40);-ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);box-shadow:3px 6px 6px rgba(0,0,0,.40);}
  
  .btn_on  {background: #2Ea83A!important;border: 1px solid #ffffff;font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;height:30px;font-size:10pt;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn_off {background: #aaaaaa!important;border: 1px solid #ffffff;font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;height:30px;font-size:10pt;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .btn_on:hover ,.btn_off:hover  {-webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;-webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);-moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);-o-box-shadow:3px 6px 6px rgba(0,0,0,.40);-ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);box-shadow:3px 6px 6px rgba(0,0,0,.40);}

  .button1{background: #88aa66!important;font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;font-size:11pt;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;padding:3px 10px;border: 1px solid #dbe1c6;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .button1:hover    {color:#fff;background:#2Ea83A!important;border: 1px solid #2Ea83A;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;-webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);-moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);-o-box-shadow:3px 6px 6px rgba(0,0,0,.40);-ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);box-shadow:3px 6px 6px rgba(0,0,0,.40);}
  /*smaller than button1 & 未設height*/
  .button2   {background: #81aa60!important;font-family: 'Arial','微軟正黑體';color:#fff;cursor:pointer;font-size:10pt;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;padding:1px 5px;border: 1px solid #2E683A;transition: box-shadow 0.5s ease-in-out;}/*transparent*/
  .button2:hover{color:#fff;background:#2Ea83A!important;border: 1px solid #2Ea83A;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;-webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);-moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);-o-box-shadow:3px 6px 6px rgba(0,0,0,.40);-ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);box-shadow:3px 6px 6px rgba(0,0,0,.40);}
  
  .button3   {color:blue; background-color:#ffa0a0 ; font-size:12px; border:#9c9c9c ridge 1px; cursor:pointer;
        -moz-border-radius:0px 7px 0px 0px;
        -webkit-border-radius:0px 7px 0px 0px;
        border-radius:0px 7px 0px 0px;
  }/*20150204+ border-radius*/

  .b{font-weight:bold}
  .super{vertical-align:super;font-size:65% !important;}/*上標*/
  .sub  {vertical-align:sub;font-size:65% !important;}/*下標*/
  .money{text-align:right;font-weight:bold;color:#ff0000;}/*金錢*/
  .f_arial{font-family: 'Arial';}/*transparent*/
/*
  ul { margin: 2px; padding: 12px; list-style: decimal inside; text-align: left;}
  li { margin-left: 2px; list-style: square inside; color: #2f5376}

  ul { margin: 2px; padding: 12px; text-align: left;}
  li { margin-left: 2px; list-style: square inside; color: #2f5376}
  
  li { margin-left: 2em; list-style: square inside;list-style-position:outside;}
*/

  ul { margin-left: 12px; padding-left: 12px; text-align: left;}
  ol { margin: 2px; padding-left: 12px; list-style: decimal inside; text-align: left;}
  li { margin-left: 1.5em; list-style-position:outside;}
  li.decimal { margin-left: 2px; list-style: decimal inside; color: #2f5376}
  li.disc { margin-left: 2px; list-style: disc inside; color: #2f5376}
  li.circle { margin-left: 2px; list-style: circle inside; color: #2f5376}
  li.square_image { margin-left: 2px; list-style:url(../_image/list_square_orange.gif) square inside; color: #555555;font-family: 標楷體,verdana, arial, helvetica, sans-serif;font-size:12pt;background:#ffffcc;}/*background:#ffffcc;color: #996600 list-style: square inside;*/

/*link*/
  a{
    text-decoration:none;
    outline: none !important;
  }
  
  .border_none { 
    border : none;  
  }
  .border_none_t { 
    border-top: none;  
  }
  .border_none_r { 
    border-right-style: none;  
  }
  .border_none_b { 
    border-bottom: none;  
  }
  .border_none_l { 
    border-left-style: none;  
  }
  .border_none_r_l { 
    border-top-style: dotted ;  
    border-top-color: #aaa ;  
     padding:0px;
  }
  .border_dot_t_d { 
    border-top-style: dotted ;  
    border-top-color: #aaa ;  
    border-bottom-style: dotted ;  
    border-bottom-color: #aaa ;  
     padding:0px;
  }
  .border_none_t_r_l { 
    border-bottom-style: solid ;  
    border-bottom-width: 1px ;  
    border-bottom-color: #aaa ;  
     padding:0px;
  }
  .border_none_t { 
    border-top-style: none;  
  }
  .border_none_b { 
    border-bottom-style: none;  
  }

/*---webpage-----*/
  .webpage_lstcontent{
    font-size:10pt;
    font-family: "Arial", "新細明體";
    color:#666666;
    margin-left:12px;
  }

  .webpage_date { font-family: 'Arial'; color: #808080; font-style: normal; font-size:10pt; line-height:12pt;}

  .webpage_topic{
    border:double 5px #e4e4e4;
    font-size:18px;
    font-family: "Arial", "新細明體";
    font-weight:bold;
    line-height:23px;
    color:#666666;
    padding:8px;
    background:#f3f3f3;
  }
  .webpage_content{
    clear:both;
    font-size:12pt;
    font-family: "Arial", "新細明體";
    line-height:30px;
    color:#000000;
/*
    width:530px;
    margin-bottom:20px;*/
    margin-bottom:5px;
  }
  .webpage_ref1{
    border:solid 1px #cccccc;/*#cccccc #873c23*/
    background:#ffffff;/*#873C23 #4c83ea;*/
  }
  .webpage_ref2{
    border:solid 1px #cccccc;
    background:#e1eefb;/*#e1eefb #c7a398*/
    text-align:center;
    font-size:11pt;
    color:#006699;
  }
  .webpage_ref3{
    border:solid 1px #cccccc;
    background:#ffffff;
    text-align:left;
    font-size:11pt;
  }
  .webpage_ref4{
    border:solid 1px #cccccc;
    background:#e0f0e0;
    font-size:12pt;
  }


/* -----------------------------------

  3. Header

------------------------------------- */  

/* -----------------------------------

  4. Footer

------------------------------------- */

/* -----------------------------------

  5. Lists and navigations (menu、導覽列)

------------------------------------- */

/* -----------------------------------

  6. Tables

------------------------------------- */
  .table_type_even tr:nth-child(even){
    background-color:#cccccc;
  }
  .table_type_odd tr:nth-child(odd){
    background-color:#cccccc;
  }
  .table_type_1 tr:first-child{
  /*  .table_type_1 tr:nth-child(1){*/
    background-color: #4c83ea; color: #ffffff; text-align: center;text-shadow: 2px 2px 3px #434a54;
  }
  .table_type_1 tr:nth-child(2n+3){
    background-color:#cccccc;
  }
  .table_type_1 tr:nth-child(2n+2){
    background-color:#fafafa;
  }

  .table_type_even tr:nth-child(2n):hover,.table_type_even tr:nth-child(2n+1):hover,
  .table_type_odd tr:nth-child(2n):hover,.table_type_odd tr:nth-child(2n+1):hover,
  .table_type_1 tr:nth-child(2n+3):hover,.table_type_1 tr:nth-child(2n+2):hover{
    background-color:#ddffee;
  }
  .table_header_left{background-color: #4f5c49; color: #ffffff; text-align: left;font-size: 12pt;text-shadow: 2px 2px 3px #434a54;}
  .table_header{background-color: #4f5c49; color: #ffffff; text-align: center;font-size: 12pt;text-shadow: 2px 2px 3px #434a54;}

  .table_row_type {background-color: #7f937f;}	/* end table */
  .table_row7 {background-color: #3Ea84A;}	/* end table */
  .table_row_red {background-color: #ffeeee;}	/* end table */
  .table_row8 {background-color: #6Ea87A;}	/* end table */
  .table_row8i {background-color: #44bbcc;}	/* end table */
  .table_row9 {background-color: #7fc37f;}	/* end table */
  .table_row9a {background-color: #6699bb;}	/* end table */
  .table_row0 {background-color: #7f937f;}	/* #111f3e */
  .table_row00 {background-color: #557799;}
  .table_row0i {background-color: #111f3e;}	/* #5566aa */
  .table_row1 ,.table_row10 {background-color: #fcfcfc; }
  .table_row1e {background-color: #f3faf3;}
  .table_row1i {background-color: #cccccc;}
  .table_row2 ,.table_row20 {background-color: #efefef;}	/* #c0c8ce #DBE1C6 #cbd1b8  #abb198; */
  .table_row3 {background-color: #eeffee;}
  .table_row4 {background-color: #ffffff;}
  .table_row5 {background-color: #aaccaa;}
  
  .table_row99 {background-color: #d0d8de;}
  
  .table_row3i {background-color: #e8e8e8;}
  .table_row4i {background-color: #f8f8f8;}	/* transparent; */
  .table_row5i {background-color: transparent;}
  .table_row2i {background-color: #c0cec8;}	/* #abb198; */
  .td_padding {padding:5px;}
  .us_table        {background-color: #4c83ea; color: #ffffff; text-align: center;}
  .us_table1       {background-color: #6cc37a; color: #ffffff; text-align: center;}
  
  .table_row1:hover ,.table_row1i:hover  ,.table_row3i:hover  ,.table_row4:hover  ,.table_row4i:hover ,.table_row5:hover  ,.table_row1e:hover {background-color: #c0f8ce;color: #555555; } /*  #435064 */
  .table_row5i:hover  {background-color: #c0c8ce;color: #ffff66; } /*  #435064 */
  .table_row2:hover ,.table_row2i:hover,.table_row3:hover  {background-color: #c0f8ce;color: #555555; } /*  #435064 */
  
  .tb_hover {background-color: #c0c8ce;color: #ffffff; }
  
  .table_row1_hover {background-color: #fafafa;}
  .table_row2_hover {background-color: #e8ece8;}
  
  .table_row1_hover:hover {background-color: #ddffee;}
  .table_row2_hover:hover {background-color: #ddffee;}
  
  
/* -----------------------------------

  7. Tabs

------------------------------------- */

/* -----------------------------------

  8. Buttons

------------------------------------- */

/* -----------------------------------

  9. Forms

------------------------------------- */
  .input_w_full{
    width:95%;
  }
  .input_w_80{
    width:80%;
  }
  .input_w_50{
    width:50%;
  }

.strikeout {
  position: relative;
}
.strikeout::after {
  position: absolute;
  border-bottom: 0.3em solid rgba(255, 0, 0, 0.5);
  line-height: 1em;
  margin-top: calc(0.3em / 2 * -1);
  top	: 50%;
  content: "";
  color : #ff0000 ;
  left 	: 0px;
  right	: 0px;
}


  #back_top 		{line-height:1;POSITION: fixed;WIDTH: 40px;height:40px;BOTTOM:10px;RIGHT: 10px;OVERFLOW: hidden;opacity:0.7;filter: alpha(opacity=70);}
  * html #back_top 	{ display: none; }
  #back_top img 		{ display: block; cursor: pointer; }
  #back_top:hover 	{ opacity:1; filter: alpha(opacity=100); }
  #back_top a 		{ margin: 0px auto; display: block; overflow: hidden; height: 40px; }
  #back_top a:hover 	{ border-bottom-style: none;  border-right-style: none;  border-top-style: none; border-left-style: none; filter: alpha(opacity=100); -moz-opacity:1.0;opacity:1; }
  #back_top a img 	{ display: block ; }
  #back_top a:hover img 	{ margin-top: -40px ; }

  #go_bottom 		{line-height:1;POSITION: fixed;WIDTH: 40px;height:40px;top:10px;RIGHT: 10px;OVERFLOW: hidden;opacity:0.7;filter: alpha(opacity=70);}
  * html #go_bottom 	{ display: none; }
  #go_bottom img 		{ display: block; cursor: pointer; }
  #go_bottom:hover 	{ opacity:1; filter: alpha(opacity=100); }
  #go_bottom a 		{ margin: 0px auto; display: block; overflow: hidden; height: 40px; }
  #go_bottom a:hover 	{ border-bottom-style: none;  border-right-style: none;  border-top-style: none; border-left-style: none; filter: alpha(opacity=100); -moz-opacity:1.0;opacity:1; }
  #go_bottom a img 	{ display: block ; }
  #go_bottom a:hover img 	{ margin-top: -40px ; }

  .border_1px{border: 1px solid #aa5500;}
  .border_1px_b{border: 1px solid #aaaaaa;}
  .black {font-family: 'Arial','' ;color: #000000 ;font-style: normal ;font-size: 12pt; line-height:20px ;}

.etitle > span{
  width: 250px; 
  padding: 10px 20px; 
  margin-top: 30px; 
  opacity: 0; 
  visibility: hidden; 
  z-index: 10; 
  position: absolute; 
  display: none; 
  margin-left: 50px;
  -webkit-border-radius: 5px 30px 2px 20px ; 
  -moz-border-radius:  5px 30px 2px 20px ; 
  -o-border-radius:  5px 30px 2px 20px ; 
  border-radius:  5px 30px 2px 20px ; 

    -webkit-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    -moz-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    -o-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    -ms-box-shadow:3px 6px 6px rgba(0,0,0,.40);
    box-shadow:3px 6px 6px rgba(0,0,0,.40);  
    -webkit-transition: background-color 1s;-moz-transition: background-color 1s;transition: background-color 1s;transition: box-shadow 0.5s ease-out;
  
  
}

/* ------------ scroll table start -------------------------------------- */

table.scroll {
	width: 100%; /* Optional */
	/* border-collapse: collapse; */
	border-spacing: 0;
	border: 1px solid black;
	table-layout:fixed; 
 
}

table.scroll tbody, table.scroll thead { 
	display: block; 
}
table.scroll thead, table.scroll tr { 
	height: 30px;
	line-height: 30px;
}
table.scroll thead, table.scroll th { 
	height: 65px;
	line-height: 30px;
	overflow: hidden; 	
	table-layout:fixed;
}
table.scroll tbody td, table.scroll thead th {
	border:1px solid black;
	padding:2px;
	overflow: hidden; 
	table-layout:fixed;	
}

table.scroll tbody {
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

table.scroll tbody { 
	border-top: 1px solid black; 
}

table.scroll tbody td:last-child, table.scroll thead th:last-child {
	border-right: none;
}
/* ------------ scroll table stop -------------------------------------- */


      .scrolltable {
        border : 1px solid black;
        padding : 0px ;
	overflow : auto;  
      }

      .scrollitems{
        padding : 0px ;
        border : 0px solid red;
      }




.etitle:hover span{ 
  color: #000000; 
  border: 1px solid #aac; 
  background: #eee;
  display: inline; 
} 

.etitle:hover > span{ 
  opacity: 1; 
  visibility: visible; 
  overflow: visible; 
}

.help_list {
  counter-increment:numb 0; 
    list-style: none ;
    line-height:30px ;
  }
.help_list li {
    counter-increment: li
  }
.help_list li:hover {
    color : #000 ;
  }
/*
counter-increment:numb 5; 
  content:counter(numb) '. ';
*/
.help_list li::before {
counter-increment:numb 1; 
    content: counter(numb)'.' ; 	
    color: #000 ;
    display: inline-block; 
    width: 1.5em;
    margin-left: -1.5em
  }

.sub_help_list {
    list-style: disc ;
    line-height:25px ;
  }
.sub_help_list li:hover {
    color : #000 ;
  }

// -->
</style>