@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/*100、300、400、500、700、900*/

@import url('https://fonts.googleapis.com/css?family=Palanquin+Dark:500,700');

*,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: 'Palanquin Dark', Arial, Helvetica, sans-serif,"Noto Sans TC";
font-size: 20px;
line-height: 1.4em;
color:#414141;
letter-spacing:2px;
-webkit-text-size-adjust:100%;
/*text-shadow:#999 0.01em 0.01em 0.05em ;*/
/*font-weight: 300;*/
}

p { 
	line-height: 1.6em;
	font-weight: 500;
	color: #414141 ;
	letter-spacing: 2px;
	word-spacing: 3px;
}

strong  { font-size: 1em;color: #414141 }
a       { color:#414141; text-decoration:none; }

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: 500; color:#414141; }

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;
}