@charset "UTF-8";


BODY{  font-family:'Noto Sans TC',sans-serif; font-size:1em; font-weight:normal;
	background:#e9e9e9; padding:0; margin:0 auto !important; box-sizing:border-box;}



/* -- 首頁 -- */
.header{ border-bottom:solid 3px #eeede9; background:#798d88 !important;}
.main{ background:#e9e9e9; padding:0!important; margin:0; box-sizing:border-box;}
.main_zone{ background:#fff; padding:0!important; margin:0; box-sizing:border-box;}

.title_logo{ width:auto; height:25px; padding:0; margin:-3px 10px 0 0; box-sizing:border-box;}



/* -- 左區塊 -- */
.aside{ background:#e1e0dc; padding:0 !important; margin:0; 
	box-sizing:border-box; box-shadow:3px 3px 6px rgba(0,0,0,.1); z-index:5; position:relative;}



/* -- 關閉按鈕 -- */
.moveout_bar{ width:100%; padding:0; margin:0; box-sizing:border-box; position:absolute; z-index:20;}
.moveout_bar a{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:38px; background:#bcbbb7	; padding:0 0 0 10px; margin:0; box-sizing:border-box;}
.moveout_bar a span{ padding:0; margin:0; box-sizing:border-box;}
.moveout_bar a p{ padding:0; margin:0; box-sizing:border-box;}

.moveout_bbt{ width:30px; height:30px; border-radius:0 8px 8px 0; 
	background:url(../images/aside/movieout.svg) no-repeat center center #fff;
	box-shadow:inset 1px 1px 3px rgba(0,0,0,.2);
	position:absolute; top:4px; right:-28px; z-index:1; opacity:1; transition:0.3s ease-in-out; cursor:pointer;} 




/* -- 選項按鈕 -- */
.lmenu_zone{ width:100%; padding:0; margin:38px 0 0 0; box-sizing:border-box;}
.lmenu_zone ul{ padding:0; margin:0; box-sizing:border-box;}
.lmenu_zone ul li{ padding:0; margin:0; box-sizing:border-box;}
.lmenu_zone ul li a{ display:block; width:100%;
	text-decoration:none; font-size:1.1em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	border-top:solid 1px rgba(255,255,255,.8);  border-bottom:solid 1px #798d88; 
	color:#45685f; background:#; padding:15px 10px; margin:0; box-sizing:border-box; box-shadow:0px 0px 5px rgba(0,0,0,1)
	transition:0.3s ease-in-out; z-index:2;}

.lmenu_zone ul li a:hover,
.lmenu_zone ul li a:active{ text-shadow:1px 1px 0 rgba(0,0,0,.5); border-bottom:solid 1px #fff; color:#fff; 
	background:#45685f; padding:15px 10px 15px 30px; box-shadow:5px 5px 8px rgba(0,0,0,.1);
	transition:0.3s ease-in-out; z-index:5;}

.lmenu_zone ul li .active{ text-shadow:1px 1px 0 #2a3e39; border-top:solid 1px #ede1b8; border-bottom:solid 1px #1c312c; 
	color:#cfc18f; background:#45685f;}

.lmenu_fast_bbt{ width:100%; text-decoration:none; font-size:.6em !important; font-weight:bold !important; 
	text-shadow:1px 1px 0 rgba(255,255,255,.5) !important; 
	border-top:solid 1px rgba(255,255,255,.8) !important;  border-bottom:solid 1px #798d88 !important; 
	color:#45685f !important; background:#e1e0dc !important; padding:15px 10px !important; margin:0; box-sizing:border-box; box-shadow:0px 0px 5px rgba(0,0,0,1)
	transition:0.3s ease-in-out; z-index:10;}
.lmenu_fast_bbt span{ display:inline-block; width:20px; height:20px; 
	background:url(../images/aside/bbts_ac.svg) no-repeat center center; padding:0; margin:0 8px 2px 0; box-sizing:border-box;}

.accordion-button:not(.collapsed) {
 text-shadow:1px 1px 0 rgba(0,0,0,.5) !important; color:#fff !important; background:#45685f !important;}

.accordion-button:not(.collapsed) span{ background:url(../images/aside/bbts_aw.svg) no-repeat center center;
	transition:0.3s ease-in-out;}

.accordion-button:not(.collapsed)::after{ color:#fff !important;}
.accordion-button:not(.collapsed) .your-icon-class {
  color:#ff0000 !important; /* 选择的颜色，这里是红色 */}

.lmenu_sec_bbt{ padding:0 !important; margin:0 !important; box-sizing:border-box !important;}
.lmenu_sec_bbt li{ padding:0 !important; margin:0 !important; box-sizing:border-box !important;}
.lmenu_sec_bbt li a{ font-size:1em !important; font-weight:400; 
	padding:3px 0 3px 40px !important; margin:0 !important; box-sizing:border-box !important;}



.logout_bar{ display:block; width:100% !important; height:40px; line-height:40px; text-decoration:none; font-size:1.2em; font-weight:bold;
	text-shadow:1px 1px 0 rgba(255,255,255,.3); border-top:solid 1px rgba(255,255,255,.5); border-bottom:solid 1px rgba(0,0,0,.3);
	color:#45685f; background:url(../images/logout_no.svg) no-repeat center left 10px #ccc !important; background-size:24px !important;
	padding:0 0 0 40px !important; margin:0 !important; box-sizing:border-box !important;}
.logout_bar:hover,
.logout_bar:active{ text-shadow:1px 1px 0 rgba(0,0,0,.3); color:#cfc18f !important; 
	background:url(../images/logout_off.svg) no-repeat center left 10px #45685f !important; background-size:24px !important;}




/* -- 右內容區塊 -- */
.section_focus{ background:#e9e9e9; padding:5px 20px 0 20px !important; margin:0; 
	box-sizing:border-box;}

.section_published_zone{ display:flex; justify-content:space-between; align-items:flex-start;
	width:100%; background:#fff; padding:0; margin:0 0 40px 0; box-sizing:border-box;}

.rmain_title_bat{ display:flex; justify-content:flex-start; align-items:center;
	width:100%; border-bottom:solid 1px #ccc; padding:0 10px 3px 10px; margin:0 0 10px 0; box-sizing:border-box;}
.rmain_title_bat p{ font-size:1.2em; font-weight:bold; color:#4f5a5a; padding:0; margin:0; box-sizing:border-box;}

.rmain_title_bat a{ text-decoration:none; font-size:.8em;
	border:solid 1px #a5a5a5; border-radius:10px; color:#fff; 
	background:#bcbbb7; padding:2px 5px; margin:0 0 0 15px; box-sizing:border-box;}
.rmain_title_bat a img{ width:20px; height:auto; padding:0; margin:0; box-sizing:border-box;}

.article_zone{ width:100%; padding:0 10px; margin:0 auto; box-sizing:border-box;}




/* -- 下段資訊 -- */
.copyright{ width:100%; background:#3b3e40; padding:0; margin:0; box-sizing:border-box;
	position:fixed; left:0; bottom:0;}
.copyright_zone{ padding:0; margin:0; box-sizing:border-box;}
.copyright_zone p{ font-size:.9em; color:#fff; padding:10px 0 10px 10px; margin:0; box-sizing:border-box;}
  










/* -- 登入 -- */
.bodybkere{ background:#e9e9e9;}


.tms_main{ max-width:100%; min-height:100vh; /*height:100vh;*/ font-family:微軟正黑體; 
	background:#38554e; padding:0; margin:0 auto; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,.5);}


/* -- 登入 跳出視窗 -- */
.pop{ display:none;}
.pop-window{ width:360px; height:340px; border:solid 5px #fff; border-radius:15px; background:#e9e9e9; 
	padding:0; margin:20vh auto 0 auto; box-sizing:border-box; z-index:80; 
	position:absolute; top:4vh; left:calc(50% - 180px);}

.tms_logpop_img{ width:28%; height:auto; padding:8% 0 0 0; margin:0 auto 3% auto; box-sizing:border-box;}
.tms_logpop_img img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;} 

.tms_logpop_msg{max-height:40vh; width:100%; height:auto; line-height:2em; text-align:center; font-size:1em; font-weight:bold; color:#3e3a39; 
	padding:0; margin:0 0 25px 0; box-sizing:border-box;}

.tms_logpop_bar{ width:80%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_logpop_bar button{ width:100%; height:56px; line-height:44px; border:solid 3px #45685f; border-radius:10px; 
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.tms_logpop_bar button p{ font-size:2em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,1);
	color:#45685f; padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 



.tms_logpop_dbr{ display:flex; justify-content:space-between; align-items:center;

	width:80%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_logpop_dbr button{ width:48%; height:44px;	border-radius:5px; 
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.g_bbt{ border:solid 2px #db0012; color:#fff;
	background: rgb(234,60,60);
	background: -moz-linear-gradient(top,  rgba(234,60,60,1) 0%, rgba(234,60,60,1) 50%, rgba(219,0,18,1) 51%, rgba(219,0,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3c3c', endColorstr='#db0012',GradientType=0 );
	}
.g_bbt p {color:white;}
.r_bbt{ border:solid 2px #d1d2d2;
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	}
.tms_logpop_dbr button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 



.pop_bkere{ width:100%; height:100vh; background:rgba(0,0,0,.8); position:absolute; top:0; left:0; z-index:50;}


.tms_login_title{ width:25%; height:auto; padding:6% 0 0 0; margin:0 auto 3% auto; box-sizing:border-box;}
.tms_login_title h1{ display:block; width:100%; text-align:center; font-size:2.5em; font-weight:bold; color:#cfc18f; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_login_title img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;} 
.tms_login_title p{ width:100%; text-align:center; color:#fff; padding:0; margin:10px 0 0 0; box-sizing:border-box;}

.tms_login_zone{ width:30%; text-align:center; padding:0; margin:0 auto; box-sizing:border-box;}

.tms_login_bar{ width:100%; height:auto; padding:0; margin:0 0 30px 0; box-sizing:border-box;}
 .tms_login_bar:last-child{ margin:60px 0 50px 0;}
.tms_login_bar input{ width:100%; height:44px; font-size:1.2em; border:solid 3px #cfc18f; border-radius:5px; 
	color:#3e3a39; padding:5px 10px; margin:0; box-sizing:border-box; box-shadow:inset 2px 2px 2px rgba(0,0,0,.1);}

.tms_login_bar button{ width:100%; height:56px; line-height:44px; border:solid 3px #fff9e5; border-radius:10px; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9c8f61+0,e0d7b6+3,e0d7b6+51,b2a575+52,cec08e+100 */
	background: linear-gradient(to bottom,  rgba(156,143,97,1) 0%,rgba(224,215,182,1) 3%,rgba(224,215,182,1) 51%,rgba(178,165,117,1) 52%,rgba(206,192,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.3); position:relative; cursor:pointer;}

.tms_login_bar button p{ font-size:2em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.2); color:#45685f; padding:0; margin:0; box-sizing:border-box; z-index:50;} 

.tms_footer_txt{ width:80%; line-height:22px; text-align:center; font-size:1em; color:#fff; padding:0 0 50px 0; margin:0 auto; box-sizing:border-box;}






.passe_view{ width:30px; height:30px; border-left:solid 1px #ccc;
	padding:0 0 0 8px; margin:0; box-sizing:border-box; position:absolute; top:4px; right:10px; z-index:10;}
.passe_view img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.clubm_sibinda_bbts_rs{ width:100%; text-align:right; 
	padding:0 5px 0 0; margin:0; box-sizing:border-box;}
.clubm_sibinda_bbts_rs a,
.clubm_sibinda_bbts_rs input{ font-size:1em; border-radius:10px; margin:0 0 0 10px; box-sizing:border-box;}

.clubm_sibinda_bbts_rs a{ text-decoration:none; border:solid 1px #ccc; color:#666; padding:7px 15px;}
.clubm_sibinda_bbts_rs input{ text-shadow:1px 1px 0 #2a3e39; border:solid 1px #798d88 ; color:#fff; background:#45685f;
	padding:5px 15px;}

.clubm_sibinda_bbtsins{ display:flex; justify-content:space-between; align-items:center;
	width:100%; border-bottom:solid 1px #fff; padding:4px 10px 15px 0; margin:0; box-sizing:border-box;}


.del_bbs,
.add_bbs{ font-size:1em; text-decoration:none; border-radius:10px; 
	color:#fff; padding:5px 15px; margin:0 0 0 10px; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.5); cursor:pointer;}
.del_bbs{ border:solid 1px #b50000; background:#b42222; margin:0 0 0 -5px}
.add_bbs{ border:solid 1px #2a3e39; background:#45685f;}
.del_bbs:hover,
.del_bbs:active{ color:#fff; background:#dc0000; box-shadow:inset 1px 1px 3px rgba(255,255,255,.5);}
.add_bbs:hover,
.add_bbs:active{ color:#fff; background:#56ac96; box-shadow:inset 1px 1px 3px rgba(255,255,255,.5);}


.page-link{ color:#fff !important; background:#cdcdcd !important;}
.page-link:hover,
.page-link:active{ color:#fff !important; background:#45685f !important;}
.page-item .active{ background:#45685f !important;}







@media (max-width: 1024px) {
}


@media (max-width: 768px) {
.tms_login_title{ width:100%;}
.tms_login_zone{ width:50%;}
}


@media (max-width: 600px) {
}


@media (max-width: 475px) {
.moveout_bar{ display:none;}
.moveout_bbt{ display:none;} 
.lmenu_zone{ margin:0;}
.lmenu_fast_bbt{ font-size:.8em !important;}

.article_table_box{ padding:0 !important;}
.tms_login_zone{ width:80%;}


}


@media (max-width: 375px) {
}


@media (max-width: 320px) {
}