/* 思源黑體 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');

html, body, * {
	font-family: "Noto Sans TC","Font Awesome 5 Pro","Font Awesome 5 Free","Font Awesome 5 Brand" monospace !important;
	font-size: 15px;
	margin: 0 px;
	padding: 0 px;
	touch-action: manipulation;
}

body {
	background: #eeeeee;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

a {
	text-decoration:none;	
}

table .td{
	border-bottom:1px transparent solid !important;
}

/*
.accordion-button:after {
    content: "\f077";
    font-family: "Font Awesome 5 Pro";
    -webkit-transform: rotate(0deg)!important;
	transform: rotate(0deg)!important;
}
    
.accordion-button.collapsed:after {
	content: "\f078";
    font-family: "Font Awesome 5 Pro";
}
*/

.font-lg {
	font-size: 20px;
}
.font-md {
	font-size: 15px;
}
.font-xs {
	font-size: 11px;
}


.font-lg-h {
	font-size: 20px;
	color: #ffffff;
}
.font-md-h {
	color: #ffffff;
	font-size: 15px;
}
.font-xs-h {
	font-size: 11px;
	color: #ffffff;
}

.font-lg-c {
	font-size: 20px;
	color: #666666;
}
.font-md-c {
	font-size: 15px;
	color: #666666;
}
.font-xs-c {
	font-size: 11px;
	color: #666666;
}

/* 正方形?片裁切成?形 */
.circular--squareP {
	border-radius:50%;
}

/* 漸層底色  */
.div-gradient {
	background: linear-gradient(270deg,rgba(86,127,0, 1)0%, rgba(155,194,0, 1)100%);
	background: -moz-linear-gradient(270deg,rgba(86,127,0, 1)0%, rgba(155,194,0, 1)100%);
	background: -webkit-linear-gradient(270deg,rgba(86,127,0, 1)0%, rgba(155,194,0, 1)100%);
	background: -o-linear-gradient(270deg,rgba(86,127,0, 1)0%, rgba(155,194,0, 1)100%);
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.tr-btn-green {
	background:#567F00;
	color:#FFFFFF;
}

.menu-tr {
	margin:10px;
}

.menu-td {
	padding:5px;
	border-width:1px 0px 0px 0px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	font-size: 13px;
	font-family: "Noto Sans TC",Courier, monospace !important;	
}

.menu_font {
	//font-size: 20px;
}

.menu_color {
	color: #FF9090;
}

.badge-top {
    position: absolute;
    top: 0px;
    right: 0px;
}

//如何使用CSS的「text-overflow: ellipsis;」屬性限制內容字數？
//https://www.astralweb.com.tw/css-ellipsis/
.ellipsis {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pro_img {
	margin:0px;
	padding:0px;
	object-fit: scale-down ;
}