@charset "utf-8";
/* CSS Document */

@import url("reset.css");

@import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css");

@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

@import url('https://fonts.googleapis.com/css?family=Merriweather');

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



html,body{height:100%;}

body { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }

strong {font-weight:600;}

.form-control { background-color:#efefef;}




h1,h2,h3,h4,h5,h6 { font-family: 'Noto Sans TC', sans-serif; margin-bottom:0px;}

h1 { font-weight:700;}
h2 { font-weight:500;}
h3 { font-weight:400;}
h4 { font-weight:300;}

ul { list-style:disc; padding-left:30px;}



.h1_en {font-family: 'Roboto', sans-serif; font-weight:600;}
.h2_en {font-family: 'Roboto', sans-serif; font-weight:500;}
.h3_en {font-family: 'Roboto', sans-serif; font-weight:400;}
.h4_en {font-family: 'Roboto', sans-serif; font-weight:300;}






hr { border-color:#dcdcdc; clear:both;}

label { color:#46baaa; margin-bottom:3px;}

a { color:#56CDF3; text-decoration:none;}
a:hover { color:#56CDF3; text-decoration:none;}




footer { background-color:#CCC; min-height:150px;}
footer ul { margin-bottom:15px;}
footer li { font-size:16px; list-style-type:none; line-height:30px}
footer li > ul > li > a { font-size:15px; list-style-type:none; line-height:24px ;color:#F00;}
footer h2 {font-size:16px; font-weight:500;}
footer h2 a {font-size:16px;}
.footer-item-a { color:#FFF;}
.footer-item-a:visited { color:#FFF;}
.footer-item-a:hover { color:#56CDF3;}
.footer-item-a:active { color:#FFF;}




.admin_menu li { margin-bottom:15px;}






.btn_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:3px; background-color:#46baaa; border:solid 1px #3da99a; color:#FFF;}
.btn_standard:hover { background-color:#3da99a; color:#FFF; text-decoration:none;}
.btn_standard:active {color:#FFF;text-decoration:none;}
.btn_standard:visited {color:#FFF;text-decoration:none;}

.btn_standard_padding {display:block; font-size:13px; padding:12px 8px; width:100%; text-align:center; border-radius:3px; background-color:#46baaa; border:solid 1px #3da99a; color:#FFF;}
.btn_standard_padding:hover { background-color:#3da99a; color:#FFF; text-decoration:none;}
.btn_standard_padding:active {color:#FFF;text-decoration:none;}
.btn_standard_padding:visited {color:#FFF;text-decoration:none;}

.btn_standard_padding_gray {display:block; font-size:13px; padding:12px 8px; width:100%; text-align:center; border-radius:3px; background-color:#B9B9B9; border:solid 1px #B7B7B7; color:#FFF;}
.btn_standard_padding_gray:hover { background-color:#a6a6a6; color:#FFF; text-decoration:none; border:solid 1px #a6a6a6}
.btn_standard_padding_gray:active {color:#FFF;text-decoration:none;}
.btn_standard_padding_gray:visited {color:#FFF;text-decoration:none;}

.btn_bk_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:3px; background-color:#000; border:solid 1px #000; color:#FFF;}
.btn_bk_standard:hover {background-color:#000; color:#FFF; text-decoration:none;}
.btn_bk_standard:active {color:#FFF;text-decoration:none;}
.btn_bk_standard:visited {color:#FFF;text-decoration:none;}

.btn_red_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:3px; background-color:#CF5A5A; border:solid 1px #BC4F4F; color:#FFF;}
.btn_red_standard:hover {background-color:#A24141; color:#FFF; text-decoration:none;}
.btn_red_standard:active {color:#FFF;text-decoration:none;}
.btn_red_standard:visited {color:#FFF;text-decoration:none;}

.btn_gray_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:3px; background-color:#B9B9B9; border:solid 1px #B7B7B7; color:#FFF;}
.btn_gray_standard:hover {background-color:#a6a6a6; color:#FFF; text-decoration:none; border:solid 1px #a6a6a6}
.btn_gray_standard:active {color:#FFF;text-decoration:none;}
.btn_gray_standard:visited {color:#FFF;text-decoration:none;}


.btn_white_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:3px; background-color:#F5F5F5; border:solid 1px #BBB; color:#555;}
.btn_white_standard:hover {background-color:#F0F0F0; color:#555; text-decoration:none;}
.btn_white_standard:active {color:#555;text-decoration:none;}
.btn_white_standard:visited {color:#555;text-decoration:none;}




.btn_gray_standardb {display:block; float:left; padding:4px 10px; background-color:#E2E2E2; border-radius:4px;}


.btn_unable {
	display:block; 
	font-size:13px; 
	height:40px; 
	line-height:40px; 
	padding-left:15px; 
	padding-right:15px; 
	width:100%; 
	text-align:center; 
	border-radius:4px; 
	background-color:#E2E2E2; 
	border:solid 1px #D5D5D5; 
	color:#A6A6A6;
	}

.btn_navyblue_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:4px; background-color:#3C4956; border:solid 1px #35404C; color:#FFF;}
.btn_navyblue_standard:hover {background-color:#35404C; color:#FFF; text-decoration:none;}
.btn_navyblue_standard:active {color:#FFF;text-decoration:none;}
.btn_navyblue_standard:visited {color:#FFF;text-decoration:none;}

.btn_Orange_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:4px; background-color:#E7BE5B; border:solid 1px #DFB757; color:#FFF;}
.btn_Orange_standard:hover {background-color:#DFB757; color:#FFF; text-decoration:none;}
.btn_Orange_standard:active {color:#FFF;text-decoration:none;}
.btn_Orange_standard:visited {color:#FFF;text-decoration:none;}

.btn_blue_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:4px; background-color:#3FB7E8; border:solid 1px #3FB7E8; color:#FFF;}
.btn_blue_standard:hover {background-color:#3FB7E8; color:#FFF; text-decoration:none;}
.btn_blue_standard:active {color:#FFF;text-decoration:none;}
.btn_blue_standard:visited {color:#FFF;text-decoration:none;}

.btn_green_standard {display:block; font-size:13px; height:40px; line-height:40px; padding-left:15px; padding-right:15px; width:100%; text-align:center; border-radius:4px; background-color:#44B872; border:solid 1px #3EA567; color:#FFF;}
.btn_green_standard:hover {background-color:#3EA567; color:#FFF; text-decoration:none;}
.btn_green_standard:active {color:#FFF;text-decoration:none;}
.btn_green_standard:visited {color:#FFF;text-decoration:none;}




.btn_iconbtn_gray {display:block; width:100%; height:44px; line-height:44px; background-color:#fff; border:solid 1px #CFCFCF; text-align:center; border-radius:5px; color:#9C9C9C; }


.inputbtn_standard {font-size:13px; height:40px; width:100%; text-align:center; border-radius:4px; background-color:#46baaa; border:solid 1px #3da99a; color:#FFF;}
.inputbtn_standard:hover {background-color:#3da99a; color:#FFF; border:solid 1px #3da99a; cursor:pointer;}

.inputbtn_standard_gray {font-size:13px; height:40px; width:100%; text-align:center; border-radius:4px; background-color:#BEBEBE; border:solid 1px #B9B9B9; color:#FFF;}
.inputbtn_standard_gray:hover {background-color:#999; color:#FFF; cursor:pointer;}

.inputbtn_standard_red {font-size:13px; height:40px; width:100%; text-align:center; border-radius:4px; background-color:#CF5A5A; border:solid 1px #C00; color:#FFF;}
.inputbtn_standard_red:hover {background-color:#C00; color:#FFF; cursor:pointer;}

.inputbtn_standard_navyblue {font-size:13px; height:40px; width:100%; text-align:center; border-radius:4px; background-color:#3C4956; border:solid 1px #35404C; color:#FFF;}
.inputbtn_standard_navyblue:hover {background-color:#35404C; color:#FFF; cursor:pointer;}

.inputbtn_standard_block {font-size:13px; height:40px; width:100%; text-align:center; border-radius:4px; background-color:#383838; border:solid 1px #000; color:#FFF;}
.inputbtn_standard_block:hover {background-color:#000; color:#FFF; cursor:pointer;}


.nav_btn {border-radius:8px; font-size:13px; padding:3px 3px 5px 3px; margin-right:20px; background:none; color:#FFF; border:none;}



.btn:focus,.btn:active {
   outline: none ;
   box-shadow: none;
}





.box_index { padding: 0px 0px;}


.cursor_pointer {cursor:pointer;}
.cursor_pointer:hover {cursor:pointer; text-decoration:none;}


/* 通用 */
::-webkit-input-placeholder { color:#bfbfbf; }
::-moz-placeholder { color:#808080; } /* firefox 19+ */
:-ms-input-placeholder { color:#808080; } /* ie */
input:-moz-placeholder { color:#808080; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#000; }

/* mozilla专用 */
#field2::-moz-placeholder { color: #C63; }



.onoff_xl {display:none;}
.on_xl {display:block;}



/* spec 表格顏色 */

table { width:100%; border-color: #AB000E;}
td { padding:8px;}
th { padding:8px; background-color:#e60012; border-color:#AB000E; color:#FFF; }


table tr:nth-child(odd) { 
    background:#FFFFFF;
	color:#000;
} 
table tr:nth-child(even) { 
    background:#f2f2f2; 
} 
table td { border:solid 1px #B3B3B3;}
table p { margin-bottom:0px;}



/*============================*/
.grandtotal_table2:nth-child(odd) { 
    background:#68A89F;
	color:#FFF
} 
.grandtotal_table2:nth-child(even) { 
    background:#EFEFEF; 
} 


/*============================*/
.grandtotal_user:nth-child(odd) { 
    background:#68A89F;
	color:#FFF
} 
.grandtotal_user:nth-child(even) { 
    background:#EFEFEF; 
} 
/*============================*/




.onoff_xl {display:none;}
.on_xl {display:block;}


#gotop {
	border-radius:5px;   
    padding: 10px 15px;    
    font-size: 20px;
    background:#e60012;
    color:#FFF;
    cursor: pointer;
}



.gotop {
	display:block;
	border-radius:100px;   
    padding:13px;    
    font-size: 20px;
    background-color:#56CDF3;
    color:#FFF;
    cursor: pointer;
}


.gotop:visited {color:#FFF;}
.gotop:hover {color:#FFF;}
.gotop:active {color:#FFF;}





.home_card { width:20%;}


.privacy_policy2 {display:block; color:#444;}
.privacy_policy2:link {color:#444;}
.privacy_policy2:visited {color:#444;}
.privacy_policy2:hover { text-decoration:underline; color:#444;}
.privacy_policy2:active {color:#444;}




/*=========== Nav =============*/
.navbar {padding: 1rem 1rem;}
.navbar-brand {font-size: 1.4rem;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color:#00C6F3;
}
.navbar-light .navbar-nav .nav-link {color:#666; font-size:1.05rem; line-height:2rem;}
.navbar-light .navbar-nav .nav-link:link {color:#666;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
 font-weight:700; font-size:1.1rem; line-height:2rem;}
/*============================*/



  
/*=========== lg =============*/
@media (max-width: 1199.98px)  { 
.home_card { width:20%;}
}

/*=========== md =============*/
@media (max-width: 991.98px) {
.home_card { width:33%;}
.md_off { display:none; }
}

/*=========== sm =============*/
@media (max-width: 767.98px) {
.home_card { width:33%;}
}

/*=========== col- iphone =============*/
@media (max-width: 575.98px) {
.home_card { width:50%;}
}

@media (max-width: 420px) { 

}

@media (max-width: 370px) {
	 
}

@media (max-width: 350px) { 

}


@media print {
}