@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500|Roboto:400,500,700,900');
*{
	box-sizing:border-box;
}

a{
	text-decoration: none;
	cursor: pointer;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}


hr{color:#eee;
	margin: 10px 0;}


figure{
	margin: 0;
}
input, textarea{ 
	font-family: 'Noto Sans TC','Microsoft JhengHei','PMingLiU','Lato',sans-serif;
	box-shadow: none;
	outline:none;
	font-size: 14px;
	background-color: #f3f3f3;
	border-style: none;
	padding: 15px;
	border-radius:0;
}
 input:-webkit-autofill { 
 	box-shadow: 0 0 0px 1000px #f3f3f3 inset !important;
 	-webkit-text-fill-color: #4F6ACC;/*#bed7ea*//*#f0f5fc*/
 }
select {
    color: #222;
    font-size: 14px;
    outline: none;
    border-radius: 0px;
    padding: 10px 40px 10px 15px;
    border: 2px solid #ddd;
    background-color: #fff;
    background-image: url(../images/a1.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin: 0 -3px;
    cursor: pointer;
    background-size: contain;
}
select:hover{background-color: #f8f8f8;transition: all ease .3s;}
input, textarea, button,select{-webkit-appearance:none ;}

textarea:focus,input:focus{
	outline:none;
	box-shadow: 0 0 0 2px #333 inset;
	transition: outline .2s ease-out;
}
button{
	font-family: 'Noto Sans TC','Microsoft JhengHei','PMingLiU','Lato',sans-serif;
	/*font-family:Helvetica, Arial,  "Microsoft JhengHei", "MS PGothic", sans-serif;*/
	box-shadow: none;
	border-style: none;
	padding: 15px;
	background-color: transparent;
}
button:focus{
	outline: none;
}
textarea{resize: none;}

::-webkit-input-placeholder { color:#aaa;
font-size: 14px; font-weight: 300;letter-spacing: .6px;}
::-moz-placeholder { color:#aaa;
font-size: 14px; font-weight: 300;letter-spacing: .6px;} 
:-ms-input-placeholder { color:#aaa;
font-size: 14px; font-weight: 300;letter-spacing: .6px;}
input:-moz-placeholder { color:#aaa;
font-size: 14px; font-weight: 300;letter-spacing: .6px;}

::selection {
	background:#fbdd66/*#728DEDee*//*#3dc1c0*/;/*#f89200db *//*#6a91b0db*/
	color: #111;
	text-shadow: none;
}
::-moz-selection {
	background:#fbdd66 ;
	color:#111;
	text-shadow: none;
}
    
@media screen and (max-width: 767px) {
	
	input, textarea{padding: 11px;}
	select {padding: 8px 40px 8px 15px;}

}