<style type='text/css'>
<!--
/*
  strong{font-weight:bold;}
  strong{color:#5b76d6;}
  input,textarea,select,input[type=checkbox] {
    border: 1px solid #ffccaa ;
  }
*/




  input[type=text],input[type=password]{font-size: 12pt;}
  input[readonly="readonly"]   {background-color:#dce3fa;}/*單一、少數*/
  input[readonly],textarea[readonly] {border:none;background-color:transparent;}/*for 全頁*/
  
  
  input[type=checkbox],input[type=radio]
  {
    /* Double-sized Checkboxes */
    transform: scale(1.5);  
    -ms-transform: scale(1.5); /* IE 9*/
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */ 
  }  


  .readonly{background-color:#dce3fa;}

/*  input[type=button]:hover   {background-color:#5c5;}*/

  input[type=submit]:hover   {background-color:#5c5;}
  input[type=reset]:hover    {background-color:#5c5;}
/*  input[class*="required"]{background-color:#eecc44;}*/

input[class*="required"]:after{
	content:"*";
	display:inline-block;
	vertical-align: top;
	margin-left:4px;
}
  
input[type=radio]:hover,input[type=checkbox]:hover,input[type=text]:hover,input[type=password]:hover,select:hover {
	background-color:#eecc44; 
	outline: 2px solid #f84; 
	cursor:pointer;	
}
input[type=radio]:hover + label,input[type=checkbox]:hover + label {
	font-weight:bold;
	color : #3a6; 
	cursor:pointer;	
}
  
select:checked {
	color:#555; outline: 1px solid #69e;  
}

input[type="checkbox"] {
	display: none;
	border: none !important;
	box-shadow: none !important;
}

input[type="checkbox"] + label span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url('/_image/icon_checkbox_0.png');
}

input[type="checkbox"]:checked + label span {
	background: url('/_image/icon_checkbox.png');
	content: '\f14a';
	color: #fff;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

input[type="radio"]{
	display: none;
/*	border: none !important;	*/
	box-shadow: none !important;
}

input[type="radio"] + label span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url('/_image/icon_radio_0.png');
}

input[type="radio"]:checked + label span {
	background: url('/_image/icon_radio.png');
	content: '\f14a';
	color: #fff;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}  
  
/*  
  input[type=radio]:checked:after {
	width: 0.9em;
        height: 0.9em;
	  
	position: relative;
        content: '';
        display: inline-block;
        visibility: visible;
	
        background-color: #aaaaaa;
	border-radius: 15px;
  }
  input[type=checkbox]:checked:after {
	width: 0.9em;
        height: 0.9em;
	position: relative;
        content: '✔'; 
        display: inline-block;
        visibility: visible;
	color :#ffffff;
	
	position: relative;
        background-color: #aaaaaa;
  }
*/  
/* ✓ */
  option:checked { 
	background-color: #afc; 
	color:#000;
  }
  
  input:checked,select:checked  {
    -webkit-box-shadow:2px 4px 4px rgba(0,22,0,.40);
    -moz-box-shadow:2px 4px 4px rgba(0,22,0,.40);
    -o-box-shadow:2px 4px 4px rgba(0,22,0,.40);
    -ms-box-shadow:2px 4px 4px rgba(0,22,0,.40);
    box-shadow:2px 4px 4px rgba(0,22,0,.40);  
    transition: box-shadow 0.5s ease-in-out;
  }

  
label[class*="required"]:after{
  content:"*";
  display:inline-block;
  vertical-align: top;
  margin-left:4px;
}

.styled-vector {
  height: 17px;
  overflow: hidden;
  overflow: -moz-hidden-unscrollable;
  border: 1px double black;
  display: inline-block;
  position: relative;
}


.styled-vector select {
  background: transparent;
  -webkit-appearance: none;
  width: 100px;
  font-size: 13px;
  border: 0;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
}

// -->
</style>
