@charset "utf-8";

/*
vi

#fff
#efefef
#ddd
#898989

#00adba
#dce1f9
#006bad
#1b2a6c


banner底色
#776f5e 

按鈕
#cedaeb;
#2f3b7c;


col-md-push-*  往左推 往左推格數 對齊
col-sm-offset-* 往右推 往左推格數 對齊

強迫換行，英文字會被切一半 word-break: break-all;
單字換行 word-wrap:break-word;
都不換行 white-space:nowrap;
nth-child 
:nth-child(odd) 奇 :nth-child(even) 偶
:first-child 第一 :last-child 最後
https://www.great-good.tw/articles/css_nth_chile/

:last-of-type :first-of-type :nth-of-type


*/


/*scrollbar*/
body::-webkit-scrollbar, .privacy-main::-webkit-scrollbar {
 width: 0.2em;
}    
body::-webkit-scrollbar-track, .privacy-main::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,1);
}
 body::-webkit-scrollbar-thumb, .privacy-main::-webkit-scrollbar-thumb {
 background-color: #1b2a6c;
 outline: 0px solid slategrey; /*bar 底色*/
 background-image: -webkit-linear-gradient(45deg, /*情角*/  rgba(27, 42, 108, 1) 50%, /*第一段上方間變 25%*/  transparent 25%, transparent 50%, /*第一段下方間變*/  rgba(27, 42, 108, 1) 25%, /*第二段上方間變*/  rgba(27, 42, 108, 1) 25%, transparent 25%, transparent 50%)/*第二段下方間變*/
}


html{
	scroll-behavior: smooth;
 }
label{
	user-select: none;
}
a ,a:hover ,a:focus ,a:active ,a:checked{
	text-decoration: none;
	transition: 0.3s;
}
button, a, input{
	outline: none !important;
}
cite ,em{
	font-style: normal;
}

/*
h1 ,h2 ,h3 ,h4 ,h5 ,h6{margin: 0;}
*/


/*Loader loading 下載 logo 轉場動畫*/
#Loader{
	display:none ;
	position: absolute;
    width: 150px;
    height: 150px;
	animation-name: flash;
	border-radius: 75px;
	-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
	border-radius: 75px;
	border: 2px solid #f2f2f2;
    border-top: 1px solid #1b2a6c;
}
#LoaderPic{
	display: none;
    position: absolute;
	width: 150px;
    height: 150px;
    background-repeat: no-repeat;
	background-image:url(../images/logo_load.svg);
    background-size: 150px auto;
	
}
#LoaderBG{
	display: none;
	width:100%;
	position:absolute;
	opacity:0.8;
	top:0px;
	left:0px;
    background-color:rgba(255,255,255,0.6); /*下載 下載背景 loadingbg*/
}


/*light-box*/

.fancybox-skin{/*最外層*/
}
.fancybox-outer ,.fancybox-inner ,.fancybox-wrap ,.fancybox-desktop ,.fancybox-type-inline ,.fancybox-opened{
	background: none;
	border-radius: 12px !important;
}
.basic-lightbox{
	box-shadow: 0 0 10px rgba(255,255,255,0.8); border-radius:0;
	background-color: rgba(255,255,255,1); 
	
	margin:0;
	height: 100%;
	position: relative;
	}
.basic-lightbox .bl-contact{
	padding: 0;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.basic-lightbox .bl-contact h2{
	text-align: center;
	margin: 0;
	font-size: 1.5em;
	font-weight: 600;
	font-family: "Noto Sans CJK TC Light";
}

.basic-lightbox .bl-botton{
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
	border-radius:  0 0 12px 12px;
}
.basic-lightbox .bl-botton a.clickbutton{
	font-weight: 600;
	font-size: 1.4em;
	padding: 0.3em 2em;
	color: #fff;
	background-color: #1b2a6c;
	border: 1px solid #fff;
}
.basic-lightbox .bl-botton a.clickbutton:hover{
	color: #1b2a6c;
	background-color: #fff;
	border: 1px solid #1b2a6c;
}





* {box-sizing: border-box;}
.clear{clear: both;}
.row{margin: 0;}

.flex{
	display: flex; /*宣告*/
    justify-content: center; /*水平*/
    align-items: stretch; /*垂直*/
	flex-direction: column; /*方向*/
	flex-wrap: nowrap; /*包進容器中*/
}


/*select style*/

/*font 字型*/
.topMenuArea .infobar ,.topMenu a{
	font-family: "Noto Sans TC Light";
}



/*topMenu 電腦版選單 選單 上方主選單 主選單*/

.wMenu ,.topMenuArea ,.topMenuArea div{padding: 0;}
.topMenuArea .infobar{
	padding: 1em;
	padding-bottom: 0.8em;
}

.topMenuArea .infobar .logo{
	display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 1em;
}
.topMenuArea .infobar .logo a{
	display:block;
	width: 30em; 
	height: 3.55em;
	background-image:url(../images/logo.svg); 
	background-repeat:no-repeat;
	background-size: 30em auto;
    background-position: center;
	transition: 0.5s;
}


/*語言 topMenu*/
.topMenuArea .lg-box{}
.topMenuArea .lg-box .pop-menu li ul{
	list-style: none;
	position: absolute;
	display: none;
	z-index: 10;
}
.topMenuArea .lg-box .pop-menu .items{padding: 0;}
.topMenuArea .lg-box .pop-menu  li:hover ul{display: block;}	
.topMenuArea .lg-box .pop-menu  li:hover ul li ul {display: none;}		
.topMenuArea .lg-box .pop-menu  li ul li:hover ul {
	position: absolute;
	display: block;
}

.topMenuArea .lg-box .pop-menu li a{
	display: block;
}
.topMenuArea .lg-box a.class-menu{
	display: block;
	padding: 1.5em 1.2em !important;
	border: 1px solid #ccc;
	border-radius: 12px;
	color: #1b2a6c;
	transition: 0.5s;
	font-weight: 600;
}

.topMenuArea .lg-box a.class-menu:hover{
	background-color: #1b2a6c; 
	color: #fff;
	border: 1px solid #1b2a6c;
	border-radius: 12px 12px 0 0;
}

.topMenuArea .lg-box .items ul{
	display: inline-block;
	width: 100% !important;
}
.topMenuArea .lg-box .first-menu {
	position: absolute;
	top: -10px;
	width: 100% !important;
}
.topMenuArea .lg-box .first-menu a {
	background-color: #fff; 
	color: #1b2a6c;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: center;
	font-weight: 600;
	padding: 1em 0;
}
.topMenuArea .lg-box .first-menu a:hover {
	background-color: #1b2a6c; 
	color: #fff;
	transition: 0.5s;
}
.topMenuArea .lg-box .first-menu a:last-child{
	border-radius: 0 0 12px 12px;
	border-bottom: 1px solid #ccc;
}


/*連結 topMenu*/
.topMenuArea .lg-box ,.topMenuArea .links{
	float: left;
}
.topMenuArea .links a{font-size: 1em;}
.topMenuArea .links{
	margin-top: 1.6em;
	padding-left: 1.5em;
}
.topMenuArea .links a{
	font-weight: 600;
	color: #1b2a6c;
	margin-right: 1em;
	transition: 0.3s;
}
.topMenuArea .links a:hover{
	color: #006bad;
}
/*登入 登出 member info*/
.topMenuArea .info{
	padding: 0;
	display: flex;
    justify-content: flex-end;
    align-items:flex-end;
}
a.icon-loginMember 
,a.icon-menbers 
,a.icon-logout 
,a.icon-buy{
	display: block;
	width: 66px;
	height: 66px;
	float: left;
	border-radius: 12px;
	text-align: center;
	margin-left: 1em;
	font-size: 0.9em;
	font-weight: 600;
	color: #1b2a6c;
}
a.icon-loginMember   
,a.icon-logout{
	background-repeat:no-repeat;
	transition: 0.5s;
}
a.icon-loginMember 
,a.icon-logout{
	background-image:url(../images/icon_loginMember.svg); 
	background-size: 2.6em auto;
    background-position: center 8px;
	padding-top: 3.5em;
}
a.icon-loginMember:hover 
,a.icon-logout:hover{
	background-image:url(../images/icon_loginMember.svg); 
	transition: 0.5s;
	background-color: #f2f2f2;
}
a.icon-logout{
	background-image:url(../images/icon_logout.svg); 
}
a.icon-logout:hover{
	background-image:url(../images/icon_logout_d.svg); 
}
a.icon-buy{
	background-color: #f0f0f0;
	color: #999;
	transition: 0.3s;
}
a.icon-buy:hover{
	background-color: #1b2a6c;
	color: #fff;
}
.topMenuArea .info a.icon-buy strong{
	font-weight: bold;
	font-size: 2.4em;
}
.topMenuArea .info a.icon-buy p{
	letter-spacing: 3px;
	margin-left: 2px;
	padding-top: 0em;
}





/*-------上方主選單--------*/

.topMenuArea .topMenu{
	padding: 0 1em;
	
}
.topMenuArea .topMenu .container-fluid{
	text-align: center;
	border-radius: 8px;
	background-color: #1b2a6c;
}
.topMenuArea .topMenu a{
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
	height: 45px;
	
	margin-top: 3px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 6px 6px 0 0;
	
}
.topMenuArea .topMenu a::before{
	left: 0;
	bottom: 0;
	position: absolute;
	content: "";
	width: 0px;
	height: 3px;
	background-color: #00adba;
	transition: all 0.3s;
}
.topMenuArea .topMenu a:hover::before{
	width: 100%;
}
.topMenuArea .topMenu a.active{/*父*/
	position: relative;
}
.topMenuArea .topMenu a.active::before{
	left: 0;
	bottom: 0;
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background-color: #00adba;
	transition: all 0.3s;
}


.topMenuPop{ /*浮動視窗*/
	z-index: 10;
	position: relative;
	padding: 0 1em;
	top: 0px;
}

.topMenuPop .all-column{/*最外層*/
	position: absolute;
	left: 1%;
	top: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: rgba(231,241,251, 1); /*e7f1fb*/
	width: 98%;
	padding: 3em;
	padding-bottom: 1.5em;
	border-radius: 6px 6px 0 0 ;
	box-shadow: 0px 3px 8px 0px rgba(0,0,0, 0.1);
}

.topMenuPop .column{/*最內層*/
	border: 0px solid;
}

.topMenuPop .column a{
	font-size: 1.3em;
	font-weight: 600;
	color: #000;
	margin-right: 1em;
	transition: 0.3s;
	
}
.topMenuPop .column a:hover{
	font-size: 1.5em;
	color: #1b2a6c;
	transition: 0.3s;
}


.topMenuPop .one .column{ /*1層*/
	display: flex;
    justify-content: center; 
    align-items: stretch; 
	width: 100%;
	height: 3em;
}
.topMenuPop .one .column a{ /*1層*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 6px;
	padding: 0.5em 1em;
}
.topMenuPop .one .column a:hover{ /*1層*/

}

.topMenuPop .two { /*2層*/
	align-items: stretch; 
	padding-top: 0em;
	
}
.topMenuPop .two .column{
	width: 16.66666666666667%;
}
.topMenuPop .two .column h3{
	font-family: "Soure Sans Pro";
	margin-top: 1em;
	color: #006bad;
	font-weight: normal;
	font-size: 1.3em;
}
.topMenuPop .two .column a{
	position: relative;
	display: inline-block; /*固定在文字寬度*/
	font-size: 1.2em;
	font-weight: 600;
	font-family: "Noto Sans CJK TC Light";
	
	padding-bottom: 0.3em;
	color: #1b2a6c;
}
.topMenuPop .two .column a:hover{
	color: #006bad;
	padding-left: 1.3em;
	padding-bottom: 0.3em;
}

.topMenuPop .two .column a::before{
	left: 0;
	bottom: 0;
	position: absolute;
	content: "";
	width: 0px;
	height: 1px;
	background-color: #006bad;
	transition: all 0.3s;
}
.topMenuPop .two .column a:hover::before{
	width: 100%;
	animation-delay: 0.4s;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: flash;
}

.topMenuPop .two .column a b{
	background-color: #fff;
	color: #1b2a6c;
	font-size: 1rem;
	text-transform: uppercase;
	border-radius: 4px;
	padding: 0em 1em;
	padding-bottom: 2px;
	margin-left: 1em;
}













/*corp 公司資訊 地圖*/

.corp .web .links ,.corp .web .links .link 
,.corp .web .links .maps{padding-left: 0 !important;}

.corp{
	font-family: "Noto Sans TC Light";
}
.corp .brand{
	border-bottom: 1px solid #ccc;
	padding: 2em 0;
}
.corp .web{padding-bottom: 6em;}

a.logo-corp ,a.icon-x ,a.icon-fb{
	display:block;
	background-repeat:no-repeat;
	width: 2.5em; 
	height: 2.5em;
	transition: 0.3s;
}
a.logo-corp ,a.icon-x ,a.icon-fb{
	float: left;
	background-image:url(../images/logo_corp.svg); 
	background-size: 2.5em auto;
    background-position: left center;
}
a.icon-x{
	background-image:url(../images/icon_x.svg); 
}
a.icon-x:hover{
	background-image:url(../images/icon_x_d.svg); 
	transition: 0.3s;
}
a.icon-fb{
	background-image:url(../images/icon_fb.svg); 
}
a.icon-fb:hover{
	background-image:url(../images/icon_fb_d.svg);
	transition: 0.3s;
}
.corp .web .brand a.icon-x{
	float: right;
}
.corp .web .brand a.icon-fb{
	float: right;
	margin-left: 1em;
}

.corp .web .brand a.logo-corp{
	width: 15em;
	height: 2.5em;
	background-size: 13.8em auto;
}
.corp .web .links .maps{
	padding: 3em 0;
}
.corp .web .links .maps a{
	color: #1b2a6c;
	font-weight: 600;
	transition: 0.3s;
}
.corp .web .links .maps a:hover{
	color: #006bad;
}
.corp .web .links .link h2{
	margin: 0;
	padding-bottom: 2em;
	color: #999;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
}
.corp .web .links .link a{
	display: inline-block;
	color: #1b2a6c;
	font-size: 1em;
	font-weight: 600;
	line-height: 2em;
	transition: 0.3s;
}
.corp .web .links .link a:hover{
	color: #006bad;
}
.corp .web .acc{
	text-align: right;
	padding-right: 0;
}
.corp .web .acc h1{
	padding-top: 3em;
	margin: 0;
	color: #1b2a6c;
	font-size: 1em;
	font-weight: 600;
}
.corp .web .acc h3 ,.corp .web .acc cite ,.corp .web .acc p{
	color: #898989;
	font-size: 1em;
	font-weight: 600;
	font-style: normal;
	line-height: 1.5em;
}
.corp .web .acc p{margin: 0;}







/*add-page  另開視窗 元件*/

.add-page{
	padding: 0;
	background-color: #1b2a6c;
}
.add-page .add-page-title{
	padding: 1em;
	background-color: rgba(255,255,255, 1);
	box-shadow: 3px 3px 10px #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	position: sticky;
	top: 0;
}
.add-page .add-page-title h1{
	margin: 0 !important;
	color: #1b2a6c;
	font-weight: 600;
	font-size: 1.3em;
}

.add-page .form-box{
	padding: 1.5em 1em;
	padding-bottom: 0;
}


.apBg ,.add-page .list ,.search-advanced-list{
	background-color: #efefef;
}
.add-page .sub{
	width: 100%;
	background-color: #efefef;
	position: fixed;
	bottom: 0;
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 1em;
	padding: 0 !important;
	
}
.add-page .sub a.icon-sub{
	padding: 0.5em 3em;
	color: #fff;
	background-color: #1b2a6c;
	margin: 0.5em;
	font-weight: 600;
	font-size: 1.2em;
	border-radius: 6px;
	transition: 0.3s;
}
.add-page .sub a:hover{
	color: #1b2a6c;
	background-color: #fff;
}

.add-page .ip-txt textarea{ width: 100%;}


.add-page .sub a.icon-for-password{
	position: absolute;
	left: 1.5em;
	color: #00adba;
	font-size: 1em;
	font-weight: normal;
	font-family: "Noto Sans CJK TC Light"; 
}
.add-page .sub a.icon-google{
	display: block;
	width: 5em;
	height: 2.5em;
	
	position: absolute;
	top: 0.8em;
	right: 1.5em;
	background-image: url("../images/icon_google.svg");
	background-size: 5em auto;
	background-repeat: no-repeat; 
	background-position: center 6px;
	border-radius:  0px 6px 6px 0px;
}



iframe{
	padding: 0;
}


/*lb login*/

.add-page .login-page{
	margin: 0;
	padding: 0em;
	padding-top: 1em;
	padding-bottom: 2.5em;
	display: inline-block;
}





/*checkbox  打勾*/
.check-style {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	padding-bottom: 1em;
}
.chiller-cb span:before ,.chiller-cb span:after {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 0;
  position: absolute;
  transform-origin: 0% 0%;
}
.chiller-cb {
  position: relative;
  display: flex;
  align-items: center; 
	border-radius: 6px;
	padding: 0.3em;
	background-color: #fff;
}
.chiller-cb:hover {
	background-color: #1b2a6c;
	color: #fff;
}
.chiller-cb label {
	cursor: pointer;
	margin-bottom: 0;
	padding: 0 1.5em;
	text-align: center;
	font-size: 1.2em !important;
	font-weight: 600;
}
.chiller-cb h2{white-space:nowrap; font-size: 1em;}
.chiller-cb span {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  transition: all 0.2s;
  box-sizing: content-box;
  border-radius: 6px;
  left: -4em;

}
.chiller-cb span:before {
  transform: rotate(-55deg);
  top: 24px;
  left: 13px;
}
.chiller-cb span:after {
  transform: rotate(35deg);
  bottom: 14px;
  left: 10px;
}
.chiller-cb input {
  display: none; 
}
.chiller-cb input ~ span{
	background-image: url("../images/icon_check_b.svg");
  background-size: 1.5em auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ccc;
	transition:0.3s;
}
.chiller-cb input:hover ~ span{
  background-color: #1b2a6c;
	transition:0.3s;
}


.chiller-cb input:checked ~ span {
  background-color: #1b2a6c;
}
.chiller-cb input:checked ~ span:before {
  width: 1.5em;
  height: 0.225em;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller-cb input:checked ~ span:after {
  width: 0.6em;
  height: 0.225em;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller-cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller-cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller-cb input:disabled ~ label:hover {
  cursor: default;
}




/*置頂*/
.s1{position: sticky; top: 0; /*top*/}
.s2{position: sticky; top: 73px; /*set */}
.s3{position: sticky; top: 90px; /*set */}

/*zindex*/

.s1{z-index: 9;}
.s2{z-index: 1;}
.s3{z-index: 2;}

/*title 標題 頁面標題 快速連結*/

.quick-link .container 
,.association .container{
	padding-left: 0;
	padding-right: 0;
}



.quick-link{ 
	text-align: left;
	color: #1b2a6c;
	background-color: #fff;
}
.quick-link .title{
	padding-left: 0; 
	padding-right: 0;
	padding-top: 0.5em;
}
.quick-link .title h2{
	margin: 0;
	font-family: "Noto Sans CJK TC Light";
	font-size: 2em;
	text-transform: capitalize;
	font-weight: 300;

}
.quick-link .title h2:first-letter{
	font-weight: 900;
	font-family: "Soure Sans Pro";
	
}
.quick-link .title h2 em{
	text-transform: uppercase;
	font-style: normal;
}
.quick-link .title p{
	font-family: "Noto Sans CJK TC Light";
	font-size: 1.2em;
	font-weight: 600;
}

.quick-link .search ,.web-index-menu .search{
	display: flex;
    justify-content: center;
    align-items: center;
	height: 5.1em;
}
.quick-link .search input[type=text] 
,.web-index-menu .search input[type=text]{
	text-align: center;
	padding: 0.35em;
	border-radius: 6px;
	border: 2px solid #ccc;
	font-size: 1.2em;
	width: 500px;
}
.quick-link .search input[type=text]:focus 
,.web-index-menu .search input[type=text]:focus{
	background-color: #f2f2f2;
	color: #1b2a6c;
	font-weight: 600;
}
.quick-link .search a.icon-sub {
	position: absolute;
	width: 6em; 
	top: 1.2em;
	right: 1.8em;
	height: 39px;
	background-image: url("../images/icon_search.svg");
	background-size: 1.8em auto;
	background-repeat: no-repeat; 
	background-position: center 6px;
	border-radius:  0px 6px 6px 0px;
}
.quick-link .search a.icon-sub:hover{
	background-image: url("../images/icon_search_d.svg");
	background-color: #1b2a6c;
	background-size: 2.1em auto;
}


.quick-link .link{
	font-family: "Noto Sans CJK TC Light";
	font-size: 1.2rem; 
	text-align: right;
	padding-top: 1em;
}
.quick-link .link a{
	font-size: 1.2em;
	color: #666;
	margin-right: 1em;
}
.quick-link .link cite{
	font-size: 1.2em;
	color: #1b2a6c;
	font-style: normal;
	font-weight: 600;
}


/*共用元件 主框架 背景 背景色 內容 layout contact menu*/

.layout{
	padding: 0; 
	background-color: #f0f0f0;
}
.layout .contact{padding: 1.5em 0;}
.layout .contact .title{text-align: center;}
.layout .container{padding: 0em;}

.con-menu{/*內頁有左側選單 背景*/
	background-color: #fff;
}

.conBg{ /*內頁 有左側選單 最外層 內容 背景 標準內距*/
	background-color: #f0f0f0;
	border-radius: 12px;
	padding-top: 1em;
}
.conBg .contact{padding: 0;}
.zero div{/*亀零*/
	padding: 0 !important;
}

.list-box{ /*列表起始 固定要有 最外框*/
	padding: 0;
}
.list-box .item-list{ /*包住列表元件 最外框 背景*/
	padding: 0em;
}
.list-box .item-list .item{ /*列表元件 內容*/
	font-family: "Noto Sans CJK TC Light";
	color: #666;
	background-color: #fff;/*白色*/
	border-radius: 12px;
	margin-bottom: 1em;
}

.list-box .item-list .item div:first-of-type{
	
}
.list-box .item-list div:last-child ,.list-box .item-list a:last-child{
	
}

.item-list .item{
	box-sizing: border-box;
}




/*page-pag 頁碼 頁數*/


.pagination{
	display: flex; 
	justify-content: flex-end;
	align-items: center; 
	font-family: "Noto Sans TC Light";
}
.page-pag .pagination strong{
	font-size: 1.3em;
	font-weight: 600;
	border-left: 1px solid  #ccc;
	letter-spacing: 1px;
	padding-left: 1em;
	margin-left: 1em;
	color: #1b2a6c;
}
.page-pag .pagination a 
,.page-pag .pagination .active a{
	display:flex; 


	align-items:center; 
	justify-content:center;
	
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: transparent;
	border: none;
	color:#1b2a6c;
	margin-right: 10px;
}
.page-pag .pagination a:hover{
	background-color: #f2f2f2;
}
.page-pag .pagination a.active{
	color:#fff;
	background-color: #1b2a6c;
}

.page-pag .pagination .previous1 
,.page-pag .pagination .previous2 
,.page-pag .pagination a.previous3 
,.page-pag .pagination a.previous4 
,.page-pag .pagination .next1 
,.page-pag .pagination .next2 
,.page-pag .pagination a.next3
,.page-pag .pagination a.next4
{
	display: block;
	width: 40px; 
	height: 40px;
	background-repeat: no-repeat;
	background-size: 1.2em auto;
	background-position: center;
}
.page-pag .pagination a.next3
,.page-pag .pagination a.next4{
	background-size: 1em auto;
}
.page-pag .pagination a.next4{
	background-size: 1em auto;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
}
.page-pag .pagination a.next4:hover{
	background-color: #fff;
	border: 1px solid #f2f2f2;
}

.page-pag .pagination .previous1 
,.page-pag .pagination a.previous3{
	background-image:url(../images/icon_arrow_nextend.svg);
	-webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.page-pag .pagination a.previous3{
	background-image:url(../images/icon_arrow_nextend_d.svg);
}
.page-pag .pagination .previous2 
,.page-pag .pagination a.previous4{
	-webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
	background-image:url(../images/icon_arrow_next.svg);
	
}
.page-pag .pagination a.previous4{
	background-image:url(../images/icon_arrow_next_d.svg);
}

.page-pag .pagination .next1 
,.page-pag .pagination a.next3{
	background-image:url(../images/icon_arrow_next.svg);
}
.page-pag .pagination a.next3{
	background-image:url(../images/icon_arrow_next_d.svg);
}
.page-pag .pagination .next2 
,.page-pag .pagination a.next4{
	background-image:url(../images/icon_arrow_nextend.svg);
}
.page-pag .pagination a.next4{
	background-image:url(../images/icon_arrow_nextend_d.svg);
}


/*html 編輯器*/
.html-edit{
	padding: 1em !important;
	width: 100%;
	text-align: justify;
	font-size: 1.2em;
}
.html-edit img ,.html-edit table{
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
	
}
.html-edit img{
	max-width: 100% !important; 
	max-height: 800px;
}
.html-edit h1 ,.html-edit h2 ,.html-edit h3 
,.html-edit h4 ,.html-edit h5 ,.html-edit h6{
	font-weight: bold;
}
.html-edit h2{
	text-align: justify-all;
}
.html-edit strong{
	padding: 0.5em 0; 
	font-weight: 600;
}
.html-edit p{
	padding-bottom: 0.2em;
	text-align: justify-all;
}
.html-edit table th{
	text-align: center;
	padding: 0.3em;
	background-color: #1b2a6c;
	color: #fff;
}
.html-edit table td{
	padding: 0.3em;
}
.html-edit table{
	width: 100%;
	max-width: 100%;
	border: 1px solid;
	background-color: #fff;
}
.html-edit table tr ,.html-edit table td{
	border: 1px solid #ccc;
}
.html-edit cite{font-style: normal;}

.html-edit ol{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.html-edit ul{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.html-edit li{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}



/*子選單 左側選單 menu son sonmenu*/

.contact-menu {
	padding-left: 0; 
	font-family: "Noto Sans TC Light";
}
.contact-menu .pills{
	background: rgba(196,196,196,0);
	border-radius: 12px;
	
}
.contact-menu .pills .son ,.contact-menu .pills .son li{
	padding: 0.5em;
}
.contact-menu .pills .son a{
	color: #1b2a6c;
	font-weight: 600;
	font-size: 1em;
	padding: 0.3em 0.5em;
	border-radius: 6px;
	transition: 0.3s;
	line-height: 1.5em;
}
.contact-menu .pills .title{
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contact-menu .pills .title h2{
	color: #000;
	font-weight: 600;
	font-size: 1.2em;
	padding-left: 0em;
	margin: 0;
}

.contact-menu .pills .son{
	padding-left: 0em;
}
.contact-menu .pills .son li a{
  	color: #666;
	transition: 0.3s;
}
.contact-menu .pills .son li a:hover ,.pills .son li a.active{
  	color: #fff;
  	background-color: #1b2a6c;
	transition: 0.3s;
}
.contact-menu .pills .son li a.active{
	font-size: 1.1em;
}




/*switch*/
.switch-field {
  display: flex;
  margin-bottom: 0em;
  overflow: hidden;

}
.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-field label {
  font-size: 0.8em;
  text-align: center;
  padding: 6px 1px;
  transition: all 0.1s ease-in-out;
}


.switch-field label:hover {
  cursor: pointer;
}

/*switch*/



.box{
	padding: 0;
	padding-top: 1.5em;
	padding-bottom: 2.5em;
	border-radius: 16px;
	background-color: #fff;
}







/*首頁 index banner player 播放*/




.circle-slider{
	position: relative;
}



.banner{padding: 1em 0;}

.circle-slider img{
	border-radius: 12px;
}
.circle-slider .object-fit{
	width: 100%;
	max-height: 360px;
	object-fit: cover;
	object-fit: contain;
}
.circle-slider a{
	z-index: 3;
}
.circle-slider a.left ,.circle-slider a.right{
	position: absolute;
	background-image: url("../images/icon_arrow_next.svg");
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
	width: 5em; 
	height: 5em;
	top: 40%;
	opacity: 0.5;
	transition-delay: 0.5s;
	transition-duration: 0.5s;
	transition-property: 0.5s;
	transition: 0.3s;
}
.circle-slider a.left{
	left: 3%; 
	transform:rotate(180deg);
}
.circle-slider a.right{
	background-image: url("../images/icon_arrow_next.svg");
	right: 3%;
}

.circle-slider a.left:hover ,.circle-slider a.right:hover{
	opacity: 1;
	background-size: cover;
	width: 7em; 
	height: 7em;
	
}


.circle-slider .page-switch{
	width: 100%;
	position: absolute;
	z-index: 3;
	display: flex;
    justify-content: center;
    align-items: center;
	left: 0;
	bottom: 0;
	padding: 1em 0;
}
.circle-slider .page-switch a {
	display: block;
	width: 24px; 
	height: 4px;
	z-index: 10;
	margin: 0 0.6em;
	text-decoration: none;
	background-color:rgba(255,255,255,0.4);
	border-radius: 3px;
}

.circle-slider .page-switch a.active{
	width: 26px; 
	height: 26px;
	border-radius: 13px;
	border: 3px solid #fff;
	background-color: transparent;
	animation-iteration-count: infinite;
	animation-duration: 8s;
	animation-fill-mode: both;
	animation-name: flash;
	/*
	animation-name: move;
	animation: move 6s linear infinite;
	border: 2px solid #f2f2f2;
    border-top: 1px solid #b52222;
	*/
}


.web-index-menu {
	display: flex; 
	justify-content: center;
	align-items: stretch; 
}
.web-index-menu .search{
	z-index: 5;
	position: absolute;
}
.web-index-menu .search input[type=text]{
	border: 0;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.web-index-menu .search a.icon-sub{
	position: absolute;
	right: 5.5em;
	margin: 0px;
}

.web-index-menu .search a.icon-sub  
,.web-index-menu .search a.icon-more{
	width: 6em; 
	height: 38px;
	background-image: url("../images/icon_search.svg");
	background-size: 1.8em auto;
	background-repeat: no-repeat; 
	background-position: center 6px;
	border-radius:  0px 6px 6px 0px;
}
.web-index-menu .search a.icon-sub:hover  
,.web-index-menu .search a.icon-more:hover{
	background-image: url("../images/icon_search_d.svg");
	background-color: #1b2a6c;
	background-size: 2em auto;
}
.web-index-menu .search a.icon-more{
	margin-left: 0.5em;
	left: 0em;
	width: 5em; 
	background-image: url("../images/icon_search_menu.svg");
	background-size: 3em auto;
	background-repeat: no-repeat; 
	background-position: center;
	border-radius:  0px 6px 6px 0px;
}
.web-index-menu .search a.icon-more:hover{
	background-image: url("../images/icon_search_menu_d.svg");
	background-color: transparent;
	background-size: 3.4em auto;
}

.ind-qucik-link .container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.ind-qucik-link {
	padding: 2em;
	padding-left: 0;
	padding-right: 0;
}
.ind-qucik-link a{
	display: block;
	height: 4em;
	background-size: 3.5em auto;
	background-repeat: no-repeat; 
	background-position: 10% center;
	line-height: 4em;
	padding-left: 5em;
	padding-right: 2em;
	margin-right: 4em;
	font-weight: 600;
	font-size: 1.1em;
	color: #666;
	font-family: "Noto Sans TC Light";
	transition: 0.3s;
	border-radius: 6px;
	
	animation-name: fadeInUp;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	
}
.ind-qucik-link a:hover{
	background-color: #1b2a6c;
	color: #fff;
}
.ind-qucik-link a.icon-qlink1{
	background-image: url("../images/icon_ind_link1.svg");
	animation-delay: 0;
}
.ind-qucik-link a.icon-qlink2{
	background-image: url("../images/icon_ind_link2.svg");
	animation-delay: 0.2s;
}
.ind-qucik-link a.icon-qlink3{
	background-image: url("../images/icon_ind_link3.svg");
	animation-delay: 0.4s;
}
.ind-qucik-link a.icon-qlink4{
	background-image: url("../images/icon_ind_link4.svg");
	animation-delay: 0.6s;
}
.ind-qucik-link a.icon-qlink1:hover{
	background-image: url("../images/icon_ind_link1_d.svg");
}
.ind-qucik-link a.icon-qlink2:hover{
	background-image: url("../images/icon_ind_link2_d.svg");
}
.ind-qucik-link a.icon-qlink3:hover{
	background-image: url("../images/icon_ind_link3_d.svg");
}
.ind-qucik-link a.icon-qlink4:hover{
	background-image: url("../images/icon_ind_link4_d.svg");
}
.index-contact .contact{
	text-align: center;
}


.title-info div ,.detail-infobar ,.detail-infobar div{
	padding: 0 !important;
}
.title-info{
	background-color: #fff;
	padding-top: 1em;
	padding-bottom: 1em;
}
.title-info .back{
	display: flex;
    align-items: center;	
}

.title-info .info-bots ,.title-info .date{
	display: flex;
	justify-content: center;
    align-items: center;
}
.title-info .date{
	justify-content: flex-end;
	height: 64px;
	font-size: 1.6em;
	color: #888;
}

.title-info .date cite{
	font-style: normal;
}



.title-info .info-bots a{
	font-family: "Noto Sans CJK TC Light";
	background-repeat: no-repeat; 
	background-position: center 0em;
	
	
	margin-left: 0.5em;
	margin-right: 0.5em;
	text-align: center;
	padding-top: 45px;
	transition: 0.3s;
	color: #666;
	font-weight: 600;
	position: relative;
	width: 7em; 
	height: 5em;
	white-space: nowrap;
}
.title-info .info-bots a:hover{
	background-position: center 0em;
	transition: 0.3s;
}

.title-info a.icon-favicon{
	background-image: url("../images/icon_favicon2.svg");
	background-size: 48px auto;
}
.title-info a.icon-apply{
	background-image: url("../images/icon_apply.svg");
	background-size: 45px auto;
}
.title-info a.icon-sponsor{
	background-image: url("../images/icon_sponsor.svg");
	background-size: 45px auto;
}
.title-info a.icon-favicon:hover{
	background-image: url("../images/icon_favicon2_d.svg");
	background-color: transparent;
	background-size: 52px auto;
	color: #1b2a6c;
}
.title-info a.icon-apply:hover{
	background-image: url("../images/icon_apply2_d.svg");
	background-color: transparent;
	background-size: 49px auto;
	color: #1b2a6c;
}
.title-info a.icon-sponsor:hover{
	background-image: url("../images/icon_sponsor_d.svg");
	background-color: transparent;
	background-size: 49px auto;
	color: #1b2a6c;
}
.title-info a.icon-apply:hover::before 
,.title-info a.icon-favicon:hover::before{
	display: none;
}




.detail-infobar{
	background-color: #f0f0f0;
}
.detail-infobar .container{
	border-top: #ccc 1px solid;
}
.detail-infobar .back ,.detail-infobar .top{
	display: flex;
	padding: 1em 0 !important;
}
.detail-infobar .share ,.detail-infobar .top{
	justify-content: flex-end;
	display: flex;
    align-items: center;
	padding-top: 1.5em !important;
}
.detail-infobar .top{
	padding-top: 0.6em !important;

}

.title-info a.icon-back ,.detail-infobar a.icon-back ,.detail-infobar a.icon-top{
	font-size: 1.2em;
	background-color: #fff;
	border-radius: 6px;
	padding: 1.1em 2em;
	padding-top: 1.3em;
	padding-left: 2.2em;
	display: block;
	background-image: url("../images/icon_page_back.svg");
	background-size: 0.8em auto;
	background-repeat: no-repeat; 
	background-position: 1em center;
	text-align: right;
	transition: 0.3s;
	color: #666;
}
.title-info a.icon-back:hover ,.detail-infobar a.icon-back:hover ,.detail-infobar a.icon-top:hover{
	background-image: url("../images/icon_page_back_d.svg");
	background-color: #1b2a6c;
	color: #fff;
	text-align: left;
	transition: 0.3s;
}
.detail-infobar a.icon-top ,.detail-infobar a.icon-top:hover{
	justify-content: flex-end;
	background-size: 2em auto;
	background-image: url("../images/icon_page_top.svg");
	background-position: center;
	/*transform: rotate(90deg);*/
}
.detail-infobar a.icon-top:hover{
	background-size: 2em auto;
	background-image: url("../images/icon_page_top_d.svg");
	background-position: center;
	/*transform: rotate(90deg);*/
}



.detail-infobar .share strong{margin-right: 1em;}
.detail-infobar a.icon-x ,.detail-infobar a.icon-fb{
	display: block;
	width: 2.8em;
	height: 2.8em;
	background-image: url("../images/icon_x_d.svg");
	background-size: 2.8em auto;
	background-repeat: no-repeat; 
	background-position: center;
	transition: 0.3s;
	margin-right: 1em;
}
.detail-infobar a.icon-fb{
	background-image: url("../images/icon_fb_d.svg");
	transition: 0.3s;
}

.company-search-detail{padding: 0;}
.member-search-detail h1{
	margin: 0;
	padding: 0.5em;
	display: flex;
    justify-content: center;
    align-items: center;
}



.member-search-detail .contact .table table{
	border-collapse: separate;
	border-radius: 10px;
	width: 100%;
	border-spacing: 5px;
}
.member-search-detail .contact .table table tr{
	
}
.member-search-detail .contact .table table tr td{
	font-family: "Noto Sans TC Light";
	background-color: #fff;
	color: #1b2a6c;
	text-align: left;
	padding: 0.8em;
	padding-left: 0.5em;
	border: 1px solid #ccc;
	border-radius: 6px;
	
}
.member-search-detail .contact .table table tr td:first-child{
	padding: 0.5em;
	background-color: #1b2a6c;
	color: #fff;
	text-align: right;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
}

.company-list div{padding: 0;}
.company-list .item{border: 1px solid;}
.company-list .item a{
	display: block; width: 33%; float: left;
}





/*set 123*/

.set{
	background-color: rgba(255,255,255,0.9);
	background-color: #efefef;
	/*background: linear-gradient(to left, transparent, #fff, #fff, #fff, #fff, #fff, #fff, transparent); */
	box-shadow: 3px 3px 10px #f0f0f0; 
	padding: 1.5em;
}
.set .container{
	display: flex;
    justify-content: center;
    align-items: center;
}
.set h2{
	display: inline-flex;
	
}
.set a{
	font-family: "Noto Sans CJK TC Light"; 
	position: relative;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0.5em 1em;
	padding-left: 1.5em;
	background-color: #fff; 
	text-transform: uppercase;
	color: #000;
}
.set a:nth-of-type(1)::before ,.set a:nth-of-type(2)::before 
,.set a:nth-of-type(3)::before ,.set a:nth-of-type(4)::before 
,.set a:nth-of-type(5)::before ,.set a:nth-of-type(6)::before 
,.set a:nth-of-type(7)::before{
    font-family: "Bebas Neue";
	position: absolute;
	content: "1";
	left: 9px;
	top: 4px;
	font-size: 1.6em;
	font-weight: normal;
	color: #ccc;
	line-height: normal;
	height: 50px;
}
.set a:nth-of-type(2)::before{
	content: "2";
}
.set a:nth-of-type(3)::before{
	content: "3";
}
.set a:nth-of-type(4)::before{
	content: "4";
}
.set a:nth-of-type(5)::before{
	content: "5";
}
.set a:nth-of-type(6)::before{
	content: "6";
}
.set a:nth-of-type(7)::before{
	content: "7";
}

.set a.active{
	background-color: #00adba;
	color: #fff;
	font-weight: 600;
}
.set a.active::before{
	color: #fff;
	
	animation-iteration-count: infinite;
	animation-duration: 6s;
	animation-fill-mode: both;
	animation-name: flash;
}



.set a:first-child{
	border-radius: 6px 0 0 6px;
}
.set a:last-child{
	border-radius: 0 6px 6px 0 ;
}


/*association 協會 加入協會*/


.association .contact .page-title{
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 1.5em;
}
.form-box .sub ,.action-apply-finish .sub 
,.association-right .sub ,.association-info .sub 
,.association-class .sub ,.association-apply .sub 
,.memberjoin .sub ,.action-apply-confirm .sub{
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 2em;
	font-family: "Noto Sans TC Light";
}
.form-box .sub a ,.action-apply-finish .sub a 
,.association-right .sub a ,.association-info .sub a 
,.association-class .sub a ,.association-apply .sub a 
,.memberjoin .sub a ,.action-apply-confirm .sub a{
	display: block;
	padding: 0.8em 3em;
	color: #1b2a6c;
	background-color: #fff;
	margin-right: 2em;
	border-radius: 6px;
	font-weight: 600;
	transition: 0.3s;
	font-size: 1.2em;
}
.form-box .sub a:hover ,.action-apply-finish .sub a:hover 
,.association-right .sub a:hover ,.association-info .sub a:hover 
,.association-class .sub a:hover ,.association-apply .sub a:hover 
,.memberjoin .sub a:hover ,.action-apply-confirm .sub a:hover{
	color: #fff;
	background-color: #1b2a6c;
}

.association-class .class-select .input-switch{
	padding: 1em 8em; }

.association-class .class-select h2.title{
	padding-bottom: 1em; 
	text-align: center;
	font-weight: 600;
	font-size: 1.4em;
}
.association h2.page-title{
	margin: 0;
	padding: 1em 0 !important;
	color: #999;
	font-size: 1.8em;
	
}
.association h2.page-title b{
	font-size: 1.1em;
	font-weight: 300;
	color: #999;
	font-family: "Bebas Neue";
	margin: 0 0.5em;
}
.association h2.page-title strong{
	font-weight: normal;
}


/*會員 member*/
.memberjoin .joininfo h2.title{
	padding-bottom: 1em; 
	text-align: center;
	font-weight: 600;
	font-size: 1.4em;
}

.search-advanced{
	padding-left: 0; 
	padding-right: 0;
	padding-bottom: 1em;
}
.industry-contact .search-advanced div{border: 0px solid;}
.search-advanced .sub{padding-top: 0.6em;}
.search-advanced a.icon-sub{
	background-color: #fff;
	color: #1b2a6c;
	font-weight: 600;
	font-size: 0.9em;
	padding: 0.5em 1.5em;
	border-radius: 6px;
}
.search-advanced a.icon-sub:hover{
	color: #fff;
	background-color: #1b2a6c;
}
.search-advanced .right .control-label ,.search-advanced .left .control-label{
	text-align: center;
	font-size: 0.9em;
}
.search-advanced .right .control-label{
	padding-left: 0; 
	padding-right: 0;
}
.search-advanced .select-moon select{
	padding: 0.2em;
	font-size: 0.9em;
}

.search-advanced .input-switch .switch-field{padding: 0;}
.search-advanced .input-switch .switch-field label 
,.condition-search .input-switch .switch-field label{
	font-size: 1em !important;
	text-transform: uppercase;
}
.search-advanced .form-box label.control-label strong 
,.condition-search label.control-label strong{
	border-radius: 6px;
	padding: 0.2em 0.8em;
	background-color: #1b2a6c;
	color: #fff;
	font-weight: 600;
	margin-right: 0.5em;
}
.search-advanced .form-box label.control-label{
	padding: 0;
}



/*內頁條件搜尋*/
.condition-search{
	padding-bottom: 1em;
}

.condition-search label{
}
.condition-search label.control-label strong{
	margin-right: 1em;
}
.condition-search .input-switch{
	padding-right: 0 !important;
	width: 100%;
	
}
.condition-search .input-switch .switch-field{
	padding: 0; 
	margin-right: 0;
}





/*列表排列 列表 活動 訊息 資訊*/

.list-box .item-list .item{
	box-sizing: border-box;
}

.list-box .item-list .item img{
	float: left;
	width: 160px; 
	height: 100px !important;
	border-radius: 12px 0 0 12px;
	margin-right: 1em;
}
.list-box .item-list .item img.object-fit{
	object-fit: cover;
}

.list-box .item-list .item h2{
	padding-top: 0.5em;
	font-size: 1.4em;
	margin: 0;
	width: 100%;
}
.list-box .item-list .item h2 a{
	color: #000;
}
.list-box .item-list .item p{
	color: #888;
	padding-top: 0.5em;
	margin-bottom: 0;
}
.list-box .item-list .item p cite{
	font-size: 1.2em;
	position: relative; /*父級*/
	margin-left: 1em;
	padding-left: 1em;
}
.list-box .item-list .item p cite i{
	margin-top: 6px;
}

.list-box .item-list .item .con-link {
	height: 101px;
	display: flex;
    align-items: center;
	justify-content: center;
}



/*格狀排列 格狀 活動 訊息 資訊*/

.block-model .item img{
	border-radius: 12px 12px 0 0 !important;
}
.block-model .item img.object-fit{
	object-fit: cover;
	width: 100%;
	height: 160px !important;
}
.block-model .item h2{
	display: inline-block;
	padding: 0.5em !important;
	font-size: 1.2em !important;
}
.block-model .item h2 a{
	color: #000 !important;
}
.block-model .item p{
	padding: 0.5em !important;
}
.block-model .item cite{
	float: right;
	padding-right: 0.5em;
}
.block-model .item{
	width: 24.1%;
	margin-right: 1.2%;
}
.block-model div.item:nth-of-type(4) 
,.block-model div.item:nth-of-type(8) 
,.block-model div.item:nth-of-type(12) 
,.block-model div.item:nth-of-type(16){
	margin-right: 0;
}
.block-model .item .con-link{
	height: 60px !important;
}
.block-model .item .con-link a{
	height: 25px;
}


/*會員查詢 產業總覽 公司會員*/

.industry-list .item-list .item 
,.member-list .item-list .item{
	display: flex;
    justify-content: center;
    align-items: center;
	padding-left: 0;
}
.member-list .item-list .item{
	font-size: 14px;
	font-weight: 600;
	justify-content:flex-start;
}
.industry-list .item-list h1 
,.member-list .item-list h1{
	margin: 0;
	border-right: 1px solid #ccc;
	padding-right: 0em;
}
.industry-list .item-list h1 strong 
,.member-list .item-list h1 strong{
	font-family: "Noto Sans CJK TC Light";
	height: 3em;
	display: flex;
    align-items: center;
	font-weight: 600;
	color: #2D2D2D;
}
.member-list .item-list h1 strong 
,.industry-list .item-list h1 strong{
	font-size: 16px;
}
.member-list .item-list h1 strong{
	justify-content: flex-end;
	padding-right: 1em;
	text-align: right;
}

.industry-contact .industry-list .item-list h1 img 
,.industry-contact .member-list .item-list h1 img{
	float: left;
	object-fit: cover;
	width: 40px !important;
	height: 40px !important;
	border-radius: 20px;
	margin-right: 0.3em;
	margin-top: 0.3rem;
}
.industry-list .item-list .item a 
,.member-list .item-list .item a{
	font-family: "Noto Sans TC Light";
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2em;
	transition: 0.3s;
	padding: 0.5em 0.8em;
	color: #666;
}

.industry-list .item-list .item a:hover 
,.member-list .item-list .item a:hover{
	color: #1b2a6c;
	background-color: #f2f2f2;
	transition: 0.3s;
	padding: 0.5em 1.2em;
}
.industry-list .item-list .item{
	padding: 0.5em;
	display: flex;
    justify-content: center;
    align-items: center;
}
.industry-list .item-list .item .btns{
	padding: 0.5em;
}


.industry-contact .member-list a .item{
	background-color: #fff;
	border: 2px solid #fff;
}
.industry-contact .member-list a:hover .item{
	color: #1b2a6c;
	background-color: #fff;
	border: 2px solid #1b2a6c;
}
.industry-contact .member-list .item-list .item i{
	width: 0.8em; 
	height: 0.8em; 
	background-image: url("../images/icon_arrow_next_d.svg");
	background-size: 0.8em auto;
	background-repeat: no-repeat; 
	background-position: center;
	margin: 0 0.5em;
}






a.icon-favicon ,a.icon-apply{
	position: relative;
	float: left;
	display: block;
	width: 32px; 
	height: 32px; 
	border-radius: 24px;
	padding: 24px;
	margin-left: 0.5em;
	background-image: url("../images/icon_favicon.svg");
	background-size: 32px auto;
	background-repeat: no-repeat; 
	background-position: center;
}
label.icon-favicon{
	position: relative;
	float: left;
	display: block;
	border-radius: 24px;
	margin-left: 0.5em;
	background-image: url("../images/icon_favicon.svg");
	background-size: 24px auto;
	background-repeat: no-repeat; 
	background-position: center;
}

input[type=checkbox]:checked + label.icon-favicon ,label.icon-favicon:hover{
	background-color: #F76098 !important;
	background-image: url("../images/icon_favicon_d.svg");
}
a.icon-apply{
	background-image: url("../images/icon_action_apply.svg");
	background-size: 32px auto;
	background-position: center;
}
a.icon-favicon:hover{
	background-image: url("../images/icon_favicon_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-apply:hover{
	background-image: url("../images/icon_action_apply_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-apply:hover::before ,a.icon-favicon:hover::before{
	z-index: 9;
	content:attr(data-msg);
	position: absolute;
	
	left: -1.5em;
	top: 55px;
	
	border: 1px solid #fff;
	font-size: 1.2em; 
	padding: 0.4em 1em;
    background-color:rgba(27,42,108,0.9);
	color:#fff;
	font-weight: 600;
	text-align: center;	
	transition: 0.3s;
	box-shadow: 6px 6px 6px #ccc;
	border-radius: 6px;
	white-space:nowrap;
}

a.icon-list ,a.icon-block{
	float: left;
	display: block;
	width: 34px; 
	height: 34px; 
	margin: 0 0.5em;
	background-image: url("../images/icon_menu.svg");
	background-size: 26px 18px;
	background-repeat: no-repeat; 
	background-position: center;
	background-color: #fff; 
	box-shadow: 2px 2px 8px #ccc;
	border-radius: 6px;
}
a.icon-block{
	background-image: url("../images/icon_menublock.svg");
	background-size: 22px auto;
}
a.icon-list:hover ,a.icon-block:hover 
,.display-list a.active{
	background-color: #1b2a6c; 
}
a.icon-list:hover ,.display-list a:first-of-type.active{
	background-image: url("../images/icon_menu_d.svg");
}
a.icon-block:hover ,.display-list a:last-of-type.active{
	background-image: url("../images/icon_menublock_d.svg");
}
.display-list{
	padding-right: 0;
	display: flex;
	justify-content: flex-end;
}

.action-info-list .condition-search{
	padding-left: 0;
	padding-right: 0;
}

.action-info-detail{
	animation-timeline: scroll(y);
	animation-timeline: scroll(root);
	animation-timeline: scroll(nearest);
	animation-range: normal 100%;
}
.action-info-detail .title{
	background-color: rgba(240,240,240,0.92);
	padding-bottom: 1em;
	padding-left: 11em;
}
.action-info-detail .title h1{
	font-family: "Noto Sans TC Light";
	text-align: justify;
	font-size: 2em;
	font-weight: 600;
	color: #000;
}
.action-info-detail .title h1 cite{
	position: absolute;
	left: 0.5em;
	background-color: #fff;
	border-radius: 6px;
	padding: 0.5em 3em;
	color: #666;
	font-size: 1.4rem;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}
.action-info-detail .title h1 cite i{
	margin-top: 10px;
	margin-left: 10px;
}
.icon-color1{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #4C770C;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
}

.action-info-detail .photos img{
	border-radius: 12px;
	margin-top: 1.5em;
}
.action-info-detail .photos img.main-photo{
	width: 100%;
	max-height: 360px;
	object-fit: fill;
}

.action-info-detail .photos .zoom-photo{
	padding: 0;
	display: flex;
	justify-content: center;
	align-content: center;
}
.action-info-detail .photos .zoom-photo a img{
	width: 180px;
	max-height: 120px;
	margin-left: 1em;
	margin-right: 1em;
	border: 2px solid #f0f0f0;
	transition: 0.3s;
	opacity: 0.6;
	object-fit: cover;
}
.action-info-detail .photos .zoom-photo a:hover img 
,.action-info-detail .photos .zoom-photo a img.active 
,.action-info-detail .photos .zoom-photo a:hover img.active{
	width: 200px;
	max-height: 140px;
	border: 2px solid #fff;
	box-shadow: 3px 3px 6px #ccc;
	transition: 0.3s;
	opacity: 1;
}

.action-info-detail .ex-unit{
	padding-top: 2em;
	padding-bottom: 2em;
}
.action-info-detail .ex-unit .main-unit 
,.action-info-detail .ex-unit .ohter-unit{
	text-align: center;
	font-family: "Noto Sans TC Light";
	margin-bottom: 1em;
}
.action-info-detail .ex-unit .main-unit{
	padding-top: 2em;
	padding-bottom: 1em;
}

.action-info-detail .ex-unit .item{
	display: block;
	padding: 0.5em;
}
.action-info-detail .ex-unit h2{
	color: #000;
	font-weight: 600;
	font-size: 1.5em;
}
.action-info-detail .ex-unit p{
	font-size: 1em;
	font-weight: 600;
	color: #666;
}
.action-info-detail .ex-unit .ohter-unit{
	display: flex;
    align-items: center;
	justify-content: center;
}
.action-info-detail .ex-unit .ohter-unit h2{
	font-size: 1em;
}
.action-info-detail .ex-unit .ohter-unit .item{
	border-radius: 12px;
	background-color: #fefefe;
	padding: 1em 1.5em;
	margin: 0 0.5em; 
}
.action-info-detail .main-content div 
,.action-info-detail .main-content label{
	padding: 0;
	font-family: "Noto Sans TC Light";
}
.action-info-detail .main-content .txt-item label.control-label{
	font-size: 1.1em;
	color: #666;
	text-align: justify;
}
.action-info-detail .main-content .txt-item{
	padding-top: 1.5em;
}
.action-info-detail .main-content .line{
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.action-info-detail .main-content .white{
	background-color: #fff;
}
.action-info-detail .main-content .txt-item .contact{
	font-size: 1.3em;
	font-weight: 600;
	color: #000;
}

.action-info-detail .main-content .txt-item .contact p{
	margin: 0;
	font-weight: normal;
}
.action-info-detail .main-content .txt-item .contact h4{
	margin: 0;
	margin-bottom: 1em;
	font-weight: 600;
}

.action-info-detail .main-content .txt-item .contact .acc b 
,.action-info-detail .main-content .txt-item .contact .tel b{
	padding: 0.2em 0.8em;
	font-size: 0.8em;
	background-color: #fff;
	color: #000;
	margin-right: 1em;
	border-radius: 6px;
}
.action-info-detail .main-content .txt-item .contact .acc b:first-child{
	text-transform: capitalize;
}
.action-info-detail .main-content .txt-item .contact .tel b:first-child{
	text-transform: uppercase;
}
.action-info-detail .main-content .txt-item .contact .ps{
	color: #1b2a6c;
	font-weight: 600;
}
.action-info-detail .main-content .txt-item .contact .set{
	padding-top: 1em;
}
.action-info-detail .main-content .txt-item .contact .set .item p{
	padding-bottom: 1.2em;
	color: #666;
}
.action-info-detail .main-content .txt-item .contact .set .item p strong{
	padding: 0.2em 0.8em;
	font-size: 1em;
	background-color: #fff;
	color: #000;
	margin-right: 0.6em;
	border-radius: 6px;
}

.action-apply-tilt{
	text-align: center;
}
.action-info-detail .main-content a.icon-google-map{
	margin-left: 0.3em;
}

/*icon btn 按鈕*/
a.icon-google-map{
	display: inline-block;
	width: 36px; 
	height: 36px; 
	background-image: url("../images/icon_map.svg");
	background-size: 30px auto;
	background-repeat: no-repeat; 
	background-position: center;
	border-radius: 18px;
	background-color: #fff;
	box-shadow: 6px 6px 6px #ccc;
}
a.icon-google-map:hover{
	background-image: url("../images/icon_map_d.svg");
	background-color: #1b2a6c;
	
}



/*關於我們 about 現任理監事*/


.supervisors-contact article.title ,.concom-contact article.title{
	padding: 1em 0;
}

.supervisors-contact article.title h2 ,.concom-contact article.title h2{
	margin: 0;
}
.supervisors-contact .item-list ,.concom-contact .item-list{
	padding: 0em;
}
.supervisors-contact .item-list .item ,.concom-contact .item-list .item{
	padding: 1em;
	margin-bottom: 1em;
	background-color: #fff;
	border-radius: 12px;
}

.supervisors-contact article.title p.ct ,.concom-contact article.title p.ct{
	font-size: 1.2em;
	font-weight: 600;
	color: #1b2a6c;
	padding-top: 1em;
	font-family: "Noto Sans CJK TC Light";
}
.supervisors-contact article.title p.ct em ,.supervisors-contact article.title p.en em{
	text-transform: uppercase;
}

.supervisors-contact article.title p.en ,.concom-contact article.title p.en{
	font-weight: 600;
	font-family: "Noto Sans CJK TC Light";
	color: #666;
}





.supervisors-contact .item-list .item img{
	width: 180px;
	height: 200px !important;
	border-radius: 6px;
	margin-right: 1em;
	float: left;
}
.supervisors-contact .item-list .item h2{
	margin: 0;
	font-family: "LXGW WenKai Mono TC Light";
	color: #000;
	font-size: 2.8em;
	font-weight: 600;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.supervisors-contact .item-list .item h2 em{
	font-family: "Noto Sans CJK TC Light";
	font-style: normal !important;
	font-size: 3rem;
	text-transform: uppercase;
	color: #666;
	margin-left: 1rem;
	font-weight: normal;
}

.supervisors-contact .item-list .item p{
	margin-bottom: 0;
}
.supervisors-contact .item-list .item p.n1{
	padding-bottom: 1.8rem;
	border-bottom: 1px solid #ccc;
}
.supervisors-contact .item-list .item p.n1 strong {
	background-color: #1b2a6c;
	color: #fff;
	padding: 0.5em 0.5em;
	font-family: "LXGW WenKai Mono TC Light";
	font-size: 1.5em;
	font-weight: normal;
	border-radius: 6px;
}
.supervisors-contact .item-list .item p.n1 strong cite{
	color: #ccc;
	padding: 0.5em;
	padding-right: 0;
	padding-left: 0.2em;
	font-family: "Noto Sans CJK TC Light";
	font-size: 1.9rem;
	text-transform: capitalize;
}
.supervisors-contact .item-list .item p.n2{
	padding-top: 0.8em;
}
.supervisors-contact .item-list .item p.n2 strong{
	font-size: 1.8rem;
}
.supervisors-contact .item-list .item p.n2 strong cite{
	margin-left: 0.5em;
	font-weight: 300;
	color: #999;
	text-transform: uppercase;
	font-family: "bahnschrift Light";
	font-size: ;
}
.supervisors-contact .item-list .item p.n3 strong{
	font-size: 1.6rem;
	font-weight: 600;
	margin-right: 0.5em;
	font-family: "Noto Sans CJK TC Light";
}
.supervisors-contact .item-list .item p.n3 cite{
	font-size: 1.6rem;
	font-weight: normal;
	font-family: "Noto Sans CJK TC Light";
	text-transform: capitalize;
}
.supervisors-contact .item-list .item p.n3 b ,.concom-contact .item-list .item h2.q1 b{
	position: absolute;
	right: 1em;
	bottom: 0.5em;
	font-size: 2rem;
	font-weight: 600;
	color: #ccc;
}


/*關於我們 現任顧問及委員會委員*/


.concom-contact .item-list .item h2{
	font-size: 2.2em;
	font-family: "LXGW WenKai Mono TC Light";
	color: #000;
	font-weight: 600;
}
.concom-contact .item-list .item h2 strong{
	margin-bottom: 0;
	font-family: "Noto Sans CJK TC Light";
	font-size: 1.8rem;
	color: #666;
	border-left: 1px solid #ccc;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding-left: 0.5em;
}
.concom-contact .item-list .item h2.q1 em{
	padding: 0.5em 0.3em;
	padding-left: 1em;
	margin-bottom: 0;
	font-family: "Noto Sans CJK TC Light";
	font-size: 1.8rem;
	color: #1b2a6c;
	
	background-image: url("../images/icon_arrow_next_d.svg");
	background-size: 0.8em auto;
	background-repeat: no-repeat; 
	background-position: left;
}



/*成立沿革*/


.history-contact article.header{
	position: relative; /*為偽元素背景浮動元件 重新在此(父)元件中產生出一個定位空間*/
	padding: 1.5em;
	background-color: #1b2a6c;
	color: #fff;
	border-radius: 12px;
	
	font-family: "Noto Sans CJK TC Light";
	background-size: 61em auto;
	background-repeat: no-repeat; 
	background-position: right;
}

.history-contact article.header::before{
	position: absolute; /*偽元素背景浮動元件 設定絕對位置*/
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #1b2a6c, #1b2a6c, transparent); 
	border-radius: 12px;
}
.history-contact article.header h2 
,.history-contact article.header p.des 
,.history-contact article.header p.subtitle em{
	position: relative; /*設定在 偽元素背景之上*/
}
.history-contact article.header h2{
	margin: 0.5em 0;
}
.history-contact article.header p.des{
	font-size: 1.4em;
}
.history-contact article.header p.subtitle em{
	font-size: 1em;
	font-style: normal;
}
.history-contact article.remark{
	padding: 0;
	font-family: "Noto Sans TC Light";
}
.history-contact article.remark p.ps{
	color: 000;
	padding: 1em 0;
	font-weight: 600;
}

.history-contact .main-content article.title{
	font-family: "Noto Sans TC Light";
	font-weight: 600;
}

.history-contact .main-content .html-edit{
	
}
.history-contact .main-content .html-edit h2 
,.history-contact .main-content .html-edit h3{
	text-align: center;
	font-weight: normal;
	padding: 1em;
}
.history-contact .main-content .html-edit h3{
	color: #000;
	font-weight: 600;
	font-size: 1.1em;
}
.history-contact .main-content .html-edit p{
	color: #666;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
}
.history-contact .main-content .html-edit ol{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.history-contact .main-content .html-edit ul{
	list-style: circle; 
	padding: 0.2em; margin: 0.8em;
}
.history-contact .main-content .html-edit li{
	font-family: "Noto Sans CJK TC Light";
	list-style: circle; 
	padding: 0.5em; margin: 0.5em;
	background-color: #fff;
	color: #1b2a6c;
	border-radius: 6px;
	font-size: 1.5rem;
	font-weight: 600;
}









.form-box .title-help{
	text-align: center;
	padding-bottom: 1.5em;
}
.form-box div.help-info{
	padding-right: 0em;
}
.form-box div.desc{
	text-align: right;
	padding-top: 1em;
	color: #db0e61;
	float: right;
	font-size: 1.2em;
	font-weight: 600;
}
.form-box div.pay{
	padding-right: 0;
}
.form-box div.pay p{
	margin: 0;
	padding: 1em;
	border-radius: 6px;
	background-color: #fff;
	font-weight: 600;
	font-size: 1.35rem;
}

.form-box div dd{
	color: #db0e61;
	padding-top: 1em;
	padding-right: 0.5em;
	float: right;
	font-size: 1.2em;
	font-weight: 600;
}

.form-box div.window{
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.form-box div.window .contact{
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	
	margin: 3em;
	border-radius: 6px;
	background-color: #fff;
	font-weight: 600;
	font-size: 1.35rem;
}
.form-box div.window .contact h2{
	margin: 0;

	margin-right: 2em;
	font-size: 1.2em;
	color: #666;
	white-space:nowrap;
}
.form-box div.window p{
	margin-bottom: 0;
	font-size: 1.2em;
}

.form-box div.window p b{
	margin-left: 0.5em;
}

.form-box div.window p a ,.form-box div.window p var{
	font-family: "Bebas Neue";
	font-size: 1.3em;
	margin: 0 0.5em;
	color: #1b2a6c;
	font-weight: normal;
	font-style: normal;
}

.action-apply-finish .finish{
	padding: 3.5em 0 !important;
	text-align: center;
}





.form-box .sponsor h4 ,.form-box .sponsor p{
	text-align: center;
	
}
.form-box .sponsor p{
	padding-bottom: 1em;
}


.page-radio div.col-sm-3{
	padding: 0 !important;
}
.add-page .form-box .page-radio{
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	padding-top: 1em;
}
.add-page .form-box div:last-of-type .page-radio{
	border: none;
	padding-bottom: 3em;
}

.checkbox-primary label{
	padding: 0.5em 1.5em;
	margin-bottom: 1em;
	border-radius: 6px;
	background-color:rgba(255,255,255,1);
	transition: 0.3s;
}

.checkbox-primary input[type=checkbox]:checked + label ,.checkbox-primary label:hover{
	/*
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 3px 3px 6px #ccc;
	padding-right: 1px;
	*/
	background-color:rgba(255,255,255,1);
	background-color: #1b2a6c;
	color: #fff;
}
.checkbox-primary label::before{
	display: none;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #fff;
}
.checkbox-primary label::after{
	content: "";
	display: none;
	
}










/*表單 form*/
.form-box{
	padding: 0;
	font-family: "Noto Sans TC Light";
}
.form-box h2.title ,.form-box h3.title ,.form-box .add-lightbox h2 
,.form-box h3.switch-title{
	padding-bottom: 1em; 
	text-align: center;
	font-weight: 600;
	font-size: 1.4em;
}

.form-box .select-moon ,.form-box .input-select .ip-txt{
	padding-left: 0;
}
.form-box .t2 .select-moon{
	padding-right: 0;
}
.form-box .select-moon select{
	border: 2px solid #fefefe;
	box-shadow: none;
}

.form-box .ip-txt label.control-label 
,.form-box .input-select label.control-label 
,.form-box .input-switch label.control-label 
,.form-box .t2 label.control-label{
	text-align: right;
	padding-right: 0.5em;
}
.form-box .ip-txt input[type=text] 
,.form-box .ip-txt input[type=tel] 
,.form-box .ip-txt textarea 
,.input-switch input[type=text]{
	border-radius: 6px;
	padding: 1em !important;
	border: 2px solid #fefefe;
	box-shadow: none;
}
.form-box .ip-txt input[type=text]:hover 
,.form-box .ip-txt input[type=tel]:hover 
,.form-box .ip-txt textarea:hover 
,.form-box .select-moon select:hover 
,.form-box .select-moon .bootstrap-select .dropdown-toggle:hover 
,.input-switch input[type=text]:hover{
	border: 2px solid #1b2a6c;
}
.form-box .ip-txt input[type=text]:focus 
,.form-box .ip-txt input[type=tel]:focus 
,.input-switch input[type=text]:focus{
	box-shadow: none;
	border: 2px solid #1b2a6c;
	color:#1b2a6c;
	font-weight: 600;
}
.form-box .ip-txt .help span{
	padding-top: 0.5em;
	float: right;
	color: #006bad;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}


.form-box .input-switch{
	padding-left: 1em;
	padding-right: 1em;
}
.form-box .input-switch ,.form-box .ip-txt{
	margin-bottom: 0;
	padding-bottom: 1em;
}
.form-box .input-switch{
	padding-bottom: 0;
	
}
.form-box .input-switch .ip-txt{
	padding-top: 1em;
	padding-left: 0;
	padding-right: 0;
}

.form-box .input-switch .switch-field{
	border-radius: 6px;
	box-shadow: 2px 2px 8px #ccc;
	padding-left: 0;
	padding-right: 0;
}
.form-box .input-switch .switch-field label{
	margin: 0;
	font-size: 1.1em;
	border: 1px solid #fff;
	border-radius: 6px;
	background-color: #fff;
	color: #666;
	
}
.form-box .input-switch .switch-field label:first-of-type{
	border-right: none;
	border-radius: 6px 0 0 6px;
}
.form-box .input-switch .switch-field label:nth-child(4) 
,.form-box .input-switch .switch-field label:nth-child(6) 
,.form-box .input-switch .switch-field label:nth-child(8) 
,.form-box .input-switch .switch-field label:nth-child(10) 
,.form-box .input-switch .switch-field label:nth-child(12) 
,.form-box .input-switch .switch-field label:nth-child(14) 
,.form-box .input-switch .switch-field label:nth-child(16) 
,.form-box .input-switch .switch-field label:nth-child(18){
	border-left: none;
	border-right: none;
	border-radius: 0;
	
}
.form-box .input-switch .switch-field label:last-of-type{
	border-left: none;
	border-radius: 0 6px 6px 0 !important;
	border-right: 1px solid #fff;
}
.form-box .input-switch .switch-field label:hover{
	background-color: #1b2a6c; 
	color: #fff;
}
.form-box .input-switch .switch-field label:focus{
	border-right: 1px solid #ccc;
	background-color: #1b2a6c; 
	color: #fff;
}
.form-box .input-switch .switch-field label:active 
,.form-box .input-switch .switch-field label:disabled 
,.form-box .input-switch .switch-field label:enabled 
,.form-box .input-switch .switch-field label:visited{
	color: #fff;
}




.form-box h2.title b a{
	border-radius: 6px;
	background-color: #fff;
	padding: 0.2em 2em;
	color: #1b2a6c;
	margin-left: 0.5em;
}
.form-box h2.title b a:hover{
	background-color: #1b2a6c;
	color: #fff;
}

.form-box .checkbox-select{
	width: 100%;
	display: inline-block;
	background-color: #fff;
	border-radius: 12px;
	padding: 1em;
}
.form-box .checkbox-select .item{
	font-size: 1.2em;
}

.input-switch .switch-field input:checked + label{
	background-color: #1b2a6c;
	color: #fff;
}

.switch-field input:checked + label {
		background-color: #c5ece3;
		color: #05614d;
		box-shadow: none;
		font-weight: 600;
	}


/*20250813 需刪除*/

.association-apply .form-box .pedt-title h2{
	text-align: center;
}
.name-tt h1{
	text-align: center;
	font-weight: 600;
	font-size: 1.5em;
}
.ip-button{
	
	padding-top: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ip-button input[type=submit]{
	border-radius: 6px;
	background-color: #1b2a6c;
	color: #fff;
	font-size: 1.2em;
}
.ip-button input[type=submit]:hover{
	border-radius: 6px;
	background-color: #fff;
	color: #1b2a6c;
	font-size: 1.2em;
}

/*20250813*/






.form-box label.control-label b{
	color: #f00;
	font-family: "Arvo";
}


.form-box h3.switch-title{
	text-align: justify;
	padding-bottom: 0.5em; 
	padding-left: 0;
}
.form-box h3.switch-title strong{
	margin-right: 0.5em;
	color: #fff;
	font-size: 0.8em;
	padding: 0.2em 1em;
	background-color: #1b2a6c;
	border-radius: 6px;
}
.form-box .add-lightbox{
	background-color: #fff;
	border-radius: 6px;
	padding-bottom: 1em;
	width: 98%;
	margin-left: 1%;
}

.form-box .add-lightbox input[type=button]{
	width: 100%;
	text-align: center;
	background-color: #f2f2f2;
	color: #1b2a6c !important;
	font-size: 1.2em;
	font-weight: 600;
	transition: 0.3s;
}
.form-box .add-lightbox input[type=button]:hover{
	background-color: #1b2a6c;
	color: #fff !important;
	transition: 0.3s;
}
.form-box .input-select{margin-bottom: 0px; }




.form-box .cost-box{
	padding: 1em;
}

.form-box .cost-box .total-pay{
	padding: 1em;
	border-radius: 6px;
	background-color: #fff;
	text-align: right;
	color: #666;
	font-size: 1.2em;
	margin: 0;
	font-weight: 600;
}
.form-box .cost-box .total-pay strong{
	color: #000;
	margin-right: 0.5em;
	margin-left: 0.5em;
	
}


/*表格 table*/

.trwd {
	padding: 1em 0;
	
}
.trwd table {
	width: 100%;
}
.trwd th ,.trwd td {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0.5em;
	font-family: "Noto Sans TC Light";
}
.trwd th {
	border: 1px solid #1b2a6c;
	background-color: #1b2a6c;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}
.trwd td{text-align: center;}
.trwd .tb-item td{padding: 1em;}
.trwd .tb-item input[type=button]{
	font-size: 0.8em;
	background-color: #db271a;
	color: #fff;
} 
.trwd .tb-item input[type=button] .modify{
	background-color: #008A0F;
	color: #fff;
} 
.trwd .info strong{
	background-color: #f2f2f2;
	padding: 0.2em 1.2em;
	border-radius: 6px;
	margin:0 1em;
}




@media (min-width: 768px) {
  .web-index-menu{
		padding-left: 1em; 
		padding-right: 1em;
	}
}
@media (min-width: 992px) {
  
}
@media (min-width: 1200px) {
  
}
@media (min-width: 1280px) {/*小筆電*/
  
}
@media (min-width: 1320px) {/*我的筆電*/
	
}
@media (min-width: 1366px) {/*正規筆電*/
  .web-index-menu{
		padding-left: 1em; 
		padding-right: 1em;
	}
}
@media (min-width: 1366px) {/*正規筆電*/
  .web-index-menu{
		padding-left: 1em; 
		padding-right: 1em;
	}
}
@media (min-width: 1440px) {/*桌機銀幕*/
	
	


	  
}






/*最小 768px (含) 至979之間  sm */ /*平板 pad 直立*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	/*topMenu 平版 選單 上方主選單 主選單*/


	.padMenu .logo a ,.padMenu .info .menu a{
		background-image: url(../images/logo.svg); 
		background-repeat: no-repeat;
		display:block;
		width: 17em; 
		height: 2.5em;
		background-size: 17em auto;
		background-position: center 0.25em;
	}
	.padMenu .info a.menu{
		background-image: url("../images/icon_menu.svg"); 
		background-repeat: no-repeat;
		display:block;
		width: 2.2em; 
		height: 2.2em;
		background-size: 2.2em auto;
		background-position: center;
	}
	
	
	
	.corp{
		padding-bottom: 5em;
	}
	.corp .phone{
		padding-left: 0;
		padding-right: 0;
	}
	.corp .phone .brand{
		padding: 2em 0;
		border: none;
	}
	.corp .phone .maps{
		border-bottom: 1px solid #ccc;
		padding: 2em 0;
		padding-top: 0;
	}
	.corp .phone{padding-bottom: 6em;}
	
	a.logo-corp ,a.icon-x ,a.icon-fb{
		display:block;
		background-repeat:no-repeat;
		width: 2.5em; 
		height: 2.5em;
		transition: 0.3s;
	}
	
	a.logo-corp ,a.icon-x ,a.icon-fb{
		float: left;
		background-image:url(../images/logo_corp.svg); 
		background-size: 2.5em auto;
		background-position: left center;
	}
	.corp .phone .brand a.icon-x{
		background-image:url(../images/icon_x.svg); 
		float: right;
	}
	.corp .phone .brand a.icon-x:hover{
		background-image:url(../images/icon_x_d.svg); 
		transition: 0.3s;
	}
	.corp .phone .brand a.icon-fb{
		background-image:url(../images/icon_fb.svg); 
		float: right;
		margin-left: 1em;
	}
	.corp .phone .brand a.icon-fb:hover{
		background-image:url(../images/icon_fb_d.svg);
		transition: 0.3s;
	}

	a.logo-corp{
		width: 15em;
		height: 2.5em;
		background-size: 13.8em auto;

	}
	.corp .phone .acc{
		text-align: left;
		padding-right: 0;
		padding-left: 0;
	}
	.corp .phone .acc h1 ,.corp .phone .maps a{
		padding-top: 1em;
		margin: 0;
		color: #1b2a6c;
		font-size: 1.2em;
		font-weight: 600;
	}
	.corp .phone .acc h3 
	,.corp .phone .acc cite{
		font-family: "Noto Sans TC Light";
		color: #898989;
		font-size: 0.9em;
		font-weight: normal;
		font-style: normal;
		line-height: 0.9em;
	}
	.corp .phone .acc p{
		margin-top: 1em;
		padding: 0.5em 1.5em;
		position: absolute;
		right: 0;
		top: 0;
		border-left: 1px solid #ccc;
		display: flex;
		justify-content: center;
	}
	.corp .phone .acc a.ico-map{
		font-family: "Soure Sans Pro";
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.3em;
		text-align: center;
		padding-top: 3em;
		display:block;
		background-size: 3em auto;
		background-position: center 0em;
		background-image:url(../images/icon_map.svg); 
		background-repeat: no-repeat;
		width: 4em; 
		height: 4em;
		color: #1b2a6c;
	}
	
	.pfooterMenu{
		padding: 0;
		padding-bottom: 2em;
		bottom: 0;
		position: fixed;
		background-color: rgba(255,255,255,0.92);
		z-index: 3;
	}
	.pfooterMenu div{
		padding: 0;
		text-align: center;
	} 
	.pfooterMenu a.icon-footer{
		display:block;
		width: 100%;
		padding-top: 5em;
		padding-bottom: 1em;
		background-image: url("../images/icon_search_menu_d.svg"); 
		background-repeat: no-repeat;
		background-size: 2.5em auto;
		background-position: center;
		font-family: "Noto Sans TC Light";
		color: #666;
		font-weight: normal;
		font-size: 1em;
	}
	.pfooterMenu a.icon3 span.nember{
		font-family: "Noto Sans TC Light";
		font-size: 1.2em;
		display: block;
		position: absolute;
		width: 30px;
		height: 30px;
		border-radius: 15px;
		background-color: #00adba;
		color: #fff;
		text-align: center;
		padding-top: 2px;
		top: 15px;
		right: 0;
	}
	
	
	.trwd table {
		width: 1000px !important;
	}
	.box4 table{
		width: 100% !important;
	}
	.trwd table th{
		font-size: 1em;
		background-color: #1b2a6c;
		color: #fff;
	}
	.trwd table td{
		font-size: 1em;
		border: 1px solid #ddd;
		font-family: "Noto Sans TC Light";
	}
	
	
	
	/*formbox */
	
	.trwd {
		overflow: auto;
		padding: 1em 0;
	
	}
	.trwd table {
		width: 100%;
	}
	.trwd th, .trwd td {
		font-size: 1.3em;
		border: 1px solid #fff;
		font-weight: 300;
	}
	.trwd th {
		background-color: #fff;
		color: #000;
		font-size: 1.3em;
	}
	.trwd .tb-item input[type=button]{
		font-size: 0.8em;
		background-color: #db271a;
		color: #fff;
	} 
	.trwd .tb-item input[type=button] .modify{
		background-color: #008A0F;
		color: #fff;
	} 
	
	
	

	.html-edit{
		width: 100%;
		font-size: 1.24em;
		padding: 1em 0.6em;
	}
	
	.html-edit img{
		max-width: 100% !important; max-height: 800px;}
	.html-edit h1{}
	.html-edit strong{
	}
	.html-edit p{
	}
	.html-edit table{
		width: 686px !important;
		max-width: 768px !important;
		font-size: 0.75em;
		text-align: justify;
		
	}
	.html-edit img{}
	.youtube{padding: 0;}
	.youtube iframe{
		max-width: 100%; 
		height: 300px;
	}
	
	.ind-qucik-link .container{padding-left: 0; padding-right: 0;}
	.ind-qucik-link a{
		height: 4em;
		background-size: 3em auto;
		background-position: 10% center;
		line-height: 4em;
		padding-left: 5em;
		padding-right: 0em;
		margin-right: 2em;
		font-weight: 600;
		font-size: 1em;
		color: #666;
		font-family: "Noto Sans TC Light";
		transition: 0.3s;
		border-radius: 6px;
		animation-name: none;
	}
	
	

}

/*最小 980px (含) 以上 sm*/ /*pad 橫式*/
@media screen and (min-width: 980px) {

}





/*最大 767px (含) 以下 xs */ /*phone 手機 rwd*/
@media screen and (max-width: 767px){

	/*置頂*/
	.s1{position: sticky; top: 0; /*top*/}
	.s2{position: sticky; top: 20px; /*set */}
	.s3{position: sticky; top: 57px; /*set */}
	
	
	.layout{padding-left: 1em; padding-right: 1em;}

	
	.pMenu-list .pMenu-list-box li a span{
		background-color: #1b2a6c !important;
		color: #1b2a6c !important;
		border: 1px solid;
	}
	.pMenu-list .pMenu-links{
		background-color: #f2f2f2;
		padding: 1em;
		border-radius: 6px;
		margin-top: 1em;
		margin-bottom: 1em;
		border: 0px solid #f2f2f2;
	}
	.pMenu-list .pMenu-links span{
		padding: 0;
	}
	.pMenu-list .pMenu-links span a{
		display: block;
		width: 100%;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 1.5em;
		
		font-size: 1.2em;
		font-family: "Noto Sans CJK TC Light"; 
	}
	
	.pMenu-list .pMenu-links a.mm-listitem__text{
		
	}
	
	
	
	
	.csd-detail{z-index: 8;}
	.detail-page ,.csd-detail{
		background-color: #f0f0f0;
	}
	
	.infobar div{
		padding: 0;
	}
	
	.csd-detail a.icon-back{
		border: 0;
		text-align: justify;
	}
	
	.pMenu{
		padding: 1em;
		border-bottom: 1px solid #f2f2f2;
		position: sticky;
		top: 0;
		z-index: 9;
		background-color: rgba(255,255,255,0.92);
	}
	.pMenu .logo ,.pMenu .menu{
		display: flex; /*宣告*/
		justify-content: center; /*水平*/
		align-items: center; /*垂直*/
	}
	.phone-search a{
		background-image: url(../images/logo.svg); 
		background-repeat: no-repeat;
		display:block;
		width: 17em; 
		height: 2.5em;
		background-size: 17em auto;
		background-position: center 0.25em;
	}
	a.logo-phone{
		display:block;
		width: 17em; 
		height: 2.5em;
		background-image: url(../images/logo.svg); 
		background-repeat: no-repeat;
		background-size: 17em auto;
		background-position: center 0.25em;
	}
	
	a.icon-menu{
		display:block;
		width: 2.2em; 
		height: 2.2em;
		background-image: url("../images/icon_menu.svg"); 
		background-repeat: no-repeat;
		background-size: 2.2em auto;
		background-position: center;
	}

	
	.phone-search{
		position: sticky;
		z-index: 3;
		top: 63px;
		padding: 2em 1.5em;
		padding-left: 1em;
		padding-right: 1em;
		background-color: rgba(255,255,255,0.92);
	}
	.phone-search .search input[type=text]{
		width: 100%;
		border: 1px solid #ccc !important;
		border-radius: 4px;
		padding: 0.5em 1.2em !important;
		padding-left: 0.8em !important;
		font-size: 1.1em !important;
		box-shadow: none !important;
	}
	.phone-search a.icon-sub{
		position: absolute;
		right: 1.3em !important;
		top: 0;
	}
	.phone-search a.icon-sub ,.phone-search a.icon-more{
		background-image: url("../images/icon_search_p.svg"); 
		background-repeat: no-repeat;
		display:block;
		width: 2.5em; 
		height: 2.5em;

		background-size: 1.6em auto;
		background-position: center 0.5em;
	}
	.phone-search a.icon-more{
		background-image: url("../images/icon_search_menu_d.svg"); 
		background-repeat: no-repeat;
		background-size: 2.5em auto;
		width: 2.5em; 
		height: 2.5em; 
		background-position: center 0.1em;
	}
	.phone-search .more{padding: 0;}
	.pMenu .select-moon select{
		border: none;
		box-shadow: none !important;
		appearance: none;
	}
	
	
	/*手機下方menu*/
	
	.pfooterMenu{
		padding: 0;
		padding-bottom: 0.5em;
		bottom: 0;
		position: fixed;
		background-color: rgba(255,255,255,0.92);
		z-index: 3;
	}
	.pfooterMenu div{
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	} 
	.pfooterMenu a{
		display:block;
		width: 100%;
		padding-top: 4em;
		padding-bottom: 1em;
		background-image: url("../images/icon_search_menu_d.svg"); 
		background-repeat: no-repeat;
		background-size: 2.5em auto;
		background-position: center 1em;
		font-family: "Noto Sans TC Light";
		color: #666;
		font-weight: normal;
		font-size: 1em;
	}
	a.icon-quarterly{
		background-image: url("../images/icon_quarterly.svg"); 
		background-size: 3em auto;
	}
	a.icon-books{
		background-image: url("../images/icon_book.svg"); 
		background-size: 3em auto;
	}
	a.icon-shop{
		background-image: url("../images/icon_shop.svg"); 
		background-size: 2.6em auto;
	}
	a.icon-shop span.nember{
		font-family: "Bebas Neue";
		font-size: 1.6em;
		font-weight: normal;
		display: block;
		position: absolute;
		width: 28px;
		height: 28px;
		border-radius: 14px;
		background-color: #00adba;
		color: #fff;
		text-align: center;
		padding-top: 0px;
		top: 3px;
		right: 1.4em;
		
	}
	a.icon-btmenu{
		display:block;
		width: 6em; 
		height: 3em;
		background-image: url("../images/icon_menu_more.svg"); 
		background-repeat: no-repeat;
		background-size: 3.5em auto !important;
		background-position: center 1.8em;
	}
	.pfooterMenu a.icon-member{
		background-image: url("../images/icon_member.svg"); 
		background-size: 2.8em auto;
	}
	
	/*表單 form formbox */
	
	.association{
		padding-left: 0em;
		padding-right: 0em;
	}
	
	
	label.icon-favicon{
		height: 34px;
	}
	
	
	
	
	
	.form-box .switch-field {
	  display: block;
	}
	.form-box h2.title ,.form-box h3.title ,.form-box .add-lightbox h2 
	,.form-box h3.switch-title{
		padding-bottom: 1em; 
		text-align: center;
		font-weight: normal;
		font-size: 1.2em;
	}
	.form-box .ip-txt label.control-label 
	,.form-box .input-select label.control-label 
	,.form-box .input-switch label.control-label{
	  text-align: left !important;
	  padding-left: 1.5em;
	}
	.form-box .ip-txt label.control-label p{
		float: right;
		padding-right: 1em;
	}
	
	
	.form-box .select-moon{
		padding-bottom: 1em;
	}
	
	.form-box .input-select .ip-txt{
		padding-right: 0;
		padding-bottom: 1em;
	}
	.form-box .select-moon select{
		border: 2px solid #fefefe;
		box-shadow: none;
	}
	.form-box .multiple .switch-field{
		background-color: #fff;
	}
	.form-box .multiple .switch-field label{
		font-size: 1em;
		padding-top: 0.8em;
		padding-bottom: 0.8em;
		color: #666;
		font-weight: normal !important;
	}
	.form-box .multiple .switch-field label:first-of-type{
		border-right: none;
		border-radius: 6px 0 0 6px;
	}
	.form-box .multiple .switch-field label:nth-child(2) 
	,.form-box .multiple .switch-field label:nth-child(6) 
	,.form-box .multiple .switch-field label:nth-child(10) 
	,.form-box .multiple .switch-field label:nth-child(14) 
	,.form-box .multiple .switch-field label:nth-child(18){
		border-radius: 6px 0 0 6px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.form-box .multiple .switch-field label:nth-child(4) 
	,.form-box .multiple .switch-field label:nth-child(8) 
	,.form-box .multiple .switch-field label:nth-child(12) 
	,.form-box .multiple .switch-field label:nth-child(16){
		border-radius: 0 6px 6px 0 !important;
		border-bottom: 1px solid #ccc;
	}
	
	.form-box .multiple .switch-field label:last-of-type{
		border-left: none;
		border-radius: 0 6px 6px 0 !important;
		border-right: 1px solid #fff;
	}
	.form-box .multiple .switch-field label.col-xs-12{
		border-bottom: none;
		border-radius: 6px!important;
		
	}
	
	
	.form-box .input-select div.select-moon:nth-child(2){/*2連表單每一排第2個下拉*/
		padding-right: 0;
	}
	
	.form-box .input-select div.col-xs-4:nth-of-type(2){/*3連表單每一排第2個下拉*/
		padding-right: 1em;
	}
	.form-box .input-select div.col-xs-4:nth-of-type(3){/*3連表單每一排第3個下拉*/
		padding-right: 0em;
	}
	
	.form-box .t2{padding-left: 0em;}
	.form-box .t2l div.col-xs-6:nth-of-type(1){padding-right: 1em;}
	
	
	
	
	
	.form-box .add-lightbox{
		width: 92%;
		margin-left: 4%;
	}
	
	.checkbox-primary label{
		width: 100%;
		text-align: center;
		padding: 0.5em 1.5em;
		border-radius: 6px;
		background-color:rgba(255,255,255,1);
	}
	.checkbox-primary input[type=checkbox]:checked + label{
		/*
		border-radius: 6px;
		background-color: #fff;
		box-shadow: 3px 3px 6px #ccc;
		padding-right: 1px;
		*/
		background-color:rgba(255,255,255,1);
		background-color: #1b2a6c;
		color: #fff;
	}
	
	
	

	
	.banner{
		padding: 1em;
	}
	
	.phone-index-menu{
		position: relative;
	}
	.circle-slider{
		border-radius: 12px;
	}
	
	.circle-slider a.left ,.circle-slider a.right{
		background: none;
		background-size: cover;
		width: 5em; 
		height: 230px;
	}
	.circle-slider img.object-fit{
		width: 100%; /*min-width 402px*/
		height: 260px !important;
		object-fit: cover;
	}
	
	.circle-slider .page-switch{
		width: 100%;
		position: absolute;
		z-index: 3;
		display: flex;
		justify-content: center;
		align-items: center;
		left: 0;
		bottom: -3em;
		padding: 1em 0;
	}
	.circle-slider .page-switch a {
		display: block;


		width: 18px; 
		height: 3px;
		z-index: 10;
		margin: 0 0.4em;
		text-decoration: none;
		background-color: #1b2a6c;
		border-radius: 2px;
	}

	.circle-slider .page-switch a.active{
		width: 16px; 
		height: 16px;
		border-radius: 8px;
		border: 2px solid #00adba;
		background-color: transparent;
		animation-iteration-count: infinite;
		animation-duration: 8s;
		animation-fill-mode: both;
		animation-name: flash;
		/*
		animation-name: move;
		animation: move 6s linear infinite;
		border: 2px solid #f2f2f2;
		border-top: 1px solid #b52222;
		*/
	}
	
	
	

	.ind-qucik-link .container{padding: 0;}
	.ind-qucik-link .container a{padding: 0;}
	
	.ind-qucik-link{
		padding-top: 2.5em;
		padding-bottom: 4em;
	}
	.ind-qucik-link a{
		font-family: "Noto Sans CJK TC Light";
		height: 4em;
		background-size: 3.3em auto;
		background-position: top center;
		line-height: 4em;
		padding-top: 3em !important;
		padding-left: 5em;
		padding-right: 2em;
		margin: 0 1.2em;
		font-weight: 600;
		font-size: 1.3rem;
		color: #666;
		border-radius: 6px;
		animation-name: none;
	}
	.ind-qucik-link a:hover{
		background-color: transparent;
		color: #666;
	}
	.ind-qucik-link a.icon-qlink1{
		background-image: url("../images/icon_ind_link1.svg");
	}
	.ind-qucik-link a.icon-qlink2{
		background-image: url("../images/icon_ind_link2.svg");
	}
	.ind-qucik-link a.icon-qlink3{
		background-image: url("../images/icon_ind_link3.svg");
	}
	.ind-qucik-link a.icon-qlink4{
		background-image: url("../images/icon_ind_link4.svg");
	}
	.ind-qucik-link a.icon-qlink1:hover{
		background-image: url("../images/icon_ind_link1.svg");
	}
	.ind-qucik-link a.icon-qlink2:hover{
		background-image: url("../images/icon_ind_link2.svg");
	}
	.ind-qucik-link a.icon-qlink3:hover{
		background-image: url("../images/icon_ind_link3.svg");
	}
	.ind-qucik-link a.icon-qlink4:hover{
		background-image: url("../images/icon_ind_link4.svg");
	}
	
	
	
	
	
	
	
	.association-right .sub ,.association-info .sub 
	,.association-class .sub ,.association-apply .sub 
	,.memberjoin .sub{
		padding: 1em;
	}

	.association-right .sub a ,.association-info .sub a 
	,.association-class .sub a ,.association-apply .sub a 
	,.memberjoin .sub a{
		padding: 0.8em 3em;
		margin-left: 0.6em;
		margin-right: 0.6em;
		font-weight: normal;
		font-size: 1.1em;
	}
	
	.association-class .class-select .input-switch{
		padding-left: 10% !important;
		padding-right: 0 !important;
		width: 100%;
	}
	.association-class .class-select .switch-field {
		display: inline-flex;
		white-space:nowrap;
		font-size: 1.2em;
		font-weight: 600;
	}
	
	.industry-contact .industry-list .item-list h1 
	,.industry-contact .member-list .item-list h1{
		border: none;
		border-bottom: 1px solid #ccc;
		padding-bottom: 0.8rem;
		display: flex;
		justify-content: center;
	}
	
	.member-industry .industry-list .item-list h1 strong{
		font-family: "Noto Sans TC Light";
		height: 36px;
		margin-top: 0.4rem;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.industry-contact .industry-list .item-list h1 img{
		margin-left: -1em;
	}
	
	.industry-contact .industry-list .item-list .item 
	,.industry-contact .member-list .item-list .item{
		display: block;
	}
	.industry-contact .industry-list .item-list .item .btns div{
		text-align: center;
	}
	.industry-contact .member-list .item{
		padding: 1em !important;
		
	}
	.industry-contact .member-list .item h1{
		padding: 0; margin: 0;
	}
	.industry-contact .member-list .item h1 strong{
		font-family: "Noto Sans TC Light";
		font-weight: bold;
	}
	.industry-contact .industry-list .item-list .item a{
		line-height: 3em;
		padding: 1em 0.8em;
		padding-left: 1em;
	}
	.industry-contact .industry-list .item-list .item a:hover {
		color: #666;
		background-color: transparent;
		transition: 0s;
		padding-left: 1em;
	}
		
	.industry-contact .industry-list .item-list .item  a:hover 
	,.industry-contact .industry-list .item-list .item a:focus{
		background-color: none;
		padding-left: 1em;
	}
	.industry-contact .industry-list .item-list .item a::after{
		content: "";
		position: absolute;
		display: block;	
		left: 0;
		top: 0;
		width: 6px;
		height: 6px;
		border-radius: 3px;
		background-color: #ccc;
		margin-top: 1.5em;
	}
	.industry-contact .industry-list .item-list .item .btns{
		padding-left: 1em;
	}
	
	


	.industry-contact .industry-list .item-list .item .btns div{
		padding-left: 0em;
	}
	.industry-contact .industry-list .item-list .item .btns div
	,.industry-contact .member-list .item-list .item .btns div{
		text-align: justify !important;
		border-bottom: 1px solid #f2f2f2;
		position: relative;
	}
	.industry-contact .member-list .item-list .item{
		padding-top: 0 !important;
	}
	.industry-contact .member-list .item-list .item .btns{
		padding-left: 0;
		padding-right: 0;
	}
	.industry-contact .member-list .item-list .item .btns div{
		padding: 0.8em;
		padding-left: 1em;
	}
	.industry-contact .member-list .item-list .item .btns div::after{
		content: "";
		position: absolute;
		display: block;	
		left: 0;
		top: 0;
		width: 6px;
		height: 6px;
		border-radius: 3px;
		background-color: #ccc;
		margin-top: 1.4em;
	}
	

	
	
	
	
	
	
	/*搜尋*/
	.search-advanced .left .input-select label.control-label{
		font-size: 1.2em;
		padding: 0;
		padding-bottom: 0.5em;
		text-align: center !important;
	}
	.search-advanced .right label.control-label{
		font-size: 1.2em;
		padding-bottom: 0.5em;
		text-align: center;
	}
	.search-advanced .left .input-select div div{

		padding-left: 0;
		padding-right: 0;
	}
	.search-advanced .sub{
		padding: 1.5em 0;
		border: 1px solid;
	}
	.search-advanced .sub a.icon-sub{
		font-size: 1.2em;
		display: block;
		text-align: center;
	}
	.search-advanced .left .input-select div:nth-child(1) .select-moon{
		padding-right: 1em;
	}
	
	
	
	
	.industry-company .search-advanced .sub{border: none;}
	
	
	
	.corp{
		padding-bottom: 5em;
		
	}
	.corp .phone h3 ,.corp .phone cite{
		font-family: "Noto Sans CJK TC Light";
	}
	.corp .phone{
		padding-left: 0;
		padding-right: 0;
	}
	.corp .phone .brand{
		padding: 2em 0;
		border: none;
	}
	.corp .phone .maps{
		border-bottom: 1px solid #ccc;
		padding: 2em 0;
		padding-top: 0;
	}
	
	.corp .phone{padding-bottom: 6em;}
	
	a.logo-corp ,a.icon-x ,a.icon-fb{
		display:block;
		background-repeat:no-repeat;
		width: 2.5em; 
		height: 2.5em;
		transition: 0.3s;
	}
	
	a.logo-corp ,a.icon-x ,a.icon-fb{
		float: left;
		background-image:url(../images/logo_corp.svg); 
		background-size: 2.5em auto;
		background-position: left center;
	}
	a.icon-x{
		background-image:url(../images/icon_x.svg); 
		float: right;
	}
	a.icon-x:hover{
		background-image:url(../images/icon_x.svg); 
	}
	a.icon-fb{
		float: right;
		background-image:url(../images/icon_fb.svg); 
		margin-left: 1em;
	}
	a.icon-fb:hover{
		background-image:url(../images/icon_fb.svg); 
	}

	a.logo-corp{
		width: 15em;
		height: 2.5em;
		background-size: 13.8em auto;

	}
	.corp .phone .acc{
		text-align: left;
		padding-right: 0;
		padding-left: 0;
	}
	.corp .phone .acc h1 ,.corp .phone .maps a{
		padding-top: 1em;
		margin: 0;
		color: #1b2a6c;
		font-size: 1.2em;
		font-weight: 600;
	}
	.corp .phone .acc h3 
	,.corp .phone .acc cite{
		font-family: "Noto Sans TC Light";
		color: #898989;
		font-size: 0.9em;
		font-weight: normal;
		font-style: normal;
		line-height: 0.9em;
	}
	.corp .phone .acc p{
		margin-top: 1em;
		padding: 0.5em 1.5em;
		position: absolute;
		right: 0;
		top: 0;
		border-left: 1px solid #ccc;
		display: flex;
		justify-content: center;
	}
	.corp .phone .acc a.ico-map{
		font-family: "Soure Sans Pro";
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.3em;
		text-align: center;
		padding-top: 3em;
		display:block;
		background-size: 3em auto;
		background-position: center 0em;
		background-image:url(../images/icon_map.svg); 
		background-repeat: no-repeat;
		width: 4em; 
		height: 4em;
		color: #1b2a6c;
	}
	
	
	

	.trwd table {
		width: 1200px !important;
	}
	.box4 table{
		width: 600px !important;
	}
	.trwd table th{
		font-size: 1em;
		background-color: #1b2a6c;
		color: #fff;
	}
	.trwd table td{
		font-size: 1em;
		border: 1px solid #ddd;
		font-family: "Noto Sans TC Light";
	}
	
	
	
	/*formbox */
	
	.trwd {
		overflow: auto;
		padding: 1em 0;
	
	}
	.trwd table {
		width: 100%;
	}
	.trwd th, .trwd td {
		font-size: 1.3em;
		border: 1px solid #fff;
		font-weight: 300;
	}
	.trwd th {
		background-color: #fff;
		color: #000;
		font-size: 1.3em;
	}
	.trwd .tb-item input[type=button]{
		font-size: 0.8em;
		background-color: #db271a;
		color: #fff;
	} 
	.trwd .tb-item input[type=button] .modify{
		background-color: #008A0F;
		color: #fff;
	} 
	
	
	/*banners 視覺 主視覺 頁面banner*/
	

	
	/*set*/
	
	.set{
		padding-left: 1em;
		padding-right: 1em;
		
	}
	
	.set a{
		font-size: 0.96em;
		font-weight: normal;
		padding: 0.5em 0.7em;
		padding-left: 1.5em;
		padding-right: 0.25em;
		background-color: #fff;
		text-transform: uppercase;
		color: #000;
	}
	.set a:nth-of-type(1)::before ,.set a:nth-of-type(2)::before 
	,.set a:nth-of-type(3)::before ,.set a:nth-of-type(4)::before 
	,.set a:nth-of-type(5)::before ,.set a:nth-of-type(6)::before 
	,.set a:nth-of-type(7)::before{
		font-size: 2em;
	}

	

	
	/*商品內頁*/
	
	
	
	.html-edit{
		padding: 0;
		width: 100%;
		text-align: center;
		text-align: justify;
		font-size: 1.24em;
		padding: 1em 0.6em;
	}
	
	.html-edit img{max-width: 100% !important; max-height: 800px;}
	.html-edit h1{padding: 1em 0;}
	.html-edit strong{
		padding: 0.5em 0; 
	}
	.html-edit p{
		padding: 0em;
		text-align: justify;
	}
	.html-edit table{
		width: 100% !important;
		max-width: 100%;
		font-size: 0.75em;
		text-align: justify;
		
	}
	.html-edit img{}
	.youtube{padding: 0;}
	.youtube iframe{
		max-width: 100%; 
		height: 300px;}
	
	
	
	/*action 活動 列表*/
	.action-list .item-list .item{
		font-family: "Noto Sans TC Light";
	}
	
	.action-list .item-list .item img{
		float: left;
		width: 60px; 
		height: 80px !important;
		border-radius: 12px 0 0 12px;
		margin-right: 0.5em;
	}
	.action-list .item-list .item img.object-fit{
		object-fit: cover;
	}
	.action-list .item-list .item h2{
		font-size: 1.3rem;
		font-weight: 600;
		padding: 0.5em 0;
		padding-top: 0.7em;
		padding-right: 0;
		padding-bottom: 0;
	}
	.action-list .item-list .item h2 a{
		color: #333 !important;
	}
	.action-list .item-list .item p{
		margin-bottom: 0;
		font-size: 1.3rem;
	}
	.action-list .item-list .item p cite{
		position: relative; /*父級*/
		margin-left: 0.6em;
		padding-left: 1em;
		font-size: 1.2rem;
	}
	.action-list .item-list .item p cite i{
		margin-top: 6px;
	}
	
	.icon-color1{
		position: absolute;
		left: 0;
		top: 0;
		float: left;
		background-color: #4C770C;
		display: block;
		width: 8px;
		height: 8px;
		border-radius: 4px;
	}
	.action-list .item-list .item .contact{
		text-align: justify;
	}
	.action-list .item-list .item .con-link {
		height: 80px;
	}
	.action-list .item-list .item .con-link a{
		float: left;
		display: block;
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	a.icon-favicon {
		position: relative;
		float: left;
		display: block;
		width: 24px; 
		height: 24px; 
		border-radius: 0;
		padding: 10px;
		margin-left: 0;
		margin-right: 0em;
		background-image: url("../images/icon_favicon.svg");
		background-size: 24px auto;
		background-repeat: no-repeat; 
		background-position: center;
	}
	
	a.icon-favicon:hover{
		background-image: url("../images/icon_favicon.svg");
		background-size: 24px auto;
		background-color: transparent;
	}
	a.icon-favicon:hover::before{
		display: none;
	}
	
	

	
	
	.condition-search{
		padding-right: 0;
		padding-left: 1em;
		padding-bottom: 0.5em;
	}
	.condition-search .form-box{
		width: 103%;
	}
	.condition-search .input-switch{
		padding-left: 1em!important;
	}
	.condition-search .form-box .input-switch label.control-label{
		padding-bottom: 1em;
		margin-left: -1em;
	}
	
	
	.display-list{
		justify-content: center;
		padding: 1em 0;
		
	}
	.display-list a{width: 50%;}
	.display-list a.icon-list{
		margin-left: 0em;
	}
	.display-list a.icon-block{
		margin-right: 0em;
	}
	
	/*action 格狀排列*/

	.action-list .block-model .item img{
		float: none;
		width: 100%;
		height: 120px !important;
		border-radius: 12px 12px 0 0;
	}
	.action-list .block-model .item h2{
		padding: 0.5em;
	}
	.action-list .block-model .item h2 a{
		color: #000;
	}
	.action-list .block-model .item p{
		padding: 0.5em;
	}
	.action-list .block-model .item{
		width: 48%;
		margin-right: 4%;
	}
	.action-list .block-model div.item:nth-of-type(even){
		margin-right: 0;
	}
	.action-list .block-model .item .con-link{
		height: 60px;
	}
	.action-list .block-model .item .con-link a{
		height: 25px;
	}

	
	
	
	
	
	.csd{}
	.title-info{padding: 0;}
	.title-info a.icon-back{
		padding: 1em 1em;
		padding-left: 2.5em;
		background-color: transparent;
	}
	
	
	
	
	.layout .contact {
		padding-top: 0;
	}
	
	.detail{ 
		padding-left: 0; 
		padding-right: 0;
	}
	.action-info-detail .ex-unit{
		padding-top: 1em !important;
		padding-bottom: 0;
	}
	.action-info-detail .main-unit{
		padding-top: 0;
	}
	.action-info-detail .ex-unit .ohter-unit{
		display: inline-block;
		padding-left: 0;
		padding-right: 0;
	}
	.action-info-detail .ex-unit .ohter-unit .item h2{
		font-size: 1.2em;
		font-family: "Noto Sans CJK TC DemiLight";
		font-weight: 600;
	}
	
	
	.action-info-detail .ex-unit .ohter-unit .item{
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		background-color: rgba(255,255,255,0.6);
		
	}
	.action-info-detail .photos .zoom-photo{
		display: block;
		padding-top: 1.5em;
	}
	.action-info-detail .photos .zoom-photo a img{
		margin-left: 0.3em;
		margin-right: 0.3em;
	}
	
	.action-info-detail .photos .zoom-photo a:nth-of-type img{
		margin-left: 0em;
		margin-right: 0em;
	}
	.action-info-detail .photos .zoom-photo a:first-of-type img{
		margin-left: 0em;
		margin-right: 0em;
	}
	.action-info-detail .photos .zoom-photo a:last-of-type img{
		margin-left: 0em;
		margin-right: 0em;
	}
	
	.action-info-detail .photos .zoom-photo a img{
		width: 114px;
		width: 112px;
		width: 31.6%;
		max-height: 90px;
		border: 2px solid #f0f0f0;
		transition: 0.3s;
		opacity: 0.6;
	}
	
	.action-info-detail .photos .zoom-photo a:hover img 
	,.action-info-detail .photos .zoom-photo a img.active 
	,.action-info-detail .photos .zoom-photo a:hover img.active{
		width: 114px;
		width: 112px;
		width: 31.6%;
		max-height: 90px;
		border: 2px solid #fff;
		box-shadow: 3px 3px 6px #ccc;
		transition: 0.3s;
		opacity: 1;
	}
	
	.action-info-detail .title{
		padding-top: 0;
		padding-bottom: 1em;
		padding-left: 1em;
		background-color: rgba(240,240,240,0.92);
		z-index: 9;/*父層*/
	}
	.action-info-detail .title h1{
		position: relative;
		margin: 0;
		font-family: "Noto Sans CJK TC Light";
		text-align: justify;
		font-size: 1.6em;
		font-weight: 600;
		box-sizing: content-box;
		
	}
	.action-info-detail .title h1 cite i{
		margin-top: 13px !important;
	}
	.action-info-detail .title h1 cite{
		position: absolute;
		top: -3em;
		left: 71%;
		right: 0;
		padding: 0.6em 2em;
		overflow: hidden;
		width: 120px;
		
		background-color: #fff;
		color: #666;
		border-radius: 6px 0 0 6px;
		font-size: 1.5rem;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
	}
	.action-info-detail .photos img{
		margin-top: 0em;
	}
	
	.form-box div.window{
		display: block;
	}
	.form-box div.window .contact{
		padding: 1em;
		display: block;
		margin: 0em;
		border-radius: 6px;
		background-color: #fff;
		font-weight: 600;
		font-size: 1.35rem;
	}
	.form-box div.window .contact h2{
		display: block !important;
		width: 100% !important;
		margin: 0;
		margin-left: 0em;
		margin-right: 0em;
		font-size: 1.2em;
		color: #666;
		text-align: center;
	}
	.form-box div.window p{
		width: 100%;
		margin-bottom: 0;
	}
	.form-box div.window p em{
		width: 100%;
	}
	.form-box div.window p strong{
		color: #666;
	}
	
	
	.action-info-detail .main-content{
		padding-bottom: 1.5em;
	}
	.action-info-detail .main-content a.icon-google-map{
		box-shadow: 4px 4px 8px #ccc; 
		margin-left: 0.8em;
	}
	.action-info-detail .main-content a.icon-google-map:hover{
		background-image: url("../images/icon_map.svg");
	}
	.action-info-detail .main-content .txt-item .contact .acc b{
		display: block;
		margin-bottom: 1em;
	}
	.action-info-detail .main-content .txt-item .contact p.acc b
	,.action-info-detail .main-content .txt-item .contact p.tel b{
		font-size: 1.7rem;
		background-color: rgba(255,255,255,0.6);
	}
	.action-info-detail .main-content .txt-item .contact p.acc 
	,.action-info-detail .main-content .txt-item .contact p.acc{
		position: relative;
		width: 80%;
		margin-bottom: 1em;
		text-align: left;
		font-size: 1.6rem;
	}
	.action-info-detail .main-content .txt-item .contact .acc a 
	,.action-info-detail .main-content .txt-item .contact .acc a{
		position: absolute;
		top: 0em;
		right: -4.3em;
		background-color: #fff;
		border-radius: 6px;
		padding: 1em;
		width: 4em;
		height: 5.5em;
		background-size: 3em auto;
	}
	.action-info-detail .main-content .txt-item .contact .set .item p{
		background-color: rgba(255,255,255,0.6);
		border-radius: 6px;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
	}
	.action-info-detail .main-content .txt-item .contact .set .item p b{
		display: inline-block;
		padding-left: 0.5em;
		padding-right: 1em;
		margin-top: 0em;
		color: #666;
	}
	.action-info-detail .main-content .txt-item .contact .set .item p strong{
		display: block;
		background-color: transparent;
		padding-left: 0.5em;
		padding-top: 0.5em;
	}
	.action-info-detail .main-content .txt-item label.control-label{
		text-align: left;
		padding-top: 1em;
	}
	.action-info-detail .main-content .txt-item label 
	,.action-info-detail .main-content .txt-item .contact p 
	,.action-info-detail .main-content .txt-item .contact p h4 
	,.action-info-detail .main-content .txt-item .contact p b 
	{
		font-family: "Arvo";
		font-family: "Noto Sans CJK TC DemiLight";
		font-size: 1.66rem;
		font-weight: 600;
		color: #000;
		text-align: justify;
	}
	.action-info-detail .main-content .txt-item .contact h4{
		font-family: "Noto Sans CJK TC DemiLight";
		font-weight: 600;

		font-size: 1.5em;
	}
	
	.form-box .window .contact h2 ,.form-box .window .contact p{
		font-family: "Arvo";
		font-family: "Noto Sans CJK TC DemiLight";
		font-size: 1.66rem;
		font-weight: 600;
		color: #000;
		padding-bottom: 0.5em;
	}
	.form-box .window .contact p{
		font-family: "Arvo";
		font-family: "Noto Sans CJK TC DemiLight";
		font-size: 1.4rem;
		font-weight: 600;
		color: #000;
	}
	.form-box .window .contact p em{
		
		font-size: 1.5rem;
	}
	.form-box .window .contact p strong{
		width: 100%;
		display:inline-block;
	}
	.form-box .window .contact p strong b{
		margin-left: 0.5em;
	}
	
	
	
	
	
	
	
	
	
	
	.supervisors-contact .item-list{
		padding: 0em;
	}
	.supervisors-contact .item-list .item{
		padding: 0.5em;
		margin-bottom: 1.5em;

	}
	.supervisors-contact .item-list .item img{
		width: 72px;
		height: 80px !important;
		border-radius: 6px;
		margin-right: 0.5em;
		float: left;
	}
	.supervisors-contact .item-list .item h2{
		font-family: "LXGW WenKai Mono TC Light";
		color: #000;
		font-size: 2.2em;
		font-weight: 600;
		padding-top: 0.7rem;
		padding-bottom: 1rem;
	}
	.supervisors-contact .item-list .item h2 em{
		font-family: "Noto Sans CJK TC Light";
		font-style: normal !important;
		font-size: 1.5rem;
		text-transform: uppercase;
		color: #666;
		margin-left: 1rem;
		font-weight: normal;
		white-space: nowrap;
	}

	.supervisors-contact .item-list .item p{
		margin-bottom: 0;
	}
	.supervisors-contact .item-list .item p.n1{
		padding-bottom: 1.2rem;
		border-bottom: 1px solid #ccc;
	}
	.supervisors-contact .item-list .item p.n1 strong{
		background-color: #1b2a6c;
		color: #fff;
		padding: 0.3em 0.5em;
		font-family: "LXGW WenKai Mono TC Light";
		font-size: 1.25em;
		font-weight: normal;
		border-radius: 6px;
		white-space: nowrap;
	}
	.supervisors-contact .item-list .item p.n1 strong cite{
		color: #ccc;
		padding: 0.5em;
		padding-left: 0.2em;
		padding-right: 0;
		font-family: "Noto Sans CJK TC Light";
		font-size: 1.5rem;
		text-transform:capitalize;
		white-space: nowrap;
	}
	.supervisors-contact .item-list .item p.n2{
		padding-top: 0.5em;
	}
	.supervisors-contact .item-list .item p.n2 strong{
		font-size: 1.6rem;
		
	}
	.supervisors-contact .item-list .item p.n2 strong cite{
		margin-left: 0em;
		font-weight: normal;
		font-size: 1.2rem;
		white-space: nowrap;
		width: 100%;
		display: inline-block;
	}
	.supervisors-contact .item-list .item p.n3 strong{
		font-size: 1.4rem;
		font-weight: normal;
		margin-right: 0.5em;
	}
	.supervisors-contact .item-list .item p.n3 cite{
		font-size: 1.4rem;
		font-weight: normal;
	}

	.supervisors-contact .item-list .item p.n3 b{
		position: absolute;
		right: 1em;
		bottom: 0.5em;
		font-size: 2rem;
		font-weight: 600;
		color: #ccc;
	}
	
	.concom-contact .item-list .item h2{
		margin: 0.3em 0;

		font-size: 1.4em;
		font-family: "LXGW WenKai Mono TC Light";
		color: #000;
		font-weight: 600;
	}
	.concom-contact .item-list .item h2 strong{
		margin-bottom: 0;
		font-family: "Noto Sans CJK TC Light";
		font-size: 1.5rem;
		color: #666;
		border-left: 1px solid #ccc;
		margin-left: 0.5em;
		margin-right: 0.5em;
		padding-left: 0.5em;
	}
	.concom-contact .item-list .item h2.q1 em{
		padding: 0.5em 0.3em;
		padding-left: 1em;
		margin-bottom: 0;
		font-family: "Noto Sans CJK TC Light";
		font-size: 1.5rem;
		color: #1b2a6c;
		font-weight: 600;

		background-image: url("../images/icon_arrow_next_d.svg");
		background-size: 0.8em auto;
		background-repeat: no-repeat; 
		background-position: left;
	}
	.concom-contact .item-list .item h2.q1 b{
		font-size: 1.4rem;
	}
	
	
	
	
	
	/*購物車*/
	
	
	
	/*關於我們*/
	.csd-menu {
		position:fixed;
		bottom: 0;
		z-index: 9;
		width:100%; 
		background-color: rgba(255,255,255,0.92) !important;
	}
	.csd-menu .info-bots{
		padding-top: 1em !important;
		padding-bottom: 1em !important;
		
	}
	.csd-menu a.icon-favicon{
		background-image: url("../images/icon_favicon2_d.svg");
	}
	.csd-menu a.icon-apply{
		background-image: url("../images/icon_apply2_d.svg");
	}
	.csd-menu a.icon-sponsor{
		background-image: url("../images/icon_sponsor_d.svg");
		background-size: 45px auto;
	}
	.csd-menu a.icon-favicon:hover{
		background-image: url("../images/icon_favicon2_d.svg");
		
	}
	.csd-menu a.icon-apply:hover{
		background-image: url("../images/icon_apply2_d.svg");
	}
	.csd-menu a.icon-sponsor:hover{
		background-image: url("../images/icon_sponsor_d.svg");
	}
	.csd-menu a.icon-apply:hover::before 
	,.csd-menu a.icon-favicon:hover::before{
		display: none;
	}
	
	


}

/*最小 320px (含) 至375之間*/ /*4-5吋以下手機 小尺寸 小手機 rwd*/
@media screen and (min-width: 320px) and (max-width: 375px) {
	
	.action-info-detail .photos .zoom-photo a img{
		width: 31.4%;
		max-height: 75px;
	}
	.action-info-detail .photos .zoom-photo a:hover img 
	,.action-info-detail .photos .zoom-photo a img.active 
	,.action-info-detail .photos .zoom-photo a:hover img.active{
		width: 31.6%;
		max-height: 75px;
	}
	
	
}

/*橫向視窗*/
@media screen and (orientation: landscape) {
.test::after {content: "";}
}