@charset "utf-8";

*{margin: 0; padding: 0;}

ul, li, ol{list-style: none;}

html, body{font-size: 100%; /* font-size: 0; */}

body{min-width:100%; font-family: '微軟正黑體', '新細明體', 'Arial';}

a{text-decoration:none; /* color:#353F47; */}

.loading{display: none;}
.border{border: #111 1px solid;}
.btn{cursor: pointer;}

.font9{font-size: 9pt;}
.font11{font-size: 11pt;}
.font12{font-size: 12pt;}
.font14{font-size: 14pt;}
.font16{font-size: 16pt;}

.radius5{border-radius: 5px;}
.radius8{border-radius: 8px;}
.radius10{border-radius: 10px;}
.radius15{border-radius: 15px;}
.radius20{border-radius: 20px;}
.radius25{border-radius: 25px;}

/* img */
img{border: 0;}

.img-w{width: 100%;}
.img-h{width: 100%;}
.img-center{margin: 0 auto;}

/* PC - smartPhone */
.on{display: block;}
.off{display: none;}

/* clear */
.clear-b{clear: both;}

/* scroll */
.scroll-y{overflow-y: scroll;}
.scroll-x{overflow-x: scroll;}
.scroll{overflow: scroll;}

/* display */
.db{display: block;}
.di{display: inline;}
.dib{display: inline-block;}
.dt{display: table !important;}
.dtc{display: table-cell !important; vertical-align:middle;}

/* box move */
.right{ margin-left:auto; margin-right:0; }
.left{ margin-left:0; margin-right:auto; }
.center{ margin-right:auto; margin-left: auto; }

/* position & local */
.pr{position: relative;}
.pf{position: fixed;}
.pa{position: absolute;}
.local-t-l{top:0; left: 0;}
.local-t-r{top: 0; right: 0;}

/* float */
.fl{ float:left; }
.fr{ float:right; }
.fi{ float:inherit; text-align: center;}

/* text-align */
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-justify{ text-align:justify; }
.text-middle{ vertical-align: middle; }