@charset "utf-8";
/***************************************
    copyright by MaxWeb.com.tw 
***************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700|Open+Sans:400,700');
/*¯\_(ツ)_/¯*/


/*-------------------------------------------------
 Reset
--------------------------------------------------*/
/*ul,ol,*/html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,h6/*,a*/,pre,form,p,blockquote,fieldset,/*input,*/abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,/*strong,*/th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }


html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/height: 100%;}

body{
	font-family: "Noto Sans TC", 'Open Sans', "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", sans-serif, Helvetica, Arial;
	/*font-family: 'Open Sans', Helvetica, Arial, "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei";*/
	font-weight: 400;
	color: #333;
	font-size: 1.6rem;/*1.6 × 10px = 16px */
	/*font-size: 90%;*/
	line-height: 1.6;
}

h1 {
	font-size: 3.6rem;
	/*font-size: 2.6rem;*/
	font-weight: 700;
	color: #333;
}
h2 {
	font-size: 2.6rem;
	/*font-size: 2.2rem;*/
	font-weight: 700;
	/*color: #D90000;*/
	color: #333;
	/*padding: 0 0 6px 0;*/
	/*border-bottom:2px solid #F66;*/
}
h3 {
	font-size: 2.0rem;
	font-weight: 700;
	color: #333;
}
h4 {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
}
h5 {
	font-size: 1.6rem;
	font-weight: 700;
	color: #333;
}
h6 {
	font-size: 1.4rem;
	font-weight: 700;
	color: #333;
}
p {
	line-height: 1.6;
}

/*-------------------------------------------------
 form的欄位專用 error樣式
--------------------------------------------------*/
form#mw_form label.error, label.error {
	color:red;
	font-style: italic;
	padding:0 5px;
}
form#mw_form input.error { 
	border: 1px solid #F00;
}
form#mw_form textarea.error { 
	border: 1px solid #F00;
}
form#mw_form select.error { 
	border: 1px solid #F00;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPhone*/
@media screen and (max-width: 767px) {
	h1{
		font-size: 2rem;
	}
	h2{
		font-size: 1.8rem;
	}
	h3{
		font-size: 1.7rem;
	}
	h4{
		font-size: 1.6rem;
	}
}