@charset "utf-8";


input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	border: none;
}
input[type="submit"], input[type="button"] {
	cursor: pointer;
}
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	
}

/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset, img {
	border: 0;
	padding: 0;
	margin: 0;
}
address, caption, cite, code, dfn, em, /*strong,*/ th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	padding-left: 0;
}
caption, th {
	text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
}
abbr, acronym {
	border: 0;
}
* {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	border: 0;
	vertical-align: middle;
}

/*==================================================================================*/

/*開頭設定*/

body {
	/*font-family: Microsoft JhengHei, "微軟正黑體";*/
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
	font-size: 14px;
	background-color: #f3f3f4;
	
}
a {
	text-decoration: none;
	/*color: #b8956b ;transition: all 0.6s ease 0s;*/
}
a:hover {
	color: #000;
}
.web_img {
	display: block;
}
.photo_img {
	display: none;
}
.w_100 {
	clear: both;
	width: 1366px;
	max-width: 90vw;;
	margin: 0 auto;
}
.w_100w {
	max-width: 1400px;
	margin: 0 auto;
}
.w_100s {
	max-width: 1024px;
	margin: 0 auto;
}
.w_all {
	width: 100%;
	overflow: hidden;
}

h1, h2, h3, h4 { font-weight: normal;}
/*MENU*/


@media screen and (max-width:760px) {
	
	.web_img {
	display: none;
}
.photo_img {
	display: block;
}
}

/*==============================================================
                 頁面設計
==============================================================*/
/**/	
		.conter {display: flex; justify-content: space-between; align-items: stretch;}
		.page_box {width: calc(100% - 150px);margin-left: 50px;z-index:90;}
		.page_box2 { width: 100%;margin-left: 0;}
		/*頁面設計 end*/	
	#resizable { width: 250px; min-height: 100vh; padding: 0.5em;
		background-color: #18467e; z-index: 100;}
		#resizable .ui-resizable-se  {display: none!important;}		
/*資料夾logo*/		
.menu_top {height: 40px; display: flex; justify-content: space-between;align-items: center; border-bottom: 1px solid #5b87be;z-index: 300;}
.menu_top2 {margin-left: 10px;}
.logo img{height: 35px;}
.btn_menu {font-size: 14px;color: #FFF;}
.btn_menu i {padding-left: 5px;}

/*資料夾樣式*/
.menu_box {width: auto;overflow: hidden;}
		.menu_box li a{display: inline-block;min-width: 150px;font-size: 13px;}
		.menu_box a{color: #FFF;}
.menu_box ul li{padding: 5px 0;min-width:150px;}
.menu_box ul ul {margin-left: 20px;}
.menu_box ul ul{ border-left: 1px dashed #FFF;}
.menu_one {display: flex; justify-content: flex-start;}
.menu_box ul li span:before {content:"....";width: 12px;color: #FFF;display: flex; align-items: flex-start; justify-content: center;}
.menu_box ul li span{display: flex; align-items: stretch; justify-content: flex-start;}
.menu_box ul  li span i {margin-left: 0;margin-top: 5px; margin-right: 5px;padding-left: 5px;color: #FFF; }
.menu_box ul li span.on i {color: #00fffc;}
.menu_box ul li a.on, .menu_box ul li a.on:before, .menu_box ul li a:hover  { color: #00fffc;}
.menu_box ul li a.btn_book:hover { color: #ffe952;}
/*上方主頁選單*/
.menu_box0 {width:calc(100% + 50px); height: 45px; line-height: 45px;background-color: #000; color: #FFF;display: flex; justify-content: center; align-items: center; margin-left: -50px;}
.page_box2 .menu_box0 {margin-left: -100px;width:calc(100% + 100px);}
.menu_box0 a {color: #FFF;}
.btn_menu0 {display: none;}
.btn_menu0 span {display: none;}

.menu_top0 {margin-left: 150px;}
.menu_top0 ul {display: flex;justify-content:center; align-items: center;}
.menu_top0 li a{padding: 20px; }
.menu_top0 li a:hover, .menu_top0 li.on a {background-color: #f3f3f4; color: #000000;}

	.page_box2 .menu_top0 {width:calc(100% - 200px);margin-left: 0;}
 /*上方功能*/
.member {position: absolute; left: 250px;top: 0px;}
.member i {margin-right: 10px;}
.member a {color: #B2DEE1; padding-right: 10px;display: flex;align-items: center;}
.page_box2 .member {left: 120px;}

@media screen and (max-width:760px) {
	.menu_box0, .page_box2 .menu_box0 {position: fixed;right: -100vw;z-index: 100;transition: all 0.5s ease 0s; width: 100vw; height: 100vh;align-items: flex-start;}
	.menu_box0 ul {padding-top: 50px;}
	.menu_box0.on {right: 0;z-index: 500;}
	.menu_top0 {margin-left: 0;}
	.menu_top0 ul {display: flow-root;}
	.btn_menu0 {display: block; position: fixed; right: 15px; top: 0;font-size: 20px; }
	.member {position: fixed;left: 80px;top: 0;width: 120px;display: flex;}
	.member a {color: #FFF;}
	.menu_top0 li a:hover, .menu_top0 li.on a {width: 100%;}
	
}

/*資訊功能*/
.tit_box {display: flex; justify-content: space-between; align-content: center; border-bottom: 1px solid #676a6c; max-width: 90%;padding: 10px 0;margin-bottom: 15px;}
.marquee {width: 65%;overflow: hidden;}
.marquee_in {display: inline-block;
  white-space: nowrap;
  animation: marquee_m 10s linear infinite;}
/*升降功能*/
.footable th{pointer-events:none}
.footable th span {display: none!important;}
.footable-row-detail-name {border-right: 1px solid #333; margin-right: 10px;}
.footable-row-detail-value {padding-left: 10px;}

@media screen and (max-width:760px) {
	.conter {display: flow-root;}
	.logo img {padding-left: 5px;}
	#resizable {position: fixed;left: -100vw;transition: all 0.5s ease 0s;}
	#resizable.on {left: 0;z-index: 100;}
	.page_box {width:calc(100vw - 10%) ;margin:0 5%;margin-top: 40px;z-index: 100;}
	.menu_top {position: fixed;left: 0;right: 0; top:0;width: 100vw;background-color: #18467e;z-index: 10000;height: 40px;}
	.menu_top2 {z-index: 1;margin-left: 0;}
	
	.btn_menu {padding-right: 10px; position: fixed; right:40px; top: 8px;font-size: 20px;}
	.btn_menu span {display: none;}
	.menu_box {padding-top: 60px;overflow: scroll;height:calc(100vh - 40px); background-color: #18467e;z-index: 300;}
	.marquee {width: 100%;}
}
/*寬度調整 去掉左邊*/
.page_one {}
.page_one #resizable {width: 100px;}

.for_box {display: flex; justify-content: flex-start; align-items: center;}
.for_one {padding-right: 20px;margin: 10px 0;}
@media screen and (max-width:760px) {
	.for_box {display: flow-root;}
	
}

/*內面*/
.ibox-content {overflow-x: auto;}
.lig_box { background-color: #FFF;border: 1px solid #e7eaec;width:calc(100% - 40px) ; max-width: 90%;padding: 10px 20px;margin-bottom: 20px;}
.page_box2 .lig_box {margin: 0 auto;margin-bottom: 20px;}
.lig_top {display: flex; align-items: center;justify-content: space-between;border-bottom: 1px solid #e7eaec;padding-bottom: 10px;z-index: 50;min-height: 30px;}
.lig_tit {min-height: 35px; }
.lig_map {}
.lig_map li {display: inline-block;font-size: 13px;color: #676a6c; }
.lig_map li:last-child {font-size: 15px;font-weight: bold;}
.lig_map li a {color: #676a6c;}
.lig_map li:after {content: "/";padding: 0 5px;}
.lig_map li:last-child:after{content: "";}
.lig_tool {position: relative;}
.lig_tool a {padding: 0 10px; color: #39659a;}
.dropdown-toggle {}
.dropdown-menu {position:absolute; right: 0;top: 30px; background-color: #18467e; display: none;z-index: 1000;}
.dropdown-menu a {color: #FFF;width:100%;padding: 10px 0;display: inline-block;text-align: center;}
.dropdown-menu a:hover {background-color: #3499d4; }
.lig_text {max-height: 60vh; overflow:auto;}
.ibox2 {margin-top: 40px;}


/*表單*/
.sty_tab { font-size: 13px;overflow: auto;max-height: 60vh;height: 500px;}
.sty_tab th, .sty_tab td {border-bottom: 1px solid #e7eaec;padding:10px 5px;}
.sty_tab p, .sty_tab p {display: inline-block;}
.sty_tab tr:hover {color: #FFF;background-color: #3499d4;}
.tab_tit {display: flex; align-items: center; justify-content:space-around;}
.tab_tit i, .sty_tab td i {padding:0 10px;}
.tab_tit {text-align: left;}
.tab_tit i.fa_td {display: none;}
.sty_tab .lig_tool {text-align: right;}
.chosen-container {margin-bottom: 10px;}

@keyframes marquee_m {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media screen and (max-width:760px) {
	.lig_text {max-height: 50vh; overflow:auto;}
	.tit_box, .lig_top2 {display: flow-root;}
	.tit_box {max-width: inherit;}
	.lig_top {position: relative;display: flow-root;}
	.lig_tool {position: absolute; right: 0;top: 0;}
	.lig_box {width: 100%;max-width: inherit;}
	.lig_map {padding-top: 20px;}
	.lig_top2 .lig_map {padding-top: 0;}
}
/*頁籤-------------*/
.tab_bookmark {z-index: 100;}
.tab_bookmark_in {display: flex;align-items: center;z-index: 40;}
.tab_bookmark {  clear:both;border: 1px solid #81a6bb;}
.tab_bookmark .tb_menu {}
.tab_bookmark .abgne_tab {
		clear: left;
		width: 100%;
	}
.tab_bookmark ul.tabs, .tab_bookmark ul.tabs2 {
		width: 100%;		
		margin:0 auto;
	text-align: center;

	}
.tab_bookmark ul.tabs li, .tab_bookmark ul.tabs2 li {
		display: inline-block;		
		overflow: hidden;
		position: relative;
		border-left: none;
		font-size:16px;
		margin:0 2px;
		text-align:center;
		border-radius: 10px 10px 0 0;
	margin-bottom: -5px;
	
	}
.tab_bookmark ul.tabs li img, .tab_bookmark ul.tabs2 li img  {width: 122px; height: 56px;}
.tab_bookmark ul.tabs li a, .tab_bookmark ul.tabs2 li a  {
		display: inline-block;		
		color: #3499d4;		
		text-decoration: none;
		padding: 5px 10px;
		text-align: center;
		
	}
.tabs span, .tabs2 span { width:auto;}
.tab_bookmark ul.tabs li:hover, .tab_bookmark ul.tabs2 li:hover {	
	background-color: #3499d4; 
	}

.tab_bookmark ul.tabs li.active, .tab_bookmark ul.tabs2 li.active   {	
	background-color: #3499d4; 
	color: #FFF;
		
		
	}
.tab_bookmark ul.tabs li.active a, .tab_bookmark ul.tabs li:hover a, .tab_bookmark ul.tabs2 li.active a, .tab_bookmark ul.tabs2 li:hover a {color: #FFF;}
.tab_bookmark ul.tabs li.active a:hover, .tab_bookmark ul.tabs2 li.active a:hover  {
color: #FFF;
	}
.tab_bookmark div.tab_container {
		clear: left;
		width: 100%;
		height: inherit;
		overflow:hidden;
		text-align: left;
		padding:40px 0;
		border-top:1px solid #322a28;
	background-color: #FFF;
		
			}
.tab_bookmark div.tab_container h4, .prd_02 h4 { font-size:24px; color:#806138; padding:10px 0; font-weight:500;}
.tab_bookmark div.tab_container img { max-width:100%; height:auto;}

/**2025.03.17新增**/
.tab_bookmark div.tab_container2 {
		clear: left;
		width: 100%;
		height: inherit;
		overflow:hidden;
		text-align: left;
	background-color: #FFF;
		
			}
.tab_bookmark div.tab_container2 h4, .prd_02 h4 { font-size:24px; color:#806138; padding:10px 0; font-weight:500;}
.tab_bookmark div.tab_container2 img { max-width:100%; height:auto;}
/*分頁內容*/
.sty_page { display: flex; justify-content: flex-start; align-items: stretch;width: 100%;flex-direction:row-reverse;}
.sty_L_menu { width: 30%; border-right: 1px solid #e7eaec;}
.sty_R_img {width: 70%; display: flex; justify-content: center; align-items: center;}
.sty_tab {overflow: auto;height: auto;}
.sty_page2 {flex-direction:row;}
.sty_L_menu2 {width: 30%;border-right: 1px solid #e7eaec;background-color: #18467e;}
.sty_R_list2 {width: 70%;}
.menu_box2 {}
.iframe_box {width: 100%; height:calc(100vh / 2);}
.iframe_box iframe {height: 3000px;}
@media screen and (max-width:760px) {
	.sty_page {display:flow-root;}
	.sty_L_menu, .sty_R_img, .sty_L_menu2, .sty_R_list2  {width: 100%;}
	.sty_L_menu {border-right: none;}
	.sty_tab {overflow: auto;}
	
}
/*==============================================================
                  新建修改表單
==============================================================*/

.kp_t4 {text-align: right;width: 100%;}
.kp_t6 {text-align: center;width: 100%;margin-bottom: 40px;}
.btn_sty1 {background-color:#3499d4;color: #FFF;padding: 5px 20px; font-size: 15px;  border-radius: 5px;}
.btn_sty1:hover {background-color:#999;}
.btn_sty1w {width:calc(100% - 40px); margin: 0 auto;display: inline-block;font-size: 18px;}
.btn_sty1b {font-size: 20px;}

.kp_po { border: 1px solid #c0c0c0;margin: 40px 0; padding: 20px;background-color: #f9f2e8;border-radius: 10px; }
.tab_box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tab_box_in {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;width: 100%;border: 1px solid #c0c0c0;background-color: #FFF;margin-top:  10px;}
.tab_one {width: 100%; margin-bottom: 20px;overflow: hidden; }
.tab_one i {width: 40px; height: 40px;font-size: 25px; border-left:1px solid #c0c0c0;padding: 0 10px;color: #c0c0c0; }
.tab_one2 {width: 48%;}
.tab_one p {}
.tab_one input {width: calc(100% - 80px);height: 40px;padding-left: 10px;}
.tab_one input.w_a1 {width:100%;height: 40px;padding-left: 10px;}
.tab_one textarea {width: calc(100% - 40px);padding: 20px;}
.tab_top {width: 100%;display: flex;  justify-content: space-between; align-items: center;border-bottom: 1px solid #999;padding-bottom: 10px; margin-bottom: 10px; font-size: 20px;font-weight: bold;color: #666;}
.link_line { color:#a65251;ont-size: 16px;font-weight: normal;text-decoration: underline; }
.link_line i {padding: 0 10px;
}
.tab_one select {width: calc(100% - 80px);
    height: 40px;}

.ibo_100 {width: 100%;}
.tab_ab {display: flex;padding-right: 10px;}
/*數字頁*/
.page-no {
	clear: both;
	padding: 30px 0;
	overflow: hidden;
}
.no_box {
	clear: both;
	margin: 0 auto;
	position: relative;
	padding: 20px 0;
	text-align: center;
	color: #b8956b;	
	
}
.no_box select {color: #7b7a6a; padding: 0 10px; }
.no_box a { padding: 3px 10px;border-right: 1px solid #b8956b; }
.no_box ul {
	text-align: center;
	position: relative;
}
.no_box li {
	display: inline-block;
	height: auto;
	border-left: 1px solid #b8956b;
	text-align: center;
	
}
.no_box li a {
	margin: 0;
	color: #b8956b;	
	display: block;
	/*font-weight: bold;*/	
	padding: 0 15px;
}
.no_box li:last-child  {border-right: 1px solid #b8956b;}
.no_box li a:hover, .no_box li.on a {
	color: #424242;
}
.sel_no { padding: 0 10px; color: #b8956b;}
.sel_no:hover , .sel_no:hover select{ color: #424242;}
.sel_no select {color: #7b7a6a; padding: 0 10px; }
/*==============================================================
                  登入頁
==============================================================*/
.logoin_bg {background: url( "../images/log_bg.jpg")no-repeat; background-size: 100% 100%;width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center;}
.login_box {color: #FFF; width: 400px;max-width: 90vw;}
.logo2 {text-align: center;}
.logo2 img { width: 250px; margin-bottom: 20px;height: auto;}
.login_box h1 {font-size: 18px; font-weight: bold; text-align: center;margin-bottom: 20px;}
.login_box p {font-size: 15px; line-height: 26px;}
.tab_box_in2 {display: flex;margin: 20px 0; justify-content: center;}
.btn_sty2 {width: 100%; padding: 5px 20px;  border-radius: 5px;background-color: #1ab394; color: #FFF;text-align: center;}

/*==============================================================
                  版權
==============================================================*/

footer {
	
	width: 100%;
	clear: both;	
	color:#aaa;font-size: 13px;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #aaaaaa;

}

/*數字頁*/
.page-no {
	clear: both;
	padding: 30px 0;
	overflow: hidden;
}
.no_box {
	clear: both;
	margin: 0 auto;
	position: relative;
	padding: 20px 0;
	text-align: center;
	color: #3499d4;	
	
}
.no_box select {color: #7b7a6a; padding: 0 10px; }
.no_box a { padding: 3px 10px;border-right: 1px solid #3499d4; }
.no_box ul {
	text-align: center;
	position: relative;
}
.no_box li {
	display: inline-block;
	height: auto;
	border-left: 1px solid #b8956b;
	text-align: center;
	
}
.no_box li a {
	margin: 0;
	color: #b8956b;	
	display: block;
	/*font-weight: bold;*/	
	padding: 0 15px;
}
.no_box li:last-child  {border-right: 1px solid #b8956b;}
.no_box li a:hover, .no_box li.on a {
	color: #424242;
}
.sel_no { padding: 0 10px; color: #b8956b;}
.sel_no:hover , .sel_no:hover select{ color: #424242;}
.sel_no select {color: #7b7a6a; padding: 0 10px; }

/*==============================================================
                 loading動畫
==============================================================*/
#gotop {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	right: 0;
	bottom: 10px;
	text-align: center;
	color: #FFF;
	display: none;
}
.at_loading {
  　width:100%; height:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:1500; display: flex; align-items: center; justify-content: center;  background-color: #000;
   }

.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
}
.loader::after,
.loader::before {
  content: '';
  width: 48px;
  height: 48px;
  border: 2px solid #FFF;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  animation: rotation 2s ease-in-out infinite;
}
.loader::after {
  border-color: #df9fb2;
  animation-delay: 1s;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}