@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Font Awesome 5 Light';font-style:normal;font-weight:300;src:url("../../webfonts/fontawesome-light-300.eot");src:url("../../webfonts/fontawesome-light-300.eot?#iefix") format("embedded-opentype"),url("../../webfonts/fontawesome-light-300.woff2") format("woff2"),url("../../webfonts/fontawesome-light-300.woff") format("woff"),url("../../webfonts/fontawesome-light-300.ttf") format("truetype"),url("../../webfonts/fontawesome-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Light';font-weight:300}
/*----------------------------------------------------------------------*/
#Wrap { background:url(../images/bg1.jpg) repeat; overflow:hidden; }
#KeyVisual .inner:after { content:""; display:block; clear:both; }

/*----------------------------------------------------------------------*/
/* 關於我們 */
.indexAbout .zh { letter-spacing:.05em; font-weight:bold; }
.indexAbout .en { font-size:1.25em; letter-spacing:.05em; font-weight:bold; line-height:1.625em; color:#777; }
.indexAbout .cont { padding-top:1.5em; overflow:hidden; }
.indexAbout .img { float:right; max-width:50%; margin-left:35px; margin-bottom:5px; }
.img img { max-height:100%; max-width:100%; }

/*----------------------------------------------------------------------*/
/* 登入 */
.indexLogin { box-shadow:2px 3px 5px rgba(0,0,0,.3); margin:1em auto; max-width:450px; }
.indexLogin .titleBox { background-color:#333; color:#fff; font-size:1.5em; font-weight:bold; padding:10px; letter-spacing:.1em; line-height:40px; }
.indexLogin .titleBox:before { content:"\f007"; font-family:'Font Awesome 5 Regular'; font-weight:400; font-size:1.375rem; margin-right:0.375em; margin-left:5px; }
.indexLogin .titleBox span, .indexLogin .titleBox:before { vertical-align:middle; }
.indexLogin .form { background-color:#eee; padding:5px 10px; }
.indexLogin .row { margin:15px 0; }
.indexLogin .row.randomcode .bar { padding-left:70px; margin-bottom:10px; }
.indexLogin .bar { background:#fff; position:relative; padding-left:55px; }
.indexLogin .bar input { height:40px; line-height:40px; border:none; width:100%; box-sizing:border-box; font-size:1em; }
.indexLogin .bar input:focus { outline:none; border:none; }
.indexLogin label { height:40px; line-height:40px; position:absolute; left:15px; top:0; }

.indexLogin .randomcode:after { content:""; display:block; clear:both; }
.indexLogin .randomcode .img, .indexLogin .randomcode .btn { float:left; }
.indexLogin .randomcode .forget { float:right; }
.indexLogin .randomcode .forget a { line-height:30px; color:#333; text-decoration:none; }
.indexLogin .randomcode .forget a:hover { color:#e82d34; }
.indexLogin .randomcode .btn { position:relative; background-color:#777; padding:0; margin-left:8px; border:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; }
.indexLogin .randomcode .btn:before { content:"\f2f1"; font-family:'Font Awesome 5 Solid'; font-size:0.875em; color:#fff; position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; text-align:center; z-index:1; }
.indexLogin .randomcode .btn input { background-color:transparent; border:0; margin:0; height:30px; width:30px; text-indent:-9999px; position:relative; z-index:5; }
.indexLogin .randomcode .btn:hover { background-color:#009b93; }
.indexLogin .form_btn:after { content:""; display:block; clear:both; }
.indexLogin .form_btn > div { float:left; width:48%; }
.indexLogin .form_btn > div:first-child { margin-right:4%; }
.indexLogin .form_btn a, .indexLogin .form_btn input { background-color:#333; color:#fff; font-size:1em; width:100%; height:40px; line-height:40px; }
.indexLogin .form_btn a { display:block; text-align:center; text-decoration:none; }
.indexLogin .form_btn a:hover, .indexLogin .form_btn input:hover { background-color:#009b93; }

/*----------------------------------------------------------------------*/
/* 標題共用樣式 */
.indexTitle { text-align:center; }
.indexTitle h2 { line-height:150%; letter-spacing:.08em; display:inline-block; background-color:#fff; margin:-2em auto 0; padding:0 1em 0 1.08em; font-weight:400; }
.indexTitle h2:before { font-family:'Font Awesome 5 Light'; display:block; line-height:1.2em; }
.indexNews .left h2 { color:#009b93; }
.indexNews .left h2:before { content:"\f0a1"; }
.indexNews .right h2 { color:#2276c1; }
.indexNews .right h2:before { content:"\f1ea"; }

/*----------------------------------------------------------------------*/
/* 新聞 */
.indexNews { position:relative; background:#fff; padding:3em 0;/* margin-top:80px;*/ }
/*.indexNews:before { content:""; display:block; width:100%; height:80px; background:url(../images/bg_bo.png) no-repeat center center; position:absolute; top:-80px; left:0; }*/
.indexNews .inner { position:relative; z-index:5; }
.indexNews .inner:after { content:""; clear:both; display:block; }
.indexNews .left { border:2px solid #d0e9e8; }
.indexNews .right { border:2px solid #cce6f2; }
.indexNews a { display:block; text-decoration:none; color:#222; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.indexNews a:hover { color:#e40f0f; }
.indexNews .title { padding-bottom:15px; }
.indexNews .title a { letter-spacing:.05em; line-height:2.375rem; }
.indexNews .cont:after { content:""; display:block; clear:both; }
.indexNews .img { float:left; margin-right:25px; width:52.357%; padding-bottom:33.66%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.indexNews .img:hover { box-shadow:2px 3px 5px rgba(0,0,0,.3); }
.indexNews .img { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; }
.indexNews .img:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0; }
.indexNews .img a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; z-index:5; }
.indexNews .date { color:#555; line-height:1.25em; padding-bottom:10px; }
.indexNews .desc { line-height:1.875em; }
.indexNewsList.green li:nth-child(odd) { background-color:#d0e9e8; }
.indexNewsList.blue li:nth-child(odd) { background-color:#cce6f2; }
.indexNewsList a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.indexNewsList li { line-height:2.8125em; }

/*----------------------------------------------------------------------*/
/* 連結 */
.indexLink { background:url(../images/bg1.jpg) repeat; padding:2em 0; }
.list:after { content:""; display:block; clear:both; }
.list .item { float:left; background:#fff; text-align:center; box-shadow:2px 3px 5px rgba(0,0,0,.1); margin:10px 15px; }
.list .item:hover { box-shadow:2px 3px 5px rgba(0,0,0,.3); }
.list .img { position:relative; overflow:hidden; height:100px; }
.list .img a { vertical-align:middle; position:absolute; left:0; top:0; width:100%; height:100%; }
.list .img a:before { content:""; width:0; height:100%; display:inline-block; position:relative; vertical-align:middle; }
.list .img img { max-width:100%; max-height:100%; vertical-align:middle; }

.indexLink .slick-arrow { display:block; text-indent:-9999px; position:absolute; top:0; width:50px; height:100%; border:none; opacity:.6; background-color:transparent; cursor:pointer; }
.indexLink .slick-arrow:hover { opacity:1; }
.indexLink .slick-arrow:focus, .indexLink .slick-slide:focus { outline:none; }
.indexLink .slick-prev { left:0; }
.indexLink .slick-next { right:0; }
.indexLink .slick-slide { margin:5px 20px; display:block; box-sizing:border-box; overflow:hidden; }
.indexLink button.slick-arrow { padding:0; }
.indexLink .slick-slide, .indexLink .slick-arrow { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.indexLink .slick-slide:hover { opacity:1; }
.indexLink .slick-slide.slick-current { opacity:1; }
.indexLink .slick-list { margin:0 55px; }
.indexLink .slick-arrow:before {
	content:''; position:absolute; top:50%; left:0px; margin-top:-25px; width:50px; height:50px; background:#999;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.indexLink .slick-arrow:after {	content:''; position:absolute; top:50%; margin-top:-8px; width:16px; height:16px; border-top:2px solid #fff; border-left:2px solid #fff; }
.indexLink .slick-prev:after { left:20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.indexLink .slick-next:after { right:20px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }