@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;background: url(../images/all/p-bg_01.jpg)repeat fixed;}
a{color:#000;text-decoration:none}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

.yellow{color: #FFCC00;font-weight: bold;}
.blue{color: #0099CC}
/* 回頂端 */
#goTop{border:1px solid #CCC;color:#aaa;background:#FFF;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:#EEE 0 0 5px;-moz-box-shadow:#EEE 0 0 5px;box-shadow:#EEE 0 0 5px}
#goTop:hover{background:#999;color:#FFF}
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}

/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}

/*---------------------- 頁面開始 ----------------------*/

/*主選單*/
.navbar{ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */padding: 20px 100px;background: rgb(76,76,76); /* Old browsers */background: -moz-linear-gradient(45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.navbar-dark .navbar-brand{font-size:1.8rem;font-weight:bold;letter-spacing: 3px;}
.navbar-dark .navbar-brand img{max-width:60px}
.navbar-dark .navbar-nav .nav-link{color:#fff;font-size:1.2rem;font-weight:bold;}
.navbar-dark .navbar-nav .nav-item.active .nav-link,.navbar-dark .navbar-nav .nav-item:hover .nav-link{color:#0099CC;border-bottom:3px solid;}
/*banner*/
.banner{position: relative;}
.bannerWord{position: absolute;right: 20.5%;bottom: 20px;color: #fff;}
.bannerWord span{font-family: 'Courgette', cursive;margin-right: 20px;}
/*頁面*/
.innerBox{color:#fff;background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */padding: 50px 50px 50px 0px;}
hr{border-top: 1px solid rgba(255, 255, 255, 0.5);}
.pdtList a figure{border:5px solid #a0a0a0;display:inline-block}
.pdtList div{margin-bottom:20px;}
/*問與答*/
.box-clickopen .qa { display:inline-block; padding:5px 15px; background:#fff8f9; text-decoration:none; margin:0 0 15px 0; font-size:13px; }
.box-clickopen .qa_showall { margin-right:2px; }
.box-clickopen .accordionPart { list-style:none;	margin:0;	padding:0;}
.box-clickopen .accordionPart>li {margin-bottom:1.5em;}
.box-clickopen .accordionPart li .qa_title { background:#f9f9f9; padding:1.5em 2em;  cursor: pointer;  }
.box-clickopen .accordionPart li .qa_title h3 {margin:0;padding-left:1.5em;color: #000;position:relative;font-size: 1.4rem;font-weight: bold;}
.box-clickopen .accordionPart li .qa_title h3:before { font-family: Font Awesome\ 5 Free;font-weight: 900; content: "\f059"; position:absolute; left:0; top:0px; font-size:26px; }
.box-clickopen .accordionPart li .qa_title_on h3 {color:#FFCC00;}
.box-clickopen .accordionPart li .qa_content {background:#fff;color: #000;padding:1.5em 2em;border-bottom: 3px solid #FFCC00;}

.faqList ul{
    list-style: decimal-leading-zero;
    margin-top: 10px;
}
/*聯絡我們*/
.page_form{margin-bottom: 30px;}
.page_form input,.page_form textarea{width:100%;height:40px;background:inherit;border:none;border-bottom:1px solid #fff;color: #fff;}

/*頁尾*/
footer{background:#343a40;color:#fff;padding:20px;text-align:center}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li{display:inline-block;padding:0 20px}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}

@media screen and (max-width: 1280px) {
    .navbar-dark .navbar-brand{font-size:1.2rem;}
}
@media screen and (max-width: 768px) {
    .navbar{padding: 0px 20px;}
    .innerBox{padding:50px;}
    .banner{margin-top: 80px;}
    .bannerWord h1{font-size:1.6rem}
}