@charset "utf-8";
/* CSS Document */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset,form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,p{
margin: 0;
/*padding: 0;*/
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 18px;
font-family:Verdana, Geneva, sans-serif;
text-align:left;
vertical-align:top;
}
div{margin: 0;
/*padding: 0;*/
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1 em;
line-height: 1.5;
font-family:Verdana, Geneva, sans-serif;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
 form, label, legend,
caption, tbody, tfoot, thead, tr{border:0;}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #333333;
background: white;
}
ol, ul {
list-style: none;
}


a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #db2500;
}
a:active {
	text-decoration: none;
	color: #db2500;
}
fieldset {
    margin: 10px 20px 0 20px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    /*line-height:26px;*/
}
/*區塊標題*/
legend {
    margin-left: 1em;
    padding-top: 1px;/*IE7修正字會被砍掉*/
    color:#0066CC;
    font-weight: bold;
	font-size:20px;
}
/*欄位標題*/
form li label {
    /*float: left;
    margin-right: 0em;*/
    color: #333333;
    font-weight:bold;
}
/*文字欄位區間*/
fieldset ol {
    list-style: none;
    padding-top: 5px;
    padding-left: 0em;
    padding-bottom: 5px;
}
fieldset li {
    line-height: 25px;
//	line-height: 25px \9;/*IE8*/
	//*line-height: 26px;/*IE7*/
	//_line-height: 26px;/*IE6*/
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align:middle;
    clear:both;
    /*background-color:#eee;*/
}
/*文字欄位樣式*/
/*
input[type='text'],input[type='number'],input[type='date'], input[type='password'], textarea{
	border: 1px solid #C3C3C3; padding:5px; border-radius:5px;
}
*/
select{
	border: 1px solid #C3C3C3; padding:2px; border-radius:5px;
	font-size: 15px;
}
input[type='text']:focus,input[type='number']:focus,input[type='date']:focus, input[type='password']:focus, select:focus, textarea:focus{ border: 2px solid #EA5032; }
input[type='radio']{width: 15px; height: 15px;  width: 20px \9;height: 20px \9;/*IE8*/ line-height: 30px; } 

.ie10 input[type='radio'] {
   width: 20px; height: 20px;
}
.SearchInput{
	background-image: url('../Icon/searchicon.png');
    background-position: 5px 3px; 
    background-repeat: no-repeat;
    padding-left: 30px !important;width: 250px;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.SearchInput:focus {width: 500px;}
input[type='checkbox']{width: 17px; height: 17px;  width: 20px \9;height: 20px \9;/*IE8*/ line-height: 30px; } 

@media (max-width:768px){
	.Common input[type='text']{margin-left:20px;width: 94%;}
	form li{line-height: 30px; padding:0; margin:0;}
	form label{line-height: 30px;}
}
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(cwTeXHei-zhonly.eot);
  src: url(cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(cwTeXHei-zhonly.woff2) format('woff2'),
       url(cwTeXHei-zhonly.woff) format('woff'),
       url(cwTeXHei-zhonly.ttf) format('truetype');
}
i{color:#888888;}
.iwidth{width:22px;}
.iwidth2{margin-left:3em;text-indent:-0em;}


.switch { /*==設定開關鈕的長寬==*/
  position: relative;
  width: 65px;
  height: 30px;
  line-height: 30px;
}
.switch-checkbox {
 position: absolute;
 display: none;
}
.switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}
.switch-txt {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.switch-txt::before,
.switch-txt::after {
  display: block;
  float: right;
  width: 50%;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}
/*==開關鈕底色(開啟時)==*/
.switch-txt::after {
  content: attr(turnOn);
  padding-left: 10px;
  background: #1ba0ef;
  color: #fff;
}
/*開關鈕底色(關閉時)*/
.switch-txt::before {
  content: attr(turnOff);
  padding-right: 10px;
  background: #eee;
  color: #ccc;
  text-align: right;
}
/*==開關鈕的顏色與大小==*/
.switch-Round-btn {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  margin: 2px;
  background: #fff;
  top: 0;
  bottom: 0;
  right: 35px;
  border-radius: 13px;
  transition: all 0.3s ease-in 0s;
}
.switch-checkbox:checked + .switch-label .switch-txt {
  margin-left: 0;
}
.switch-checkbox:checked + .switch-label .switch-Round-btn{
  right: 0;
}

/*欄位標題*/

.AbleTitle{
	font-family: 'Noto Sans TC',  sans-serif,"微軟正黑體";
	font-weight:bold;
	font-size:20px;
}
/*必填寫符號*/
.fa-dot-circle{
	color:red;
	font-size:15px;
}