@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */

/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
}
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;
}


/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*文字樣式(共用)*/
.red { color: #ef1e03; }


/* 回頂端 */
#goTop{text-align:center;position:fixed;bottom:20px;right:20px;line-height:40px;cursor:pointer;display:none}
.go-top{position:fixed!important;z-index:990;width:75px;height:75px;right:40px;bottom:40px;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-ms-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-moz-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-webkit-transition:all .25s cubic-bezier(0,.4,.4,1) .25s}
.go-top.view{opacity:1;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transition:all .25s cubic-bezier(0,.4,.4,1);-ms-transition:all .25s cubic-bezier(0,.4,.4,1);-moz-transition:all .25s cubic-bezier(0,.4,.4,1);-webkit-transition:all .25s cubic-bezier(0,.4,.4,1)}
.go-top > i{display:block;background:#4e4e4e;position:absolute;width:40px;height:40px;top:20px;left:18px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all .25s cubic-bezier(0,.4,.4,1);-ms-transition:all .25s cubic-bezier(0,.4,.4,1);-moz-transition:all .25s cubic-bezier(0,.4,.4,1);-webkit-transition:all .25s cubic-bezier(0,.4,.4,1)}
.go-top:hover > i{background:#ef1e03}
.go-top.view > i:before{top:-6px;left:-6px;transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-ms-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-moz-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-webkit-transition:all .25s cubic-bezier(0,.4,.4,1) .25s}
.go-top > i:before{content:'';display:block;position:absolute;width:45px;height:45px;border-top:2px solid #b6b6b6;border-left:2px solid #b6b6b6;top:0;left:0;transition:all .25s cubic-bezier(0,.4,.4,1);-ms-transition:all .25s cubic-bezier(0,.4,.4,1);-moz-transition:all .25s cubic-bezier(0,.4,.4,1);-webkit-transition:all .25s cubic-bezier(0,.4,.4,1)}
.go-top:hover > i:before{top:-15px;left:-15px}
.go-top > span{display:block;position:absolute;width:45px;height:39px;line-height:40px;font-size:1.2rem;letter-spacing:1px;color:#fff;top:20px;left:15px;text-align:center}
/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
/* .wrapper { padding:2em 0; } */
.header .container,.footer .container{width: 90%; margin: 0 auto;}
.paperBlock .container{padding: 0 2em;background: #fff;}

/*頁首*/
.header ul { list-style:none; padding:0; margin:0; }

/*主選單*/
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.3);padding:10px 0;border-top:3px solid #ef1e03}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0}
.navbar-custom .navbar-brand:focus{outline:0}
.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:16px;color:#fff}
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active{outline:0}
.navbar-custom a{font-size:1.7rem}
.navbar-custom .nav li > a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.navbar-custom .nav li > a:hover{outline:0;background-color:transparent}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active{outline:0;background-color:transparent}
.navbar-custom .nav li.active{outline:0}
.cl-effect-13 a:hover, .cl-effect-13 a:focus,.cl-effect-13 > li.active > a{ color: #ef1e03}
.cl-effect-13 a::before { font-size:12px; top:65%; }
.cl-effect-13 a:hover::before, .cl-effect-13 a:focus::before, .cl-effect-13 > li.active > a::before { color:#ef1e03; text-shadow: 10px 0 #ef1e03, -10px 0 #ef1e03; }

@media(min-width:768px) {
.navbar-custom{padding:16px 0 10px;background:#fff;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
.navbar-custom.top-nav-collapse{padding:0;border-bottom:1px solid rgba(255,255,255,.3);background:#000}
}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus { background:none; }
.logoBox {  width: 350px;  height: 60px; display: block;  background: url(../images/all/logo.png) left top;background-size: 350px;}

/*次選單*/
.submenu { }
.submenu li { }

/*頁尾*/
.footer {
position: relative; padding: 2em 0;  color: #fff; overflow: hidden;  background: #676767; 
background: #bf210c; 
background: -moz-linear-gradient(left, #8a1a0b 0%,#ef1e02 80%);
background: -webkit-linear-gradient(left, #8a1a0b 0%,#ef1e02 80%);
background: linear-gradient(to right, #8a1a0b 0%,#ef1e02 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a1a0b', endColorstr='#ef1e02',GradientType=1 );
}
.footer:before{content: '';  width: 260px; height: 260px;  position: absolute;  top: -57px;  right: 5%;  background: url(../images/all/flogo.png) no-repeat;  background-size: contain;}
.footer a{color: #fff;}
.footer h2 {  margin: 0;  font-size: 2.2rem; font-weight: bold; letter-spacing: 1px;}
.footer i{ width: 30px; text-align: center; margin-right: 5px;}
.copyright,.copyright a {font-size: 1.3rem;color: #c5c5c5;margin-top: 2em;}

/*按鈕*/
.btnWrap { margin:1em 0; text-align:center; }
.btnWrap a { margin:0 10px;}
.btnWrap a:hover{text-decoration:none;}
.btn_style,.btn_red {padding: 8px 20px;background: #2a63b9;color:#FFFFFF;border-radius: 5px;}
.btn_style:hover{background: #2153a1;color:#FFFFFF;}
.btn_red:hover{background: #ef1e03;color:#FFFFFF;}

/*----banner---*/
.banner{height:300px}
.carousel{/*height:400px;*/margin-top:80px}
.carousel:hover .carousel-control{display:block}
.carousel .item,.carousel .item.active,.carousel .carousel-inner{height:100%}
.carousel .fill{width:100%;height:100%;background-position:center;background-size:cover;background: #f9f9f9}
.carousel .fill img {max-width:100%;margin:0 auto}
.carousel .carousel-control{background:none;display:none}
.carousel-control .icon-prev::before,.carousel-control .icon-next::before{content:''}
.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:60px;margin:-30px 0 0}
.carousel-control .icon-prev{background:url(../images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(../images/all/control-icon.png) -30px 0 no-repeat}
.carousel-indicators li {  width: 25px; height: 2px; border: 1px solid #ffffff;    border-radius: 0; }
.carousel-indicators .active {width: 25px;height: 9px;background-color: #ef1e03;border: 1px solid #ef1e03;}
.carousel-indicators{bottom: 8%;}

/*標題*/
.mjTit,.mjTit1{font-size:2.5rem;margin-top:0;margin-bottom: 15px;padding-bottom: 6px;color:#2a6ed7;font-weight:700;letter-spacing:1px;border-bottom:1px solid #e3e1e1;}
.mjTit:before{content:'';background:url(../images/all/icon.png) no-repeat;background-size:contain;display:inline-block;width:22px;height:22px;margin:0 8px -2px 0}

.mjTit2,.mjTit3{font-size:2.5rem;margin: 0;font-weight: 700;letter-spacing: 1px;}
.mjTit2{color:#d56009;border-bottom:1px solid #ecccb3}
.mjTit3{color:#018f1a;border-bottom: 1px solid #a4d18c;}

.mjTit2:before,.mjTit3:before{content: ''; display: inline-block; width: 22px; height: 22px; margin: 0 8px -3px 0;}
.mjTit2:before{background:url(../images/all/icon2.png) no-repeat;background-size: contain;}
.mjTit3:before{background:url(../images/all/icon3.png) no-repeat;background-size: contain;}

.mjTit2:after,.mjTit3:after {content: ''; height: 3px; width: 6em; display: block; margin-top: 6px;}
.mjTit2:after{background: #ffc193;}
.mjTit3:after{background: #85d35d;}

/*index*/
.container.paperTop{position: relative;margin-top: -30px;padding-bottom:40px;padding-top:60px;text-align:center;background:#fff;box-shadow:0 -20px 30px rgba(0,0,0,.3)}
.paperBlock{position: relative;margin-top: -4.5em;margin-bottom: 2em;}

.newsBox .nav-tabs>li.active>a,.newsBox .nav-tabs>li.active>a:focus,.newsBox .nav-tabs>li.active>a:hover {  border: none;}
.scrtabs-tab-container *{display: block; box-sizing: border-box;  background: #fff; position: relative; z-index: 9;font-weight: bold;font-size: 1.7rem;}
.scrtabs-tab-container{height:42px}
.scrtabs-tab-container .tab-content{clear:left}
.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav{-ms-flex-direction:row;flex-direction:row}
.scrtabs-tabs-fixed-container{float:left;/*height:42px;*/margin-bottom: 1em;width:100%;overflow: hidden;}
.scrtabs-tabs-movable-container{position:relative}
.scrtabs-tabs-movable-container .tab-content{display:none}
.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs{padding-right:0}
.scrtabs-tab-scroll-arrow{border-top:none;color:#428bca;display:none;float:left;font-size:12px;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}
.scrtabs-tab-scroll-arrow:hover{background-color: transparent; color: #76c1f1;}
.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}
.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}
.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}
.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}
.scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; }
.scrtabs-tabs-fixed-container .nav>li>a:focus,.scrtabs-tabs-fixed-container .nav>li>a:hover{background: transparent}
.scrtabs-tab-container li.active { border-bottom: 3px solid #ef1e03;}
.scrtabs-tab-container li.active a{color: #ef1e03;font-weight: bold;}
.scrtabs-tab-container .nav-tabs>li>a:hover {  background: none;  border-color: #fff; color: #ef1e03;}
.newsBox .arrow:after{position:relative;top:1px;text-align:center;display:block;line-height:1;font-size: 2rem;font-family:Font Awesome\ 5 Free;font-weight:900}
.newsBox .arrow-chevron-left:after{content: "\f104";}
.newsBox .arrow-chevron-right:after{content: "\f105";}

.newsBox{width: calc(100% - 350px);float:left;display: inline-block;overflow: hidden; }
.newsBox .mjTit{border: none}
.newsList { padding-left: 2em; }
.newsList li{clear: both;padding:10px 0;list-style:none;height: 38px;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}
.tab-content .newsList { padding-left: 1em; }
.newsList li:before{content: ''; background: #bbd5ff; width: 8px;  height: 8px;  margin: 0 9px 2px 0; display: inline-block;}
.newsList li span{margin-right: 5px;}
.moreBtn { text-align: right;}
.moreBtn a {  border: 1px solid #a2c5fa;  color: #2f72d8;  border-radius: 5px;  font-size: 1.5rem; display: inline-block;  padding: 2px 9px;}
.memberLogin { width: 300px;  float: right;margin-top: 2em;}
.grayBg{position: relative;background: url(../images/all/grayBg.jpg) #f4f4f4; padding: 3em 0;    box-shadow: inset 0 3px 10px rgba(0,0,0,0.1);}
.grayBg:before{content:'';width:70px;height:30px;position:absolute;top:-2px;left:50%;margin-left:-35px;z-index:10;background:url(../images/all/bg_arr.png) no-repeat 0 0}
.indBox{ width: 45%; float: left;position: relative;}
.govBox{ width: 45%; float: right;position: relative;}
.indBox .newsList li:before {content:'';width:8px;height:8px;margin:0 9px 2px 0;display:inline-block;background: #ffc499;}
.govBox .newsList li:before {content:'';width:8px;height:8px;margin:0 9px 2px 0;display:inline-block;background: #b1d79f;}

.indBox .moreBtn,.govBox .moreBtn {position: absolute;right: 0;top: 2px;}
.indBox .moreBtn a {border: 1px solid #f8c097;color: #d55f0a;background: #fff1e7;}
.govBox .moreBtn a {border: 1px solid #b7cfaa;color: #418f19;background: #f3faef;}

.owl-logo { padding: 3em 0;}
.owl-logo .owl-theme .owl-nav [class*=owl-] { width: 26px; height: 44px; }
.owl-logo .owl-prev { position: absolute; left: -20px; top: 10%; background:url(../images/all/prev.jpg) no-repeat!important; }
.owl-logo .owl-next { position: absolute; right: -20px; top: 10%; background:url(../images/all/next.jpg) no-repeat!important; }
.owl-logo .owl-carousel .owl-item img { width: auto;  margin: 0 auto;}
.owl-logo .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {  display: block; }
.owl-logo .owl-theme .owl-dots { display:none; }

.newsArea {
	overflow: hidden;
    margin-bottom: 20px;
    background: #e8f6ff;
    padding: 10px 1em;
    border-radius: 10px;
	line-height: initial;
}
.newsArea p { margin:0; padding:0;}
.newsArea a {position:relative;margin-right: 20px;padding-left: 20px;}
.newsArea a:before {font-family: Font Awesome\ 5 Free;font-weight: 900;content: "\f0da";margin-right: 5px;color: #2a62b9;}

/*會員登入*/
.memberLogin .login_box {border: 1px solid #d9d9d9;}
.memberLogin .login_box .login_sub_box {border: 6px solid #ffffff;padding: 1em 1.5em;width:100%;background: #f9f6f6;background: -moz-linear-gradient(top, #f9f6f6 0%,#fbfbfb 75%,#ffffff 100%);background: -webkit-linear-gradient(top, #f9f6f6 0%,#fbfbfb 75%,#ffffff 100%);background: linear-gradient(to bottom, #f9f6f6 0%,#fbfbfb 75%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6f6', endColorstr='#fff',GradientType=0 );/* box-shadow: 1px 3px 10px #d4efff; */}
.memberLogin .login_box .login_title {margin-bottom: 1em;font-size:2.5rem;text-align: center;position: relative;letter-spacing: 4px;font-weight: bold;}
.memberLogin .login_box .login_title:before{position: absolute;bottom: -20px;content: "";width: 4em;height: 1px;background-color: #d9d9d9;margin: 10px auto;left: 0;right: 0;}
.memberLogin .login_box .login_title:after{content: "";position: absolute;width: 12px;height: 12px;bottom: -15px;background-color: #f9f7f7;border: 3px #e1e1e1 solid;border-radius: 50%;left: 50%;transform: translateX(-50%);}
.memberLogin .login_box .msg1 {margin-bottom: 20px;}
.memberLogin .login_box .form_input .login_field { position: relative;}
.memberLogin .login_box .form_input .login_field i {position: absolute;left:15px;top:31%;color: #2a6ed7;}
.memberLogin .login_box .form_input .login_field:nth-child(1n){margin:12px 0 0 0;}
.memberLogin .login_box .form_input p { clear:both; margin: 0; width:100%;}
.memberLogin .login_box .form_input .login_input {margin:0;padding:8px 5px 8px 38px;width:100%;max-width:100%;border-radius: 5px;border:1px solid #DFDFDF;background-color: #ffffff;}
.memberLogin .login_box .pw_box {margin-top: 10px;padding-top: 10px;text-align: center;border-top: 1px solid #c4d0d6;}
.memberLogin .login_box .pw_box a {margin:0 10px;color: #6b6b6b;}
.memberLogin .login_box .pw_box a:hover {text-decoration:none;color: #2a63b9;}
.memberLogin.mb2, .memberLogin.mb3, .memberLogin.mb2, .memberLogin.mb4, .memberLogin.mb5 {float: unset; margin: 0 auto 20px auto;width: 80%;}
.memberLogin.mb3 { width: 100%;}
.memberLogin.mb4 { width: 50%}
.memberLogin.mb5 { width: 60%}

/*會員權益*/
.member_box .pact_box { padding-left:30px;}
.member_box .pact_box .pact_sub_box { clear:both;margin: 10px 0;border-bottom: 1px dashed #E5E5E5;}
.member_box .pact_box .pact_sub_box h2 { margin: 10px 0;color:#329bd9;font-size: 20px;font-weight: 700;}
.member_box .pact_box .pact_sub_box ul {margin: 0;padding:0 0 0 20px;color:#CD0C0C;}
.member_box .pact_box .pact_sub_box ul li {padding:0;}
.member_box .pact_box .pact_sub_box h3 { font-size: 18px;}
.member_box .pact_box .pact_sub_box p { color:#333;}
.member_box .pact_box .pact_sub_box strong { font-weight:700;}

/*會員-加入*/
.member_box .join_txt { margin:0 0 20px 0;}
.member_box .txt_title1 { margin-bottom:20px; padding:10px 0; border-top: solid thin; border-bottom: solid thin;}
.member_box .field_box1 { display:table; margin:0 0 10px 0; padding:0 0 10px 0; width:100%;}
.member_box .field_title1,.member_box .field_title2,.member_box .field_title3 { 
display:table-cell; padding:0 10px 0 0; width:100px; /*font-weight:bold;*/ vertical-align:middle;}
.member_box .field_title2 { padding-top:6px; vertical-align:top;}
.member_box .field_data1 { display:table-cell;vertical-align:middle;}
.member_box .fd_input, .member_box .fd_input2, .member_box .fd_input3, .member_box .fd_input4, .member_box .fd_select, .member_box .fd_select2, .member_box .fd_textarea { margin:0; padding:5px; border:1px solid #CCCCCC;height: 35px;}
.member_box .fd_input, .member_box .fd_select { width:100%;}
.member_box .fd_input2 { width:auto;}/*驗証碼*/
.member_box .fd_input3 { width:68.9%;}/*地址*/
.member_box .fd_input4, .member_box .fd_textarea { width:100%;}/*修改密碼*/
.member_box .fd_input6 { margin:0; padding:0px; font-size: 1.6rem;}/*上傳檔案*/
.member_box .fd_select3 { margin:0; padding:1px 0; border:1px solid #CCCCCC;}
.member_box .field_data1 label { display:inline-block; margin-bottom:0px; margin-right: 1em;  max-width:100%; font-weight:normal;}
.member_box .field_data1 span { margin:0; }
.member_box .btn_sutmit2 { margin:0 10px;}
.member_box .field_data1.bday span { padding-right:10px;}
.member_box .field_box1 .field_data1 label{ padding-left:0; font-weight: unset;cursor: pointer;}
.memberLogin.mb5 .field_title1 {width:150px;}

/*會員-專區*/
.member_box .loginok_box { margin: 0 auto; width:55%;}
.member_box .loginok_box .table_td { display:table-cell; vertical-align:middle;}
.member_box .loginok_box .table_td.icon { vertical-align:top;}
.member_box .loginok_box .table_td .member_icon { margin-right:20px; width:100px; height:100px; border:1px solid #080404; border-radius:50%; text-align:center;}
.member_box .loginok_box .table_td .member_icon i { color:#545353; font-size:6rem; line-height:90px;}

/*會員-產銷存調查表*/
.btnWrap2 { margin:10px 0; text-align:right;}
.btn_add, .btn_save { display: inline-block;padding: 5px 10px;background: #cf3925;color:#FFFFFF;border-radius: 5px;}
.btn_add:hover, .btn_save:hover, .btn_add:hover, .btn_save:focus{text-decoration:none;background: #a11f0d;color:#FFFFFF;}
.btn_add.add2 {padding:5px;}
.btn_edit, .btn_back { display: inline-block;padding: 5px 10px;background: #2a63b9;color:#FFFFFF;border-radius: 5px;}
.btn_edit:hover, .btn_back:hover, .btn_edit:hover, .btn_back:focus{text-decoration:none;background: #2153a1;color:#FFFFFF;}
.btn_view { display: inline-block;padding: 5px 10px;background: #29a5d1;color:#FFFFFF;border-radius: 5px;}
.btn_view:hover {text-decoration:none;background: #168eb9;color:#FFFFFF;}
.btn_del {display: inline-block;}
.btn_back, .btn_save {padding: 8px 20px;}
.member_box .table1 { margin:0 0 10px 0; width:100%; border-collapse: collapse; border-spacing:0;}
.member_box .table1 th { padding:5px 2px; background-color:#797878; color:#fff; font-weight: bold; text-align: center; border:1px #DFDFDF solid;}    
.member_box .table1 td { padding:6px 5px;border: 1px #DFDFDF solid; }
.member_box .table1.tb2 th{ font-size:14px;}
.member_box .table1 th span{display: inline-block;width: 20px;word-break: break-all;}
.member_box .table1 th p { font-size:12px;}
.member_box .year_box { overflow: hidden; margin-bottom: 10px;font-size:18px;}
.member_box .year_box div { float:left; margin-right:20px;}
.member_box .year_box div .red { font-size:14px;}
.member_box .year_box.yb2 { margin-bottom: 20px;}
.member_box .year_box .form-control{ display:inline-block; width:auto;}
.member_box .table1 select { width:auto;}
.member_box .table1 select, .member_box .table1 input {padding: 2px; text-align: center;}
.member_box .table1.tb2 td { font-size: 12px;}
.member_box .table1.tb2 input { font-size: 12px;}
.member_box .table1 .add {background: #cf3925; color:#fff; font-size:22px; font-weight:bold;}
.member_box .table1 .add:hover, .member_box .table1 .add:focus{text-decoration:none;background: #a11f0d;color:#FFFFFF;}
.remark_box { color:#cf3925;}
.remark_box ol {padding: 0 0 0 20px;}

/*內頁*/
.sidebar + main{width: calc(100% - 280px);float:right;overflow: hidden; }
.sidebar {width: 250px;float: left;background: #f1f1f1;}

.sidebar li.active:after { display:none; }
.sidebar .navbar-toggle,.sidebar .navbar-toggle:focus, .sidebar .navbar-toggle:hover {background-color: #e5e5e5;border: none;}
.sidebar .navbar-toggle { display:none; width:100%; float:inherit; text-align:left; margin:0; padding-left:20px; font-weight: bold; font-size: 1.5rem; position:relative; }
.sidebar .navbar-toggle .fa-caret-down { position:absolute; right:15px; top:15px; }
.sidebar .navbar ul { list-style:none; margin:0; padding:15px; padding-top:0; }
.sidebar .navbar ul li a .fa { margin-right:4px; }
.sidebar .navbar ul > li > a { display:block; padding:5px 0 5px 20px; text-decoration:none;  }
.sidebar .navbar ul > li > a:hover, .sidebar .navbar ul > li.active > a {/*background: #f0f0f0;*/color: #2a6ed7; }
.sidebar .navbar > li.panel {margin-bottom: 0;background-color: unset;border: 0px solid transparent;border-radius: 0;box-shadow: unset;}
.sidebar .navbar > li > a {padding: 14px 60px 9px;line-height: 50px;line-height: 3.125rem;display: block;border-bottom: 1px solid #e6e6e6;/* border-left: 5px solid #dedede; */}
.sidebar .navbar > li > a:hover, .sidebar .navbar > .active > a {padding: 14px 55px 9px;background: #4586d7;color: #fff;font-weight: bold;border-left: 5px solid #88c7ec;}
.sidebar .navbar {margin-bottom: 0;}
.sidebar .navbar>li>a.collapsed .creat:before{ content:"\f105"; font-family: Font Awesome\ 5 Free;font-weight: 900; float:right;}
.sidebar .navbar>li>a .creat:before{ content:"\f107"; font-family: Font Awesome\ 5 Free;font-weight: 900; float:right;}
.sidebar .navbar>li>ul {  padding: 0;  background: #fbfbfb; }
.sidebar .navbar>li>ul>li{ padding:5px 0 5px 40px;}
.sidebar .navbar>li>ul>li:last-child { /*margin-bottom: .5em;*/ padding-bottom: .5em; border-bottom: 1px solid #b8b8b8;}
.sidebar .navbar>li>ul>li a:hover,
.sidebar .navbar>li>ul>li>ul a.active{color: ##2a6ed7; text-decoration: none;}
.sidebar .navbar>li>ul>li.p2 a:hover {color: #fff; font-weight:unset;}
.sidebar .navbar>li>ul>li>a:before {content: '-';/*float: left;*/padding: 3px;font-weight: 700;}
.sidebar .navbar>li>ul>li:hover a:before,.sidebar .navbar>li>ul>li.active>a:before{/*background: #e6001c;border: 1px solid #e6001c;*/}


/*麵包屑*/
.root_bg{padding:2px 0; margin-bottom:15px;}
.breadcrumb { text-align:right; margin-bottom:0px; background: none; border-radius:0px;font-size: 14px; color: #949494; }
.breadcrumb>.active { color: #ef1e03; }
.breadcrumb>li+li:before {  color: #666; content: "/"; }
.breadcrumb li:first-child:before {content: "\f0e8"; font-family:'Font Awesome\ 5 Free'; margin-right: 8px; color: #a3a3a3; font-weight: 900;}
.dtl_root .breadcrumb li:last-child { display: none;}
.dtl_root .breadcrumb li:nth-last-child(2) a {color: #ef1e03;}

/*頁碼*/
.page_box { clear:both; text-align:center; padding-top: 1em;}
.page_box a {display:inline-block;margin: 0 -2px;width:30px;height:30px;line-height:30px;font-size:14px;border: 1px solid #e8e8e8;}
.page_box a:hover,.page_box a.on {background: #cf3925;color:#fff;text-decoration: none;}
.page_box.pb2 a { margin:0;}
.page_box .first, .page_box .last {font-size: 18px;color: #929292;border: none;}

/*最新消息*/
.icon-date-title { clear: both;  overflow: hidden;  margin: 0;  padding: 0;}
.icon-date-title ul{padding:0;}
.icon-date-title li {list-style: none;padding: 15px 0;border-bottom: 1px dashed #d9d9d9;overflow: hidden;}
.icon-date-title li:first-child{padding-top: 0}
.icon-date-title li .date {float: left;width: 100px;color: #CD0C0C;}
.icon-date-title li a .list_title {width: calc(100% - 100px);float: left;}
.icon-date-title li a:hover{text-decoration: none;color: #CD0C0C;}
.icon-date-title.md2 li .date {float: left;width: 130px;color: #CD0C0C;}
.icon-date-title.md2 li a .list_title{width: calc(100% - 130px);}

/*  detail style - 四圖四文  */
.page-content table { max-width:100%; }
.detail_box {clear: both; overflow:hidden;}
.detail_box .tx01 { clear: both; overflow:hidden; margin-bottom:2em;}
.detail_box .img_left { float: left; padding-bottom: 1em; padding-right: 2em;max-width:400px;}
.detail_box .img_right { float: right; padding-bottom: 1em; padding-left: 2em;max-width:400px;}
.detail_box .tx01 img{margin: 0 auto;max-width: 100%!important;  height: auto!important}
.detail_box .movie_box { clear: both; padding-bottom:56.25%; width:100%; height:0; position: relative; text-align:center;}
.detail_box .movie_box iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
.detail_box .tx01 h2 {font-size: 20px;font-weight: bold;}
.detail_box .tx01 a {color: #0066cc!important;}
.fileBox ul {  padding: 0;  margin: 0;}
.fileBox ul li {  display: inline-block; margin: 5px 1em 5px 0;}
.fileBox {  background: #e8f6ff;  padding: 10px 1em;  border-radius: 10px; margin-bottom: 1em;}
.fileBox ul li a:before { content: "\f381"; font-family: Font Awesome\ 5 Free;  font-weight: 900;  margin-right: 5px;  color: #6fa9f3;}
.fileBox ul li a:hover {text-decoration: none; color: #ef1e03;}

/*出版刊物*/
.list_box {
    /*  -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;*/
      overflow: hidden;
      margin-top: 40px;
  }
  .list_box .item{
      width: 50%;
  }
  .list_box a:hover{text-decoration: none;}
  .list_box .wrap{
      width:100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 45px;
  }
  .list_box .wrap:nth-child(2n){margin-right:0;} 
  .list_box .wrap:nth-child(2n+1) { clear:both; }
  .list_box .flet { float:left; width: 30%;text-align: center;overflow:hidden;}
  .list_box .flet img {max-width:100%;max-height: 190px;transition: transform 0.3s ease-in-out, opacity 0.3s;}
  .list_box .fler { float:left; width:calc( 100% - 40% ); padding:0 0.5em 0 0.9em;}
  .list_box .fler .info .border_bottom{border-bottom:1px solid #333; padding-bottom: 1px;}
  .list_box .fler .info .price{color: rgb(207, 80, 80); font-size: 14px;font-weight: bold}
  .list_box .fler .title {margin:0 0 8px 0;font-size:16px;font-weight: bold; color: rgb(26, 100, 185 ); line-height: 1.5rem; letter-spacing: .5px;}
  .list_box .fler .title_bold{font-weight: bold; font-size: 13px; color: #222;}
  .list_box .fler .info p{line-height: 1.5;font-size: 10px;color:#444}
  .list_box .fler .info .Description_word{color: rgb(33, 87, 148);}
  .list_box a:hover img { transform: scale(1.05, 1.05); }
  .page_number ul,.page_number li{display: inline-block;}
  .page_number{text-align: center;}
  .pagination > li > a, .pagination > li > span{border:none; color:#555; font-weight: initial; font-size:13px;margin:0 10px;}
  .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
      border-radius: 50%;
      z-index: 2;
      color: #ffffff;
      background-color:#555;
      border-color:none;
  }

/*統計資料*/
.list_box2 { margin-left:30px;}
.list_box2 .list1 { float:left; margin-right:20px; width:calc( 100% / 2 - 20px);}
.list_box2 .list1:nth-child(2n){margin-right:0;} 
.list_box2 .list1:nth-child(2n+1) { clear:both; }
.list_box2 .list1 h2 {display: inline-block;padding: 10px;background: #29a5d1;color: #fff;font-size: 20px;font-weight: 700;}
.list_box2 .list1 h2 a, .list_box2 .list1 h2 a:hover { color:#FFF;}
.list_box2 .list1 h2:hover { background:#4586d7; color:#FFF;}
.list_box2 .list1 ul {padding: 0 0 0 5px;}
.list_box2 .list1 ul li {position:relative;padding: 0 0 10px 20px;list-style:none;}
.list_box2 .list1 ul li:before { position:absolute; font-family: Font Awesome\ 5 Free; font-weight: 400; content:"\f15c"; left:0; top:0px;color: #d56009;}
.list_box2 .list1 a:hover {color: #CD0C0C;text-decoration: none;}
.list_box2 .list1 .remark {padding: 0 10px 0 10px;font-size: 14px;}
.list_box2 .list2 h2 {display: inline-block;padding: 10px;background: #29a5d1;color: #fff;font-size: 20px;font-weight: 700;}
.list_box2 .list2 h2 a, .list_box2 .list1 h2 a:hover { color:#FFF;}
.list_box2 .list2 h2:hover { background:#4586d7; color:#FFF;}
.list_box2 .list2 a:hover {color: #CD0C0C;text-decoration: none;}
.list_box2 .list2 .remark {padding: 0 10px 0 10px;font-size: 14px;}
.list_box2 .list2 ul {padding: 0 0 0 5px;}
.list_box2 .list2 ul li {position:relative;padding: 0 0 10px 20px;list-style:none;}
.list_box2 .list2 ul li:before { position:absolute; font-family: Font Awesome\ 5 Free; font-weight: 400; content:"\f15c"; left:0; top:0px;color: #d56009;}
.search_box { overflow:hidden; margin: 30px 0 0 35px; color:#29a5d1;}
.search_box .search_l_box { float:left;padding-top: 1px;}
.search_box .search_r_box { float:left;width: calc( 100% - 100px);}
.search_box span { font-size:18px;}
.search_box i { padding-right:5px; color:#29a5d1; font-size:25px;}
.search_box .select,
.search_box .input, .search_box .input2, .search_box .input3 { margin:5px; padding:5px; height:35px; border:1px solid #29a5d1;}
.search_box .input2 { margin:0 0 10px 0; color:#29a5d1;}
.search_box .input3 { margin:0 0 10px 0; color:#29a5d1; width:auto;}
.search_box input::-webkit-input-placeholder {color:#29a5d1;}/*Webkit瀏覽器(如：chrome、Safari等等)*/
.search_box input::-moz-placeholder { color: red; }/*Firefox 4-18瀏覽器專用*/
.search_box input::-moz-placeholder{color:red;}/*Firefox 19+瀏覽器專用*/
.search_box:-ms-input-placeholder{color: red;}/*IE10瀏覽器專用*/
.search_box .select1 {margin-bottom: 10px;height:35px; border:1px solid #29a5d1;border-radius: 5px;/*color: #333;*/}
.search_box .submit {padding: 5px 10px; height:35px;color: #fff; background: #29a5d1;border: 1px solid #29a5d1;cursor:pointer;border-radius: 5px;}
.search_box .submit:hover,
.search_box .submit:focus { color:#fff; background:#168eb9; border:1px solid #29a5d1;}
.container2 {max-width: 95%;margin: 0 auto;}
.remark1 { clear:both; margin: 20px 0 0 0; padding:0; color: #ef1e03;}
.remark1 ul {padding: 0 0 0 20px;}
.remark1 ul li { color: #ef1e03; list-style: decimal;}
.remark2 { clear:both; margin: 0 0 0 0; padding:0; color: #ff8b00; font-size:14px;}
.remark2 ul {padding: 0 0 0 20px;}
.remark2 ul li { color: #ff8b00; list-style: decimal;}

/*統計資訊-產銷存速報*/
.data_box { overflow:hidden; position:relative;margin: 0 0 0 35px;min-height: 200px;} 
.data_box .cover_box {position:absolute;padding-top: 100px;width: 100%;min-height: 300px;text-align: center; background:#fff; top:-1rem; bottom:0;}
.data_box .cover_box .load-3 .line{display:inline-block;width:10px;height:10px;border-radius:10px;background-color: #2a6ed7;}
.data_box .cover_box .load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.data_box .cover_box .load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.data_box .cover_box .load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}
@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}
.data_box .search_box {margin: 30px 0 0 0;}
.tb_box { margin-top:40px;}
.title_box { overflow: hidden;margin-bottom:10px;}
.title_box .sub_tt_box {float:left; font-weight:bold; font-size:18px;}
.title_box .sub_tt_box:nth-child(1){ text-align:left; width:40%;}
.title_box .sub_tt_box:nth-child(2){ text-align:center; width:20%;}
.title_box .sub_tt_box:nth-child(3){ text-align:right; width:40%;}
.table2 { margin:0 0 10px 0; width:100%; border-collapse: collapse; border-spacing:0;font-size: 14px;}
.table2 th { padding:5px 2px; background-color:#797878; color:#fff; font-weight: bold; text-align: center; border:1px #DFDFDF solid;}    
.table2 td { padding:6px 5px;border:1px solid #797878; }
.table2.tb2 th{ font-size:14px;}
.table2 th span{display: inline-block;width: 20px;word-break: break-all;}
.table2 th p { font-size:12px;}
.table2 .tb_tt1 { width:130px;}
.table2 .tb_tt2 { width:30px;}
.table2 .tb_tt3 { width:100px;}
.chart_box { margin-top:30px;}
.chart_box .sub_chart_box {float:left;margin:0 0 20px 20px;width:calc( 100% / 2 - 20px); height:400px;}
.chart_box .sub_chart_box:nth-child(2n){margin-right:0;} 
.chart_box .sub_chart_box2 {margin:0 0 30px 0;height:400px;}

.tb_pr_name { float:left; margin-bottom:10px; font-weight: bold;}
.tb_title1 {font-weight: bold;font-size: 18px;}
.tb_remark { float:right; margin-bottom:10px; text-align:right; font-weight: bold;}

/*RWD編輯器表格(X捲軸)*/
.table-container table td{padding:5px;border:1px solid #ccc;/*white-space:inherit*/}
.table-container table.tb1 { margin-top:20px;}
.table-container table.tb1 td {padding:8px;}
.table-container table.tb1 tr:nth-child(even) { background-color:#F1F1F1;}/*偶數*/
.table-container table.table2 td {border:1px solid #797878; }
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}

/*-----------------*/
@media (max-width: 1310px) { 
.carousel { margin-top: 140px;}
}

@media (max-width: 1200px) { 
.header .container, .footer .container { width: 100%;}
.logoBox {  width: 280px;height: 50px;background-size: 280px;}
.navbar-custom .nav>li>a {   padding: 10px 8px;}
.navbar-custom a {font-size: 1.6rem;}
.carousel { margin-top: 80px;}
.indBox,.govBox{ width: 100%; float: none; padding: 1em 0}
.newsList { padding-left: 20px;}
.indBox .newsList li:before,.govBox .newsList li:before{margin-left: -15px}
.grayBg { background: url(../images/all/dust_scratches.png) #f4f4f4 repeat; padding: 2em 0;}
.indBox .moreBtn, .govBox .moreBtn { top: 18px;}

/*出版刊物*/
.list_box .info { -webkit-line-clamp: 7;}

/*會員登入*/
.memberLogin.mb4 { width: 80%}
.memberLogin.mb5 { width: 80%}

/*會員-加入*/
.member_box .fd_input3 { margin-top:5px; width:100%;}/*地址*/

/*統計資料*/
.list_box2 .list1 { width:100%;}

}

@media (max-width: 996px) { 
.footer:before{display: none}
.copyright{ margin: 1em 0 2em;}

.newsBox,.memberLogin{width: 100%;float:none; }
.newsList li:before{margin-left: -18px;}
.newsList li { height: auto; -webkit-line-clamp: inherit;overflow: inherit;}
.tab-content .newsList { padding-left: 2em;}

/*出版刊物*/
.list_box .wrap {padding:0;width:calc( 100% / 1);}

/*會員登入*/
.memberLogin.mb2 {width: 100%;}
.memberLogin.mb5 { width: 100%}

}

@media (min-width: 769px) {
/*.sidebar .collapse { display: block; }*/
}

@media (max-width: 768px) { 
.navbar>.container .navbar-brand {  float: none;  display: block;}
.navbar-custom .container>.navbar-header{margin: 0}
.navbar-custom { background-position: center 10px; position: inherit; margin-bottom: 0; }
.navbar-toggle {  margin-top: 13px; }
.navbar-toggle,.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover { background-color: inherit; border: none;}
.navbar-toggle{-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-toggle,.navbar-toggle:hover,.navbar-toggle:focus{background-color:transparent;border:inherit;margin: 8px 0 0; padding-right: 0;}
.navbar-toggle .icon-bar{background-color:#000;height: 3px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-toggle:focus .icon-bar{background:#000}
.navbar-toggle .icon-bar.line1{width:27px;margin-left:9px}
.navbar-toggle:hover .icon-bar.line1,.navbar-toggle:focus .icon-bar.line1{width:36px;margin-left:0;margin-right:9px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-toggle .icon-bar.line2{width:36px}
.navbar-toggle .icon-bar.line3{width:18px;margin-left:18px}
.navbar-toggle:hover .icon-bar.line3,.navbar-toggle:focus .icon-bar.line3{width:36px;margin-left:0;margin-right:18px;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: inherit;  padding: 0; }
.navbar-custom  ul.navbar-nav {  margin: 0;     padding: 10px 0;  background: #f2f2f2;}
.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {  background: #fff; }
.navbar-custom .nav li a {  padding: 10px 2em!important;  color: #000;  text-decoration: none; }
.navbar-custom .navbar-nav>li>a:hover {  color: #000; }
.navbar-custom .navbar-nav .dropdown .dropdown-menu {background: #f7f7f7;padding: 1em 0;}
.navbar-custom .navbar-nav .dropdown .dropdown-menu>li:hover{ background: #f1f1f1; }
.navbar-nav > li {  float: inherit;   width: 100%;  clear: both; }
.navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>.active>a:focus, 
.navbar-custom .navbar-nav>.active>a:hover,.navbar-custom .navbar-nav>li:hover a{   background: #fff; color: #ef1e06;  font-weight: bold; }
.cl-effect-13 a::before{display: none}
/*----banner---*/
.carousel { /*height: 350px;*/margin: 0;}
.banner{height:200px}
.container.paperTop { margin-top: 0; padding-bottom: 20px;}
.carousel-indicators {bottom: 0;}
/*.carousel-inner>.item img.pc_open{ display:none;}
.carousel-inner>.item img.mc_open{ display:block;}*/

/*首頁-最新消息*/
.newsBox .arrow:after { top: -6px;   font-size: 3rem;}
.arrow-chevron-left{left: -2px;}
.arrow-chevron-right{right: -2px;}
.scrtabs-tabs-fixed-container{overflow-x:auto; }
.scrtabs-tabs-fixed-container::-webkit-scrollbar-trac{ background-color: #dddddd;}
.scrtabs-tabs-fixed-container::-webkit-scrollbar{ height: 5px;   background-color: #dddddd;}
.scrtabs-tabs-fixed-container::-webkit-scrollbar-thumb{ background-color: #989898;}
.scrtabs-tabs-fixed-container::-webkit-scrollbar{ height: 5px;}

/*首頁-合作夥伴跑馬燈*/
.owl-logo .owl-prev { left: -8px;}
.owl-logo .owl-next { right: -8px;}

/*----內頁---*/
.sidebar + main{width:100%;float:none; padding: 1em;}
.sidebar {width: 100%;float: none;border-radius:6px;}
.sidebar .navbar-toggle { display:block; }
.sidebar .navbar > li { margin:0; }
.sidebar .navbar > li > a { padding:10px 20px; }
.sidebar .navbar-toggle,.sidebar .navbar-toggle:hover,.sidebar .navbar-toggle:focus{margin: 0}

.detail_box .img_left,.detail_box .img_right { float: none;padding: 0 0 1em;}

/*會員登入*/
.memberLogin.mb4 { width: 100%}

/*會員-加入*/
.member_box .field_title1, .member_box .field_title2, .member_box .field_title3 { display:block; width:100%;padding: 0;}
.member_box .field_data1 { display:block; margin:10px 0 0 0;}
.member_box .fd_input, .member_box .fd_input3, .member_box .fd_input6, .member_box .fd_textarea { display:block; width:100%;}
.member_box .field_remark { display:block; margin:10px 0 0 0;}
.member_box .btn_sutmit2 { display:block; margin:10px 0 0 0; width:100%;}
.member_box .field_data1.addr span { display:block; padding-bottom:10px;}
.member_box .memberLogin.mb5 .field_title1 {display:table-cell;}
.member_box .memberLogin.mb5 .field_data1 {display: table-cell;}

/*會員-專區*/
.member_box .loginok_box { margin: 0 auto  30px auto; width:100%;}

/*統計資訊-產銷存速報*/
.data_box { margin: 0 0 0 35px;min-height:0px;} 
.title_box .sub_tt_box {width:100% !important;}
.title_box .sub_tt_box:nth-child(2){ text-align:left;}
.title_box .sub_tt_box:nth-child(3){ text-align:left;}

}

@media (max-width: 640px) { 
/*首頁banner*/
.carousel-indicators {bottom: -30px;}
.carousel-indicators li { border: 1px solid #bcbcbc;}

/*首頁*/
.paperBlock {  margin-top: -2em;}

.detail_box .img_left, .detail_box .img_right {max-width: 100%;}


}

@media (max-width: 554px) {
.member_box .memberLogin.mb5 .field_title1 {display:block;}
.member_box .memberLogin.mb5 .field_data1 {display:block;}
}

@media (max-width: 400px) { 
/*會員-加入*/
.member_box .field_data1.bday span { display:block; padding:0 0 10px 0;}
}

@media (max-width: 480px) { 
/*.carousel { height: 250px;}*/

/*最新消息*/
.icon-date-title li .date {float: none;}
.icon-date-title li a .list_title { width: 100%; float: none;}
.icon-date-title.md2 li .date {float: none;}
.icon-date-title.md2 li a .list_title{width: 100%; float: none;}

/*出版刊物*/
.list_box .flet { width:100%;margin-bottom: 20px;}
.list_box .fler {  padding:0 1em 0 2em;width:100%;}

}

@media (max-width: 400px) { 
.logoBox{width:230px;height:40px;background-size:230px;margin-top:3px}

}