@charset "utf-8";

body, html{
	color:#000;
	margin:0;
	padding:0;
	font: normal 15px/30px font-family: Roboto, "微軟正黑體", sans-serif;
	height:100%;
	width:100%;
	background-size:cover;
	position:relative;
	/* overflow-x:hidden; */
	-webkit-overflow-scrolling:touch; /* 移動端瀏覽器上下滾動露出底色 問題解決 */
	/* 圖片按比例縮小，保持圖片不失真 */
	object-fit: fill; 
	object-fit: contain;
	object-fit: scale-down;	
	background:#0c3d9a url(../../img/background1.jpg);
}

*{
	/* font-family: Roboto, "Noto Sans TC", sans-serif; */
	font-family: Roboto, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	
}

/* 如執行則編輯器表格cellpadding會失效
*{margin:0; padding:0;}
*/


/*
ol,ul,li {
	list-style:none;
	margin:0;
	padding:0;
}
*/


p{
	line-height:30px !important;
}

a{
	outline-style:none;
	text-decoration:none;
	color:#555;
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
	cursor:pointer;
}

a:hover{
	/*color:#dedede;*/
	/*text-decoration:underline;*/
	color:#555;
	cursor:pointer;
	text-decoration:underline;
}

img{
    border-style:none;
    display: inline-block;
    vertical-align: middle;
    max-width:100%; /*不使用width:100% 是因避免圖片解析度不好，隨父元素被放大時會糊掉*/
    height:auto;	
}

/* clear float */
.clr{
	clear:both;
	height:0px;
	visibility:hidden;
}




pre{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family:"Noto Sans TC", sans-serif;
}


hr{
	height:1px;
	border:none;
	border-top:1px solid #ccc;
}

/* google icon style */

.material-symbols-outlined {
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	vertical-align: middle;
	transform: translateY(-.1em);
}