@charset "utf-8";
/*-------------------------------------------------- main layout css style*/
@font-face {
  font-family: '微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic);
}
@font-face {
  font-family: '微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}
* {
	margin:0px;
	padding:0px;
	font-family:"century gothic", "微軟正黑體";
#        font-family:"century gothic", "新細明體";
	font-size:100%;
	border:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, body{height:100%;}
ul{list-style-type:none;}
a{cursor:pointer; text-decoration:none; color:#06c;}
a:hover{text-decoration:underline;}
input, select, textarea{border:1px solid #a3a3a3; outline:none; font-family:"Century Gothic", "微軟正黑體"; font-size:100%; padding:2px;background-color:#fff;}
select{padding:0px;}
input:not([type=submit]):not([type=button]):focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #ee9717;
	box-shadow: 0px 0px 5px #ee9717;
}
button{outline:none; font-size:100%; font-family:"Century Gothic", "微軟正黑體";}
.clear{clear:both;}
.row{display:table-row;}
.cell, .cell-title{display:table-cell;}
.color-red{color:#F00;}
.color-green{color:#6aca25;}

::-webkit-input-placeholder {font-size:95%; font-size:0.95rem;}
::-moz-placeholder {font-size:95%; font-size:0.95rem;} /* firefox 19+ */
:-ms-input-placeholder {font-size:95%; font-size:0.95rem;} /* ie */
input:-moz-placeholder {font-size:95%; font-size:0.95rem;}
input, select, textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}