



.content_title01 {
    font-family: serif; 
    font-size: 11pt; 
    color: #000080; 
    letter-spacing: 1pt; 
    text-align: left; margin-left: 30 
}

.menuA {
	font-size: 10pt;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-decoration: none;

}
.menuB {
	font-size: 10pt;
	color: #336633;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 20px;

}
.size10c {
	font-family: ;
	font-size: 10pt;
}
.size11c {
	font-family: ;
	font-size: 11pt;
}
.txtfield {
	font-family: ;
	font-size: 9pt;
	border: 1px solid #333333;
}
.txtread {
	font-family: ;
	font-size: 9pt;
	border: 1px solid #333333;
    background-color=#E4E4E4;
}
.txtnums {
	font-family: ;
	font-size: 9pt;
	border: 1px solid #333333;
	text-align:right;
}
.readnums {
	font-family: ;
	font-size: 9pt;
	border: 1px solid #333333;
    background-color=#E4E4E4;
    text-align:right;
}
.size9e {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.userData {
	behavior:url(#default#userdata);
}
.size9c {
	font-family: ;
	font-size: 9pt;
}
.title {
	/*font-size: 11pt;*/
	color: #FFFFFF;
	letter-spacing: 2px;
}
.input {
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
.bar_datatop { color: #663300; 
    font-size: 9pt; 
    font-family: serif; 
    font-weight: bold 
}
.titleTOP {  
    color: #FFFFFF; 
    font-family: serif; 
    font-size: 11PT; 
    letter-spacing: 2pt
}
.tabel_data  { 
    background-color: #008080 
}
.smalltxt {	
	font-size: 12px;
  	font-family: Verdana; 
	border: 1px solid #333333;
	text-align: center;
}
.sum_blue {
    color: #069;
    font-weight: bold;
}
.gray {
    color: #999;
}
.letter-1{ letter-spacing:1px;}
.letter-2{ letter-spacing:2px;}
.letter-3{ letter-spacing:3px;}
.letter-4{ letter-spacing:4px;}
.letter-5{ letter-spacing:5px;}
.letter-6{ letter-spacing:6px;}
.letter-7{ letter-spacing:7px;}
.letter-8{ letter-spacing:8px;}

.mouseOut {
  	background: #708090;
  	color: #FFFAFA;
  	cursor:pointer !important;
  	cursor:hand;
}

.mouseOver {
  	background: #FFFAFA;
  	color: #000000;
  	cursor:pointer !important;
  	cursor:hand;
}
.textarea {
        padding-top :2px;
        margin-left:21px;
        font-family: "新細明體", "細明體";
        font-size: 10pt;
        border: 0px solid #94BBE2;
        width:95%;
        text-decoration: none;
        overflow: hidden;
        word-break:break-all;
}

.textarea_width {
        padding-top :2px;
        margin-left:21px;
        font-family: "新細明體", "細明體";
        font-size: 10pt;
        border: 1px solid #94BBE2;
        width:95%;
        text-decoration: none;
        overflow: hidden;
        word-break:break-all;
        position: relative ;
}

.myul {
     margin-top:-15px;
     margin-left:14px;
     list-style-type:none;
     margin-bottom: 10px;
}
.myli {
     margin-left:0px;
     padding-left:0px;
   
}
.myul2 {
     margin-top:10px;
     margin-left:28px;
     list-style-type:none;
     margin-bottom: 6px;
}
.myli2 {
     margin-left:-10px;
     padding-left:0px;
}
.reimag {
     margin-left:28px;
}
.dis {
     padding-top:5px;  
}

.textinput {
        margin-left:2px;
        font-family: "新細明體", "細明體";
        font-size: 9pt;
        border: 0px solid #94BBE2;
        text-decoration: none;
        
     color:green;
}

.textinput_width {
        margin-left:2px;
        font-family: "新細明體", "細明體";
        font-size: 9pt;
        border: 1px solid #94BBE2;
        text-decoration: none;
        overflow: hidden;
        color:green;
}

.myul3 {
     margin-top:2px;
     margin-bottom: 2px;
     list-style-image:url("../../images/icon_del.gif");
     color:green;
}
.myli3 {
     padding-left:0px;
}

@mixin m-l($length:1) {
  margin-left: $length px;
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .margin-left-#{$i} {
    margin-left: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .margin-right-#{$i} {
    margin-right: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .margin-top-#{$i} {
    margin-top: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .margin-bottom-#{$i} {
    margin-bottom: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .font-size-#{$i} {
    font-size: #{$i}px;
  }
}


/ padding  /
@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .padding-left-#{$i} {
    padding-left: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .padding-right-#{$i} {
    padding-right: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .padding-top-#{$i} {
    padding-top: #{$i}px;
  }
}

@each $i in 1,2,3,4,5,6,7,8,9,10,12,14,16,18,20,25,30 {
  .padding-bottom-#{$i} {
    padding-bottom: #{$i}px;
  }
}
.margin-left-1 {
  margin-left: 1px;
}

.margin-left-2 {
  margin-left: 2px;
}

.margin-left-3 {
  margin-left: 3px;
}

.margin-left-4 {
  margin-left: 4px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-6 {
  margin-left: 6px;
}

.margin-left-7 {
  margin-left: 7px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-left-9 {
  margin-left: 9px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-12 {
  margin-left: 12px;
}

.margin-left-14 {
  margin-left: 14px;
}

.margin-left-16 {
  margin-left: 16px;
}

.margin-left-18 {
  margin-left: 18px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-25 {
  margin-left: 25px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-right-1 {
  margin-right: 1px;
}

.margin-right-2 {
  margin-right: 2px;
}

.margin-right-3 {
  margin-right: 3px;
}

.margin-right-4 {
  margin-right: 4px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-6 {
  margin-right: 6px;
}

.margin-right-7 {
  margin-right: 7px;
}

.margin-right-8 {
  margin-right: 8px;
}

.margin-right-9 {
  margin-right: 9px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-12 {
  margin-right: 12px;
}

.margin-right-14 {
  margin-right: 14px;
}

.margin-right-16 {
  margin-right: 16px;
}

.margin-right-18 {
  margin-right: 18px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-25 {
  margin-right: 25px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-top-1 {
  margin-top: 1px;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-9 {
  margin-top: 9px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-14 {
  margin-top: 14px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-top-18 {
  margin-top: 18px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-1 {
  margin-bottom: 1px;
}

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-bottom-3 {
  margin-bottom: 3px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-bottom-7 {
  margin-bottom: 7px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-9 {
  margin-bottom: 9px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.font-size-1 {
  font-size: 1px;
}

.font-size-2 {
  font-size: 2px;
}

.font-size-3 {
  font-size: 3px;
}

.font-size-4 {
  font-size: 4px;
}

.font-size-5 {
  font-size: 5px;
}

.font-size-6 {
  font-size: 6px;
}

.font-size-7 {
  font-size: 7px;
}

.font-size-8 {
  font-size: 8px;
}

.font-size-9 {
  font-size: 9px;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-25 {
  font-size: 25px;
}

.font-size-30 {
  font-size: 30px;
}

/ padding  /
.padding-left-1 {
  padding-left: 1px;
}

.padding-left-2 {
  padding-left: 2px;
}

.padding-left-3 {
  padding-left: 3px;
}

.padding-left-4 {
  padding-left: 4px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-6 {
  padding-left: 6px;
}

.padding-left-7 {
  padding-left: 7px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-left-9 {
  padding-left: 9px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-12 {
  padding-left: 12px;
}

.padding-left-14 {
  padding-left: 14px;
}

.padding-left-16 {
  padding-left: 16px;
}

.padding-left-18 {
  padding-left: 18px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-25 {
  padding-left: 25px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-right-1 {
  padding-right: 1px;
}

.padding-right-2 {
  padding-right: 2px;
}

.padding-right-3 {
  padding-right: 3px;
}

.padding-right-4 {
  padding-right: 4px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-6 {
  padding-right: 6px;
}

.padding-right-7 {
  padding-right: 7px;
}

.padding-right-8 {
  padding-right: 8px;
}

.padding-right-9 {
  padding-right: 9px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-right-12 {
  padding-right: 12px;
}

.padding-right-14 {
  padding-right: 14px;
}

.padding-right-16 {
  padding-right: 16px;
}

.padding-right-18 {
  padding-right: 18px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-25 {
  padding-right: 25px;
}

.padding-right-30 {
  padding-right: 30px;
}

.margin-top-1 {
  margin-top: 1px;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-9 {
  margin-top: 9px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-14 {
  margin-top: 14px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-top-18 {
  margin-top: 18px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-1 {
  margin-bottom: 1px;
}

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-bottom-3 {
  margin-bottom: 3px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-bottom-7 {
  margin-bottom: 7px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-9 {
  margin-bottom: 9px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}