@charset "utf-8";

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}


/* == reset ======== */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, th, td {
  margin: 0;
  padding: 0;
}
img {border: 0;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:100;}
input, button, textarea,select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {*font-size: 100%;}/*purpose To enable resizing for IE */
ol, ul, li {list-style: none;}
:link, :visited , ins {text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;}


/* == Basic Set ======== */
html , body{
	height:100%;
	min-height:100%;
	width:100%;
}
body{
	background:#FFF;
	font-family:"微軟正黑體", serif , "新細明體-ExtB";
	font-size:16px;
	line-height:1.8;
	letter-spacing:1px;
}


/* == Basic Layout ======== */
.wrapper{
	position:relative;
	height:auto;
	width:100%;
	min-height:100%;
	overflow:hidden;
	max-width:640px;
	margin-left:auto; margin-right:auto;
}

.container{
	position:relative;
	margin:0 auto;
	padding:0;
	width:90%;
	max-width:600px;
}
.container:before, .container:after{ display:table; content:" " }
.container:after{ clear:both }


/* == 圖片 ======= */
.pic img{ width:100%; height:auto;}
.maxpic img{ max-width:100%; height:auto;}


/* == page 分頁 ======== */
/*分頁==========================================*/

.page{
	margin: 30px 0 10px 0;
	font-size:0.75rem;
	text-align:center;
	color:#666;
}
.page a , .page span{
	display:inline-block;
	border: 1px solid #2D9DAB;
    background-color: #2D9DAB;
	padding: 9px 11px;
	margin:8px 3px;
	font-size:0.8rem;
	line-height:1.1;
	/*min-width:26px;*/
	border-radius: 5px;
}
.page span{ border: 1px solid #2D9DAB; color:#2D9DAB; background:transparent; }

.page a{ color:#fff; }
.page a:hover{ background: #CBF6E0; color: #2D9DAB; }