@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: #CC0000;font-weight: bold;}
.blue{color: #0099CC}
.green{color:#669900}
/* 回頂端 */
#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}
}

/*---------------------- 頁面開始 ----------------------*/
.area_pro{position:relative}
.area_pro .area_abso{position:absolute;left:0;top: -150px;}
/*主選單*/
.navbar{background: url(../images/all/header.jpg)no-repeat center/cover;padding: 20px 0px;}
.navbar-dark .navbar-brand{font-size: 1.4rem;font-weight:bold;letter-spacing: 3px;}
.navbar-dark .navbar-brand img{max-width:60px}
.navbar-dark .navbar-nav .nav-link{color:#fff;font-size: 1rem;font-weight:bold;}
.navbar-dark .navbar-nav .nav-item.active .nav-link,.navbar-dark .navbar-nav .nav-item:hover .nav-link{color: #fff;border-bottom:3px solid;}
.dropdown-menu{background-color:#669900;border-radius:0;}
.dropdown-item{color:#fff;border-bottom:1px solid #fff;}
.dropdown-item:last-child{border-bottom:none;}
/*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: #006699; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */padding: 50px 50px 50px 0px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #fff;}
hr{border-top: 1px solid rgba(2, 138, 0, 0.35);}
/*問與答*/
.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:#669900;}
.box-clickopen .accordionPart li .qa_content {background:#fff;color: #000;padding:1.5em 2em;border-bottom: 3px solid #669900;}

.faqList ul{list-style: decimal-leading-zero;margin-top: 10px;}
/*產品*/
.pdtInfo{margin-top: 10px;border-top:1px solid #eee;padding-top: 10px;}
.pdtInfo dl{display: flex;background: #eee;padding: 10px;}
.pdtInfo dl dd{width: 90px;margin-bottom: 0;}
.pdtInfo dl dt{width:calc(100% - 90px);border-left: 1px solid;padding-left: 10px;}
/*其他副產品*/
.list{background:#669900;position: sticky;top: 65px;z-index: 1;}
.list ul{list-style:none;padding-left:0;display:flex;margin-bottom: 0;}
.list a{padding: 15px;display:block;color:#fff;border-left: 1px solid rgba(255, 255, 255, 0.6);}
.list li:last-child a{border-right: 1px solid rgba(255, 255, 255, 0.6);}
/*聯絡我們*/
.page_form{margin-bottom: 30px;}
.page_form input,.page_form textarea{width:100%;height:40px;background:inherit;border:none;border-bottom: 1px solid #bababa;}

/*頁尾*/
footer{background: #23517e;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: 5px 20px;}
    .innerBox{padding: 20px;}
    .banner{margin-top: 40px;}
    .bannerWord h1{font-size:1.6rem}
    .wordBox{margin:0 auto;}
    .navbar-dark .navbar-brand{font-size:1rem;}
}