@font-face {
    font-family: 'TTTtangsbudaejjigaeB';
    src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

body {height:100%; overflow-x:hidden;}
html {height:100%}

:root {
  --main_c : #f05270;
}

:root {
  --main_c2 : #336c61;
}
:root {
  --main_c3 : #ffa00b;
}

#wrap {height:100%; position:relative; width:100%; display:inline-block}
#container {  width:100%; display:inline-block;  }
.in {width:100%; margin:0 auto; max-width:1300px;  }
.box_100 {width:100%}
.flex {display:flex}
.ju_sb {justify-content:space-between}

@media all and (max-width:1300px) {
	.in  {box-sizing:border-box; padding:0 3% }
  
}

@media all and (max-width:900px) {
   .flex {flex-wrap:wrap}
 
}

.p_t {font-family:'TTTtangsbudaejjigaeB'}
.p_t span {font-family:'TTTtangsbudaejjigaeB'; color:var(--main_c);} 
.p_color {color:var(--main_c);}
.c_t {font-family: 'Noto Sans HK'}


hr {height:100px}
h3 {font-size:2em}


.border_none {border:none !important}

.btn_wrap {width:100%; display:inline-block }
.btn_wrap.pass_type {  display:flex; justify-content:space-between; margin-top:20px }
.btn_wrap.pass_type p { display:flex; order:1 }
.btn_wrap.pass_type p  input {padding-left:5px; font-size:.9rem }
.btn_wrap.pass_type a.list_btn:first-child {  order:2 }
.btn_wrap.pass_type a.list_btn  {margin-top:0}

a.list_btn {
		text-align: center;
		line-height: 31px;
		padding: 0 20px;
		font-weight: 400;
		font-size: 0.95rem;
		float: right;
		margin-top: 15px;
		margin-left: 5px;
		background-color: #333;
		border-radius: 3px;
		color: #fff;
}
.btn_wrap a.list_btn:nth-child(n+2) { float: left; background-color: #fff; border:1px solid #333; color:#333; box-sizing:border-box;}

a.list_btn2 {
		text-align: center;
		line-height:45px;
		padding: 0 30px;
		font-weight: 400;
		font-size: 1.1rem;
		display:inline-block;
		 
	 
		background-color: var(--main_c);
		border-radius: 3px;
		color: #fff;
		 
}

.tab {width:100%; display:flex; text-align:center;  margin-bottom:30px;  }
.tab li  {width:50%; max-width:190px; display:inline-block; line-height:48px;  text-align:center;  font-size:1.1rem;   background-color:#f5f5f5; }
.tab li a {color:#333; width:100%; display:inline-block }
.tab li.ov {background-color:var(--main_c)}
.tab li.ov a {color:#fff }

.tab2 {width:100%; display:flex; text-align:center;  margin-bottom:30px;  }
.tab2 li  {width:50%; max-width:190px; display:inline-block; line-height:48px;  text-align:center;  font-size:1.1rem;   background-color:#f5f5f5; }
.tab2 li a {color:#333; width:100%; display:inline-block }
.tab2 li.ov {background-color:var(--main_c)}
.tab2 li.ov a {color:#fff }



 a.s_btn {
		text-align: center;
		line-height: 29px;
		padding: 0 10px;
		font-weight: 400;
		font-size: 0.95rem;
		display:inline-block; 
		background-color: #333;
		border-radius: 3px;
		color: #fff;
}

 a.s_btn2 {
		text-align: center;
		line-height: 29px;
		padding: 0 10px;
		font-weight: 400;
		font-size: 0.95rem;
		display:inline-block; 
		background-color: var(--main_c);
		border-radius: 3px;
		color: #fff;
}

a.basic_btn {background-color:var(--main_c); font-size:1.1rem; box-sizing:border-box; padding:0 20px; width:200px; line-height:50px; color:#fff; border-radius:5px; display:flex; justify-content:center; transition: all 0.3s ease-out; }
a.basic_btn.type2 {width:auto; display:inline-block; padding:0 30px; min-width:200px}

a.basic_btn + a.basic_btn {margin-left:5px}

.table_wrap {width:100%; overflow-x:auto} 


a.basic_btn2 {
		text-align: center;
		line-height: 40px;
		padding: 0 30px;
		font-weight: 400;
		font-size: 1rem;
		 display:inline-block;
 
		background-color: #333;
		border-radius: 3px;
		color: #fff;
}


/*.table_wrap table {min-width:1000px} */
 

.label {background-color:var(--main_c); color:#fff;display:inline-block; padding:2px 15px; font-size:16px; border-radius:50px; font-weight:400; }
.label.bg2 {background-color:#ddd;  }


table.basic {width:100%;  }
table.basic th {padding:10px; border:1px solid #ddd; background-color:#f9f9f9; }
table.basic td {padding:10px; border:1px solid #ddd; text-align:center}

table.basic2 {width:100%;  }
table.basic2 th {padding:10px; border:1px solid #ddd; background-color:#f9f9f9; }
table.basic2 td {padding:10px; border:1px solid #ddd;  }

table.view_table label {display:none}
table.view_table th {width:15%}
table.view_table td {width:35%}
table.view_table td img {max-width:100%}
.bg_box {background-color:#f6f6f6; border-radius:5px;  padding:25px; box-sizing:border-box; display:inline-block}
.bg_box h4 {font-size:1.15em; margin-bottom:5px}
.bg_box table.basic th {background-color:#333; color:#fff}
.bg_box table.basic td {background-color:#fff;  }


@media all and (max-width:1300px) {

		.tab2 {flex-wrap:wrap; gap:4px; margin-bottom:23px}
		.tab2 li  {width:auto; border-radius:50px; margin-bottom:5px; padding:10px 15px; border:1px solid #ddd; background-color:#fff; line-height:1.2; font-size:.97em}
		.tab2 li.ov  {border:1px solid var(--main_c)}

}


@media all and (max-width:900px) {
		.tab li  {  line-height:45px; font-size:1rem; }

		table.view_table th {display:none}
		table.view_table td {text-align:left; color:#333}
		table.view_table td i {color:#333; margin-left:2px}
		table.view_table label {display:block; color:#111; font-weight:600; margin-bottom:2px}
		table.view_table td.m_tit {padding:0;  padding-bottom:15px;  border:none;}
		table.view_table td.m_tit b { font-size:1.06em; margin-top:5px}

		.bg_box { font-size:.97em; padding:20px 15px;  }
		.bg_box h4 {font-size:1.1em; margin-bottom:5px}

		
		 



}



/****************/


footer {width:100%; background-color:#333;  font-size:.95rem; padding:50px 0; box-sizing:border-box; line-height:1.5em; color:rgba(255,255,255,.8);  }
footer h2 {margin-bottom:10px; font-weight:500;  font-size:1.3em; color:#fff}
footer div {  box-sizing:border-box; width:100%; display:inline-block  }
footer div.flex {align-items:flex-start}
footer div.r {display:flex;   width:auto;  align-items:center; margin-left:auto}
footer div.r  a.admin_login {color:rgba(255,255,255,.8); font-size:.95em; border:1px solid rgba(255,255,255,.3); padding:5px 10px }
footer div.r img {margin-left:20px}

@media all and (max-width:900px) {
		footer img {margin-top:10px}
		footer {  font-size:.90rem;   }
		footer h2 { font-size:1.15em }
		footer div.flex {flex-wrap:nowrap;   }
 		footer div.flex div.r {width:50px; }
 		footer div.flex div.r img {width:50px; margin-lefT:0}
		footer div.r a.admin_login {display:none}


}
.sitemap_link {}
.sitemap {width:100vw; height:100vh;  position:fixed; left:0; top:-100vh; background-color:#fff;  background-size:cover;  z-index:9999999999999999; box-sizing:border-box; padding:10%; display:block; opacity:0;  transition: all 0.3s ease-out; }
.sitemap.active {display:block; top:0; height:100vh; opacity:1;  transition: all 0.3s ease-out;}
.sitemap * {color:#333}
.sitemap .flex {width:100%;  justify-content:space-between; align-items:center;   border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:30px}
.sitemap .flex h3 {font-size:3em; }  
.sitemap p {cursor:pointer}
.sitemap .close {width:55px; height:55px; text-align:right; margin-top:20px; position:relative; font-size:40px}
 
.sitemap ul {display:flex; flex-wrap:wrap; margin-top:40px}
.sitemap ul li {width:20%; font-size:1.4rem; font-weight:600; cursor:pointer }
.sitemap ul li h4 {font-size:2rem;   letter-spacing:0; width:100%; display:inline-block; margin-bottom:30px }
.sitemap ul li ul { margin-top:20px}
.sitemap ul li ul li {width:100%; font-size:18px; margin-bottom:8px;   line-height:1.3;  font-weight:300}
.sitemap ul li a {color:#333}
.sitemap ul li ul li a:hover  {text-decoration:underline}

ul.basic {width:calc(100% - 20px); margin-left:20px;  }
ul.basic li {list-style:disc; margin-bottom:5px; }
ul.basic li:last-child { margin-bottom:0;} 

ul.basic2 {width:100%;  }
ul.basic2 li {width:100%; display:flex; margin-bottom:3px }
ul.basic2 li:before {content:'-'; margin-right:10px; flex-shrink:0}

h4.point_h4 {color:#000; display:flex; align-items:center; font-weight:600; font-size:1.15em; margin-bottom:10px}
h4.point_h4:before {content:' '; width:10px; height:10px; margin-right:8px; margin-top:-1px;  border-radius:50%;  border:4px solid var(--main_c3); flex-shrink:0; }

dl.basic {width:100%; display:flex}
dl.basic dt {font-weight:600; width:90px; color:#222;  flex-shrink:0}
dl.basic dd { }
dl.basic + dl.basic {margin-top:10px}


@media all and (max-width:900px) {
	 dl.basic dt { width:80px; }

 
}