﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
body {
	font-family: 'Noto Sans TC', sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
.bold { font-weight:bold; }
.deleted { text-decoration: line-through }

/* 字體大小 */
/*.p10, .p12, .p13, .p15, .p18, .p20, .p22 { font-family: Arial, 'Noto Sans TC', sans-serif }*/

.p10 { font-size: 8pt }
.p12, .p13 { font-size: 10pt }
.p15 { font-size: 12pt }
.p18 { font-size: 14pt }
.p20 { font-size: 15pt }
.p22 { font-size: 18pt }

/* 行高 */
.h15, .h20, .h22, .h24, .h25, .h26, .h30 { line-height: 1.5em }

/* 顏色 */
.red a, .green a, .green-sp a, .darkgreen a, .gray a, .blue a, .white a, .org a, .palegray a, .brown { text-decoration: none }
/*.red a:hover, .green a:hover, .gray a:hover, .blue a:hover, .white a:hover, .org a:hover, .palegray a:hover { border-bottom: solid 0.0625em; padding-bottom: 0.0625em }*/

.gray, .gray a { color: #666666; }
.gray a:hover { color: #333333; }

.green, .green a { color: #006600; }
.green a:hover{ color: #cf0505; }

.green-s, .green-s a { color: #84974A; }
.green-s a:hover{ color: #84974A; }

.green-sp, .green-sp a { color: #9E3C0C; }
.green-sp a:hover{ color: #9E3C0C; }

.darkgreen, .darkgreen a { color: #005500; }
.darkgreen a:hover{ color: #cf0505; }

.red, .red a { color: #cf0505; }
.red a:hover{ color: #871010; }

.blue, .blue a { color: #0066CC; }
.blue a:hover{ color: #0036cc; }

.white, .white a { color: white; }
.white a:hover{ color: yellow; }

.black, .black a { color: black; }
.black a:hover{ color: gray; }

.org, .org a { color: #CC6600; }
.org a:hover{ color: #cca900; }

.palegray, .palegray a { color: #999; }
.palegray a:hover { color: #666; }

.brown, .brown a { color: #9E3C0C }
.brown a:hover{ color:#cf0505; text-decoration: underline }

.orange { color: #FFC515 }
.yellow { color: #FFFF00 }
.lightoragne { color: #FFD511 }

/* 右下1px的位移 */
.img-1px input:hover { position:relative; left:1px; top:1px;}
.img-1px a:hover { position:relative; left:1px; top:1px;}