@charset "utf-8";@font-face{font-family:Roboto; src:url("../fonts/Roboto-Regular.ttf") format("opentype");}body{font-size:.875em; color:#333; }body,div,span,a,h1,h2,h3,h4,form,input,textarea,select,button,label{margin:0; padding:0; font-family:Roboto,"微軟正黑體","LiGothicMed"; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }img{border:0; text-decoration:none; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }a{text-decoration:none; }textarea{resize:none; }input,label{vertical-align:middle; }textarea.safariOff,input.safariOff{-webkit-appearance:none; border-radius:0; }.clearfix:before,.clearfix:after{content:""; display:table; }.clearfix:after{clear:both; }.clearfix{zoom:1; }.reset{margin:0; padding:0; list-style:none; border:0; border-spacing:0; border-collapse:collapse; }.reset input,.reset label,.reset select{vertical-align:middle; }::-webkit-input-placeholder{color:#999; }::-moz-placeholder{color:#999; opacity:1; }:-ms-input-placeholder{color:#999; }:-moz-placeholder{color:#999; }.animate{-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }.hidden-element{position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); }