/* Font embed
----------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Lato';
  src:  url('/common/font/Lato-Regular.woff2') format('woff2'),
        url('/common/font/Lato-Regular.woff') format('woff'),
        url('/common/font/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src:  url('/common/font/Lato-Bold.woff2') format('woff2'),
        url('/common/font/Lato-Bold.woff') format('woff'),
        url('/common/font/Lato-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSan';
  src:  url('/common/font/NotoSans-Regular.woff2') format('woff2'),
        url('/common/font/NotoSans-Regular.woff') format('woff'),
        url('/common/font/NotoSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*  Reset
----------------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{
	font-size:14px;
	font-weight:normal;
	color:#575757;
	font-family: "Lato", "Microsoft JhengHei", "微軟正黑體", Verdana, Arial, PMingLiU, sans-serif;
	margin: 5px;
}

html, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
table { width:100%; border-collapse:collapse; border-spacing:0; }
table, th, td { border:0; margin: 0; padding: 0;}
img { border: 0 none; vertical-align: top; width:100%; }
/*ul { list-style-type:none;}  CMS issue */
li { list-style-type:inherit; }
button { cursor: pointer; }
a, a span{-webkit-transition:color,border 0.2s; /* Safari */  transition:color,border 0.2s; -ms-transition:color,border 0.2s;}

/* for Firefox */
a, a:link { text-decoration: none; color:#575757; }
a:hover {color:#0b2653;}