@charset "utf-8";
/* CSS Document */
/**** 基礎元素 ****/
html { height:100%; font-size: 62.5%; }
body {
	/* 讓 ios 的字體變細 */
	-moz-osx-font-smoothing: grayscale; 
	-webkit-font-smoothing: antialiased;
	background-color:#fff;
	height:100%;
	font-size: 1.6rem;
	letter-spacing: .1rem;
}
ol, ul { list-style: none; padding:0px; margin:0px; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
* { box-sizing:border-box; }
/* 預設給 input 使用的樣式 , 常用項目：input[type="text"],input[type="password"],select,textarea */
.input_style_1 { border:1px solid #ccc; padding:5px 10px; border-radius:5px; }
h1,h2,h3,h4,h5,h6,span { font-weight: normal; }

/* 共用標題風格 */
.titles1 { font-size: 3.2rem; letter-spacing: .2rem; font-weight: normal; margin: 2rem 0; }
.titles1 .sub { color: #666; letter-spacing: 0rem; font-size: 1.6rem; }
.titles2 { font-size: 1.8rem; }
.titles3 { font-size: 2rem; padding: 1rem; }

/* 共用 flex 區塊 */
.flexbox { display: flex; justify-content: space-between; }

/* 桌上型電腦 */
/* @media screen and (min-width: 1301px) {
	html{ }
} */

/* 筆記型電腦 */
/* @media screen and (min-width: 1025px) and (max-width: 1300px) {
	html{  }
} */

/* 平版 */
/* @media screen and (min-width: 415px) and (max-width: 1024px) {
	html{  }
} */

/* 手機 */
/* @media screen and (max-width: 414px) {
	html{  }
} */