@charset "utf-8";
/* CSS Document */
html {font-size:100%;/*16px*/ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {font-size:1rem; font-size:16px; line-height:1.5em; font-family:'Segoe UI','微軟正黑體','Microsoft JhengHei',\5FAE\x8F6F\6B63\9ED1\4F53; color:#333; background-color:#f9f9f9;}
/*====HTML5====*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
/*====link====*/
a {color:#0099cc; text-decoration:none; -webkit-transition:ease-in-out 0.2s; -moz-transition:ease-in-out 0.2s; -o-transition:ease-in-out 0.2s; transition:ease-in-out 0.2s;}
a:hover {color:#0066ff; text-decoration:none;}
/*====wrapper====*/
.site {display:flex; min-height:100vh; height:100%; flex-direction:column;}
.site-content {flex:1 0 auto; flex-grow:1; padding-top:80px;}
/*====container====*/
main {background:url( "../images/bg.png") no-repeat right 20px;}
main.bg2 {background:url( "../images/bg2.png") no-repeat right 20px;}
.bg-color {background-color:#eee;}
.bg-light {background-color:#fff!important;}
/*====margin & padding====*/
.mt-6 {margin-top:4rem!important;}
.mt-7 {margin-top:5rem!important;}
.mt-8 {margin-top:6rem!important;}
.mt-9 {margin-top:7rem!important;}
/*====panel====*/
/*====nav====*/
header nav {background-color:#fff; -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3); box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
header .nav-item {padding: 0 5px; /*border-right:solid 1px #dddddd;*/}
header .nav-item:last-child {/*border:none;*/}
.nav-tabs .nav-link.active {background-image:linear-gradient(#fff,#f9f9f9);  border-color:#dee2e6 #dee2e6 #f9f9f9;}
.navbar-nav {flex-direction:row;}
.navbar-title {font-size:20px; color:#28a745; font-weight:bold; padding-left:10px; margin-left:10px;}
/*====header====*/
header {}
#logo {width:150px; height:54px; background:url(../images/logo_150x54.png) no-repeat 0 0; margin:auto 0; text-indent:-999px; z-index:3;}
/*====headings====*/
/*====title====*/
.title1 {display:block; text-align:center;}
.title1 h2 {color:#28a745; font-weight:bold;}
.title2 {display:block; margin:10px 0 20px 0; border-bottom:2px solid #ffffff;}
.title2 h3 {margin:0 0 -2px 0; padding-bottom:0px; display:inline-block; border-bottom:2px solid #28a745; line-height:1.4em;}
/*====paragraph====*/
p.indent {text-indent:2em;}
p {margin:0 0 1em 0;}
p:last-child, ul:last-child, ol:last-child, dl:last-child {margin:0;}
/*====button====*/
.btn-primary {background-color:#297d6b; border-color:#297d6b;}
.btn-primary:hover {background-color:#236c5c; border-color:#236c5c; color:#fff;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {background-color: #1a5145;border-color: #1a5145;}
.btn-other {background-color:#666; border-color:#666; color:#fff;}
.btn-other:hover {background-color:#555; border-color:#555; color:#fff;}
/*====list====*/
/*====text element====*/
em {font-style:italic;}
mark {background-color:#FFFF00;}
ins {text-decoration:underline;}
del {text-decoration:line-through;}
code {background-color:#eaeaea; color:#333; padding:2px 5px; font-family: Menlo,Monaco,"Courier New",monospace;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
kbd {color:#333; font-family: Menlo,Monaco,"Courier New",monospace;}
abbr[title] {border-bottom:1px dotted; cursor:help;}
strong {font-weight:bold;}
small {font-size:80%; color:#999;}
/*====text color====*/
.text-main {color:#28a745;}
.text-hl {color:#d73038;}
.text-muted {color:#ccc!important;}
/*====horizontal rules====*/
hr {border:0; border-top:1px solid #eee; border-bottom:1px solid #fff;}
/*====ellipsis line clamp====*/
td.ellipsis {display:block;}
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.line-clamp1 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; height:3em; -webkit-box-orient:vertical;}
.line-clamp2 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; height:4.5em; -webkit-box-orient:vertical;}
.line-clamp3 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; height:6em; -webkit-box-orient:vertical;}
.line-clamp4 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; height:7.5em; -webkit-box-orient:vertical;}
/*====labels====*/
/*====badge====*/
/*====description====*/
/*====quote====*/
/*====blockquote====*/
/*====opacity====*/
/*====bg color====*/
/*====gradient====*/
/*====table====*/
.table {background-color:#fff; border:1px #dee2e6 solid;}
.table th {text-align:center; border-bottom:1px solid #dee2e6; background-color:#e2e3e5; background-color:#eeeeee; white-space:nowrap;}
.table td {vertical-align:middle;}
/*.table th, .table td {border: 1px solid #dee2e6;}
.table tbody tr:hover > td {background-color:#f8f8f8;}*/
.table .cell-break {word-break:break-all; min-width:50px; max-width:200px;}
.table .borderless {padding:0; border-top:none;}
.table .borderless .card-body {border-top:1px #dee2e6 solid; background:#f8f8f8;}
/*====breadcrumbs====*/
/*====pagination====*/
/*====form====*/
.form-control[disabled] {cursor:not-allowed;}
.pincode-box .form-control {float:left; width:255px; margin-right:15px;}
.pincode-box .pinimg {float:left; height:calc(1.5em + .75rem + 2px); width:auto; border:1px solid #ced4da; background:#fff; margin-right:15px; border-radius:4px;}
.pincode-box .pinimg img {height:30px; width:auto; margin:3px;}
.pincode-box button {padding:.3rem .6rem;}
.custom-checkbox .btn-link {padding:0px; margin-top:-4px;}
.btn-link {padding:0px;}
.col-md-5 .col-form-label {padding-top:12px;}
/*====search====*/
/*====images====*/
.img-circle {display:block; margin:0px auto; text-align:center; width:250px; height:250px; border:1px solid #28a745; border-radius:250px;}
.img-animated {display:block; width:200px; height:200px; margin:24px auto;}
/*====figure====*/
/*====button====*/
/*====hover effects====*/
/*====icons====*/
/*====images====*/
/*====footer====*/
footer {background-color:#555; color:#fff; flex-shrink:0;}
footer span {font-size:24px;}
footer .warning1 {font-size:20px;}
footer .warning2 {font-size:16px;}
footer .copyright {font-size:12px; color:#999;}
footer i {color:#28a745;}
footer a {color:#fff; text-decoration:underline;}
footer a:hover {color:#0099cc; text-decoration:underline;}
/*====selection====*/
p::selection {background:#28a745; color:#fff;}
i::selection {background:#28a745; color:#fff;}
::selection {background:#28a745; color:#fff;}
p::-moz-selection {background:#28a745; color:#fff;}
i::-moz-selection {background:#28a745; color:#fff;}
::-moz-selection {background:#28a745; color:#fff;}
/*====plugins=======================================================================================================================*/
/*====bootstrap====*/
/*====tooltip====*/
/*====modal====*/
/*====alert====*/
/*====collapse====*/
.card-header .btn-link:before {content:"－";}
.card-header .btn-link.collapsed:before {content:"+";}
.accordion button.btn-link {font-size:20px; float: left;}
.accordion button.btn-success {float:right;}
/*====gotop====*/
.gotop {position:fixed; bottom:20px; right:10px; display:none; z-index:999;}
.gotop a {padding:10px 20px; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5); -webkit-transition:ease-in-out 0.4s; -moz-transition:ease-in-out 0.4s; -o-transition:ease-in-out 0.4s; transition:ease-in-out 0.4s; display:block; border-radius:0.25rem;}
.gotop a:hover {background-color:rgba(0,0,0,0.8);}
/*====contents======================================================================================================================*/
/*====banners====*/
/*====media query====*/
@media screen and (min-width:1200px) {/*視窗寬度 >= 1200px*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (min-width:980px) and (max-width:1199px) {/*視窗寬度介於980px-1199px 預設*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (min-width:768px) and (max-width:991px) {/*視窗寬度介於768px-991px*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (min-width:768px) and (max-width:979px) {/*視窗寬度介於768px-979px*/
.main-kv{display:block;}
.sm-kv {display:none;}		
}
@media screen and (max-width:767px) {/*視窗寬度 <=768px*/
.col-md-4.text-right {text-align:left!important;}
.col-md-5.text-right {text-align:left!important;}
}
@media screen and (max-device-width:480px) {/*視窗寬度 <=480px*/
.col-md-4.text-right {text-align:left!important;}
.col-md-5.text-right {text-align:left!important;}	
}
/*1.25dpr*/
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {/*當DPR1.25以上，與min-resolution裝置解析在120dpi就套用此樣式*/
#logo {background:url(../images/logo_188x68.png) no-repeat 0 0; background-size:150px;}
}
/*1.5dpr*/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {/*當DPR1.5以上，與min-resolution裝置解析在144dpi就套用此樣式*/
#logo {background:url(../images/logo_225x81.png) no-repeat 0 0; background-size:150px;}
}
/*2.0dpr*/
@media (-webkit-min-device-pixel-ratio:2.0), (min-resolution:192dpi) {/*當DPR2.0以上，與min-resolution裝置解析在192dpi就套用此樣式*/
#logo {background:url(../images/logo_300x108.png) no-repeat 0 0; background-size:150px;}
}