html,body {font-family:Microsoft Sans serif,arial,sans-serif,serif;font-size:14px;margin:0px;padding:0px;height:100%;}
input, textarea, select, button { border: 1px solid #C1C0B5; background-color: white; font-family: Arial, sans-serif; font-size:13px; }
input {width:90px;}
a{text-decoration:none;color:blue;}
.brief{font-size:15px;text-align:justify;margin-right:10px;}
.current{background-color:#999!important;color:red!important;font-weight:bold;}
a:visited{color:blue;}
.face{font-weight:normal;font-size:12px;color:#333;}
img{border:0px;}
.itemdiv{box-shadow:5px 5px 5px #ddd;}
.itemdiv img{height:160px;}
.has_detail:hover{box-shadow:5px 5px 10px #339;}
.itemdiv:hover{border:1px solid #009;}
.itemdiv:hover h3,.itemdiv:hover .face {color:blue;}
.itemdiv{float:left;text-align:center;border:1px solid silver;position:relative;overflow:hidden;}
.has_detail{cursor:pointer;background-image:url(./pics/detail.gif);background-repeat:no-repeat;background-position:99% 99%;z-index:90;}
.has_detail span{color:green;}
.itemspec{font-size:14px;width:100%;position:absolute;line-height:15px;bottom:5px;color:#555;}
.remark{font-size:13px;color:#333;font-weight:normal;}
.title{font-size:16px;font-weight:bold;}
.hide{display:none;}
#bread{font-size:13px;color:#777;font-weight:bold;margin-top:5px;}
.sort_spec{font-size:15px;color:teal;font-style:italic;}
.error{color:red;font-weight:bold;text-decoration:underline;font-size:20px;}
table,td{border:1px solid silver;padding:1px;border-collapse:collapse;font-size:14px;text-align:center;}
td{margin:0px;}
.oddrow td:first-child,.evenrow td:first-child{text-align:left;}
.oddrow{background-color:white;}
.evenrow{background-color:#f5f5f5;}
.tbhead{background-color:#dddddd;font-weight:bold;}
.black{color:black;}
.subtitle{font-size:14px;font-weight:bold;}

h3{font-weight:bold;text-align:center;margin:0px;}
#container{min-height:97%;position:relative;}

#foot{position:fixed;bottom:10px;right:10px;color:gray;margin-top:10px;}
#items{overflow:hidden;position:relative;display:table;}
#dbg{position:absolute;bottom:20px;left:20px;font-size:10px;color:red;}
h1{font-size:18px;}
h2{font-size:15px;}
.note{font-weight:normal;font-size:14px;color:#666;}
.note::before{content:"* ";}
.note::after{content:" * ";}
.back{font-weight:bold;position:absolute;right:10px;text-decoration:underline;color:blue;}

#address{font-weight:12px;padding-top:10px;}
#motto{margin:10px;font-size:30px;color:darkgreen;font-weight:bold;text-align:left;font-style:italic;}
li{list-style:outside;margin-top:5px;}
ul{padding-inline-start:30px!important;}

.process{display:flex;flex-direction:column;align-items:center;}
.process div{display:flex;flex-wrap:wrap;border:1px dashed gray;margin:5px;padding:5px;background-color:#fbfbfb;justify-content:space-around;text-align:center;}
.process span{background-color:silver!important;font-weight:bold;color:teal;border:1px solid gray;margin:5px;padding:5px;}
h4::after{content:'\2193';font-size:3rem;color:green;font-weight:bold;padding-left:50%;width:100%;}
h4{margin:0px;padding:0px;line-height:2rem;}
h5{font-size:1.1rem;font-weight:normal;}
.extrapics{display:flex;flex-direction:column;}
.extrapics img{margin:2px;width:fit-content;}
.brief img{margin:5px;}
u{color:blue;}
.cloud_container{display:flex;justify-content:space-around;}
.ind{color:#8887a9;font-size:12px;font-style:italic;}
.icons a{margin:20px;}