@charset "UTF-8";


/* reset
   =================================================================== */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,article,section,aside,header,nav{
	margin:0;
	padding:0;

}

address,caption,cite,code,dfn,var {
	font-style:normal;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

object,embed {
	vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
h1 {
	line-height:1.5em;
}
img,abbr,acronym,fieldset,hr{
	border:0;
}

li {
	list-style-type:none;
}

p {
	margin:0;
	padding:0;
}

/* form */  
button,fieldset,form,input,label,legend,select,textarea {
	font-size:100%;
}
input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
img {
	width: 100%;
	height: auto;
	display: block;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*
@font-face { 
	font-family: 'MyWebFont';
	src: url('/webfonts/texgyreadventor-regular-webfont.eot');
	src: url('/webfonts/texgyreadventor-regular-webfont.eot?iefix') format('eot'),
	     url('/webfonts/texgyreadventor-regular-webfont.woff') format('woff'),
	     url('/webfonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
	     url('/webfonts/texgyreadventor-regular-webfont.svg#webfont') format('svg');
}
@font-face { 
	font-family: 'MyWebFontBold';
	src: url('/webfonts/texgyreadventor-bold-webfont.eot');
	src: url('/webfonts/texgyreadventor-bold-webfont.eot?iefix') format('eot'),
	     url('/webfonts/texgyreadventor-bold-webfont.woff') format('woff'),
	     url('/webfonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
	     url('/webfonts/texgyreadventor-bold-webfont.svg#webfont') format('svg');
}
@font-face { 
	font-family: 'Hiragino Kaku Gothic ProN';
	font-weight: bold;
}*/
/* html,body
   =================================================================== */
html,body {
	margin :0;
	padding :0;
}
body {
	line-height: 1.9;
	-moz-osx-font-smoothing: grayscale;
	-moz-text-size-adjust: none;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #000;
	-webkit-text-size-adjust: none;
	border: none;
	min-width: 320px;
		font-family: "微軟正黑體" ,'Roboto','Noto Sans TC',
        'Microsoft JhengHei UI','Microsoft JhengHei',
        'microsoft mhei',
        'Microsoft YaHei UI','Microsoft YaHei',
        'PMingLiU',
        sans-serif;
	font-size: 1rem;
	font-weight: 300;
	background-color: #ececec;
}
 @media only screen and (max-width: 768px) {
	body {
		font-size :12px;
	}
 }

/* link設定
   =================================================================== */
a {
	color: #000000;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #003366;
	text-decoration: none;
}

a:hover {
	color: #009999;
	text-decoration: none;
}


/* clear
   =================================================================== */
/* float */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */