/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126. / License: none (public domain) */
body {margin: 0px;}
/*a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*/
/*input {outline: none;}*/
a {text-decoration: none;}
/* https://github.com/erikmonjas/css-grid-12-column-layout/blob/master/css/12-column-css-grid.min.css */
.grid-container{-ms-display:grid;display:grid;-ms-grid-template-columns:repeat(12,1fr);grid-template-columns:repeat(12,1fr);-ms-grid-column-gap:1vmax;grid-column-gap:1vmax;-ms-grid-row-gap:1vmax;grid-row-gap:1vmax;-ms-grid-auto-flow:dense;grid-auto-flow:dense}.col-xs-justify-items-start{-ms-justify-items:start;justify-items:start}.col-xs-justify-items-end{-ms-justify-items:end;justify-items:end}.col-xs-justify-items-center{-ms-justify-items:center;justify-items:center}.col-xs-justify-items-stretch{-ms-justify-items:stretch;justify-items:stretch}.col-xs-align-items-start{-ms-align-items:start;align-items:start}.col-xs-align-items-end{-ms-align-items:end;align-items:end}.col-xs-align-items-center{-ms-align-items:center;align-items:center}.col-xs-align-items-stretch{-ms-align-items:stretch;align-items:stretch}.col-xs-justify-content-start{-ms-justify-content:start;justify-content:start}.col-xs-justify-content-end{-ms-justify-content:end;justify-content:end}.col-xs-justify-content-center{-ms-justify-content:center;justify-content:center}.col-xs-justify-content-stretch{-ms-justify-content:stretch;justify-content:stretch}.col-xs-justify-content-space-around{-ms-justify-content:space-around;justify-content:space-around}.col-xs-justify-content-space-between{-ms-justify-content:space-between;justify-content:space-between}.col-xs-justify-content-space-evenly{-ms-justify-content:space-evenly;justify-content:space-evenly}.col-xs-align-content-start{-ms-align-content:start;align-content:start}.col-xs-align-content-end{-ms-align-content:end;align-content:end}.col-xs-align-content-center{-ms-align-content:center;align-content:center}.col-xs-align-content-stretch{-ms-align-content:stretch;align-content:stretch}.col-xs-align-content-space-around{-ms-align-content:space-around;align-content:space-around}.col-xs-align-content-space-between{-ms-align-content:start;align-content:space-between}.col-xs-align-content-space-evenly{-ms-align-content:end;align-content:space-evenly}.col-xs-grid-auto-flow-row{-ms-align-content:center;grid-auto-flow:row}.col-xs-grid-auto-flow-column{-ms-align-content:stretch;grid-auto-flow:column}.col-xs-grid-auto-flow-dense{-ms-align-content:space-around;grid-auto-flow:dense}.col-xs-1{-ms-grid-column-end:span 1;grid-column-end:span 1}.col-xs-2{-ms-grid-column-end:span 2;grid-column-end:span 2}.col-xs-3{-ms-grid-column-end:span 3;grid-column-end:span 3}.col-xs-4{-ms-grid-column-end:span 4;grid-column-end:span 4}.col-xs-5{-ms-grid-column-end:span 5;grid-column-end:span 5}.col-xs-6{-ms-grid-column-end:span 6;grid-column-end:span 6}.col-xs-7{-ms-grid-column-end:span 7;grid-column-end:span 7}.col-xs-8{-ms-grid-column-end:span 8;grid-column-end:span 8}.col-xs-9{-ms-grid-column-end:span 9;grid-column-end:span 9}.col-xs-10{-ms-grid-column-end:span 10;grid-column-end:span 10}.col-xs-11{-ms-grid-column-end:span 11;grid-column-end:span 11}.col-xs-12{-ms-grid-column-end:span 12;grid-column-end:span 12}.col-xs-offset-2{-ms-grid-column-start:2;grid-column-start:2}.col-xs-offset-3{-ms-grid-column-start:3;grid-column-start:3}.col-xs-offset-4{-ms-grid-column-start:4;grid-column-start:4}.col-xs-offset-5{-ms-grid-column-start:5;grid-column-start:5}.col-xs-offset-6{-ms-grid-column-start:6;grid-column-start:6}.col-xs-offset-7{-ms-grid-column-start:7;grid-column-start:7}.col-xs-offset-8{-ms-grid-column-start:8;grid-column-start:8}.col-xs-offset-9{-ms-grid-column-start:9;grid-column-start:9}.col-xs-offset-10{-ms-grid-column-start:10;grid-column-start:10}.col-xs-offset-11{-ms-grid-column-start:11;grid-column-start:11}.col-xs-offset-12{-ms-grid-column-start:12;grid-column-start:12}.col-xs-justify-self-start{-ms-justify-self:start;justify-self:start}.col-xs-justify-self-end{-ms-justify-self:end;justify-self:end}.col-xs-justify-self-center{-ms-justify-self:center;justify-self:center}.col-xs-justify-self-stretch{-ms-justify-self:stretch;justify-self:stretch}.col-xs-align-self-start{-ms-justify-self:start;align-self:start}.col-xs-align-self-end{-ms-align-self:end;align-self:end}.col-xs-align-self-center{-ms-align-self:center;align-self:center}.col-xs-align-self-stretch{-ms-align-self:stretch;align-self:stretch}@media only screen and (min-width:48em){.col-sm-justify-items-start{-ms-justify-items:start;justify-items:start}.col-sm-justify-items-end{-ms-justify-items:end;justify-items:end}.col-sm-justify-items-center{-ms-justify-items:center;justify-items:center}.col-sm-justify-items-stretch{-ms-justify-items:stretch;justify-items:stretch}.col-sm-align-items-start{-ms-align-items:start;align-items:start}.col-sm-align-items-end{-ms-align-items:end;align-items:end}.col-sm-align-items-center{-ms-align-items:center;align-items:center}.col-sm-align-items-stretch{-ms-align-items:stretch;align-items:stretch}.col-sm-justify-content-start{-ms-justify-content:start;justify-content:start}.col-sm-justify-content-end{-ms-justify-content:end;justify-content:end}.col-sm-justify-content-center{-ms-justify-content:center;justify-content:center}.col-sm-justify-content-stretch{-ms-justify-content:stretch;justify-content:stretch}.col-sm-justify-content-space-around{-ms-justify-content:space-around;justify-content:space-around}.col-sm-justify-content-space-between{-ms-justify-content:space-between;justify-content:space-between}.col-sm-justify-content-space-evenly{-ms-justify-content:space-evenly;justify-content:space-evenly}.col-sm-align-content-start{-ms-align-content:start;align-content:start}.col-sm-align-content-end{-ms-align-content:end;align-content:end}.col-sm-align-content-center{-ms-align-content:center;align-content:center}.col-sm-align-content-stretch{-ms-align-content:stretch;align-content:stretch}.col-sm-align-content-space-around{-ms-align-content:space-around;align-content:space-around}.col-sm-align-content-space-between{-ms-align-content:start;align-content:space-between}.col-sm-align-content-space-evenly{-ms-align-content:end;align-content:space-evenly}.col-sm-grid-auto-flow-row{-ms-align-content:center;grid-auto-flow:row}.col-sm-grid-auto-flow-column{-ms-align-content:stretch;grid-auto-flow:column}.col-sm-grid-auto-flow-dense{-ms-align-content:space-around;grid-auto-flow:dense}.col-sm-1{-ms-grid-column-end:span 1;grid-column-end:span 1}.col-sm-2{-ms-grid-column-end:span 2;grid-column-end:span 2}.col-sm-3{-ms-grid-column-end:span 3;grid-column-end:span 3}.col-sm-4{-ms-grid-column-end:span 4;grid-column-end:span 4}.col-sm-5{-ms-grid-column-end:span 5;grid-column-end:span 5}.col-sm-6{-ms-grid-column-end:span 6;grid-column-end:span 6}.col-sm-7{-ms-grid-column-end:span 7;grid-column-end:span 7}.col-sm-8{-ms-grid-column-end:span 8;grid-column-end:span 8}.col-sm-9{-ms-grid-column-end:span 9;grid-column-end:span 9}.col-sm-10{-ms-grid-column-end:span 10;grid-column-end:span 10}.col-sm-11{-ms-grid-column-end:span 11;grid-column-end:span 11}.col-sm-12{-ms-grid-column-end:span 12;grid-column-end:span 12}.col-sm-offset-2{-ms-grid-column-start:2;grid-column-start:2}.col-sm-offset-3{-ms-grid-column-start:3;grid-column-start:3}.col-sm-offset-4{-ms-grid-column-start:4;grid-column-start:4}.col-sm-offset-5{-ms-grid-column-start:5;grid-column-start:5}.col-sm-offset-6{-ms-grid-column-start:6;grid-column-start:6}.col-sm-offset-7{-ms-grid-column-start:7;grid-column-start:7}.col-sm-offset-8{-ms-grid-column-start:8;grid-column-start:8}.col-sm-offset-9{-ms-grid-column-start:9;grid-column-start:9}.col-sm-offset-10{-ms-grid-column-start:10;grid-column-start:10}.col-sm-offset-11{-ms-grid-column-start:11;grid-column-start:11}.col-sm-offset-12{-ms-grid-column-start:12;grid-column-start:12}.col-sm-justify-self-start{-ms-justify-self:start;justify-self:start}.col-sm-justify-self-end{-ms-justify-self:end;justify-self:end}.col-sm-justify-self-center{-ms-justify-self:center;justify-self:center}.col-sm-justify-self-stretch{-ms-justify-self:stretch;justify-self:stretch}.col-sm-align-self-start{-ms-justify-self:start;align-self:start}.col-sm-align-self-end{-ms-align-self:end;align-self:end}.col-sm-align-self-center{-ms-align-self:center;align-self:center}.col-sm-align-self-stretch{-ms-align-self:stretch;align-self:stretch}}@media only screen and (min-width:62em){.col-md-justify-items-start{-ms-justify-items:start;justify-items:start}.col-md-justify-items-end{-ms-justify-items:end;justify-items:end}.col-md-justify-items-center{-ms-justify-items:center;justify-items:center}.col-md-justify-items-stretch{-ms-justify-items:stretch;justify-items:stretch}.col-md-align-items-start{-ms-align-items:start;align-items:start}.col-md-align-items-end{-ms-align-items:end;align-items:end}.col-md-align-items-center{-ms-align-items:center;align-items:center}.col-md-align-items-stretch{-ms-align-items:stretch;align-items:stretch}.col-md-justify-content-start{-ms-justify-content:start;justify-content:start}.col-md-justify-content-end{-ms-justify-content:end;justify-content:end}.col-md-justify-content-center{-ms-justify-content:center;justify-content:center}.col-md-justify-content-stretch{-ms-justify-content:stretch;justify-content:stretch}.col-md-justify-content-space-around{-ms-justify-content:space-around;justify-content:space-around}.col-md-justify-content-space-between{-ms-justify-content:space-between;justify-content:space-between}.col-md-justify-content-space-evenly{-ms-justify-content:space-evenly;justify-content:space-evenly}.col-md-align-content-start{-ms-align-content:start;align-content:start}.col-md-align-content-end{-ms-align-content:end;align-content:end}.col-md-align-content-center{-ms-align-content:center;align-content:center}.col-md-align-content-stretch{-ms-align-content:stretch;align-content:stretch}.col-md-align-content-space-around{-ms-align-content:space-around;align-content:space-around}.col-md-align-content-space-between{-ms-align-content:start;align-content:space-between}.col-md-align-content-space-evenly{-ms-align-content:end;align-content:space-evenly}.col-md-grid-auto-flow-row{-ms-align-content:center;grid-auto-flow:row}.col-md-grid-auto-flow-column{-ms-align-content:stretch;grid-auto-flow:column}.col-md-grid-auto-flow-dense{-ms-align-content:space-around;grid-auto-flow:dense}.col-md-1{-ms-grid-column-end:span 1;grid-column-end:span 1}.col-md-2{-ms-grid-column-end:span 2;grid-column-end:span 2}.col-md-3{-ms-grid-column-end:span 3;grid-column-end:span 3}.col-md-4{-ms-grid-column-end:span 4;grid-column-end:span 4}.col-md-5{-ms-grid-column-end:span 5;grid-column-end:span 5}.col-md-6{-ms-grid-column-end:span 6;grid-column-end:span 6}.col-md-7{-ms-grid-column-end:span 7;grid-column-end:span 7}.col-md-8{-ms-grid-column-end:span 8;grid-column-end:span 8}.col-md-9{-ms-grid-column-end:span 9;grid-column-end:span 9}.col-md-10{-ms-grid-column-end:span 10;grid-column-end:span 10}.col-md-11{-ms-grid-column-end:span 11;grid-column-end:span 11}.col-md-12{-ms-grid-column-end:span 12;grid-column-end:span 12}.col-md-offset-2{-ms-grid-column-start:2;grid-column-start:2}.col-md-offset-3{-ms-grid-column-start:3;grid-column-start:3}.col-md-offset-4{-ms-grid-column-start:4;grid-column-start:4}.col-md-offset-5{-ms-grid-column-start:5;grid-column-start:5}.col-md-offset-6{-ms-grid-column-start:6;grid-column-start:6}.col-md-offset-7{-ms-grid-column-start:7;grid-column-start:7}.col-md-offset-8{-ms-grid-column-start:8;grid-column-start:8}.col-md-offset-9{-ms-grid-column-start:9;grid-column-start:9}.col-md-offset-10{-ms-grid-column-start:10;grid-column-start:10}.col-md-offset-11{-ms-grid-column-start:11;grid-column-start:11}.col-md-offset-12{-ms-grid-column-start:12;grid-column-start:12}.col-md-justify-self-start{-ms-justify-self:start;justify-self:start}.col-md-justify-self-end{-ms-justify-self:end;justify-self:end}.col-md-justify-self-center{-ms-justify-self:center;justify-self:center}.col-md-justify-self-stretch{-ms-justify-self:stretch;justify-self:stretch}.col-md-align-self-start{-ms-justify-self:start;align-self:start}.col-md-align-self-end{-ms-align-self:end;align-self:end}.col-md-align-self-center{-ms-align-self:center;align-self:center}.col-md-align-self-stretch{-ms-align-self:stretch;align-self:stretch}}@media only screen and (min-width:75em){.col-lg-justify-items-start{-ms-justify-items:start;justify-items:start}.col-lg-justify-items-end{-ms-justify-items:end;justify-items:end}.col-lg-justify-items-center{-ms-justify-items:center;justify-items:center}.col-lg-justify-items-stretch{-ms-justify-items:stretch;justify-items:stretch}.col-lg-align-items-start{-ms-align-items:start;align-items:start}.col-lg-align-items-end{-ms-align-items:end;align-items:end}.col-lg-align-items-center{-ms-align-items:center;align-items:center}.col-lg-align-items-stretch{-ms-align-items:stretch;align-items:stretch}.col-lg-justify-content-start{-ms-justify-content:start;justify-content:start}.col-lg-justify-content-end{-ms-justify-content:end;justify-content:end}.col-lg-justify-content-center{-ms-justify-content:center;justify-content:center}.col-lg-justify-content-stretch{-ms-justify-content:stretch;justify-content:stretch}.col-lg-justify-content-space-around{-ms-justify-content:space-around;justify-content:space-around}.col-lg-justify-content-space-between{-ms-justify-content:space-between;justify-content:space-between}.col-lg-justify-content-space-evenly{-ms-justify-content:space-evenly;justify-content:space-evenly}.col-lg-align-content-start{-ms-align-content:start;align-content:start}.col-lg-align-content-end{-ms-align-content:end;align-content:end}.col-lg-align-content-center{-ms-align-content:center;align-content:center}.col-lg-align-content-stretch{-ms-align-content:stretch;align-content:stretch}.col-lg-align-content-space-around{-ms-align-content:space-around;align-content:space-around}.col-lg-align-content-space-between{-ms-align-content:start;align-content:space-between}.col-lg-align-content-space-evenly{-ms-align-content:end;align-content:space-evenly}.col-lg-grid-auto-flow-row{-ms-align-content:center;grid-auto-flow:row}.col-lg-grid-auto-flow-column{-ms-align-content:stretch;grid-auto-flow:column}.col-lg-grid-auto-flow-dense{-ms-align-content:space-around;grid-auto-flow:dense}.col-lg-1{-ms-grid-column-end:span 1;grid-column-end:span 1}.col-lg-2{-ms-grid-column-end:span 2;grid-column-end:span 2}.col-lg-3{-ms-grid-column-end:span 3;grid-column-end:span 3}.col-lg-4{-ms-grid-column-end:span 4;grid-column-end:span 4}.col-lg-5{-ms-grid-column-end:span 5;grid-column-end:span 5}.col-lg-6{-ms-grid-column-end:span 6;grid-column-end:span 6}.col-lg-7{-ms-grid-column-end:span 7;grid-column-end:span 7}.col-lg-8{-ms-grid-column-end:span 8;grid-column-end:span 8}.col-lg-9{-ms-grid-column-end:span 9;grid-column-end:span 9}.col-lg-10{-ms-grid-column-end:span 10;grid-column-end:span 10}.col-lg-11{-ms-grid-column-end:span 11;grid-column-end:span 11}.col-lg-12{-ms-grid-column-end:span 12;grid-column-end:span 12}.col-lg-offset-2{-ms-grid-column-start:2;grid-column-start:2}.col-lg-offset-3{-ms-grid-column-start:3;grid-column-start:3}.col-lg-offset-4{-ms-grid-column-start:4;grid-column-start:4}.col-lg-offset-5{-ms-grid-column-start:5;grid-column-start:5}.col-lg-offset-6{-ms-grid-column-start:6;grid-column-start:6}.col-lg-offset-7{-ms-grid-column-start:7;grid-column-start:7}.col-lg-offset-8{-ms-grid-column-start:8;grid-column-start:8}.col-lg-offset-9{-ms-grid-column-start:9;grid-column-start:9}.col-lg-offset-10{-ms-grid-column-start:10;grid-column-start:10}.col-lg-offset-11{-ms-grid-column-start:11;grid-column-start:11}.col-lg-offset-12{-ms-grid-column-start:12;grid-column-start:12}.col-lg-justify-self-start{-ms-justify-self:start;justify-self:start}.col-lg-justify-self-end{-ms-justify-self:end;justify-self:end}.col-lg-justify-self-center{-ms-justify-self:center;justify-self:center}.col-lg-justify-self-stretch{-ms-justify-self:stretch;justify-self:stretch}.col-lg-align-self-start{-ms-justify-self:start;align-self:start}.col-lg-align-self-end{-ms-align-self:end;align-self:end}.col-lg-align-self-center{-ms-align-self:center;align-self:center}.col-lg-align-self-stretch{-ms-align-self:stretch;align-self:stretch}}
/* 特殊用途 */

:root {
    --main-bg-blue: #07b6df;
    --main-blue: #06B6DE;
    --main-blue-dark: #085274;
    --bg-light-blue: #F0FCFF;
    --gray: #EDEDED;
    --gray-blue: #b3c5ce;
    --danger-color: #980000;
    --basic-fontsize: 8px;
    --basic-gap: 8px;
    --success-color: #006800;
}

/* 系統使用 */
.flex {display: flex;}
.flex-v-center {align-items: center;}
.flex-h-center {justify-items: center;}
.hidden {display: none!important;}
/* 系統位移 - 8px */
.mb-1 {margin-bottom: calc(var(--basic-gap) * 1);}
.mb-2 {margin-bottom: calc(var(--basic-gap) * 2);}
.mb-3 {margin-bottom: calc(var(--basic-gap) * 3);}
.mb-4 {margin-bottom: calc(var(--basic-gap) * 4);}
.mb-5 {margin-bottom: calc(var(--basic-gap) * 5);}
.mb-6 {margin-bottom: calc(var(--basic-gap) * 6);}
.mb-7 {margin-bottom: calc(var(--basic-gap) * 7);}
.mb-8 {margin-bottom: calc(var(--basic-gap) * 8);}
.mb-9 {margin-bottom: calc(var(--basic-gap) * 9);}
.mb-10 {margin-bottom: calc(var(--basic-gap) * 10);}
.mb-11 {margin-bottom: calc(var(--basic-gap) * 11);}
.mt-1 {margin-top: calc(var(--basic-gap) * 1);}
.mt-2 {margin-top: calc(var(--basic-gap) * 2);}
.mt-3 {margin-top: calc(var(--basic-gap) * 3);}
.mt-4 {margin-top: calc(var(--basic-gap) * 4);}
.mt-5 {margin-top: calc(var(--basic-gap) * 5);}
.mt-6 {margin-top: calc(var(--basic-gap) * 6);}
.mt-7 {margin-top: calc(var(--basic-gap) * 7);}
.mt-8 {margin-top: calc(var(--basic-gap) * 8);}
.mt-9 {margin-top: calc(var(--basic-gap) * 9);}
.mt-10 {margin-top: calc(var(--basic-gap) * 10);}
.mt-11 {margin-top: calc(var(--basic-gap) * 11);}
.pb-1 {padding-bottom: calc(var(--basic-gap) * 1);}
.pb-2 {padding-bottom: calc(var(--basic-gap) * 2);}
.pb-3 {padding-bottom: calc(var(--basic-gap) * 3);}
.pb-4 {padding-bottom: calc(var(--basic-gap) * 4);}
.pb-5 {padding-bottom: calc(var(--basic-gap) * 5);}
.pb-6 {padding-bottom: calc(var(--basic-gap) * 6);}
.pb-7 {padding-bottom: calc(var(--basic-gap) * 7);}
.pb-8 {padding-bottom: calc(var(--basic-gap) * 8);}
.pb-9 {padding-bottom: calc(var(--basic-gap) * 9);}
.pb-10 {padding-bottom: calc(var(--basic-gap) * 10);}
.pb-11 {padding-bottom: calc(var(--basic-gap) * 11);}
.pt-1 {padding-top: calc(var(--basic-gap) * 1);}
.pt-2 {padding-top: calc(var(--basic-gap) * 2);}
.pt-3 {padding-top: calc(var(--basic-gap) * 3);}
.pt-4 {padding-top: calc(var(--basic-gap) * 4);}
.pt-5 {padding-top: calc(var(--basic-gap) * 5);}
.pt-6 {padding-top: calc(var(--basic-gap) * 6);}
.pb-7 {padding-top: calc(var(--basic-gap) * 7);}
.pb-8 {padding-top: calc(var(--basic-gap) * 8);}
.pb-9 {padding-top: calc(var(--basic-gap) * 9);}
.pb-10 {padding-top: calc(var(--basic-gap) * 10);}
.pb-11 {padding-top: calc(var(--basic-gap) * 11);}


/* 通用css */
	.text-center {text-align: center}
	.text-left {text-align: left;}
	.text-right {text-align: right;}
	.w-100 {width: 100%;}
	.box {box-sizing: border-box;}


/* 文字 */
	.gray-text {color: var(--gray);}
	.text-danger {color: var(--danger-color);}
	.bold {font-weight: bold;}
	.ft1 { font-size: calc(var(--basic-fontsize) * 1); }
	.ft2 { font-size: calc(var(--basic-fontsize) * 2); }
	.ft3 { font-size: calc(var(--basic-fontsize) * 3); }
	.ft4 { font-size: calc(var(--basic-fontsize) * 4); }
	.ft5 { font-size: calc(var(--basic-fontsize) * 5); }
	.ft6 { font-size: calc(var(--basic-fontsize) * 6); }
	.ft7 { font-size: calc(var(--basic-fontsize) * 7); }
	.ft8 { font-size: calc(var(--basic-fontsize) * 8); }
	.ft9 { font-size: calc(var(--basic-fontsize) * 9); }

/* 按鈕 */
	.btn {
		display: inline-block;
	    font-weight: 400;
	    text-align: center;
	    white-space: nowrap;
	    text-decoration: none;
	    cursor: pointer;
	    vertical-align: middle;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    border: 1px solid transparent;
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    line-height: 1.5;
	    border-radius: .25rem;
		/*	    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;*/
    	transition: all 0.2s ease-in-out;



    	--bs-btn-disabled-opacity: 0.3;
	}

	.btn.white-btn-blue-text-lg {
		font-size: 18px;
		color: var(--main-blue);
		background-color: #FFF;
	}
	.btn.white-btn-blue-text-lg:hover {
		background-color: var(--main-bg-blue);
    	color: #FFF;
    	box-shadow: 0px 0px 3px 0px #666;

	}
	.btn.btn-outline-primary {
		border: 1px solid #07b6de;
	}

/* 其他元素 */
	hr.dark {
	    color: #085274;
	    opacity: 1;
	}
/* 登入表單 */
	::placeholder {
		opacity: 0.8;
	}
	.auth-form input.form-control {
	    padding: 10px 15px;
	    font-size: 18px;
	    outline: 0px;
	    border: 0px;
	    border-radius: 10px;
	}
	.auth-form input.form-control.with-icon {
		padding-left: 48px;
		background-repeat: no-repeat;
	    background-size: 24px 24px;
	    background-position: 15px 8px;
	}
	.auth-form input.form-control.with-icon.icon-user {
		background-image: url(/assets/img/icon/ico-user.png);
		background-size: 24px;
    	background-position-y: center;
	}
	.auth-form input.form-control.with-icon.icon-email {
		background-image: url(/assets/img/icon/ico-email.png);
		background-size: 20px;
    	background-position-y: center;
	}
	.auth-form input.form-control.with-icon.icon-lock {
		background-image: url(/assets/img/icon/ico-lock.png);
		background-size: 24px;
    	background-position-y: center;
	}

	.auth-form .flex-form-group {
		display: flex;
		align-items: center;

	}
	.auth-form .flex-form-group label {
		margin-right: 30px;
		white-space: nowrap;
	}
	.auth-form .form-group label {white-space: nowrap;}


/* 彈跳視窗 */
	.mymodal {
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1060;
	    display: none;
	    width: 100%;
	    height: 100%;
	    overflow-x: hidden;
	    overflow-y: auto;
	    outline: 0;
	    justify-content: center;
	    align-items:center;
	    display: flex;
	    visibility: hidden;
	    opacity: 0;
	    transition-property: all;
	    transition-duration: .3s;
	    transition-timing-function: ease;

	    color: #000;
	}
	.mymodal.active {
	    /*    opacity: 1;*/
	    visibility: visible;
	    opacity: 1;
	}
	.mymodal .modal-body {
	    height: 580px;
	    max-height: calc(90vh - 60px);
	    padding: 30px 5%;
	    font-size: 15px;
	    color: #3e352d;
	    line-height: 24px;
	    overflow: scroll;
	}
	.mymodal .modal-content {
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    pointer-events: auto;
	    background-color: #fff;
	    background-clip: padding-box;
	    outline: 0;
	}


	.mymodal .modal-dialog {
	    position: relative;
	    width: auto;
	    margin: .5rem;
	    pointer-events: none;
	    width: 90%;
	    max-width: 1024px;
	    box-shadow: 5px 5px 9px 0 #BBB;
	}

	.mymodal .modal-header {
	    display: flex;
	    flex-shrink: 0;
	    align-items: center;
	    justify-content: space-between;
	    padding: 20px;
	    border-bottom: 1px solid #030303;
	    border-top-left-radius: calc(.3rem - 1px);
	    border-top-right-radius: calc(.3rem - 1px);
	}

	.mymodal button.close {
	    position: absolute;
	    right: 20px;
	    border: 0px;
	    background-color: transparent;
	    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
	    background-size: contain;
	    background-repeat: no-repeat;
	    width: 18px;
	    height: 18px;
	    color: transparent;
	    cursor: pointer;
	}

	.mymodal h4.modal-title {
	    display: block;
	    width: 100%;
	    text-align: center;
	    font-size: 18px;
	    font-weight: bold;
	}

	.mymodal:before {
	    content: "";
	    background-color: rgba(0,0,0,.1);
	    right: 0;
	    position: fixed;
	    top: 0;
	    left: 0;
	    bottom: 0;
	}

	.mymodal-trigger {
	    cursor: pointer;
	}
	.mymodal-trigger img {transition: transform 0.4s;}
	.mymodal-trigger:hover img {transform: scale(1.1);}

/* tabs */
.nav-tabs .nav-link.active {
    border-bottom-color: transparent;
}




/** 專案使用css **/

/* 燈號 */
span.light-sign {
	width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
}

span.light-sign.light-0,
span.light-sign.light- {
	/*    background-color: #EEE;*/
	background-color: transparent;
    box-shadow: 0px 0px 1px #333;
}

span.light-sign.light-1,
span.light-yellow {
    background-color:  #ffdb06; /* warning - orange */
}

span.light-sign.light-2,
span.light-green {
    background-color: #008001; /* success-green */
}

span.light-sign.light--1,
span.light-red  {
    background-color: red;
}

span.light-sign.light-99:before {
    content: "已完成";
    font-size: 12px;
    text-wrap: nowrap;
    background-color: #333;
    padding: 2px 10px;
    color: #FFF;
    border-radius: 20px;
}



/* 區塊標 */
h2.main-title {
	margin-bottom: 30px;
    color: var(--main-blue-dark);
    font-size: 36px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.1em;
}


/* 日期標示 */
.num-font {
	font-family: "Bahnschrift", monospace;
}


/* 年月選擇器 */
.jcalendar-table > table > tbody td {
    vertical-align: middle;
    border: 1.5px solid #dee2e6;
    vertical-align: middle;
    z-index: 2;
}
.jcalendar-input {
    /* bootstrap5 */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* 填報/查看 */
#id-banner-title .mode {
    font-size: 18px;
}






/*彈跳視窗自動關閉*/
.alert.alert-success.fade.show:before {content: "5秒後自動關閉";position: absolute;bottom: 0px;right: 5px;font-size: 10px;color: #333;}

.message {max-width: 800px;margin: auto;text-align: justify;text-align: center;padding: 10px;}
.message-danger {background-color: var(--danger-color);}
.message-success {background-color: var(--success-color);}
.message-warning {background-color: orange;}
.message .text-danger { color:yellow; }

/* banner小圖示 */
.banner {
    background-repeat: no-repeat;
    background-position: right 100px bottom;
    background-size: 200px;
}

/* 寄信鎖定 */
body.sendingmail:after {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    content: "處理中，請稍候...\A關閉或是重新整理頁面將可能導致資料遺失。";
    white-space: pre-wrap;
    color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 1.2em;
}

.my-0 {margin-top:0px; margin-bottom:0px;}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}
.footer-desc a {
	color: #085374;
}
.footer-desc a:hover {
	text-decoration: underline;
}
.font-16 {font-size: 16px;}