@charset "UTF-8";

/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
/* @import 'https://fonts.googleapis.com/css?family=Lato:300';*/
/* @import 'https://fonts.googleapis.com/css?family=Titillium+Web:300';*/
@import 'https://fonts.googleapis.com/css?family=Lato';




@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: normal;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) 	format('woff'),
		url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) 	format('opentype');
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: normal;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2)  format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff)   format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf)  format('opentype');
}



*,html{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	/*outline: none;*/
	-moz-osx-font-smoothing: grayscale;
}



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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


li      { list-style-type: none; }
img     { vertical-align: bottom; }

.columns { padding: 2em 0 }
.columns [class^="col"] {float: left}
/*.columns [class^="col"] img{width: 100%;}*/

.columns .col1-md 	{ width: 8.33333333333%; 	}
.columns .col2-md 	{ width: 16.6666666667%; 	}
.columns .col3-md 	{ width: 25%; 				}
.columns .col4-md 	{ width: 33.3333333333%; 	}
.columns .col5-md 	{ width: 41.6666666667%; 	}
.columns .col6-md 	{ width: 50%; 				}
.columns .col7-md 	{ width: 58.3333333333%; 	}
.columns .col8-md 	{ width: 66.6666666667%; 	}
.columns .col9-md 	{ width: 75%; 				}
.columns .col10-md 	{ width: 83.3333333333%; 	}
.columns .col11-md 	{ width: 91.6666666667%; 	}
.columns .col12-md 	{ width: 100%; 				}

/*----------------fontStyle---------------------
------------------fontStyle---------------------
------------------fontStyle------------------ */
body {
	font-family: "Noto Sans TC", 'Lato',/*'Titillium Web',*/Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2.2;
	color:#2F3238;
	letter-spacing:1px;
	-webkit-text-size-adjust:100%;
	/*text-shadow:#999 0.01em 0.01em 0.05em ;*/
	/*font-weight: 300;*/
}

p       { line-height: 1.6em;color: #555 }
strong  { font-size: 1em;color: #000 }
/*a       { color:#91989F; text-decoration:none; }*/
a		{ color: #0080FF; text-decoration:none; }
a:hover { text-decoration: underline; }

h1 { font-size: 2em;		  line-height: 1.6em }
h2 { font-size: 1.875em;	line-height: 1.6em }
h3 { font-size: 1.5em;		line-height: 2.5em }
h4 { font-size: 1.125em;	line-height: 2em }
h5 { font-size: 1em;		  line-height: 3em }
h6 { font-size: .8em;     line-height: 1.6em }

h1,h2,h3,h4,h5,h6 { font-weight: 300; }

small, .small{ font-size: 75%}


.text-right { text-align: right; }
.text-center { text-align: center; }

/*----------------testColor---------------------
------------------testColor---------------------
------------------testColor------------------ */
.bg-GRAY{background-color: gray}
.bg-PINK{background-color: pink}
.bg-RED {background-color: red }


/*----------------cleadfix---------------------
------------------cleadfix---------------------
------------------cleadfix------------------ */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*----------------hidden---------------------
------------------hidden---------------------
------------------hidden------------------ */
.hidden{display:none!important}

/*----------------hidden---------------------*/
.center{text-align: center;}