@charset "utf-8";

/*
vi

#fff
#efefef
#ddd
#898989

#f4feff
#00adba
#dce1f9
#006bad
#1b2a6c
#db0e61


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 
,.basic-lightbox .bl-botton a.clickbutton 
,.basic-lightbox .bl-botton a.btn-danger{
	font-weight: 600;
	font-size: 1.3em !important;
	padding: 0.3em 2em !important;
	margin-left: 0.25em;
	margin-right: 0.25em;
	color: #fff;
	background-color: #1b2a6c;
	border: 1px solid #fff ;
	border-radius: 6px;
}
.basic-lightbox .bl-botton a:hover 
,.basic-lightbox .bl-botton a.clickbutton:hover 
,.basic-lightbox .bl-botton a.btn-danger:hover{
	color: #1b2a6c;
	background-color: #fff;
	border: 1px solid #1b2a6c;
}

.basic-lightbox .bl-botton a.btn-danger{
	color: #fff;
	background-color: #c9302c;
	border: 1px solid #fff;
}
.basic-lightbox .bl-botton a.btn-danger:hover{
	
	background-color: #fff;
	color: #c9302c;
	border: 1px solid #c9302c;
}


* {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;
}
.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;
}
a.icon-logout{
	background-image:url(../images/icon_logout.svg); 
	border-right: 1px solid #ccc;
	border-radius: 0;
	width: 86px;
}
a.icon-logout:hover{
	background-image:url(../images/icon_logout_d.svg); 
}
a.icon-buy{
	color: #1b2a6c;
	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;
	font-size: 1em;
	padding-top: 2px;
}

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

.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:hover{
	color: #a9ecf1;
}

.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{ 
	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: 0em;
	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;
	margin-top: 1.5em;
}
.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: 14.28571428571429%; /*7*/
	width: 16.66666666666667%; /*6*/
	width: auto;
	
	/*
	max-width: 14.28571428571429%; 
	*/
	
	padding-left: 1em;
	padding-right: 1em;
	border: 0px solid;
	
	/*
	display: flex;
    justify-content: center; 
    align-items: stretch; 
	flex-wrap: wrap;
	*/
}
.topMenuPop .two .column ul{
	border: 0px solid;
}
.topMenuPop .two .column ul li{
	border: 0px solid;
}
.topMenuPop .two .column h3{
	font-family: "Soure Sans Pro";
	margin-top: 1em;
	color: #006bad;
	font-weight: normal;
	font-size: 1.3em;
	width: 100%;
	
}
.topMenuPop .two .column a{ /*2層*/
	position: relative;
	display: inline-block; /*固定在文字寬度*/
	font-size: 1.1em;
	font-weight: 600;
	font-family: "Noto Sans CJK TC Light";
	padding-bottom: 0.3em;
	color: #1b2a6c;
	margin-right: 0em;
	
	
	/*
	display: flex;
    justify-content: center; 
    align-items: stretch; 
	flex-wrap: wrap; /*換行
	*/
	
	
}
.topMenuPop .two .column a:hover{
	color: #006bad;
	padding-left: 0.8em;
	padding-bottom: 0.3em;
}

.topMenuPop .two .column a::before{
	content: "";
	left: 0;
	bottom: 0;
	position: absolute;
	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: 8em;}


.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;}

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;
}



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

.add-page{
	padding: 0;
}
.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;
}
.add-page .add-page-title h1{
	margin: 0 !important;
	color: #1b2a6c;
	font-weight: 600;
	font-size: 1.3em;
}
.add-page .add-page-title h1.date{
	font-size: 2.8em;
	font-family: "Noto Sans TC Thin";
	font-weight: normal;
}

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


.apBg ,.add-page .list ,.search-advanced-list{
	background-color: #efefef;
}
.add-page .list{
	padding-bottom: 3em;
	text-align: center;
	font-weight: 600;
}
.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%;}
.login-page div:nth-of-type(2){
	position: relative;
}
.login-page a.icon-for-password{
	position: absolute;
	top: 2em;
	right: 1.2em;
	font-size: 1em;
	font-weight: normal;
	font-family: "Noto Sans CJK TC Light"; 
	width: 8em;
	padding: 0.34em 0em;
	display: block !important;
	border-radius: 4px;
	background-color: #fff;
	color: #666;
}
.login-page a.icon-for-password:hover{
	background-color: #f82e4f;
	color: #fff;
}
.sub a.icon-google{
	display: block;
	width: 6em;
	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: 6px;
}
.sub a.icon-register{
	position: absolute;
	left: 1em;
	color: #666;
	font-size: 1em;
	font-weight: normal;
	font-family: "Noto Sans CJK TC Light"; 
	background-color: #fff;
	border-radius: 6px;
	padding: .5em 1.5em;
}
.sub a.icon-register:hover{
	background-color: #00adba;
	color: #fff;
}

iframe{
	padding: 0;
}


/*lb login*/

.add-page .login-page{
	margin: 0;
	padding: 0em;
	padding-top: 1em;
	padding-bottom: 1em;
	display: inline-block;
	border: none;
}
.add-page .login-page h2.title{
	margin: 0;
	margin-top: -1em;
	margin-bottom: 0.5em;
	padding: 1em 1em;
	text-align: center;
	font-size: 1.2em;
	font-family: "Noto Sans TC Light"; 
	background-color: rgba(255,255,255,0.7);
	background-color: #defcff;
	color: #0f727c;
}

/*g 驗證 人類 check*/

.g-recaptcha-area{
	display: inline-block;
	justify-content: center;
	padding-bottom: 1em;
}
.g-recaptcha{
	display: flex;
	justify-content: center;
}



/*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 input:checked ~ span {
  background-color: #1b2a6c;
  border-color: #fff;
}
.chiller-cb input:checked ~ span:before {
  
}
.chiller-cb input:checked ~ span:after {
 
}
.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: 72px; /*set */}
.s3{position: sticky; top: 90px; /*set */}

/*zindex 層 zz 層數*/
.s1{z-index: 9;}
.s2{z-index: 1;}
.s3{z-index: 2;}

.bootstrap-select button[type=button]{z-index: 0;}
.circle-slider a{z-index: 3;}
.circle-slider .page-switch{z-index: 3;}
.circle-slider .page-switch a {z-index: 10;}
.web-index-menu .search{z-index: 5;}
a.icon-apply:hover::before ,a.icon-favicon:hover::before{z-index: 9;}
.has-error ,.has-warning ,.has-feedback{z-index: 6;}
.topMenuArea .lg-box .pop-menu li ul{
	z-index: 10;
}
.topMenuPop{ /*浮動視窗*/
	z-index: 10;
}

.add-page .add-page-title{
	z-index: 9;
}
.add-page .add-page-title{position: sticky; top: 0; /*top*/}
.calendar-selectbar{top: 14px;	z-index: 9;	position: sticky;
}


/*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;
}
.nora{ /*有底色但不要有radius*/
	background-color: #f0f0f0;
	padding-top: 1em;
}
.info-list{ /*列表頁面的最外層*/}
.info-list .condition-search div:first-of-type{
		width: 100.35%;
}
.info-list .condition-search .input-switch .switch-field label.icon-favicon{
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.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;
}
.form-box .input-switch .switch-field 
,.form-box .input-switch .ip-txt 
,.ind-qucik-link ,.info-list .condition-search 
,.search-advanced .right .control-label 
,.search-advanced ,.add-page .schedule-info 
,.about-process .app-process ,.order-list 
,.college-course .condition-search .display-list 
,.area-full .info-bots ,.venue-rental .rental-contact 
,.about-contact-info article.title ,.about-contact-info .contact .table 
,.about-contact .contact-form ,.about-process .app-process .item 
,.committee-info .tb-title th 
{ /*左右0 lr0*/
	padding-left: 0 !important;
	padding-right: 0 !important;
}



/*html 編輯器 共用*/

.html-edit{
	padding: 0;
	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; 
	height: auto;
	border-radius: 16px;
}
.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: 0em; 
	margin: 0.5em 0;
}
.html-edit ul{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.html-edit li{
	list-style: circle; 
	padding: 0.2em; margin: 0.5em;
}
.html-edit br{margin: 1em 0;}




/*文字連結效果 book 書 專刊*/
article.html-edit li a ,article.html-edit a ,.member-join-finish .contact p a{
	background-image: url("../images/icon_linkpage.svg");
	background-size: 1.3em;
	background-repeat: no-repeat; 
	background-position: 95% center;
	background-color: #fff;
	border-radius: 6px;
	padding-left: 0.8em;
	padding-right: 2em;
	padding-bottom: .15em;
	padding-top: .2em;
	font-family: "Noto Sans TC Regular";
	font-family: "Noto Sans TC Medium";
	color: #1b2a6c;
	position: relative;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: 2px 0px 6px #ccc;
	margin: 0 .35em;
}
article.html-edit li a:hover ,article.html-edit a:hover ,.member-join-finish .contact p a:hover{
	background-image: url("../images/icon_linkpage_d2.svg");
	background-color: #1b2a6c;
	color: #fff;
	border: 1px solid #1b2a6c;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: flash;
}



/*
article.html-edit a::before ,.member-join-finish .contact p a::before{
	content: "";
	left: 0;
	bottom: -4px;
	position: absolute;
	width: 0px;
	height: 1px;
	background-color: #006bad;
	transition: all 0.3s;
}
article.html-edit a:hover::before ,.member-join-finish .contact p a:hover::before{
	width: 100%;
	animation-delay: 0.4s;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: flash;
}
*/

/*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);
}


/*網站地圖 sitemap*/
.sitemap-contact{
	padding: 0;
	padding: 1.5em;
}
.sitemap-contact h2{
	text-align: left;
	font-size: 1.1em;
	font-weight: 600;
	color: #00adba;
}
.sitemap-contact .item{
	text-align: justify;
}
.sitemap-contact .item h3{
	color: #1b2a6c;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	font-size: 1.2em;
}





.sitemap-contact .item a{
	color: #333;
	font-weight: normal;
	font-family: "Noto Sans TC Light";
	font-size: 1.2em;
	display: inline-block;
	width: 100%;
	line-height: 1.8em;
	
	position: relative;
}

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

/*購物 書 季刊 內頁*/


.shop-detail .photos{
	padding-right: 0;
	padding-top: 1em;
}
.shop-detail .photos img{
	width: 500px !important;
	height: 600px !important;
	max-height: 600px !important;
	float: left;
	margin-top: 0 !important;
	border-radius: 12px 0 0 12px !important;
	object-fit: cover !important;
}
.shop-detail .toc{
	width: auto !important;
	width: 60% !important;
	min-height: 600px;
	border-radius: 0 12px 12px 0;
	background-color: #1b2a6c;
	margin-bottom: 1em;
	padding-left: 1.5em;
	padding-top: .2em;
	padding-bottom: .2em;
	color: #fff;
}
.shop-detail .main-content{
	padding-top: 0 !important;
}
.shop-detail .main-content ol li{
	margin-left: 1.5em !important;
}
.shop-detail .main-content article.html-edit:last-of-type h2{
	text-align: center;
	font-size: 1.2em;
	font-family: "Noto Sans TC Thin";
	border-top: 1px solid #f2f2f2 !important;
	padding-top: .5em;
}
.shop-detail .main-content article.html-edit:last-of-type h2:first-of-type{
	border: none !important;
}
.shop-detail .main-content article.html-edit:last-of-type ol{
	font-size: 1.5rem;
}
.shop-detail .main-content article.html-edit:last-of-type{
	background-color: #fff;
	border-radius: 6px;
	padding: .5em 1.5em;
}
.shop-detail .main-content article.html-edit:last-of-type ol li::marker{
	color: #ccc !important;
}
.shop-detail .main-content article.html-edit:last-of-type ol li ol{
	background-color: #f9f9f9;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 12px;
	padding: 1em;
}


/*付款頁面 購物車*/
.shop-list{
	padding-top: 1em;
}
.shop-list .item{
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #f2f2f2;
}
.shop-list div.item:first-of-type{
	border-radius:  12px 12px 0 0  !important;
	border-bottom: 1px solid #f2f2f2;
}
.shop-list div.item:last-of-type{
	border-radius:  0 0 12px 12px !important;
	border-bottom: 0px solid #ccc;
}
.shop-list .item-title{
	margin-top: 1em;
	background-color: #fff;
	color: #666;
	border-radius: 6px 6px 0 0;
	padding: 0.5em !important;
	padding-left: 2em !important;
	font-size: 1.2em;
	font-family: "Noto Sans TC Light";
	border-bottom: 1px solid #f2f2f2;
}
.shop-list .check-box{
	height: 4em;
	margin-top: 3.5em;
	text-align: center;
}
.shop-list .item-title input[type=checkbox] 
,.shop-list .check-box input[type=checkbox]{
	margin-right: 0.5em;
	width: 1.2em;
	height: 1.2em;
}
.shop-list .contact b{
	position: absolute;
	left: 1.1em;
	top: 1.1em;
	padding: .6em;
	background-color: rgba(0,173,186,0.9);
	color: #fff;
	font-family: "Noto Sans TC Light";
	font-size: .9em;
	border-radius: 12px 0 0 0;
}
.shop-list .contact P{
	margin-left: 0em !important;
	margin-top: 1em;
	padding: 0.2em 0.8em !important;
	font-size: 1.1em !important;
	background-color: #f2f2f2;

	color: #1b2a6c;
	border-radius: 4px;
}
.shop-list .contact img{
	border-radius: 12px !important;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.shop-list .contact .pay h3{
	margin: 0;
	margin-top: 1em;
	margin-right: 1em;
	margin-left: 0.5em;
	font-size: 1.2em;
	float: left;
}
.shop-list .contact .pay h3 em{
	font-size: 1.3em;
	font-weight: normal;
	font-family: "bahnschrift Light";
	font-weight: 600;
	color: #f00;
	margin-left: 0.2em;
	
}
.shop-list .item .links{
	padding-top: 3em !important;
}
.shop-list .links ,.shop-list .links div{
	text-align: center;

	font-family: "bahnschrift Light";

	font-weight: normal;
}
.shop-list .links input[type=text]{
	float: left;
	margin: 0;
	padding: 0;
	width: 2em;
	height: 28px;
	text-align: center;
	font-size: 1.3em !important;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.shop-list .links a.icon-reduce 
,.shop-list .links a.icon-add2{
	display: block;
	float: left;
	border-radius: 6px 0 0 6px;
	border: 1px solid #ccc;
	width: 2em;
	height: 2em;
	background-repeat: no-repeat; 
	background-position: center;
	background-image: url("../images/icon_increase.svg");
	background-size: 1.5em auto !important;
}
.shop-list .links a.icon-reduce{	
	background-image: url("../images/icon_reduce.svg");
}
.shop-list .links a.icon-reduce:hover{	
	background-image: url("../images/icon_reduce_d.svg");
	background-color: #f2f2f2;
}
.shop-list .links a.icon-add2{
	border-radius: 0 6px 6px 0;
}
.shop-list .links a.icon-add2:hover{
	background-color: #f2f2f2;
	background-image: url("../images/icon_increase_d.svg");
}
.shop-list .links a.icon-del{
	text-align: center;
	color: #000;
	font-weight: 600;
}


/* 購物車 shopping*/
.shopping-cart{}
.shop-contact h2.title{
	padding-left: 0;
	z-index: 1;
}
.shopping-cart .shop-list .item-list .contact h2{
	margin-top: .3em;
}
.shop-contact .switch-info .input-switch .switch-field label{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.shop-contact .switch-info .input-switch .switch-field label strong{
	display: block;
	font-family: "bahnschrift Light";
	width: 100% !important;
	font-weight: 600;
	font-size: 2em;
	color: #1b2a6c;
} 
.shop-contact .switch-info .input-switch .switch-field label strong p{
	font-family: "bahnschrift Light";
	font-weight: 600;
	font-size: 1.8rem;
	color: #00adba;
	margin-right: 0.2em;
} 
.shop-contact .switch-info .input-switch .switch-field label p{
	display: block;
	width: 100%;
	font-weight: normal;
	color: #000;
	margin: 0;
} 

.shop-contact .switch-info .input-switch .switch-field label:hover 
,.shop-contact .switch-info .input-switch .switch-field input[type=checkbox]:checked + label 
,.shop-contact .input-switch .switch-field label:focus{
	background-color: #c3f2f6 !important;
}

.shopping-finish .main-content h2 ,.shopping-finish .main-content p{
	text-align: center;
}



.order-bar{
	z-index: 9;
	margin-top: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	
	position: fixed;
	bottom: 0;
	width: 70%;
	padding: 1em;
	background-color: #fff;
	border-radius: 12px 12px 0 0;
	box-shadow: 6px 6px 6px #ccc;
}

.order-bar .contact{
	width: 100%;
	display: inline-block;
	text-align: center;
}


/*子選單 左側選單 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;
}


/*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 ,.set a:nth-of-type(8)::before 
,.set a:nth-of-type(9)::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:nth-of-type(8)::before{
	content: "8";
}
.set a:nth-of-type(9)::before{
	content: "9";
}

.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 ;
}

/*首頁 index banner player 播放*/


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


.circle-slider{
	position: relative;
	width: 100% !important;
	display: flex;
	justify-content: center;
	align-content: center;
}



.banner{padding: 1em 0;}

.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;
	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;
	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{
	width: 100%;
}
.web-index-menu .banner-search{
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
}
.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;
}
.web-index-menu .search input[type=text]:focus{
	background-color: #f2f2f2;
	color: #1b2a6c;
	font-weight: 600;
}
.web-index-menu .search{
	display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	height: 5.1em;
}
.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-top: 1em;
}
.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;
}
.title-info .date cite span{
	color: #888 !important;
}

.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-link{
	background-image: url("../images/icon_link.svg");
	background-size: 42px auto;
}
.title-info a.icon-download{
	background-image: url("../images/icon_download.svg");
	background-size: 44px auto;
}
.title-info a.icon-gallery{
	background-image: url("../images/icon_gallery.svg");

	background-size: 44px auto;
}
.title-info a.icon-shopping{
	background-image: url("../images/icon_download.svg");
	background-size: 44px 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-link:hover{
	background-image: url("../images/icon_link_d.svg");
	background-color: transparent;
	background-size: 48px auto;
	color: #1b2a6c;
}
.title-info a.icon-download:hover{
	background-image: url("../images/icon_download_d.svg");
	background-color: transparent;
	background-size: 46px auto;
	color: #1b2a6c;
}
.title-info a.icon-gallery:hover{
	background-image: url("../images/icon_gallery_detail_d.svg");
	background-color: transparent;
	background-size: 46px auto;
	color: #1b2a6c;
}
.title-info a.icon-shopping:hover{
	background-image: url("../images/icon_download_d.svg");
	background-color: transparent;
	background-size: 46px auto;
	color: #1b2a6c;


}
.title-info a.icon-apply:hover::before 
,.title-info a.icon-favicon:hover::before 
,.title-info a.icon-download:hover::before 
,.title-info a.icon-link:hover::before 
,.title-info a.icon-gallery:hover::before{
	display: none;
}





.detail-infobar{
	background-color: #f0f0f0;
}
.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{
	position: fixed;
	bottom: 1%;
	right: 1%;
	width: auto !important;
	padding-top: 0.6em !important;
	z-index: 5;
}

.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{
	padding-bottom: 1em !important;
}

.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;
}






/*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 
,.shopping-finish .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 
,.shopping-finish .sub a ,.venue-rental .sub a 
,.about-process .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 
,.shopping-finish .sub a:hover ,.venue-rental .sub a:hover 
,.about-process .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-bottom: 1em;
}
.industry-contact .search-advanced div{border: 0px solid;}
.search-advanced .sub{padding-top: 0.6em;}

.search-advanced a.icon-sub 
,.college-course .condition-search a.icon-sub{
	background-color: #fff;
	color: #1b2a6c;
	font-weight: 600;
	font-size: 0.9em;
	padding: 0.5em 1.45em;
	border-radius: 6px;
}
.search-advanced a.icon-sub:hover 
,.college-course .condition-search 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 .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;
}

/*會員 加入完成*/

.member-join-finish .contact{
	padding-bottom: 7em;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
.member-join-finish .contact h2{
	font-weight: 600;
	padding: 1.5em 0;
}
.member-join-finish .contact p{
	font-size: 1.5em;
	
	padding-top: 7em;
	background-image: url("../images/icon_finish.svg");
	background-size: 5em auto;
	background-repeat: no-repeat; 
	background-position: top;
	
}


/*內頁條件搜尋*/


.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;
}
.condition-search .display-mode{
	display: flex;
	justify-content: flex-end;
	align-content: center;
}
.condition-search a.icon-sub{
	background-color: #fff;
	color: #1b2a6c;
	font-weight: 600;
	font-size: 1.1em;
	padding: 0.5em 1.8em;
	border-radius: 6px;
	white-space: nowrap;
}
.condition-search a.icon-sub:hover{
	color: #fff;
	background-color: #1b2a6c;
}

.action-info .condition-search{
	padding-left: 0;
	padding-right: 0;
}
.action-info .condition-search .input-switch{
	width: 101%;
}
.select-switch{
	padding-top: .5em !important;
	padding-bottom: 1em !important;
	padding-left: 1em !important;
}
.select-switch a{
	padding: .3em 1em;
	border-radius: 12px;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	color: #666;
	margin-right: .3em;
	white-space: nowrap;
	line-height: 3em;
	
	
	padding-right: 2em;
	background-image: url("../images/icon_select_default.svg");
	background-size: 1em auto;
	background-repeat: no-repeat; 
	background-position: 94% center;
}
.select-switch a.active ,.select-switch a:hover{
	border-radius: 12px;
	border: 1px solid #1b2a6c;
	background-color: #1b2a6c;
	color: #fff;
	background-image: url("../images/icon_select_ok.svg");
}
.select-switch a.active:hover{
	background-image: url("../images/icon_select_cancel.svg");
	background-color: #00adba;
	border: 1px solid #00adba;
}


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

.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;
	display: block;
}
.list-box .item-list .item img.object-fit{
	object-fit: cover;
}

.list-box .item-list .item h2{
	display: inline-block;
	width: 81%;
	float: left;
	padding-top: 0.5em;
	padding-left: .5em;
	font-size: 1.3em;
	margin: 0;
}
.list-box .item-list .item h2 a{
	color: #000;
	font-family: "Noto Sans TC Thin";
	font-weight: 600;
}
.list-box .item-list .item h2 a:hover{
	color: #006bad;
}
.list-box .item-list .item p{
	display: inline-block;
	color: #888;
	padding-top: 0.5em;
	margin-bottom: 0;
	font-size: 1.2rem;
	margin-left: 1em;
}
.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;
	width: 100% !important;
}
.block-model .item h2 a{
	color: #000 !important;
}
.block-model .item p{
	padding: 0.5em !important;
	padding-left: 0 !important;
	padding-top: 0;
	width: 95%;
}
.block-model .item cite{
	float: right;
	padding-right: 0.5em;
	margin-left: 0!important;
}
.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;
}
.block-model .item .contact a{
	display: inline-block;
	height: 3.6em;
}


/*文件下載*/
.download .item-list .item h2{
	width: 100%;
	border: 0px solid;
}

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

.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.3rem;
	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-favicon-active ,a.icon-apply ,a.icon-download 
,a.icon-link ,a.icon-gallery ,a.icon-sponsorship 
,a.icon-pay ,a.icon-shopping ,a.icon-shop-cart{
	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-download{
	background-image: url("../images/icon_dl.svg");
	background-size: 32px auto;
	background-position: center;
}
a.icon-gallery{
	background-image: url("../images/icon_gallery.svg");
	background-size: 32px auto;
	background-position: center;
}
a.icon-sponsorship{
	background-image: url("../images/icon_sponsorship.svg");
	background-size: 36px auto;
	background-position: center;
}
a.icon-pay{
	background-image: url("../images/icon_pay.svg");
	background-size: 36px auto;
	background-position: center;
}
a.icon-shopping{
	background-image: url("../images/icon_pay.svg");
	background-size: 36px auto;
	background-position: center;
}
a.icon-shop-cart{
	background-image: url("../images/icon_shopcart.svg");
	background-size: 36px auto;
	background-position: center;
}
a.icon-favicon-active{
	background-image: url("../images/icon_favicon_active.svg");
	background-size: 36px 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-download:hover{
	background-image: url("../images/icon_dl_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-link:hover{
	background-image: url("../images/icon_dl_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-gallery:hover{
	background-image: url("../images/icon_gallery_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-sponsorship:hover{
	background-image: url("../images/icon_sponsorship_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-pay:hover{
	background-image: url("../images/icon_pay_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-shopping:hover{
	background-image: url("../images/icon_pay_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}
a.icon-shop-cart:hover{
	background-image: url("../images/icon_shopcart_d.svg");
	background-size: 36px auto;
	background-color: #1b2a6c;
}




a.icon-apply:hover::before 
,a.icon-favicon:hover::before 
,a.icon-favicon-active:hover::before
,a.icon-download:hover::before 
,a.icon-link:hover::before 
,a.icon-gallery:hover::before 
,a.icon-sponsorship:hover::before 
,a.icon-pay:hover::before{
	z-index: 3;
	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");
}
a.icon-link{
	background-image: url("../images/icon_link.svg");
	background-size: 36px auto;
}
a.icon-link:hover{
	background-image: url("../images/icon_link2_d.svg");
}

/*filter 篩選 顯示模式 model*/

.display-list{


	padding-right: 0;
	display: flex;
	justify-content: flex-end;
	align-content: center;
	float: right;
	padding-bottom: 1em;
}
.filter-select{
	padding: 1em !important;
	padding-bottom: 0 !important;
}



/*訊息類內頁 消息、活動..*/

.info-detail{
	animation-timeline: scroll(y);
	animation-timeline: scroll(root);
	animation-timeline: scroll(nearest);
	animation-range: normal 100%;
}
.info-detail .title{
	background-color: rgba(240,240,240,0.92);
	padding-bottom: 1em;
}
.info-detail .title h1{
	font-family: "Noto Sans TC Light";
	font-family: "Noto Sans TC Thin";
	text-align: justify;
	font-size: 1.8em;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
}
.info-detail .title h1 strong{
	display: block;
}
.info-detail .title h1 cite{
	position: relative;
	float: left;
	left: 0;
	background-color: #fff;
	border-radius: 6px;
	padding: 0.5em 2.2em;
	padding-right: 1.5em;
	margin-right: 1em;
	margin-top: 0.8em;
	color: #666;
	font-size: 1.5rem;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	letter-spacing: 3px;
	
}
.info-detail .title h1 cite i{
	position: absolute;
	margin-top: 12px;
	margin-left: 12px;
}
.icon-color1{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #4C770C;
	display: block;

	width: 8px;
	height: 8px;
	border-radius: 4px;
}
.info-detail .photos img{
	border-radius: 12px;
	margin-top: 1.5em;
}
.info-detail .photos img.main-photo{

	width: 100%;
	max-height: 360px;
	object-fit: fill;
}

.info-detail .photos .zoom-photo{
	padding: 0;
	display: flex;
	justify-content: center;
	align-content: center;
}
.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;
}
.info-detail .photos .zoom-photo a:hover img 
,.info-detail .photos .zoom-photo a img.active 
,.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;
}
.info-detail .contact .title h1 b{
	margin: 0 0.2em;
	margin-right: 1em;
	padding: 0.1em 1em;
	padding-bottom: 0;
	padding-top: 0em !important;
	background-color: rgba(0,173,186,0.9);
	color: #fff;
	font-family: "Noto Sans TC Medium";
	font-size: 1.6rem !important;
	font-weight: normal;
	letter-spacing: 2px;
	border-radius: 6px;
}


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

.info-detail .ex-unit .item{
	display: block;
	padding: 0.5em;
}
.info-detail .ex-unit h2 ,.info-detail .sponsor-unit h2{
	color: #000;
	font-weight: 600;
	font-size: 1.5em;
}
.info-detail .sponsor-unit h2{
	font-size: 1.5rem;
	margin-top: 0.5em;
}
.info-detail .ex-unit p ,.info-detail .sponsor-unit p{

	font-size: 1em;
	font-weight: 600;
	color: #666;
}
.info-detail .ex-unit .ohter-unit{
	display: flex;
	justify-content: center;
}

.info-detail .ex-unit .ohter-unit h2{
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.info-detail .ex-unit .ohter-unit .item{
	border-radius: 12px;
	background-color: #fefefe;
	padding: 1em 1.5em;
	margin: 0 0.5em;
	margin-bottom: 1%;
}

.info-detail .sponsor-unit .item{
	border-radius: 12px;
	background-color: #fefefe;
	padding: 1em 1.5em;
	margin: 0 0.5%;
	margin-bottom: 1%;
	height: 8em;
	width: 19%;
}
.info-detail .main-content h1 ,.info-detail .main-content h2 ,.info-detail .main-content h3 ,.info-detail .main-content h4 ,.info-detail .main-content h5 ,.info-detail .main-content h6{
	margin: 0;
}
.info-detail .main-content div 
,.info-detail .main-content label{
	padding: 0;
	font-family: "Noto Sans TC Light";
}
.info-detail .main-content{
	padding-top: 1em;
	font-size: 1.3em;
	line-height: 2em;
}

/*html edit 內容 內文 自訂 content 消息 活動*/
.info-detail .main-content article.html-edit img{
	border-radius: 12px;  /* !!重點!! 設padding 會失效 */
	margin-bottom: 1em;
}
.info-detail .main-content article.html-edit p{
	padding-bottom: 1em;
}
.info-detail .main-content article.html-edit u{ /*底線*/
	text-underline-offset: 8px;
	text-decoration-color: #1b2a6c;
	text-decoration-thickness: 2px;
}

.info-detail .main-content .txt-item label.control-label{
	font-size: 1.1em;
	color: #666;
	text-align: justify;
}
.info-detail .main-content .txt-item{
	padding-top: 1.5em;
}
.info-detail .main-content .line{
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.info-detail .main-content .white{
	background-color: #fff;
}
.info-detail .main-content .txt-item .contact{
	font-size: 1.3em;
	font-weight: 600;
	color: #000;
}
.info-detail .main-content .txt-item .contact p{
	margin: 0;
}
.info-detail .main-content .txt-item .contact h4{
	margin: 0;
	margin-bottom: 1em;
}

.info-detail .main-content .txt-item .contact .acc b 
,.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;
}
.info-detail .main-content .txt-item .contact .acc b:first-child{
	text-transform: capitalize;
}
.info-detail .main-content .txt-item .contact .tel b:first-child{
	text-transform: uppercase;
}
.info-detail .main-content .txt-item .contact .ps{
	color: #1b2a6c;
	font-weight: 600;
}
.info-detail .main-content .txt-item .contact .set{
	padding-top: 1em;
}
.info-detail .main-content .txt-item .contact .set .item p{
	padding-bottom: 1.2em;
}
.info-detail .main-content a.icon-google-map{
	margin-left: 0.3em;
}
.info-detail .youtube{
	padding: 1em;
}
.action-apply-tilt{
	text-align: center;
}



/*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;
	

}


a.btn-danger{
	border-radius: 6px;
	font-size: 1.4em;
	font-family: "bahnschrift Light";
	padding-bottom: 0.1em;
	border: 1px #fff solid;
}
a.btn-danger:hover{
	font-weight: 600;
	border: 1px #c9302c solid;
	color: #c9302c;
	background-color: #fff;
}
a.btn-modify{
	border-radius: 6px;
	border: 1px #fff solid;
	width: 36px; 
	height: 36px; 
	background-image: url("../images/icon_modify.svg");
	background-size: 30px auto;
	background-repeat: no-repeat; 
	background-position: center;
}
a.btn-modify:hover{
	background-image: url("../images/icon_modify_d.svg");
}
a.dl-file{
	position: relative;
	padding: 1em;
	color: #1b2a6c;
	border-radius: 6px;
	background-color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	padding-right: 3.5em;
}
a.dl-file::after{
	position: absolute;
	content: "";
	right: 1em;
	top: 0.7em;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: #1b2a6c;
	
	background-image: url("../images/icon_dl2_d.svg");
	background-size: 24px auto;
	background-repeat: no-repeat; 
	background-position: center;
	transition: .3s;
}
a.dl-file:hover::after{
	background-image: url("../images/icon_dl2_d.svg");
	background-size: 28px auto;
}





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


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


.supervisors-contact article.title h2 
,.concom-contact article.title h2 
,.committee-info article.title h2{
	margin: 0;
}

.supervisors-contact article.title p.ct 
,.concom-contact article.title p.ct 
,.committee-info 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 ,.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 .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";
}
.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: 0.5em;
	bottom: 0.3em;
	font-size: 2.4rem;
	font-weight: normal;
	color: #ccc;
	font-family: "Bebas Neue";
}


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


.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;
}


/*關於我們 組織章程*/


.solo{ /*共用元件 白底item*/
	border-radius: 12px;
	background-color: #fff;
	padding: 1em;
}
.organize-contact .main-content{
	padding-bottom: 2em;
}
.organize-contact h2.title{
	padding: 0.5em;
}
.main-content{
	padding-bottom: 1em;
}
.main-content .group-all{
	position: relative;
	padding-left: 0;
}
.main-content div.group-all:last-of-type{
	padding-right: 0;
}
.main-content .group-all cite{
	display: inline-block;
	width: 100%;
	font-family: "Bebas Neue";
	font-size: 2.4em;
	font-weight: normal;
	text-align: center;
	color: #1b2a6c;
}
.main-content .group-all .item strong{
	display: block;
	float: left;
	font-family: "Bebas Neue";
	font-size: 3em;
	text-align: center;
	color: #1b2a6c;
	font-weight: 300;
	height: 1.2em;
	border-right: 1px solid #ccc;
	padding-right: 0.2em;
}
.main-content .group-all .item b{
	float: left;
	font-family: "Bebas Neue";
	font-size: 1.8em;
	font-weight: normal;
	text-align: center;
	color: #1b2a6c;
	padding-left: 0.3em;
	padding-top: 0.6em;
	padding-right: 0.5em;
}

.main-content .group-all .item p{
	display: block;
	float: right;
	font-family: "Noto Sans TC Thin";
	font-size: 1.1em;
	text-align: justify;
	color: #000;
	font-weight: 600;
	margin: 0;
	padding: 0;
	margin-left: 0.2em;
	width: 75%;
}
.main-content .group-all .sline{
	margin-bottom: 30px;
}
.main-content .group-all .sline::after{
	content: "";
	width: 2.5%;
	height: 30px;
	left: 47.5%;
	bottom: -30px;
	position: absolute;
	display: inline-block;
	background-color: #fff;
}
.main-content div.group-all:first-of-type div.sline:last-of-type::after{
	display: none;
}


/*關於我們 about 組織章程*/
.about-organize .html-edit ul ,.about-process .html-edit ul{
	list-style: none; 
	padding: 0.2em; margin: 0.5em;
}
.about-organize .html-edit li ,.about-process .html-edit li{
	list-style: none; 
	padding: 0.2em; margin: 0.5em;
}
.about-organize .html-edit ol ,.about-process .html-edit ol{
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 12px;
	background-color: rgba(255,255,255,0.75);
}
.about-organize .html-edit ol li ,.about-process .html-edit ol li{
	list-style: cjk-ideographic;
	padding: 0.2em;
	margin: 0.3em;
	margin-left: 3.2em;
	font-weight: 600;
	color: #464646;
}
.about-organize .html-edit ul li b ,.about-process .html-edit ul li b{
	width: 100%;
	display: inline-block;
}
.about-organize .html-edit h2 ,.about-process .html-edit h2{
	border-top: 1px solid #ccc;
	box-shadow: inset 0px 6px 6px -6px #ccc;
	background: linear-gradient(to bottom, #fff, transparent, transparent, transparent, transparent);
	padding-top: 1em;
	color: #A3A3A3;
	font-family: "Noto Sans TC Thin";
	font-size: 1.4em;
	font-weight: 600;
}
.about-organize .html-edit h2 b ,.about-process .html-edit h2 b{
	border-left: 1px solid #ccc;
	padding-left: 0.8em;
	margin-left: 0.6em;
	color: #1b2a6c;
	font-family: "Noto Sans TC Light";
	font-size: 2.8rem;
}

/*關於我們 about 場地租借*/


.about-process .html-edit ol li{
	list-style: decimal;
}
.about-process .html-edit ol li ul li{
	list-style: circle;
	margin-left: 0.8em;
}
.about-process .html-edit ol li strong{
	color: #f00;
}
.about-process .process-contact h3.subtitle{
	text-align: center;
}
.about-process .process-contact .title-info{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0;
	border-radius: 6px;
}
.about-process .subtitle strong{
	display: inline-block;
	width: 100%;
}

/*關於我們 about 租借流程*/
.about-process .app-process .item{
	text-align: center;
	display: inline-block;
	width: 100%;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../images/step_bg.svg);
	height: 13.7em;
	padding-top: .8em;
}
.about-process .app-process .vr-set6{
	background-size: cover;
	background-image:url(../images/step_vrset6_bg.svg);
	height: 13em;
}
.about-process .app-process .item h3{
	font-family: "Noto Sans TC Light";
	font-size: 3rem;
	color: #00adba;
}
.about-process .app-process .item p{
	font-family: "Noto Sans TC Thin";
	font-size: 2rem;
}
.about-process .app-process .vr-set6 strong{
	font-weight: normal;
	border-left: 1px solid #ccc;
	padding-left: .5em;
	margin-left: .2em;
}
.about-process .app-process .vr-set6 strong em{
	font-family: "Bebas Neue";
	font-weight: normal;
	color: #1b2a6c;
	letter-spacing: 1px;
	margin-left: .2em;
}

/*關於我們 about 委員會訊息*/

.committee-info .table table{
	border-collapse: separate;
	width: 100%;
	border-spacing: 7px 7px;
}
.committee-info  .table table tr th{
	border-radius: 6px;
	background-color: #fff;
	color: #1b2a6c;

	border: none;
	box-shadow: 2px 2px 8px #ccc;
}
.committee-info  .table table tr th:first-of-type{
	background-color: #00adba;
	color: #fff;
}
.committee-info  .table table tr th:last-of-type{
	background-color: #006bad;
	color: #fff;
}
.committee-info  .table table tr td{
	font-family: "Noto Sans TC Light";
	background-color: #fff;
	text-align: left;
	padding: 0.8em;
	padding-left: 0.5em;
	border-radius: 6px;
	border: none;
}
.committee-info .table table tr td:first-child{
	padding: 0.5em;
	background-color: #f2f2f2;
	color: #000;
	text-align: right;
	border: 1px solid #f2f2f2;
	border-bottom: 3px solid #ddd;
}

.committee-info .table{padding: 0;}
.committee-info .table table{
	border-radius: 6px;
}
.committee-info .tb-item td{
	padding: 0.3em !important;
	padding-left: 0.5em !important;
	text-align: left;
}
.committee-info .tb-item td.tc{
	text-align: center;
	padding: 0.3em !important;
}
.committee-info .tb-item td.work{
	text-align: right;
	vertical-align: middle;
}
.committee-info .tb-item td.work h4{
	margin: 0;
	padding-bottom: 0.2em;
	padding-right: 0em;
	margin-bottom: 0.2em;
	font-size: 1.04em;
	font-weight: 600;
	color: #00adba;
}

.committee-info .tb-item td.work p{
	position: relative;
	padding-right: 0.2em;
}
.committee-info .tb-item .contact{
	text-align: justify;
	padding: 0.5em !important;
}
.committee-info .tb-item td.dep h3 ,.committee-info .tb-item td.spo h3 {
	margin: 0;
	margin-bottom: 0.3em;
	display: inline-block;
	font-size: 1.2em;
	color: #1b2a6c;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}

.committee-info .tb-item td.ps cite{
	display: inline-block;
	font-size: 1em;
	color: #777;
}
.committee-info .tb-item td.spo h3:last-of-type{
	border-top: 1px solid #ccc;
	padding-top: 0.2em;
}
.committee-info .tb-item td.spo h3:first-of-type{
	border: none;
}
.committee-info .tb-item td.dep h3 em ,.committee-info .tb-item td.spo h3 em{
	padding-right: 0.2em;
	margin-right: 0.1em;
}
.committee-info .tb-item td.spo p.tel{

	color: #777;
}
.committee-info .tb-item p.tel em{
	color: #1b2a6c;
	margin-left: 0.3em;
	font-family: "Bebas Neue";
	font-size: 2rem;
	letter-spacing: 1px;
	font-weight: normal;
}
.committee-info .tb-item p.mail{
	color: #777;
	font-size: 1.3rem;
	letter-spacing: 1px;
	font-weight: normal;
}
.committee-info .tb-item td.dep h3 strong ,.committee-info .tb-item td.spo h3 strong{
	font-size: 1.4rem;
	color: #00adba;
}
.committee-info .tb-item td.dep h3 strong{
	display: inline-block;
	width: 100%;
}
.committee-info .tb-item td.dep cite{
	line-height: 2em;
	color: #777;
}
.committee-info .tb-item td.spo{
	text-align: left;
	background-color: #f1feff;
}
.committee-info .tb-item td.dep p ,.committee-info .tb-item td.spo p{
	font-weight: 600;
}

.committee-info .tb-item td p{
	margin: 0;
	color: #000;
}


/*關於我們 about 聯絡窗口 contact*/
.about-contact-info .table table{
	border-collapse: separate;
	width: 100%;
	border-spacing: 7px 7px;
}
.about-contact-info  .table table tr th{
	border-radius: 6px;
	background-color: #fff;
	color: #1b2a6c;
	border: none;
	box-shadow: 2px 2px 8px #ccc;
	font-family: "Noto Sans TC Light";
	font-weight: 600;
}
.about-contact-info  .table table tr td{
	border-radius: 6px;
	background-color: #fff;
	border: none;
}
.committee-info  .table table tr th:first-of-type{
	background-color: #00adba;
	color: #fff;
}
.committee-info  .table table tr th:last-of-type{
	background-color: #006bad;
	color: #fff;
}
.about-contact-info  .table table tr th span{
	color: #777;
	font-weight: normal;
}

.about-contact-info article.title{
	position: relative;
}
.about-contact-info article.title h2{
	padding-bottom: 1em;
}
.about-contact-info .acc{
	padding-top: 1em;
}
.about-contact-info article.title .acc ,.about-contact-info article.title .acc h3{

	text-align: left;
	font-size: 1.5rem;
	font-weight: 600;

	color: #333;
	font-family: "Noto Sans TC Thin";
}
.about-contact-info article.title .acc h1{
	margin: 0;
	font-size: 2rem;
	color: #1b2a6c;
	font-weight: 600;
}
.about-contact-info article.title .acc h3{
	margin: 0;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	color: #00adba;
	font-family: "Noto Sans TC Light";
}
.about-contact-info article.title .acc p{
	margin: 0.2em 0;
}

.about-contact-info article.title a.ico-map{
	position: absolute;
	top: 7em;
	right: 2em;
	
	display:block;
	width: 5em; 
	height: 5em;
	border-radius: 12px;
	background-color: #fff;
	
	background-size: 3em auto;
	background-position: center;
	background-image:url(../images/icon_map.svg); 
	background-repeat: no-repeat;
	z-index: 2;
}

.about-contact-info article.html-edit h2{
	text-align: center;
	font-weight: normal;
	font-family: "Noto Sans TC Light";
}


.about-contact-info .tb-title th:nth-of-type(2) 
,.about-contact-info .tb-item td:nth-of-type(2){
	text-align: left;
}
.about-contact-info .tb-item .person h3{
	margin: 0;
	font-size: 2em;
	color: #1b2a6c;
	font-family: "Noto Sans TC Medium";
	
}
.about-contact-info .tb-item .person h3 em{
	color: #00adba;
	font-family: "Noto Sans TC Thin";
	font-size: 2.3rem;
	margin-left: 0.3em;
}

.about-contact-info .tb-item .person cite{
	color: #777;
	font-size: 1.6rem;
}
.about-contact-info .tb-item .person cite em{
	color: #777;
	margin: 0em 0.3em;
	border-left: 1px solid #ccc;
	padding-left: 0.4em;
}
.about-contact-info .tb-item .person cite strong{
	font-size: 2rem;
	color: #000;
	font-weight: normal;
}
.about-contact-info .tb-item .person cite b{margin-left: 0.2em;}

.about-contact-info .tb-item td.tel p{
	font-size: 2em;
	font-family: "Bebas Neue";
	font-weight: normal;
	margin-bottom: 0;
}
.about-contact-info .tb-item td.tel p a{
	color: #1b2a6c;
}


/*關於我們 venue rental 場地租借資訊*/

.venue-rental .sub ,.about-process .sub{
	display: flex;
	justify-content: center;
	align-content: center;
}


.venue-rental .main-content h2{
	text-align: center;
}
.venue-rental .main-content article.html-edit{
	padding: 0;
	margin: 0;
}
.venue-rental .main-content article.html-edit{
	max-width: 100%;
	height: auto;
	margin: 0 !important;
}
.venue-rental .main-content table .tb-title th{
	border: 1px solid #505980 !important;
}
.venue-rental .main-content .trwd{
	padding-top: 0;
}
.venue-rental .main-content table .tb-item td.html-edit p{
	text-align: justify;
}
.venue-rental .main-content p.subtitle{
	margin: 0;
	padding: .5em;
	background-color: #e6f9ff;
	color: #1b2a6c;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: 1.2em;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}

/*最新消息 news*/


.attachment{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
}

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

/*行事曆 calendar*/

/*全畫面*/
.full-mode-title .back a.icon-back{
	border: 1px solid #ccc;
}
.full-mode-title .date{
	padding-right: .5em !important;
	font-weight: normal;
	color: #1b2a6c;
}
.full-mode-selectbar{
	position: relative !important;
}
.area-full{
	border: 0px solid;
	padding: 0 !important;
	
	padding-left: 1em !important;
	padding-right: 1em!important;
}
.area-full .calendar-list{
	padding-top: 0;
	margin-bottom: 1em; 
}

.area-full .calendar-day{
	padding: 0em !important;
	padding-bottom: 1em !important;
}



/*預設*/
.calendar-list{
	padding-bottom: 1.5em; 
	padding-top: 1em;
}
.calendar-selectbar .today 
,.calendar-selectbar .moon-select{
	display: flex;
	justify-content: center;
	align-content: center;
}
.calendar-selectbar .today a{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0.6em 1.5em;
	color: #1b2a6c;
	background-color: #fff;
	font-weight: normal;
	font-family: "Noto Sans TC Light";
}
.calendar-selectbar .today a:hover{
	background-color: #1b2a6c;
	color: #fff;
	transition: .3s;
	border: 1px solid #1b2a6c;
}
.calendar-selectbar .today strong b{
	margin-left: -1em !important;
}
.calendar-selectbar .input-select .select-moon select{

	border: 2px solid #ccc;
}
.calendar-selectbar .moon-select a.prev 
,.calendar-selectbar .moon-select a.next{
	display: block;
	width: 8em;
	height: 3em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.5em auto;
	background-image:url(../images/icon_arrow_next_d.svg);
	 transform:rotate(180deg);

	transition: .3s;
	opacity: 0.4;
}
.calendar-selectbar .moon-select a:hover{
	background-size: 2.8em auto;
	background-image:url(../images/icon_arrow_next_d.svg);
	background-position: right;
	opacity: 1;
	
}
.calendar-selectbar .moon-select a.next{
	background-image:url(../images/icon_arrow_next_d.svg);
	 transform:rotate(0deg);
}
.calendar-selectbar .moon-select strong{
	font-size: 2.4em;
	font-family: "bahnschrift Light";
	font-weight: normal;
	color: #1b2a6c;
	height: 1.2em;
	margin-top: 0em;
}
.calendar-selectbar .moon-select strong b{
	font-size: 1.6rem;
	padding: 0;
}

.calendar-selectbar .form-box .switch-field input:checked + label 
,.calendar-selectbar .form-box .input-switch .switch-field label:hover 
,.calendar-selectbar .form-box .input-switch .switch-field label:focus{
	background-color: #00adba; 
}
.calendar-selectbar .form-box .input-switch .switch-field label:hover{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.calendar-selectbar .form-box .input-switch .switch-field label:focus{
	border-right: 1px solid #fff;
	color: #fff;
}

.calendar-list table{
	border: 1px solid;
}
.calendar-list table th 
,.calendar-list tbody td{
	border: 1px #f0f0f0 solid;
	text-align: center;
	vertical-align: middle;
}
.calendar-list table th{
	color: #666;
	font-weight: 600;
	padding: 0.5em 0;
	padding-top: 0.5em;
}
.calendar-list .tb-item td{
	padding: 0.5em;
	padding-top: 0.5em;
	vertical-align: top;
	border-left: 1px #f0f0f0 solid;
	position: relative;
	height: 8.2em !important;
	background-color: #fff;
	font-size: .9em;
	font-weight: normal;
	font-family: "Noto Sans TC Light";
}
.calendar-list .tb-item td.passday{
	background-color: #f0f0f0;
	border-right: 1px #ccc solid;
}
.calendar .calendar-list .tb-item td strong{
	display: inline-block;
	width: 30%;
	position: relative;
	margin-bottom: 0.3em;
	color: #999;
}
.calendar .calendar-list .tb-item td.schedule strong{
	color: #000;
}

.calendar .calendar-list .tb-item td strong b{
	position: absolute;
	top: 5px;
	display: block;
	width: 10px;
	height: 10px;
	background-color: #00adba;
	border-radius: 5px;
}

.calendar .calendar-list .tb-item td.today b{
	margin-left: -1em;
}
.calendar .calendar-list .tb-item td.today strong b{
	margin-left: -4em;
}
.calendar .calendar-list .tb-item td.today strong{
	width: 100%;
	display: flex;
	justify-content: center;
}
.calendar .calendar-list .tb-item td.today strong em{
	color: #fff;
	background-color: #1b2a6c;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	display: block;
	padding-top: 2px;
}
.calendar-list .tb-item td a{
	color: #000;
	font-size: 1.3rem;
	text-align: justify;
}
.calendar-list .tb-item td a:hover{

	color: #00adba;
}
.calendar-list .tb-item td a.more{
	display: inline-block;
	width: 96%;
	border-radius: 4px;
	padding: 0.2em;
	color: #1b2a6c;
	text-align: center;
	background-color: #d7e8f2;
	margin-top: 0.2em;
	position: absolute;
	left: 2%;
	bottom: 2%;
}
.calendar-list .tb-item td a.more:hover{
	color: #fff;
	background-color: #1b2a6c;
}
.calendar-list .tb-item td p{
	margin: 0;
	padding-top: 6px;
}



/*日曆 跨日顯示*/
.calendar .calendar-list .tb-item td.cross-day .cditem a.calendar-detail{
	margin-top: 10px;
}
.calendar .calendar-list .tb-item td.cross-day .cditem a.calendar-detail{
	position: absolute;
	border-radius: 4px;
	left: 0%;
	z-index: 6;
	padding: 0.2em;
	padding-top: .1em;
	padding-left: .5em;
	padding-right: .5em;
	font-size: 1.1em;
}
.calendar .calendar-list .tb-item td.cross-day .cditem a.calendar-detail p{
	height: 18px;
	overflow-y: hidden;
	padding-top: 0px;
}



/*color box 色票*/
.red{background-color: #f82e4f!important; color: #fff!important;}
.red:hover{background-color: #ff5772!important; color: #fff!important;}
.ora{background-color: #ff7200!important; color: #fff!important; }
.ora:hover{background-color: #ff9a49!important; color: #fff!important;}
.yel{background-color: #ffcd00!important; color: #000!important; }
.yel:hover{background-color: #fff332!important; color: #000!important;}
.gre{background-color: #189b3a!important; color: #fff!important; }
.gre:hover{background-color: #42c564!important; color: #fff!important;}
.blu{background-color: #0573d9!important; color: #fff!important; }
.blu:hover{background-color: #44a0f6!important; color: #fff!important;}
.ind{background-color: #6b68e3!important; color: #fff!important; }
.ind:hover{background-color: #504cdd!important; color: #fff!important;}
.pur{background-color: #873cce!important; color: #fff!important; }
.pur:hover{background-color: #a868e3!important; color: #fff!important;}
.blk{background-color: #6d6377!important; color: #fff!important; }
.blk:hover{background-color: #8b8b8b!important; color: #fff!important;}


.god{background-color: #ecedb1!important; color: #47480f!important; /*金*/}
.god:hover{background-color: #d8d990!important; color: #47480f!important;}
.slv{background-color: #e2e2e2!important; color: #000!important; /*銀*/}
.slv:hover{background-color: #bcbcbc!important; color: #000!important;}
.pnk{background-color: #eb20a6!important; color: #fff!important; /*粉*/}
.pnk:hover{background-color: #f7b8e2!important; color: #870b5d!important;}
.tur{background-color: #00adba!important; color: #fff!important; /*青綠*/}
.tur:hover{background-color: #68cdd5!important; color: #fff!important;}
.bpr{background-color: #3f51b5!important; color: #fff!important; /*藍紫*/}
.bpr:hover{background-color: #8692d5!important; color: #fff!important;}


/*day 選天模式*/
.calendar-day{
	padding-top: 1.5em;
}
.calendar-day .left{
	padding-bottom: 1.5em;
}
.calendar-day .left table th{
	border: 1px #f0f0f0 solid;
	text-align: center;
	vertical-align: middle;
	padding: .5em;
}
.calendar-day .left table td{
	border: 1px #f0f0f0 solid;
}
.calendar-day .left table .tb-item td.passday{
	background-color: #f0f0f0;
	border-right: 1px #ccc solid;
}
.calendar-day .left table .tb-item td{
	background-color: #fff;
	vertical-align: middle;
	text-align: center;
	border-left: 1px #f0f0f0 solid;
	
	position: relative;
	height: 5em;
}
.calendar-day .left table .tb-item td strong{
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	color: #999;
}
.calendar-day .left table .tb-item td.schedule a{
	font-family: "Noto Sans TC Light";
	background-color: #00adba;
	background-color: #d7e8f2;
	color: #fff;
	color: #1b2a6c;
	font-weight: 600;
	font-size: 1.5rem;
	display: block;
	height: 5em;
	line-height: 5em;
	transition: .3s;
}
.calendar-day .left table .tb-item td.schedule a:hover{
	background-color: #00adba;
	color: #fff;
}
.calendar-day .left table .tb-item td.today a{
	font-weight: 600;
	font-family: "Noto Sans TC Regular";
	color: #1b2a6c;
}
.calendar-day .right{
	padding-right: 0;
}
.calendar-day .right .schedule-info{
	padding: 0;
}
.calendar-day .right .schedule-info h2{
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	color: #1b2a6c;
	font-family: "Noto Sans TC Thin";
	padding-bottom: .5em;

	border-bottom: 1px solid #ccc;
}
.calendar-day .right .schedule-info p 
,.add-page .schedule-info p{
	font-family: "Noto Sans TC Light";
	font-weight: normal;
	font-size: 1.1em;
	padding: .5em;
	position: relative;
	padding-left: 1.8em;
}
.calendar-day .right .schedule-info p:nth-of-type(even){
	background-color: #f0f0f0;
}
.calendar-day .right .schedule-info p::before 
,.add-page .schedule-info p::before{
	content: "";
	position: absolute;
	left: 13px;
	top: 17px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	display: block;
	background-color: #00adba;
}
.calendar-day .right .schedule-info p a ,.add-page .schedule-info .item cite a{
	float: right;
	background-size: 1.5em;
	border-radius: 24px!important;
	width: 16px;
	height: 16px;
	padding: 1em;
}
.calendar-day .right .schedule-info p a:hover::before 
,.add-page .schedule-info .item p cite a:hover::before{
	left: -1.5rem;
	top: 40px;
	
	font-size: 1.2rem; 
	padding: 0.4em .5em;
}
.calendar-day .right .schedule-info p em{
	font-family: "bahnschrift Light";
	color: #1b2a6c;
	padding-right: .3em;
	font-size: 1.2em;
}



.add-page .schedule-info p::before{
	top: 32px;
	left: 16px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
}
.add-page .schedule-info{
	background-color: #fff;
}
.add-page .schedule-info p{
	padding-top: 1.2em;
	font-size: 1.3em;
}


/*news 消息 TPCA 國際人士貢獻獎*/
.contribute-award-detail .title{
	padding-left: 1em;
}




/*線上購物 book 實體書 電子書*/
.books-list .item-list .item .contact b 
,.favorite-list .item-list .item .contact b{
	position: absolute;
	right: 0;
	top: 0;
	padding: .6em;
	background-color: rgba(0,173,186,0.9);
	color: #fff;
	font-family: "Noto Sans TC Light";
	font-size: .9em;
	border-radius: 0 12px 0 2px;
}
.books-list .item-list .item .contact h2 a{
	font-weight: normal;
}

.books-list .item-list .item .contact h2 a:hover{
	color: #1b2a6c !important;
	font-weight: 600;
}
.books-list .item-list .item .pay{
	border-top: 1px solid #f2f2f2;
	padding-top: .8em !important;
}
.books-list .item-list .item .pay span{
	text-align: center;
}
.books-list .item-list .item .pay span h3 
,.books-list .item-list .item .pay span h4{
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	font-family: "bahnschrift Light";
}
.books-list .item-list .item .pay span h3 ,.psd .buy .pay h3 b{
	color: #f00;
	font-weight: 900;
}
.books-list .item-list .item .con-link a.icon-favicon{
	background-size: 1.5em;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 1.2em !important;
}
.books-list .item-list .item .con-link a.icon-shop-cart{
	background-size: 1.5em;
	background-position: .5em center;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 1.2em !important;
	padding-top: 0.45em !important;
	padding-left: 2.34em !important;
	padding-right: .5em !important;
	width: 9em;
	height: 2.5em;

	color: #1b2a6c;
}
.books-list .item-list .item .con-link a.icon-favicon:hover{
	border: 1px solid #fff;
}
.books-list .item-list .item .con-link a.icon-shop-cart:hover{
	color: #fff;
	border: 1px solid #fff;
}
.books-list .item-list .item .con-link a.icon-apply:hover::before{
	display: none !important;
}

.books-detail .contact .title h1{
	padding-left: 3.5em;
}
.books-detail .contact .title h1 cite{
	padding-right: 0;
}
.books-detail .contact .title h1 cite b{
	background-color: #00adba;
	color: #fff;
	padding: .3em 2em;
	margin-left: 1em;
	border-radius: 0 6px 6px 0;
}

/*學院 課程*/
.item-list .item .contact b{
	text-align: center;
}
.college-course .form-box .ip-txt div{
	padding-right: 0;
}
.college-course .item-list .item .contact b{
	position: absolute;
	left: 0;
	top: 0;
	padding: .6em;
	background-color: rgba(0,173,186,0.9);
	color: #fff;
	font-family: "Noto Sans TC Light";
	font-size: .9em;
	border-radius: 12px 0 0 2px;
	text-transform: uppercase;
}
.college-course .block-model .item .contact b{
	right: 0;
	left: 84.36%;
	top: 0;
	background-color: rgba(0,173,186,0.9);
	color: #fff;
	border-radius: 0 12px 0 2px;
	
}
.college-course .block-model .item .contact 
,.college-course .item-list .item .contact{
	position: relative;
}
.college-course .condition-search{
	padding-bottom: 0;
}
.college-course .condition-search .sub{
	padding-top: .5em;
	padding-right: 0 !important;
	padding-left: 0;
	width: 7.5%;
}
.college-course .condition-search a.icon-sub{
	font-size: 1.1em;
}

/*pcb 學院 企業 內訓*/
.corp-training .contact .html-edit img{
	margin: 0 !important;
	border: none;
	border-radius: 0;
	display: block;
	min-width: 100%;
	max-width: 100%;
}

/*內頁 亀0*/
.college-about-contact ,.digital-class ,.training-contact{
	padding-top: 0 !important;
}

/*pcb 學院 關於pcb*/

.college-about-us .subtitle{
	text-align: center;
	padding-bottom: 1em;
}

.college-about-us article.html-edit .ab-set1 
,.college-about-us article.html-edit .ab-set2 
,.college-about-us article.html-edit .ab-set3 
,.college-about-us article.html-edit .ab-set4 
,.college-about-us article.html-edit .ab-set5{
	padding-left: 15%;
	background-color: #fff;
	border-radius: 6px;
	margin-bottom: 1em;
	background-position: .5% center;
	background-size: 8em auto;
	background-image: url(../images/icon_rookie.svg);
	background-repeat: no-repeat;
}
.college-about-us article.html-edit .ab-set2{
	background-image: url(../images/icon_book2.svg);
}
.college-about-us article.html-edit .ab-set3{
	background-image: url(../images/icon_graduate.svg);
}
.college-about-us article.html-edit .ab-set4{
	background-image: url(../images/icon_Talent.svg);
}
.college-about-us article.html-edit .ab-set5{
	background-image: url(../images/icon_foucs.svg);
	background-size: 7em auto;
}


.college-about-us article.html-edit .ab-set1 h3 
,.college-about-us article.html-edit .ab-set2 h3 
,.college-about-us article.html-edit .ab-set3 h3 
,.college-about-us article.html-edit .ab-set4 h3 
,.college-about-us article.html-edit .ab-set5 h3{
	font-family: "Noto Sans TC Thin";
	font-size: 2.3rem;
	font-weight: 600 !important;
	color: #00a6aa;
	letter-spacing: 1px;
}
.college-about-us article.html-edit .ab-set1 h3 strong 
,.college-about-us article.html-edit .ab-set2 h3 strong 
,.college-about-us article.html-edit .ab-set3 h3 strong 

,.college-about-us article.html-edit .ab-set4 h3 strong 
,.college-about-us article.html-edit .ab-set5 h3 strong{
	font-size: 2.4rem;
	font-family: "bahnschrift Light";
	font-weight: 600;
	text-transform: uppercase;
	padding-right: .3em;
	margin-right: .3em;
	color: #1b2a6c;
	border-right: 1px solid #ccc;
}

.college-about-us article.html-edit .ab-set3 p b 
,.college-about-us article.html-edit .ab-set4 p b{
	color: #db0e61;
	padding-right: 0.2em;
	text-transform: uppercase;
}





/*pcb 學院 願景 任務 理念*/

.college-about-contact .main-content article.html-edit{

	background-color: #fff;
}

.college-about-contact .college-set1 
,.college-about-contact .college-set2 
,.college-about-contact .college-set3{
	background-position: top center;
	background-size: 100%;
	background-image: url(../images/college_about1.jpg);
	background-repeat: no-repeat;
	
	text-align: center;
	padding-top: 13em;
	padding-bottom: 18em;
}
.college-about-contact .college-set2{
	background-image: url(../images/college_about2.jpg);
	padding-top: 15em;
	padding-bottom: 1em;
}
.college-about-contact .college-set3{
	background-image: url(../images/college_about3.jpg);
	padding-top: 11em;
	padding-bottom: 24em;
}
.college-about-contact .college-set1 p 
,.college-about-contact .college-set2 p 
,.college-about-contact .college-set3 p{
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	font-family: "Noto Sans TC Medium";
	text-shadow: 2px 3px 5px #333;
	background-color: rgba(0,0,0,.15);
	text-transform: uppercase;
}
.college-about-contact .college-set2 p{
	margin: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	
	border-top: none;
	background-color: rgba(0,0,0,.15);
	padding: .5em 0;
}
.college-about-contact .college-set2 p:first-of-type{
	border-radius: 12px 12px 0 0;
}
.college-about-contact .college-set2 p:last-of-type{
	border-radius: 0 0 12px 12px;
}


.college-about-contact .college-set1 p 
,.college-about-contact .college-set3 p{
	text-shadow: 2px 3px 5px #333;
	border: none;
	background-color: rgba(0,0,0,0);
	font-size: 2.4em;
}
.college-about-contact .college-set2 p em{
	display: inline-block;
	width: 100%;
}
.college-about-contact .college-set1 strong 
,.college-about-contact .college-set2 strong 
,.college-about-contact .college-set3 strong{
	color: #77e2ea;
}


/*pcb 學院 教育訓練*/
.quality-contact .conBg{
	/*
	background-color: transparent;
	*/
}
.quality-contact h2.title{
	padding-bottom: .5em;
}
.quality-contact .html-edit{
	position: relative;
	padding-bottom: 50em;
}
.collegeBg{
	top: -4em;
	left: 1em;
	position: absolute;
	width: 1000px;
	height: 1000px;
	background-position: top center;
	background-size: 1000px auto;
	background-image: url(../images/collegeBg.png);
	background-repeat: no-repeat;
	z-index: 1;
}
.quality-contact .college-logo{
	display: block;
	left: 400px;
	top: 330px;
	position: absolute;
	background-color: #fff;
	border: 0px solid #1b2a6c;
	border-radius: 110px;
	width: 220px;
	height: 220px;
	
	z-index: 5;
	box-shadow: 6px 0px 18px #fff;
	
	
	background-position: center;
	background-size: 12em auto;
	background-image: url(../images/logo_pcbcollege.svg);
	background-repeat: no-repeat;
}
.quality-contact .quality-set1 
,.quality-contact .quality-set2 
,.quality-contact .quality-set3{
	z-index: 1;
	position: absolute;
	
} 
.quality-contact .quality-set1{
	top: 380px;
	left: 110px;
}
.quality-contact .quality-set2{
	top: 20px;
	left: 315px;
}
.quality-contact .quality-set3{
	top: 380px;
	right: 190px;
}
.quality-contact .quality-set1 p::first-letter 
,.quality-contact .quality-set2 p::first-letter 
,.quality-contact .quality-set3 p::first-letter{
	font-weight: 600;
	color: #18548c;
	font-size: 1.8em;
	font-family: "Noto Sans TC Regular";
	padding-right: .1em;
	padding-left: .1em;
	border-left: 1px solid #1b2a6c;
	border-top: 1px solid #1b2a6c;
}
.quality-contact .quality-set2 p::first-letter{
	color: #884412;
	border-left: 1px solid #8d3200;
	border-top: 1px solid #8d3200;
}
.quality-contact .quality-set3 p::first-letter{
	color: #055161;
	border-left: 1px solid #006d74;
	border-top: 1px solid #006d74;
}
.quality-contact .quality-set1 p 
,.quality-contact .quality-set2 p 
,.quality-contact .quality-set3 p{
	font-size: 1.2em;
	font-family: "Noto Sans TC Light";
	font-weight: bold;
	color: #fff;
	
	width: 360px;
	height: 360px;
	border-radius: 180px;
	
}
.quality-contact .quality-set1 p{
	
	background: linear-gradient(45deg, #4298da ,#103169 ,#103169);
	background: linear-gradient(45deg, #000 ,#103169 ,#103169);
	background-color: #4298da;
	padding: 3.5em;
	padding-top: 5.5em;
	padding-right: 4.5em;
	background-position: bottom 50%;
	background-size: 20em auto;
	background-image: url(../images/quality_s1.png);
	background-repeat: no-repeat;
}
.quality-contact .quality-set2 p{
	background-color: #f90;
	
	
	padding: 2.6em;
	padding-top: 3.2em;
	background-position: bottom 50%;
	background-size: 20em auto;
	
	background-repeat: no-repeat;
	
	background-image: 
		url(../images/quality_s2.png), 
		linear-gradient(180deg ,#f90 ,#f90 ,#6b3c00 ,#6b3c00);
}
.quality-contact .quality-set3 p{
	background: linear-gradient(90deg, #13acb6 ,#103169 ,#103169);
	background-color: #13acb6;
	
	padding: 3.5em;
	padding-top: 5.5em;
	padding-left: 4.5em;
	background-position: bottom 50%;
	background-size: 20em auto;
	background-image: url(../images/quality_s3.png);
	background-repeat: no-repeat;
}


/*資訊專區 技術服務平台(收費) 背景 影片*/

.ktp-contact{
	padding-top: 0;
	background-color: #818d97;/*x銀灰*/
	background-color: #000;
	background: linear-gradient(to top ,#666 ,#111 ,#111 ,#000 ,#000 ,#000 ,#000);
	background: linear-gradient(to top ,#a5adb1 ,#a5adb1 ,#808f98 ,#808f98 ,#808f98 ,#808f98 ,#808f98 ,#808f98 ,#808f98 ,#808f98 ,#808f98);
	
}
.ktp-contact video.ktp-video{
	width: 100%;
	object-fit: cover !important;
	z-index: -1;
	opacity: 0.7;
	
	/*
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-name: finout2;
	/*transition: opacity 1s;
	animation-duration: 5s;
	animation-fill-mode: both;
	animation-fill-mode: backwards;
	animation-direction: reverse;
	*/
}
.ktp-contact .ktp-box{
	position: absolute;
	text-align: center;
	color: #fff;
	width: 97.5%;
	z-index: 1;
}

.ktp-contact .ktp-box h2{
	padding-top: .5em !important;
	font-size: 4em;
	font-family: "Noto Sans TC Thin";
	font-family: "LXGW WenKai Mono TC Light";
	writing-mode: vertical-lr;
	position: absolute;
	margin: 0; 
	opacity: 0.4;
	left: .5em;
}
.ktp-contact .ktp-box blockquote.t1{
	font-size: 2.5em;
	font-family: "Noto Sans TC Thin";
	font-family: "LXGW WenKai Mono TC Light";
	text-decoration: underline 1px;
	text-underline-offset: 12px; /*文字底線距離*/
	writing-mode: vertical-lr;
	white-space:nowrap;
	border: none;
	
	opacity: 0.4;
	position: absolute;
	left: 1.9em;
	top: 2em;
}
.ktp-contact .ktp-box h3{
	padding-top: 1em;
	padding-bottom: .5em;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 4.25em;
	text-shadow: 2px 2px 6px #666;
	color: #f1bb69;
	color: #fff;
	color: #fcff00;
	font-weight: normal;
	font-family: "Noto Sans TC Medium";
	font-family: "Noto Sans TC Thin";
	
}
.ktp-contact .ktp-box p.t2{
	font-size: 1.5em;
	color: #fcff00;
	font-family: "Noto Sans TC Light";
	padding-bottom: 1em;
	font-weight: 600;
	text-shadow: 2px 2px 6px #666;
}
.ktp-contact .ktp-box strong{
	border: 1px solid #1b2a6c;
	border: none;
	padding: .6em;
	font-size: 2.2em;
	font-weight: normal;
	width: 34%;
	display: inline-block;
	justify-content: center;
	margin-bottom: .12em;
	background-color: rgba(133,133,40, 0.42);
	font-family: "Noto Sans TC Regular";
}
.ktp-contact .ktp-box strong:first-of-type{
	border-radius: 12px 0 0 0;
	border-left: 1px solid rgba(133,133,40, 0.5);
	border-top: 1px solid rgba(133,133,40, 0.5);
}
.ktp-contact .ktp-box strong:last-of-type{
	border-radius: 0 0 12px 0;
	border-right: 1px solid rgba(133,133,40, 0.5);
	border-bottom: 1px solid rgba(133,133,40, 0.5);

}
.ktp-contact .ktp-box strong:nth-of-type(2){
	border-radius: 0 12px 0 0;
	border-right: 1px solid rgba(133,133,40, 0.5);
	border-top: 1px solid rgba(133,133,40, 0.5);
}
.ktp-contact .ktp-box strong:nth-of-type(3){
	border-radius: 0 0 0  12px;
	border-left: 1px solid rgba(133,133,40, 0.5);
	border-bottom: 1px solid rgba(133,133,40, 0.5);
}

.ktp-contact .ktp-box strong b{
	font-weight: normal;
	width: 100%;
	display: inherit;
}
.ktp-contact .ktp-box cite{
	font-size: 1.5em;
	padding-top: 1em !important;
	font-family: "Noto Sans TC Regular";
	text-shadow: 2px 2px 6px #666;
	letter-spacing: 9px;
	opacity: 0.8;
	opacity: 0.6;
}

.ktp-contact .ktp-box cite{
	display: inline-block;
	width: 100%;
	padding-top: 2em;
}
.ktp-contact .window .contact{
	background-color: transparent !important;
	background-color: rgba(0,0,0, 0.1) !important;
	color: #fff;
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}
.ktp-contact .window .contact h2{
	color: #fff !important;
	font-family: "Noto Sans TC Light";
	text-align: right;
	margin-right: 0 !important;
	padding-right: 1em;
}
.ktp-contact .window .contact cite a ,.ktp-contact .window .contact cite var{
	color: #74ebf4;
}

/*知識庫*/
.knowledge-base .condition-search{
	padding-bottom: 0;
}
.knowledge-base .info-list .sub{
	padding-top: .5em;
}
.knowledge-base .info-list  a.icon-sub{
	padding: 0.5em 3em;
}









/*pcb產業分享*/
.pcbshere-contact .use-time{
	border-radius: 6px;
	background-color: #fff;
	padding: 1em;
	padding-bottom: 0;
	margin-bottom: 2em;
	font-size: 1.2em;
}
.pcbshere-contact .use-time p strong{
	padding-right: 1em;
	color: #1b2a6c;
}
.pcbshere-contact article.html-edit h3.subtitle 
,.pcbshere-contact article.html-edit h4{
	text-align: center;
	padding-bottom: .5em;
}
.pcbshere-contact h3.subtitle{
	font-size: 1.2em;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	text-align: center;
	padding: .5em 0;
}
.pcbshere-contact h4.subtitle{
	display: inline-block;
	width: 100%;
	font-size: 1.2em;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: .5em;
}
.pcbshere-contact h4.subtitle strong{
	font-weight: 600;
	color: #db0e61;
	padding-left: .5em;
	border-left: 1px solid #ccc;
	margin-left: .5em;
}
.pcbshere-contact article.html-edit p{
	text-align: justify;
	line-height: 2em;
}
.pcbshere-contact .add-lightbox{
	margin-top: 1.5em;
}
.pcbshere-contact .window{
	padding-left: 0;
}
.pcbshere-contact .window .contact{
	margin-left: 0em !important;
	margin-right: 0em !important;
	margin-bottom: 1em !important;
}
.pcbshere-contact .window .contact p{
	padding-right: .5em;
}
.form-box .input-select .to{
	padding: 0;
	font-weight: 600;
	font-size: 1.6em;
	font-family: "Noto Sans TC Medium";
}

/*會員專區 訂單總覽 order*/

.member-order .filter-select{
	padding-top: 0 !important;
	padding-bottom: 1em !important;
}
.member-order-list .condition-search{
	padding: 0;
	padding-bottom: 1em;
}

.order-list .trwd{
	padding-top: 0;
}
.order-list .tb-name td{
	background-color: #f4feff;
	border: 1px solid #f2f2f2;
}

.order-list .tb-name td h3{
	font-family: "Noto Sans TC Light";
	font-size: 1.3em;
	font-weight: normal;
	margin: 0.5em;
	color: #1b2a6c;
}

/*會員 基本資訊*/
.profile-contact{
	padding-left: 0;
	padding-right: 0;
}
.profile-contact h2{
	margin-bottom: 1em;
}
/*會員專區 我的課程*/



/*出版品 ipc*/
.publishing-info article.html-edit{
	font-family: "Noto Sans TC Light";
}
.publishing-info article.html-edit .ipc-set1 
,.publishing-info article.html-edit .ipc-set2 
,.publishing-info article.html-edit .ipc-set3 
,.publishing-info article.html-edit .ipc-set4{
	padding-left: 15%;
	background-color: #fff;
	border-radius: 6px;
	margin-bottom: 1em;
	background-position: -5% 70%;
	background-size: 12em auto;
	background-image: url(../images/icon_inquiry.svg);
	background-repeat: no-repeat;
}
.publishing-info article.html-edit .ipc-set2{
	background-image: url(../images/icon_order.svg);
}
.publishing-info article.html-edit .ipc-set3{
	background-image: url(../images/icon_serach_commodity.svg);
}
.publishing-info article.html-edit .ipc-set4{
	background-image: url(../images/icon_delivery.svg);
}
.publishing-info article.html-edit h2{
	text-align: center;

}
.publishing-info article.html-edit h2 strong{
	text-align: center;
	padding: .5em 1.2em;
	background-color: #fff;
	box-shadow: 3px 3px 6px #ccc;
	border-radius: 6px 6px 0 0;
	padding-top: .5em;
	width: 65%;
	font-size: 2.5rem;
	font-family: "Noto Sans TC Thin";
}
.publishing-info article.html-edit .ipc-set1 h3 
,.publishing-info article.html-edit .ipc-set2 h3 
,.publishing-info article.html-edit .ipc-set3 h3 
,.publishing-info article.html-edit .ipc-set4 h3{
	font-family: "Noto Sans TC Thin";
	font-size: 2.3rem;
	font-weight: 600 !important;
	color: #00a6aa;
	letter-spacing: 1px;
}
.publishing-info article.html-edit .ipc-set1 h3 strong 
,.publishing-info article.html-edit .ipc-set2 h3 strong 
,.publishing-info article.html-edit .ipc-set3 h3 strong 
,.publishing-info article.html-edit .ipc-set4 h3 strong{
	font-size: 2.4rem;
	font-family: "bahnschrift Light";
	font-weight: 600;
	text-transform: uppercase;
	padding-right: .3em;
	margin-right: .3em;
	color: #1b2a6c;
	border-right: 1px solid #ccc;
}
.publishing-info article.html-edit p.ct{
	font-size: 2rem;
	padding-bottom: 1em;
}

.publishing-info article.html-edit .ipc-set2 p b{
	color: #db0e61;
	padding-left: 0.2em;
}
.publishing-info article.html-edit .ps{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0.8em;
}
.publishing-info article.html-edit ol{
	padding-left: 1em;
}



/*電路板數位學堂*/
.digital-class article.html-edit{
	font-family: "Noto Sans TC Light";
}
.digital-class article.html-edit .ipc-set1 
,.digital-class article.html-edit .ipc-set2 
,.digital-class article.html-edit .ipc-set3{
	padding-left: 15%;
	background-color: #fff;
	border-radius: 6px;
	margin-bottom: 1em;
	background-position: 0% 50%;
	background-size: 8em auto;
	background-image: url(../images/icon_buy_member.svg);
	background-repeat: no-repeat;
}
.digital-class article.html-edit .ipc-set2{
	background-image: url(../images/icon_tw.svg);
	background-size: 7em auto;
	background-position: 1% 50%;
}
.digital-class article.html-edit .ipc-set3{
	background-image: url(../images/icon_thai.svg);
	background-size: 7em auto;
	background-position: 1% 50%;
}
.digital-class article.html-edit h2{
	text-align: center;

}
.digital-class article.html-edit h2 strong{
	text-align: center;
	padding: .5em 1.2em;
	background-color: #fff;
	box-shadow: 3px 3px 6px #ccc;
	border-radius: 6px 6px 0 0;
	padding-top: .5em;
	width: 65%;
	font-size: 2.5rem;
	font-family: "Noto Sans TC Thin";
}
.digital-class article.html-edit .ipc-set1 h3 
,.digital-class article.html-edit .ipc-set2 h3 
,.digital-class article.html-edit .ipc-set3 h3{
	font-family: "Noto Sans TC Thin";
	font-size: 2.3rem;
	font-weight: 600 !important;
	color: #00a6aa;
	letter-spacing: 1px;
}
.publishing-info article.html-edit .ipc-set1 h3 strong 
,.publishing-info article.html-edit .ipc-set2 h3 strong 
,.publishing-info article.html-edit .ipc-set3 h3 strong 
,.digital-class article.html-edit .ipc-set1 h3 strong 
,.digital-class article.html-edit .ipc-set2 h3 strong 
,.digital-class article.html-edit .ipc-set3 h3 strong{
	font-size: 2.4rem;
	font-family: "bahnschrift Light";
	font-weight: 600;
	text-transform: uppercase;
	padding-right: .3em;
	margin-right: .3em;
	color: #1b2a6c;
	border-right: 1px solid #ccc;
}
.digital-class article.html-edit p.ct{
	font-size: 2rem;
	padding-bottom: 1em;
}
.digital-class article.html-edit .ipc-set2 p b{
	color: #db0e61;
	padding-left: 0.2em;
}
.digital-class article.html-edit .ps{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0.8em;
}
.digital-class article.html-edit ol{
	padding-left: 1em;
}
.digital-class .trwd{
	padding-top: 0;
	padding-bottom: 0;
}
.digital-class .trwd table{
	margin-top: 0 !important;
}




/*上方資訊列 資訊列 psd 下單*/
.psd .buy .pay ,.psd .order{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.psd div ,.psd .buy ,.psd .buy .pay{
	border: 0px solid !important;
}
.psd .buy .pay h3 ,.psd .buy .pay h4{
	margin: 0;
	font-size: 1.24em;
	color: #666;
}
.psd .buy .pay h4{float: left !important;}
.psd .buy .pay h3 b ,.psd .buy .pay h4 b ,.psd .buy .pay h3 cite{
	font-size: 1.2em;
	font-weight: normal;
	font-family: "Bebas Neue";
	font-family: "bahnschrift Light";
	margin-left: 0.1em;
	margin-right: 0.4em;
	color: #000;
}
.psd .buy .pay h4 b{
	font-size: 1.6em;
	font-weight: 600;
	color: #f00;
}

.psd .order a{
	display: block;
	text-align: center;
	background-color: #1b2a6c;
	color: #fff;
	border-radius: 6px;
	border: 1px solid #1b2a6c;
	
	padding: 0.3em 2.2em;
	margin-top: 0.5em;
	font-weight: 600;


	font-family: "Noto Sans TC Light";
	transition: 0.3s;
}
a.icon-add-shopping:hover{

	background-color: #f2f2f2 !important;

	border: 1px solid #1b2a6c !important;
	color: #1b2a6c !important;

}
a.icon-buybook{
	background-color: #1b2a6c !important;
	border: 1px solid #1b2a6c !important;
	color: #fff !important;
}
a.icon-buybook:hover{
	background-color: #1b2a6c !important;
	color: #fff !important;
}
.psd .number .input-select{
	margin: 0;
	margin-left: 1em;
}
.psd .number .select-moon select{
	padding: 0;
	margin-top: 0.5em;
	text-align: center;
	border: 1px solid #ccc;
	box-shadow: none;
	height: 2.2em;
}
.psd .number .select-moon select:hover{
	border: 1px solid #1b2a6c;
}




/*表單*/
.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:last-of-type{
	border-left: 1px solid #ccc;
	margin-right: 0.5em;
	padding-left: 1em;
}
.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;
}
.form-box div.window p strong{
	font-family: "Noto Sans TC Light";
}
.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 錯誤 重填 error warning back*/


.has-error ,.has-warning ,.has-feedback{
	border: 2px solid #fefefe;
	animation-delay: 2s;
	animation-iteration-count: 2;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: flash;
	
	background-image: url("../images/icon_error.svg");
	background-size: 0.8em auto;
	background-repeat: no-repeat; 
	background-position: right;
}
.has-warning{}
.has-feedback{}



.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 input[type=password] 
,.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 input[type=password]: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 
,.form-box .ip-txt input[type=password]:focus 
,.input-switch input[type=text]:focus{
	box-shadow: none;
	border: 2px solid #1b2a6c;
	color:#1b2a6c;
	font-weight: 600;
}
.form-box .ip-txt .col-sm-10_5 div.col-sm-4 .ip-txt .col-sm-8{ /*員工人數 三欄式 文字欄位專用*/
	padding-right: 0;
}
.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-select div.col-sm-2:nth-of-type(3){/*3連表單每一排第3個下拉*/
	padding-right: 0em;
}
.form-box .input-select .ip-txt div:last-of-type{/*多欄下拉式選單最後一個欄位*/
	padding-right: 0em;
}

.form-box .input-select .col-md-10_5 div:first-of-type{ /*地址專用 第1欄*/
	padding-left: 0;
}
.form-box .input-select .col-md-10_5 div:nth-of-type(2) 
,.form-box .input-select .col-md-10_5 div:nth-of-type(3){ /*地址專用 第2、3欄*/
	padding-left: 0;
}
.form-box .input-select .col-md-10_5 div:nth-of-type(3){ /*地址專用 第3欄*/
	padding-right: 1em;
}
.form-box .input-select .col-md-10_5 div:last-of-type.col-md-1_5{
	padding-right: 0;
}
.form-box .input-select .col-md-10_5 div:last-of-type a.btn-main{
	color: #000;
	background-color: #fff;
	border-radius: 6px;
	width: 100%;
}
.form-box .input-select .col-md-10_5 div:last-of-type a.btn-main:hover{
	color: #fff;
	background-color: #1b2a6c;
}
.form-box .input-switch ,.form-box .ip-txt{
	margin-bottom: 0;
	padding-bottom: 1em;
}
.form-box .input-switch{
	padding-left: 1em;
	padding-right: 1em;
	padding-left: 1.5em; /*修正左側邊距表單對齊*/
}
.input-switch .control-label{
	padding-right: 1.5em !important; /*修正左側邊距表單 文字對齊*/
}
.form-box .input-switch .ip-txt{
	padding-top: 1em;
}

.form-box .input-switch .switch-field{
	border-radius: 6px;
	box-shadow: 2px 2px 8px #ccc;
}
.form-box .input-switch div:last-of-type{/*多欄下拉式選單最後一個欄位*/
	padding-right: 0em;
}
.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) 
,.form-box .input-switch .switch-field label:nth-child(even){
	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{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #1b2a6c; 
	color: #fff;
}
.form-box .input-switch .switch-field label:focus{
	border-right: 1px solid #fff;
	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;
	}
.form-box .upimg input[type=text]{

	border-radius: 6px;
	padding: 1.3em !important;
	border: 2px solid #fff;
	box-shadow: none;
	background-color: #fff;
}
.form-box .upimg input[type=text]:hover{
	border: 2px solid #1b2a6c;
}
.form-box .upimg label.input-file{
	position: absolute;
	right: 1em;
	padding: 0.3em;
	padding-right: 0.4em;
}
.form-box .upimg label span{
	background-color: #f1f1f1;
	color: #000;
	border: none;
	padding-left: 2em;
	padding-right: 2em;
}
.form-box .upimg label span:hover{
	background-color: #1b2a6c;
	color: #fff;
}



.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%;
	margin-bottom: 1em;
}

.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 .add-lightbox p{
	text-align: center;
}

.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) {/*我的筆電*/
  .topMenuPop .all-column{/*最外層*/
		width: 98%;
		padding: 0em;
		padding: 0 1em;
		padding-bottom: 1.5em;
	}
	.topMenuPop .two .column a{ /*2層*/
		font-size: 1em;
	}
	.topMenuPop .two .column ul{
		min-width: 180px;
		max-width: 220px;
	}
	
	
	/*浮動選單 間距控制*/
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(1) ul{ 
		/* 浮動選單 關於協會 會員專區*/
		border: 0px solid;
		min-width: 120px;
	}
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(3) ul{ 
		/* 浮動選單 關於協會 聯絡協會*/
		min-width: 120px;
	}
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(4) ul{ 
		/* 浮動選單 關於協會 場地租借*/
		min-width: 140px;
	}
}
@media (min-width: 1320px) {
	.topMenuPop .all-column{/*浮動選單 最外層*/
		width: 98%;
		padding: 0em;
		padding: 0 1em;
		padding-bottom: 1.5em;
	}
	.topMenuPop .two .column{ /*浮動選單 子項目寬度*/
		width: auto;
		padding-left: 1em;
		padding-right: 1em;
		border: 0px solid;
	}
	.topMenuPop .two .column ul{
		min-width: 170px;
		max-width: 180px;
	}
	
	/*浮動選單 間距控制*/
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(1) ul{ 
		/* 浮動選單 關於協會 會員專區*/
		border: 0px solid;
		min-width: 120px;
	}
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(3) ul{ 
		/* 浮動選單 關於協會 聯絡協會*/
		min-width: 120px;
	}
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(5) ul{ 
		/* 浮動選單 關於協會 場地租借*/
		min-width: 140px;
	}


	.topMenuPop .two .column h3{
		margin-top: 1em;
		font-size: 1.3em;
		width: 100%;
	}
	.topMenuPop .two .column a{ /*2層*/
		font-size: 1.1em;
		padding-bottom: 0.3em;
		margin-right: 0em;
	}
	.topMenuPop .two .column a:hover{
		padding-left: 0.8em;
		padding-bottom: 0.3em;
	}
	.topMenuPop .two .column a b{
		padding: 0em 0.6em;
		margin-left: 0.6em;
	}
	
	
}
@media (min-width: 1366px) {/*正規 筆電*/
  .web-index-menu{
		padding-left: 1em; 
		padding-right: 1em;
	}
	
	/*浮動選單 間距控制*/
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(1) ul{ 
		/* 浮動選單 關於協會 會員專區*/
		border: 0px solid;
		min-width: 120px;
	}
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(3) ul{ 
		/* 浮動選單 關於協會 聯絡協會*/
		min-width: 120px;
	}
	.topMenuArea .row div:nth-of-type(3) .two div:nth-of-type(5) ul{ 
		/* 浮動選單 關於協會 場地租借*/
		min-width: 140px;
	}
	
	.shop-detail .toc{
		width: 60.4% !important;
	}
	
	
	
}
@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{
		position: fixed;
		bottom: 0;
		padding: 0;
		padding-bottom: 1em;
		background-color: rgba(255,255,255,0.92);
		background-color: rgba(0,0,0,0.92);
	}
	.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: 2em 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: 1em;
		display: block;
		position: absolute;
		width: 24px;
		height: 24px;
		border-radius: 12px;
		background-color: #00adba;
		color: #fff;
		text-align: center;
		padding-top: 2px;
		top: 15px;
		right: 0;
	}
	
	/*formbox */
	
	.trwd {
		overflow: auto;
		padding: 1em 0;
	}
	.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";
	}
	
	.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;
	}
	.youtube{padding: 0;}
	.youtube iframe{
		max-width: 100%; 
		height: 300px;
	}
	.info-detail article.html-edit a{
		margin-bottom: 0.5em !important;
	}
	
	.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;
	}
	
	.about-organize .organize-contact article.html-edit .trwd{
		overflow: auto;
		padding: 1em 0;
		border: 1px solid !important;
	}
	.about-organize .organize-contact  article.html-edit .trwd table{
		width: 1200px !important;
	}
	.about-organize .organize-contact  article.html-edit .trwd th 
	,.about-organize .organize-contact  article.html-edit .trwd td {
		font-size: 1.3em;
		border: 1px solid #fff;
		font-weight: 300;
	}
	.about-organize .organize-contact  article.html-edit .trwd th {
		background-color: #fff;
		color: #000;
		font-size: 1.3em;
	}
	
	

}

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

}





/*最大 767px (含) 以下 xs */ /*phone 手機 pp 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 */}
	
	a ,a:hover ,a:focus ,a:active ,a:checked{
		transition: 0 !important;
	}
	
	a.icon-apply:hover::before 
	,a.icon-favicon:hover::before 
	,a.icon-download:hover::before 
	,a.icon-link:hover::before 
	,a.icon-gallery:hover::before{
		display: none;
	}
	
	
	/*zz z-index 層*/
	.pfooterMenu{
		z-index: 3;

	}
	.csd-detail{z-index: 8;}
	.pMenu{
		z-index: 9;
	}
	.phone-search{
		position: sticky;
		z-index: 3;
	}
	
	.circle-slider .page-switch{
		z-index: 3;
	}
	.circle-slider .page-switch a {
		z-index: 10;
	}
	.csd-menu {
		z-index: 9;
	}
	.info-detail .title{
		z-index: 9;/*父層*/
	}
	
	.layout{padding-left: 1em; padding-right: 1em;}
	.padding-out{
		padding-left: 0;
		padding-right: 0;
	}
	.test{
		position: fixed;
		bottom: 0;
		padding-bottom: 2em;
		background-color: rgba(255,255,255,0.92);
		background-color: rgba(0,0,0,0);
		border: 3px solid #000;
		width: 100%;
		height: 100px;
		z-index: 9999;
	}
	
	/*共用 lr0*/
	.info-detail ,.about-history ,.phone-search .search 
	,.about-history .history-contact .main-content .html-edit 
	,.about-history .history-contact .main-content .html-edit ul 
	,.about-organize article.html-edit ,.about-contact-info article.html-edit 
	,.about-history .history-contact .main-content .title ,.about-contact-info address 
	,.info-detail .ex-unit .ohter-unit ,.publishing-info ,.organize-contact 
	,.corp .phone .acc ,.corp .phone ,.industry-contact .member-list .item-list .item .btns 
	,.calendar ,.association ,.info-list .condition-search .class-select 
	,.about-process article.html-edit ,.about-process article.html-edit ul 
	,.about-process article.html-edit ol ,.about-process article.html-edit ul 
	,.digital-class ,.digital-class article.html-edit ,.corp-training .ct-contact 
	,.pcbshere-contact article.html-edit
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.shopping-cart{ /*下方選單高度*/
		padding-bottom: 28em;
	}
	.action-info ,.news ,.download{
		padding-bottom: 10em;
	}
	
	
	.pMenu-list a{
		padding-top: 0.8em;
		padding-bottom: 0.8em;
		padding-left: 1.5em;

		font-size: 1.1em;
		font-family: "Noto Sans CJK TC Light"; 
		

	}
	.pMenu-list .pMenu-list-box li a span{
		background-color: #1b2a6c !important;
		color: #1b2a6c !important;
		border: 1px solid;
	}
	
	.pMenu-list .pMenu-links{
		display: inline-block;
		width: 100%;
		background-color: #f2f2f2;
		border-radius: 6px;
		padding: 1em;
		margin-top: 1em;
		margin-bottom: 1em;
		border: 0px solid #f2f2f2;;
	}
	.detail-page ,.csd-detail ,.psd-detail{
		background-color: #f0f0f0;
	}
	.infobar div{
		padding: 0;
	}
	
	.csd-detail{
		background-color: rgba(255,255,255,0.9);
	}
	.csd-detail a.icon-back ,.csd-detail a.icon-home{
		display: block;
		border: 0px solid;
		background-position: 70% center;
		background-repeat: no-repeat;
		background-size: 1.3em;
		background-color: transparent;
		padding: 1em !important;
	}
	.csd-detail a.icon-back:hover ,.csd-detail a.icon-home:hover{
		background-color: transparent!important;
		border: none;
	}
	.csd-detail a.icon-home{
		background-image: url("../images/icon_home.svg");
		background-size: 2em;
		background-position: 100% center;
		padding: 1.2em !important;
		padding-bottom: 21px !important;
	}
	.csd-detail .title h1{
		width: 100%;
		display: inline-block;
		text-align: center;
		font-size: 1.4em;
		font-family: "Noto Sans TC Medium";
	}
	
	.pMenu{
		padding: 1em;
		border-bottom: 1px solid #f2f2f2;
		position: sticky;
		top: 0;
		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;
	}
	
	.info-list{ /*列表頁面的最外層*/}
	.info-list .condition-search .class-select{ /*列表頁面上方分類區塊*/}
	
	.select-switch{
		padding-top: 0em !important;
		padding-left: 0em !important;
	}
	.select-switch a{
		padding: .3em 2em;
		padding-left: 1em;
		margin-right: .3em;
		white-space: nowrap;
		line-height: 3em;
		background-position: 94% center;
		
	}
	
	
	
	/*page-pag 頁碼 頁數*/
	.phone-page{
		position: fixed;
		bottom: 66px;
		width: 100%;
		background-color: rgba(230,230,230,0.92);
		background-color: rgba(255,255,255,0.92);
		padding-left: 0;
		
		border-top: 0px solid #ccc;
		border-bottom: 1px solid #ccc;
		z-index: 9;
	}
	.phone-page .pagination{
		display: flex; 
		justify-content: center;
		margin: .8em 0;
	}

	.phone-search{
		position: sticky;
		top: 57px;
		padding: .8em 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;
		text-align: center;
	}
	.phone-search a.icon-sub{
		position: absolute;
		right: .3em !important;
		top: .1em;
	}
	.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{
		position: fixed;
		padding: 0;
		padding-bottom: 0.5em;
		bottom: 0;
		background-color: rgba(255,255,255,0.92);
		z-index: 9999;
	}
	.pfooterMenu div{
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	} 
	.pfooterMenu a ,strong.icon-shop{
		display:block;
		width: 100%;
		padding-top: 2.8em;
		padding-bottom: 0em;
		background-image: url("../images/icon_search_menu_d.svg"); 
		background-repeat: no-repeat;
		background-size: 2em auto;
		background-position: center 0.8em;
		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;
	}
	strong.icon-shop{
		background-image: url("../images/icon_cart.svg"); 
		background-size: 2em auto;
		color: #ccc;

	}
	a.icon-shop-active{
		background-image: url("../images/icon_cart_active.svg"); 
		background-size: 2em auto;
	}
	a.icon-shop-active span.nember{
		font-family: "Bebas Neue";
		font-size: 1.4em;
		font-weight: normal;
		display: block;
		position: absolute;
		width: 24px;
		height: 24px;
		border-radius: 12px;
		background-color: #00adba;
		color: #fff;
		text-align: center;
		padding-top: 0px;
		top: 3px;
		right: 2em;
		
	}
	a.icon-btmenu{
		display:block;
		width: 6em; 
		height: 4.2em;
		background-image: url("../images/icon_menu_more.svg"); 
		background-repeat: no-repeat;
		background-size: 3em auto !important;
		background-position: center 0.9em;
	}
	.pfooterMenu a.icon-member{

		background-image: url("../images/icon_member.svg"); 
		background-size: 2em auto;
	}
	
	/*表單 form formbox */
	
	label.icon-favicon{
		height: 34px;
	}
	
	/*學院 課程*/
	
	.college-course .condition-search .sub{
		padding-bottom: 1em;
		padding-top: 0;
	}
	.college-course .condition-search .sub 
	,.college-course .condition-search .sub a.icon-sub {
		width: 100% !important;
		font-size: 1.6rem;
		display: block;
		text-align: center;
	}
	
	/*pcb 學院 企業 內訓*/
	
	.corp-training{
		padding-left: 0;
		padding-right: 0;
	}
	.corp-training .contact .html-edit ,.training-contact .main-content ,.training-contact{
		padding: 0 !important;
	}

	.corp-training .contact .html-edit img{
		object-fit: contain;
		object-fit: cover;
		object-position: top;
		min-height: 1500px!important;
	}
	.corp-training .main-content{
		padding: .5em;
		padding-bottom: 0;
		
	}
	
	.corp-training .window{
		padding-left: 0;
		margin-bottom: 0 !important;
		padding: 1em;
		padding: .5em !important;
	}
	.corp-training .window p{
		border: none !important;
		margin-top: .5em;
		text-align: center;
		
	}
	
	/*pcb 學院 願景 任務 理念*/
	.college-about ,.college-about .main-content{
		padding: 0;
	}
	.college-about-contact ,.college-about-contact .html-edit{
		padding: 0;
	}
	
	.college-about-contact .college-set1 
	,.college-about-contact .college-set2 
	,.college-about-contact .college-set3{
		background-position: top center;
		background-size: 100%;
		background-repeat: no-repeat;

		text-align: center;
		padding-top: 11em;
		padding-bottom: 1em;
	}
	.college-about-contact .college-set2{
		padding-top: 12.5em;
		padding-bottom: 1em;
	}
	.college-about-contact .college-set3{
		padding-top: 14em;
		
	}
	.college-about-contact .college-set1 h3 
	,.college-about-contact .college-set2 h3 
	,.college-about-contact .college-set3 h3{
		font-size: 1.2em;
		font-weight: normal;
		font-family: "Noto Sans TC Medium";
	}
	.college-about-contact .college-set1 p 
	,.college-about-contact .college-set2 p 
	,.college-about-contact .college-set3 p{
		font-size: 1em;
		font-weight: normal;
		font-family: "Noto Sans TC Medium";
		text-shadow: 0px 0px 0px #333 !important;
		border: 1px solid rgba(255,255,255,.3);
		background-color: rgba(0,0,0,.0);
		color: #00adba;
		text-align: center;
	}
	.college-about-contact .college-set2 p{
		text-align: left;
		border-bottom: 1px solid #ccc;
		padding-bottom: .3em;
	}
	.college-about-contact .college-set2 p em{
	display:inline;
	width: 100%;
}
	.college-about-contact .college-set2 p:last-of-type{
		border: none;
	}
	.college-about-contact .college-set1 strong 
	,.college-about-contact .college-set2 strong 
	,.college-about-contact .college-set3 strong{
		color: #1b2a6c;
	}

	/*pcb 學院 教育訓練*/
	.quality-contact ,.quality-contact .main-content ,.college-quality .contact{
		padding-bottom: 0 !important;
	}
	.quality-contact .main-content ,.college-quality{
		padding-left: 0;
		padding-right: 0;
		background-color: #fff;
	}
	.quality-contact{
		padding-top: 5em;
	}
	.quality-contact h2.title{
		display: none;
	}
	.quality-contact .html-edit ,.quality-contact{
		padding-left: 0;
		padding-right: 0;
		
		position: relative;
		padding-bottom: 0em;
	}
	.collegeBg{
		top: -10.5em;
		left: 0;
		position: absolute;
		width: 100%;
		height: 400px;
		z-index: 0;
		
		
		background-position: bottom;
		background-size: 500px auto;
		background-image: url(../images/collegeBg_phone.png);
		background-repeat: no-repeat;
	}
	
	
	/*pcb 學院 關於pcb*/
	.college-about-us article.html-edit{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.college-about-us article.html-edit .ab-set1 
	,.college-about-us article.html-edit .ab-set2 
	,.college-about-us article.html-edit .ab-set3 
	,.college-about-us article.html-edit .ab-set4 
	,.college-about-us article.html-edit .ab-set5{
		padding: 1em;
		padding-top: 0;
		background-color: #fff;
		border-radius: 6px;
		margin-bottom: 1em;
		background-position: bottom right !important;
		background-size: 8em auto;
		background-image: url(../images/icon_rookie_m.svg);
		background-repeat: no-repeat;
	}
	.college-about-us article.html-edit .ab-set2{
		background-image: url(../images/icon_book2_m.svg);
	}
	.college-about-us article.html-edit .ab-set3{
		background-image: url(../images/icon_graduate_m.svg);
	}
	.college-about-us article.html-edit .ab-set4{
		background-image: url(../images/icon_Talent_m.svg);
	}
	.college-about-us article.html-edit .ab-set5{
		background-image: url(../images/icon_foucs_m.svg);
		margin-bottom: 0;
	}
	


	.college-about-us article.html-edit .ab-set1 h3 
	,.college-about-us article.html-edit .ab-set2 h3 
	,.college-about-us article.html-edit .ab-set3 h3 
	,.college-about-us article.html-edit .ab-set4 h3 
	,.college-about-us article.html-edit .ab-set5 h3{
		font-family: "Noto Sans TC Thin";
		font-size: 2rem;
		font-weight: 600 !important;

		color: #00a6aa;
		
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.college-about-us article.html-edit .ab-set1 h3 strong 
	,.college-about-us article.html-edit .ab-set2 h3 strong 
	,.college-about-us article.html-edit .ab-set3 h3 strong 
	,.college-about-us article.html-edit .ab-set4 h3 strong 
	,.college-about-us article.html-edit .ab-set5 h3 strong{
		font-size: 2rem;
		font-family: "bahnschrift Light";
		font-weight: 600;
		text-transform: uppercase;
		padding-right: .3em;
		margin-right: .3em;
		color: #1b2a6c;
		border: none;
		
		
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	.college-about-us article.html-edit .ab-set3 p b 
	,.college-about-us article.html-edit .ab-set4 p b{
		color: #db0e61;
		padding-right: 0.2em;
		text-transform: uppercase;
	}

	
	/*pcb 學院 品質*/
	.quality-contact .college-logo{
		position: relative;
		left: 22%;
		top: -3em;;
		background-color: transparent;
		border: 0px solid #1b2a6c;
		width: 12em;
		height: 90px;
		margin-bottom: 0em;

		z-index: 5;
		box-shadow: 0px 0px 0px #fff;


		background-position: center;
		background-size: 13em auto;
		background-image: url(../images/logo_pcbcollege.svg);
		background-repeat: no-repeat;
		
	}
	.quality-contact .quality-set1 
	,.quality-contact .quality-set2 
	,.quality-contact .quality-set3{
		z-index: 1;
		position: relative;
		padding: 0;

	} 
	.quality-contact .quality-set1{
		top: 0px;
		left: 0px;
	}
	.quality-contact .quality-set2{
		top: 0px;
		left: 0px;
	}
	.quality-contact .quality-set3{
		top: 0px;
		right: 0px;
	}
	.quality-contact .quality-set1 p::first-letter 
	,.quality-contact .quality-set2 p::first-letter 
	,.quality-contact .quality-set3 p::first-letter{
		font-weight: 600;
		color: #18548c;
		font-size: 1.8em;
		font-family: "Noto Sans TC Regular";
		padding-right: .2em;
		padding-left: 0;
		border: none;
	}
	.quality-contact .quality-set2 p::first-letter{
		color: #884412;
	}
	.quality-contact .quality-set3 p::first-letter{
		color: #055161;
	}
	.quality-contact .quality-set1 p 
	,.quality-contact .quality-set2 p 
	,.quality-contact .quality-set3 p{
		font-size: 1.4em;
		font-family: "Noto Sans TC Light";
		font-weight: bold;
		color: #fff;
		
		width: 100%;
		height: 360px;
		border-radius: 0px;
		letter-spacing: -1px;
		margin: 0;
		background-position: bottom;
		background-size: cover;
	}
	.quality-contact .quality-set1 p{
		background-color: #4298da;
		padding: 3em 1.6em;
		padding-top: 4.2em;
		padding-right: 2.6em;
	}
	.quality-contact .quality-set2 p{
		background-color: #f90;
		padding: 2em 1.6em;
		padding-top: 1.4em;
	}
	.quality-contact .quality-set3 p{
		background-color: #13acb6;
		padding: 3em 1.6em;
		padding-top: 4.2em;
	}
	
	/*資訊專區 技術服務平台(收費) 背景 影片*/

	.ktp-contact{
		padding: 0;
		background: linear-gradient(to top ,#111 ,#111);
		background: linear-gradient(to top ,#a5adb1 ,#808f98 ,#808f98 ,#808f98);
		overflow-x: hidden;
	}
	.ktp-contact video.ktp-video{
		width: 260%;
		margin-left: -30%;
		object-fit: cover !important;
		padding-top: 0em;
		padding-bottom: 1em;
		opacity: 0.5;
	}
	.ktp-contact .ktp-box{
		width: 100%;
		padding: .5em;
		
	}

	.ktp-contact .ktp-box h2{
		padding-top: 1em;
		font-size: 3em;
		font-family: "LXGW WenKai Mono TC Light";
		writing-mode: horizontal-tb;
		position: relative;
		margin: 0; 
		opacity: 0.8;
		left: 0;
	}
	.ktp-contact .ktp-box blockquote.t1{
		font-size: 1.6em;
		font-family: "LXGW WenKai Mono TC Light";
		text-decoration: underline 1px;
		text-underline-offset: 12px; /*文字底線距離*/
		writing-mode: horizontal-tb;
		white-space:nowrap;
		border: none;

		opacity: 0.8;
		position: relative;
		left: 0;
		top: 0;
	}
	.ktp-contact .ktp-box h3{
		padding-top: 1.5em;
		padding-bottom: .5em;
		font-size: 2.4em;
		color: #fff262;
		font-weight: normal;
		font-family: "Noto Sans TC Thin";
		font-family: "Noto Sans TC Medium";

	}
	.ktp-contact .ktp-box p.t2{
		font-size: 1.5em;
		color: #cec01f;
		color: #fff262;
		font-family: "Noto Sans TC Thin";
		font-family: "Noto Sans TC Medium";
		font-weight: normal;
		padding-bottom: 1.5em;
	}
	.ktp-contact .ktp-box p.t2 b{
		display: inherit;
		font-weight: normal;
	}
	.ktp-contact .ktp-box strong{
		padding: .6em;
		font-size: 1.5em;
		font-weight: normal;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		margin-bottom: 0;
		background-color: rgba(133,133,40, 0.4);
		font-family: "Noto Sans TC Regular";
		border: none !important;
		border-radius: 0 0 0 0!important;
	}
	.ktp-contact .ktp-box strong:first-of-type{
		border-bottom: 1px solid #666 !important;
	}
	.ktp-contact .ktp-box strong:last-of-type{
		border-top: 1px solid #666 !important;
	}
	.ktp-contact .ktp-box strong:nth-of-type(2){
		border-bottom: 1px solid #666 !important;	
	}
	   
	.ktp-contact .ktp-box strong b{
		width: auto;
	}
	.ktp-contact .ktp-box cite{
		font-size: 1.5em;
		padding-top: 1em !important;
		font-family: "Noto Sans TC Regular";
		opacity: 0.8;
		letter-spacing: 6px;
		display: inline-block;
		width: 100%;
	}
	.ktp-contact .window{
		padding: 0;
		padding: .5em !important;
		padding-top: 8em !important;
		margin-bottom: 0 !important;
	}
	.ktp-contact .window .contact h2 
	,.ktp-contact .window .contact cite 
	,.ktp-contact .window .contact strong{
		color: #fff !important;
		font-size: 1.3em;
	}
	.ktp-contact .window .contact cite a ,.ktp-contact .window .contact cite var{
		color: #adf0f5;
		margin-left: 0 !important;
	}
	.ktp-contact .window .contact p{
		border: none !important;
		padding-left: 0 !important;
	}
	.ktp-contact .window .contact p strong ,.ktp-contact .window .contact p{
		text-align: center;
	}

	/*知識庫*/
	.knowledge-base .condition-search .class-select{
		width: 100% !important;
	}
	.knowledge-base .condition-search .class-select .input-select{
		padding-left: 1em;
		
	}
	.knowledge-base .condition-search .sub{
		padding: 1em 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.knowledge-base .condition-search .sub a.icon-sub{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.knowledge-base .info-list .action-list .item-list .item .contact p{
		width: 77%;
	}
	.knowledge-base .info-list .action-list .item-list .item .contact p cite 
	,.knowledge-base .info-list .action-list .item-list .item .contact p strong{
		display: block;
		width: 60%;
		float: left;
		margin: 0;
	}
	.knowledge-base .info-list .action-list .item-list .item .contact p strong{
		width: 40%;
	}
	.knowledge-base .info-list .action-list .item-list .item .contact p em{
		display: inline-block;
		width: 100%;
	}
	.knowledge-base .info-list .action-list .item-list .item .contact img{
		height: 130px !important;
	}
	

	/*pcb產業分享*/
	.pcbshere-contact .use-time{
		font-size: 1.2em;
	}
	.pcbshere-contact .use-time p strong{
		padding-right: 1em;
		color: #1b2a6c;

	}
	.pcbshere-contact article.html-edit h3.subtitle 
	,.pcbshere-contact article.html-edit h4{
		text-align: center;
		padding-bottom: .5em;
	}
	.pcbshere-contact h3.subtitle{
		margin: 0;
		font-size: 1.2em;
	}
	.pcbshere-contact h4.subtitle{
		display: inline-block;
		width: 100%;
		font-size: 1.3em;
		border-top: 1px solid #ccc;
		padding-top: 1.5em;
		padding-bottom: 1em;
		
	}
	.pcbshere-contact h4.subtitle strong{
		margin: 0;
		padding: 0;
		display: inline-block;
		width: 100%;
		border: none;
		padding-top: .5em;
	}
	.pcbshere-contact .form-box .input-switch 
	,.pcbshere-contact .form-box .input-switch .control-label 
	,.pcbshere-contact .form-box .ip-txt .control-label 
	,.pcbshere-contact .form-box .ip-txt .col-xs-12 
	,.pcbshere-contact .form-box .input-select .col-xs-12 
	,.pcbshere-contact .form-table{
		padding-left: 0;
		padding-right: 0;
	}
	.pcbshere-contact .form-box .input-select div.col-xs-5_6{
		padding-right: 0 !important;
	}
	.pcbshere-contact .form-box .add-lightbox{
		width: 100%;
		margin-left: 0;
	}
	.pcbshere-contact article.html-edit p{
		text-align: justify;
		line-height: 2em;
	}
	.pcbshere-contact .add-lightbox{
		margin-top: 1.5em;
	}
	.pcbshere-contact .window{
		padding-left: 0;
		margin-bottom: 0 !important;
	}
	
	.pcbshere-contact .window .contact p{
		padding-right: .5em;
		padding-left: 0 !important;
		padding-bottom: 1em !important;
		border: none !important;
		border-bottom: 1px solid #ccc !important;
		margin-bottom: .5em !important;
	}
	.pcbshere-contact .window .contact p:last-of-type{
		border: none !important;
	}
	.form-box .input-select .to{
		font-size: 1.6em;
	}
	.pcbshere-contact .trwd table{
		width: 600px !important;
	}
	
	
	
	
	
	
	
	
	.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;
		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;

		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: 1.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");
	}
	
	
	
	/*行事曆*/
	
	/*全畫面*/
	.all-mode-selectbar{
		position: relative !important;
	}
	.area-all{
		padding: 0 !important;

	}
	
	.calendar .calendar-selectbar .form-box{
		padding-left: 1em;
	}
	.calendar .calendar-selectbar div:first-of-type{
		padding-right: 1em;
	}
	.calendar .calendar-selectbar .select-moon{
		padding-right: 0 !important;
	}
	/*day 選天模式*/
	.calendar-day{
		padding-top: 1.5em;
		padding: 0;
	}
	.calendar-day .top{
		padding-bottom: 1.5em;
		padding: 0;
	}
	.calendar-day .top table th{
		border: 1px #f0f0f0 solid;
		background-color: #f0f0f0;
		text-align: center;
		vertical-align: middle;
		padding: .5em;
		padding-bottom: 1em;
	}
	.calendar-day .top table td{
		border: 1px #f0f0f0 solid;
	}
	.calendar-day .top table .tb-item td.passday{
		background-color: #f0f0f0;
		border-right: 1px #ccc solid;
	}
	.calendar-day .top table .tb-item td{
		background-color: #fff;
		vertical-align: middle;
		text-align: center;
		border-left: 1px #f0f0f0 solid;

		position: relative;
		height: 5em;
	}
	.calendar-day .top table .tb-item td strong{
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		color: #999;
	}
	.calendar-day .top table .tb-item td.schedule a{
		background-color: #00adba;
		color: #fff;
		font-weight: 600;
		font-size: 1.5rem;
		display: inline-block;
		height: 32px;
		width: 32px;
		padding-top: 5px;
		transition: .3s;
		border-radius: 16px;
	}
	.calendar-day .top table .tb-item td.schedule a:hover{
		background-color: #d7e8f2;
		color: #1b2a6c;
	}
	.calendar-day .top table .tb-item td.today a{
		font-weight: 600;
		font-family: "Noto Sans TC Regular";
		background-color: #1b2a6c;
		color: #fff;
	}
	
	.calendar-day .bottom .schedule-info{
		padding: 0;
	}
	.calendar-day .bottom .schedule-info h2{
		width: 100%;
		display: flex;
		justify-content: center;
		align-content: center;
		color: #1b2a6c;
		font-family: "Noto Sans TC Thin";
		padding-bottom: .5em;
		border-bottom: 1px solid #ccc;
	}
	.calendar-day .bottom .schedule-info p 
	,.add-page .schedule-info p{
		font-family: "Noto Sans TC Light";
		font-weight: normal;
		font-size: 1.1em;
		padding: .5em;
		position: relative;
		padding-left: 1.8em;
	}
	.calendar-day .bottom .schedule-info p:nth-of-type(even){
		background-color: #f0f0f0;
	}
	.calendar-day .bottom .schedule-info p::before 
	,.add-page .schedule-info p::before{
		content: "";
		position: absolute;
		left: 13px;
		top: 17px;
		width: 6px;
		height: 6px;
		border-radius: 3px;
		display: block;
		background-color: #00adba;
	}
	
	.calendar-day .bottom .schedule-info p{
		display: inline-block;
		width: 100%;
	}
	.calendar-day .bottom .schedule-info p em{
		font-size: 1.2em;
		font-family: "bahnschrift Light";
		color: #1b2a6c;
		padding-right: .3em;
	}
	.calendar-day .bottom .schedule-info p cite{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.calendar-day .bottom .schedule-info p cite a{
		margin-left: 0;
		margin: .5em 1.5em;
		margin-bottom: 0;
		
	}
	
	
	
	
	.association-right .sub ,.association-info .sub 
	,.association-class .sub ,.association-apply .sub 
	,.memberjoin .sub ,.shopping-cart .sub ,.venue-rental .sub{
		padding: 1em;
	}

	.association-right .sub a ,.association-info .sub a 
	,.association-class .sub a ,.association-apply .sub a 
	,.memberjoin .sub a ,.shopping-cart .sub a ,.venue-rental .sub a ,.about-process .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{
		padding: 0;
	}
	.association-class .class-select .input-switch{
		padding-left: 6.7% !important;
		padding-right: 0 !important;
		width: 100%;
	}
	.association-class .class-select .switch-field {
		display: inline-block;
		font-size: 1em;
		font-weight: 600;
		
	}
	.association-class .class-select .switch-field label{
		width: 50%;
		height: 3.8em;
		line-height: 2.8em;
		border-bottom: 1px solid #ccc;
		
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.association-class .class-select .switch-field label:nth-of-type(1) 
	,.association-class .class-select .switch-field label:nth-of-type(3){
		border-right: 1px solid #ccc;
	}
	.association-class .class-select .switch-field label:last-of-type{
		width: 100%;
	}
	
	
	.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 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 .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;
	}
	.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;
	}
	
	
	/*banners 視覺 主視覺 頁面banner*/
	

	
	/*set*/
	
	.set{
		padding-left: 1em;
		padding-right: 1em;
		
	}
	
	.set a{
		font-size: 0.96em;
		font-weight: normal;
		padding-top: 0.7em;
		padding-left: 1.8em;
		padding-right: 1em;
		background-color: #fff;

		text-transform: uppercase;
		color: #000;
		display: block;
		height: 3em;
	}
	.set a b{
		display: none;
	}
	
	.set a.active b{
		display: block;
	}
	.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 ,.set a:nth-of-type(8)::before 
	,.set a:nth-of-type(9)::before{
		font-size: 2em;
	}


	
	
	/*訊息 列表*/
	.class-select{
		padding-left: 1em;
		padding-right: 1.5em;
	}
	
	
	.list-box .item-list .item{
		font-family: "Noto Sans TC Light";
		position: relative;
		border-radius: 6px;
	}
	.list-box .item-list .item img{
		float: left;
		width: 60px; 
		height: 110px !important;
		border-radius: 6px 0 0 6px;
	}
	.list-box .item-list .item img.object-fit{
		object-fit: cover;
	}
	
	.list-box .item-list .item h2 ,.list-box .block-model .item h2{
		font-size: 1.6rem !important;
		font-weight: 600;
		padding: 0.5em .6em;
		padding-top: 0.7em;
		padding-bottom: 0;
		width: 80%;
	}
	
	.list-box .item-list .item p{
		font-size: 1.2rem;
		
	}
	.list-box .item-list .item p cite{
		position: relative; /*父級*/
		margin-left: 0.6em;
		padding-left: 1em;
		font-size: 1.2rem;
	}
	.list-box .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;
	}
	
	.list-box .item-list .item .contact{
		text-align: justify;
	}
	.list-box .item-list .item{
		position: relative;
	}
	.list-box .item-list .item .con-link ,.download .item-list .item .con-link{
		width: 82%;
		left: 18%;
		height: 2.5em;
		position: absolute;
		bottom: 0;
		text-align: center;
		display: flex;
		justify-content: center;
		border-top: 1px solid #f2f2f2;
	}
	.list-box .item-list .item .con-link a ,.list-box .item-list .item .con-link a:hover{
		float: left;
		display: block;
		background-repeat: no-repeat; 
		background-position: center;
		background-color: transparent;
		background-size: 24px auto;
		border-radius: 0;
		padding: 0;
		margin-left: .5em !important;
		margin-right: .5em !important;
		width: 24px; 
		height: 24px;
	}
	.list-box .item-list .item .con-link a:hover::before{
		display: none;
	}
	
	
	/*格狀*/
	.list-box .block-model .item{
		border-radius: 6px;
	}
	.list-box .block-model .item h2{
		font-size: 1.8rem !important;
	}
	.list-box .block-model .item img{
		border-radius: 6px 6px 0 0!important;
	}
	.list-box .block-model .item a{
		height: auto !important;
	}
	.list-box .block-model .item p{
		font-size: 1.2em;
		margin-left: .7em;
		padding-bottom: 0 !important;
		width: 97%;
	}
	.list-box .block-model .item cite{
		font-size: 1.6rem !important;
	}
	.list-box .block-model .item .con-link{
		width: 100%;
		left: 0;
		height: auto;
		bottom: 0;
		border-top: 0px solid #f2f2f2;
	}
	.list-box .block-model .item .con-link a ,.list-box .block-model .item .con-link a:hover{
		background-size: 32px auto;
		border-radius: 0;
		padding: 0;
		margin-left: .5em !important;
		margin-right: .5em !important;
		width: 32px; 
		height: 32px !important;
	}
	
	/*格狀排列模式*/

	.block-model .item img{
		float: none;
		border-radius: 12px 12px 0 0;
	}
	.block-model .item img.object-fit{
		width: 100% !important;
		height: 240px !important;
	}
	.block-model .item h2{
		padding: 0.5em;
	}
	.block-model .item h2 a{
		color: #000;
	}
	.block-model .item p{
		padding: 0.5em;
	}
	.block-model .item{
		width: 100%;
		margin-right: 4%;
	}
	.block-model div.item:nth-of-type(even){
		margin-right: 0;
	}
	.block-model .item .con-link{
		height: 60px;
		position: relative !important;
		left: 0;
		justify-content: center !important;
	}
	.block-model .item .con-link a{
		height: 25px;
	}
	
	
	.condition-search{
		padding-right: 0;
		padding-left: 1em;
		padding-bottom: 0.5em;
	}
	
	.condition-search .input-switch{
		padding-left: 1em!important;
	}
	.condition-search .form-box .input-switch label.control-label{
		padding-bottom: 1em;
		margin-left: -1em;

	}
	.condition-search .class-select{
		padding-left: 0;
		padding-right: 1em;
	}
	
	
	.display-list{
		justify-content: flex-end;
		padding: 1em 0;
		
	}
	.display-list a{width: 50%;}
	.display-list a.icon-list{
		margin-left: 0em;
	}
	.display-list a.icon-block{
		margin-right: 0em;
	}
	
	.title-info{
		padding: 0;
		z-index: 10;
	}
	
	.layout .contact {
		padding-top: 0;
	}
	
	/*文件下載*/
	.download .item-list .item h2{
		width: 100%;
		border: 0px solid;
	}
	.download .item-list .item p{
		padding: 0.5em 0;
	}
	.download .item-list .item .con-link{
		width: 100% ;
		left: 0;
		height: 2.5em;
		position: relative;
	}
	
	/*消息類內頁*/

	.info-detail .ex-unit{
		padding-top: 1em !important;
		padding-bottom: 0;
	}
	.info-detail .main-unit{
		padding-top: 0;
	}
	.info-detail .ex-unit .ohter-unit{
		display: inline-block;
	}
	.info-detail .ex-unit .ohter-unit .item h2{
		font-size: 1.2em;
		font-family: "Noto Sans CJK TC DemiLight";
		font-weight: 600;
	}
	
	
	.info-detail .ex-unit .ohter-unit .item 
	,.info-detail .sponsor-unit .item{
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		background-color: rgba(255,255,255,0.6);
		
	}
	.info-detail .sponsor-unit .item{
		padding: 1em 1.5em;
		margin: 0 0.5%;
		margin-bottom: 1%;
		height: 8em;
		width: 49%;
	}
	.info-detail .photos .zoom-photo{
		display: block;
		padding-top: 1.5em;
	}
	.info-detail .photos .zoom-photo a img{
		margin-left: 0.3em;
		margin-right: 0.3em;
	}
	
	.info-detail .photos .zoom-photo a:nth-of-type img{
		margin-left: 0em;
		margin-right: 0em;
	}
	.info-detail .photos .zoom-photo a:first-of-type img{
		margin-left: 0em;
		margin-right: 0em;
	}
	.info-detail .photos .zoom-photo a:last-of-type img{
		margin-left: 0em;
		margin-right: 0em;
	}
	
	.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;
	}
	
	.info-detail .photos .zoom-photo a:hover img 
	,.info-detail .photos .zoom-photo a img.active 
	,.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;
	}
	
	.info-detail .title{
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		background-color: rgba(240,240,240,0.92);
		/*父層*/
	}
	.info-detail .title h1{
		position: relative;
		margin: 0;
		font-family: "Noto Sans CJK TC Light";
		text-align: justify;
		font-size: 1.6em;
		font-weight: normal;
		box-sizing: content-box;
		
	}
	.info-detail .title h1 cite i{
		margin-top: 20px !important;
	}
	.info-detail .title h1 cite{
		display: inline-block;
		position: relative;
		padding: 1em 2em;
		padding-bottom: 0;
		width: 100%;
		background-color: transparent;
		color: #666;
		border-radius: 6px 0 0 6px;
		font-size: 1.5rem;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
	}
	.info-detail .photos img{
		margin-top: 0em;
	}
	
	.info-detail .main-content{
		padding-bottom: 1.5em;
	}
	
	.info-detail .main-content a.icon-google-map{
		box-shadow: 4px 4px 8px #ccc; 
		margin-left: 0.8em;
	}
	.info-detail .main-content a.icon-google-map:hover{
		background-image: url("../images/icon_map.svg");
	}
	.info-detail .main-content .txt-item .contact .acc b{
		display: block;
		margin-bottom: 1em;
	}
	.info-detail .main-content .txt-item .contact p.acc b
	,.info-detail .main-content .txt-item .contact p.tel b{
		font-size: 1.7rem;
		background-color: rgba(255,255,255,0.6);
	}
	.info-detail .main-content .txt-item .contact p.acc 
	,.info-detail .main-content .txt-item .contact p.acc{
		position: relative;
		width: 80%;
		margin-bottom: 1em;
		text-align: left;
		font-size: 1.6rem;
	}
	.info-detail .main-content .txt-item .contact .acc a 
	,.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;
	}
	.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;
	}
	.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;
	}
	.info-detail .main-content .txt-item .contact .set .item p strong{
		display: block;
		background-color: transparent;
		padding-left: 0.5em;
		padding-top: 0.5em;
	}
	.info-detail .main-content .txt-item label.control-label{
		text-align: left;
		padding-top: 1em;
	}
	.info-detail .main-content .txt-item label 
	,.info-detail .main-content .txt-item .contact p 
	,.info-detail .main-content .txt-item .contact p h4 
	,.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;
	}
	.info-detail .main-content .txt-item .contact h4{
		font-family: "Noto Sans CJK TC DemiLight";
		font-weight: 600;

		font-size: 1.5em;
	}
	
	
	
	/*窗口訊息*/
	.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;
	}
	.form-box .window{
		margin: 1em 0;
	}
	.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;
	}
	.form-box div.window p:first-of-type{
		border-right: 0px solid #ccc;
	
	}
	
	
	/*最新消息 活動花絮*/
	
	.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: 100%;
		height: 370px !important;
		border-radius: 6px;
		margin-right: 0.5em;
		margin-bottom: 1em;
		float: left;
	}
	.supervisors-contact .item-list .item h2{
		width: 100%;
		text-align: center;
		font-family: "LXGW WenKai Mono TC Light";
		color: #000;
		font-size: 2em;
		font-weight: 600;
		padding-top: 0.7rem;
		padding-bottom: 0.5rem;
	}
	.supervisors-contact .item-list .item h2 em{
		font-family: "Noto Sans CJK TC Light";
		font-style: normal !important;
		font-size: 1.9rem;
		text-transform: uppercase;
		color: #1b2a6c;
		color: #666;
		margin-left: 0;
		font-weight: normal;
		white-space: nowrap;
		width: 100%;
		display: inline-block;
	}

	.supervisors-contact .item-list .item p{
		margin-bottom: 0;
	}
	.supervisors-contact .item-list .item p.n1{
		padding: 0;
		border-bottom: 1px solid #ccc;
		text-align: center;
		display: inline-block;
		width: 100% !important;
		background-color: #1b2a6c;
	}
	.supervisors-contact .item-list .item p.n1 strong{
		color: #fff;
		padding: 0em !important;
		font-family: "Noto Sans TC Light";
		font-size: 1.1em;
		font-weight: normal;
		border-radius: 0px;
		white-space: nowrap;
		background-color: transparent;
	}
	.supervisors-contact .item-list .item p.n1 strong cite{
		color: #ccc;
		padding: 0.5em;
		padding-left: 0.2em;
		padding-right: 0;
		font-family: "bahnschrift Light";
		font-size: 1.6rem;
		text-transform: uppercase;
		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{
		position: relative;
	}
	.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{
		font-family: "Bebas Neue";
		position: absolute;
		top: -0.8em;
		right: 0em;
		font-size: 3.5em;
		font-weight: 300;
		color: #f2f2f2;
	}
	
	.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;
		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;
	}
	
	.organize-contact{
		padding-top: 1em;
	}
	
	


	
	
	
	
	.main-content .group-all{
		padding-right: 0;

	}
	.main-content div.group-all:first-of-type div.sline:last-of-type::after{
		display: block;
	}


	.main-content .group-all .item p{
		width: 100%;
	}
	

	/*關於我們 成立沿革*/

	.about-history .history-contact{
		padding-top: 1em;
	}
	.about-history .history-contact .circle-img{
		background-size: cover;
	}
	.about-history .history-contact p.des{
		text-align: justify;
		font-size: 1.3em !important;
		font-family: "Noto Sans TC Thin";
	}
	.about-history .history-contact article.header{
		padding: 1em !important;
	}
	.about-history .history-contact .remark p.ps{
		text-align: justify;
	}
	.about-history .history-contact .main-content .title h2{
		margin-bottom: 1.2em;
	}
	

	.about-history .history-contact .main-content .html-edit ul{
		margin-right: 0;
	}
	.about-history .history-contact .main-content .html-edit h2{
		margin: 0em !important;
	}
	.about-history .history-contact .main-content .html-edit h3{
		margin-top: 0;
	}
	.about-organize .html-edit ul{
		padding: 0.2em; 
		margin: 0em;
	}
	.about-organize .html-edit li{
		padding: 0.2em; 
		margin: 0em;
	}
	.about-organize .html-edit ol li{
		padding: 0.2em;
		padding-left: 0em; 
		padding-right: 0.6em;
		margin: 0em;
		margin-left: 2.8em;
		font-size: 1.5rem;
		font-weight: normal;
		text-align: justify;
		letter-spacing: 0px;
	}
	.about-organize .html-edit ol{
		margin: 0;
		margin-top: 1em;
		margin-bottom: 1em;
		padding: 0;
		padding-left: 0.5em;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.about-organize .html-edit ul li{
		font-weight: 600;
		font-family: "Noto Sans TC Light";
	}
	.about-organize .html-edit ul li b{
		font-weight: 600;
		font-family: "Noto Sans TC Medium";
	}
	.about-organize .html-edit h2 
	,.about-organize .html-edit h2 b{
		font-size: 2.2rem;
	}
	.about-organize .html-edit h2 b{
		padding-left: 0.5em;
	}
	.about-contact-info{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	/*關於我們 聯絡窗口*/
	
	
	.about-contact-info article.title .acc ,.about-contact-info article.title .acc h3{
		font-size: 1.5rem;
		font-weight: 600;
	}
	.about-contact-info article.title .acc h1{
		font-size: 2rem;
		color: #1b2a6c;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
	}
	.about-contact-info article.title .acc h3{
		color: #00adba;
		font-family: "Noto Sans TC Light";
	}
	.about-contact-info article.title h2{
		padding-bottom: 0.5em;
	}
	.about-contact-info article.title a.ico-map{
		top: 5.2em;
		right: 1em;
		width: 48px;
		height: 48px;
		border-radius: 24px;
		background-size: 32px auto;
	}
	
	
	
	.about-contact-info .trwd table {
		width: 100% !important;
	}
	.about-contact-info .tb-item .person h3{
		font-size: 1.5em;
	}
	.about-contact-info .tb-item .person h3 em{
		font-size: 2rem;
		font-weight: 600;
	}

	.about-contact-info .tb-item .person cite{
		font-size: 1.6rem;
	}
	.about-contact-info .tb-item .person cite strong{
		font-size: 1.5rem;
		font-weight: 600 !important;
	}
	.about-contact-info .tb-item .person cite em{
		display: inline-block;
		margin-left: 0;
		padding-left: 0;
		border: none;
		font-size: 1.3rem;
	}
	.about-contact-info .table .tb-title th{
		font-weight: 600;
		font-size: 1.5rem;
	}
	.about-contact-info .table .tb-title th span{
		width: 100%;
		display: inline-block;
		font-weight: normal;
		font-size: 1rem;
	}
	.about-contact-info .tb-item td{
		padding: 0.5em;
	}
	.about-contact-info .tb-item td.tel p{
		font-size: 2em;
	}
	.about-contact-info .tb-item td.tel p{
		font-size: 1.7em;
		font-family: "Bebas Neue";
		font-weight: normal;
	}

	/*關於我們 about 租借流程*/
	.about-process .app-process .item{
		background-image:url(../images/step_p_bg.svg);
		display: inline-block;
		width: 100%;
		background-size: 25em auto;
		height: 10em;
		padding-top: 0em;
	}
	.about-process .app-process .vr-set6{
		background-size: 25em auto;
		background-image:url(../images/step_vrset6_p_bg.svg);
		height: 16em;
	}
	.about-process .app-process .item h3{
		font-size: 3rem;
	}
	.about-process .app-process .item p{
		font-size: 2rem;
	}
	.about-process .app-process .vr-set6 strong{
		border: none;
		border-top: 1px solid #ccc;
		padding-left: 0;
		margin-left: 0;
	}
	
	
	/*關於我們 about 場地租借*/

	.about-process .html-edit ul{
		margin: 0;
	}
	.about-process .html-edit ul li{
		margin-left: 0;
		margin-right: 0;
	}
	.about-process .html-edit ul li ol{
		padding: 1em !important;
		padding-left: .5em !important;
	}
	.about-process .html-edit ol li{
		margin-left: 1.5em;
		margin-right: 0;
	}
	.about-process .html-edit ol li ul li{
		margin-left: .5em;
	}
	.about-process .subtitle strong{
		display: inline-block;
		width: 100%;
	}
	.about-process .process-contact .title-info{
		display: inline-block;
		width: 100%;
		margin: 0;
		margin-top: 1em;
		font-size: 1.3em;
		padding: .8em;
	}
	
	/*購物車*/
	.shopdt .info-bots{
		justify-content: flex-start;
	}
	.shopdt .info-bots .input-select{
		margin-left: 1em;
	}
	.shopdt .info-bots .input-select .select-moon{
		margin-top: 1em;
		height: 3.2em !important;
	}
	.shopdt .info-bots .input-select .select-moon select{
		height: 3.2em;
	}
	.shopdt .info-bots a.add-cart{
		margin: 0 !important;
		margin-left: 2em !important;
		padding: 1em 2em;
		background-color: #1b2a6c;
		color: #fff;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		height: auto;
		width: auto;
		border-radius: 6px;
	}
	.shopdt .info-bots strong.icon-shop ,.shopdt .info-bots a.icon-shop-active 
	,.shopdt .info-bots a.icon-favicon ,.shopdt .info-bots .icon-favicon-active{
		border: 0px solid;
		display:block;
		width: 100%;
		padding-top: 2.8em;
		padding-bottom: 0em;
		background-repeat: no-repeat;
		background-size: 2em auto;
		background-position: center 0.8em;
		font-family: "Noto Sans TC Light";
		color: #666;
		font-weight: normal;
		font-size: 1em;
		
		background-image: url("../images/icon_cart.svg"); 
	}
	.shopdt .info-bots strong.icon-shop{
		padding-top: 2.8em;
		padding-bottom: .8em;
		background-size: 2em auto;
		background-position: center 0.8em;
		color: #999;
		text-align: center;
	}
	.shopdt .info-bots a.icon-shop-active{
		margin-right: 2em;
		width: auto;
		background-image: url("../images/icon_cart_active.svg"); 
	}
	.shopdt .info-bots a.icon-favicon ,.shopdt .info-bots a.icon-favicon:hover{
		width: auto;
		margin-left: 1em;
		background-image: url("../images/icon_favicon.svg");
		background-size: 2em auto;
	}
	.shopdt .info-bots a.icon-favicon-active ,.shopdt .info-bots a.icon-favicon-active:hover{
		margin-left: 1em;
		width: auto;
		background-image: url("../images/icon_favicon_active.svg");
		background-size: 2em auto;
	}
	.shopdt .info-bots a.icon-favicon:hover::before 
	,.shopdt .info-bots a.icon-favicon-active:hover::before
	{
		display: none;
	}

	.shopdt .info-bots a.icon-shop-active span.nember{
		font-family: "Bebas Neue";
		font-size: 1.4em;
		font-weight: normal;
		display: block;
		position: absolute;
		width: 24px;
		height: 24px;
		border-radius: 12px;
		background-color: #00adba;
		color: #fff;
		text-align: center;
		padding-top: 0px;
		top: 3px;
		right: -2px;
		
	}
	
	.shop-list{
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.shopping-cart .shop-list .item-list .contact h2{
		margin-top: .3em;
		font-size: 1em !important;
		width: 70%;
		padding-top: 1em;
		padding-left: 0em;
	}
	.shopping-cart .shop-list .item-list .contact h2 a{
		margin-left: 0;
	}
	.shop-list .item-title{
		padding-left: 1em !important;
	}
	
	.shop-list .item .contact{
		position: relative !important;
		padding-bottom: 1em !important;
	}
	.shop-list .item .contact img{
		border-radius: 6px !important;
		margin-top: 1em;
		margin-bottom: 0em;
		margin-right: .5em;
		width: 85px !important;
	}
	.shop-list .item .contact b ,.college-course .item-list .item .contact b{
		border-radius:  6px 0 0 !important;
		margin-top: 0px;
		padding: 0.5em;
		top: 0;

	}
	.books-list .item-list .item .contact b 
	,.favorite-list .item-list .item .contact b 
	,.college-course .block-model .item .contact b{
		border-radius: 0 6px 0 2px !important;
	}
	.shop-list .item .contact cite{
		position: absolute;
		right: .5em;
		bottom: 0.5em;
		color: #fff;
		background-color: #00adba;
		display: block;
		padding: 0.3em 1em;
		border-radius: 3px;
	}
	.shop-list .contact P{
		position: absolute;
		right: 0;
		bottom: 3.2em;
		margin-left: 0em !important;
		margin-right: .5em;
		padding: 0.2em 0.8em !important;
		font-size: 1em !important;
	}
	.shop-list .item .contact .pay{
		position: absolute;
		
		padding: 0;
		left: 7.8em;
		top: 5em;
	}
	.shop-list .item .contact .pay h3{
		margin: 0;
	}
	.shop-list .item .links{
		position: absolute;
		padding: 0 !important;
		display: flex;
		justify-content: flex-start;
		padding-left: 0px !important;
		padding-bottom: 0.5em !important;
		top: 6.8em;
		left: 7.8em;
	}
	.shop-list .item .links input[type=text]{
		float: left;
		margin: 0;
		padding: 0;
		width: 2em;
		height: 28px;
		text-align: center;
		font-size: 1.3em !important;
		border: none;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.shop-list .links a.icon-del{
		text-align: center;
		width: 2.8em !important;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		color: #666;
		padding: 0;
		padding-top: 0.2em;
		margin-left: .8em;
	}
	.shop-list .item .links a.icon-reduce 
	,.shop-list .item .links a.icon-add2{
		display: block;
		float: left;
		border-radius: 6px 0 0 6px;
		border: 1px solid #ccc;
		width: 2.4em !important;
		height: 28px !important;
		background-repeat: no-repeat; 
		background-position: center;
		background-image: url("../images/icon_increase.svg");
		background-size: 1.5em auto;
	
	}
	.shop-list .item .links a.icon-reduce{	
		background-image: url("../images/icon_reduce.svg");
	}
	.shop-list .item .links a.icon-add2{
		border-radius: 0 6px 6px 0;
	}
	.shop-list .item .links a.icon-reduce:focus 
	,.shop-list .item .links a.icon-reduce:checked 
	,.shop-list .item .links a.icon-reduce:hover{
		background-size: 1.5em auto !important;
		transform: none;
	}
	.shop-list .item .links a.icon-reduce:hover{	
		background-image: url("../images/icon_reduce_d.svg");
		background-color: #f2f2f2;
		
	}
	.shop-list .item .links a.icon-add2:hover{
		background-image: url("../images/icon_increase_d.svg");
		background-color: #f2f2f2;
	}
	
	.shop-contact .switch-info .input-switch .switch-field label{
		height: 15em;
		align-items: stretch;
		padding-top: 1em;
	}
	.shop-contact .switch-info .input-switch .switch-field label:first-of-type{
		border-right: 1px solid #f2f2f2;
	}
	.shop-contact .ip-txt textarea{
		width: 100%;
	}
	.shop-contact .input-select .col-md-6_5 div{
		padding-left: 0 !important;
	}
	.shopping-finish .main-content .trwd table tbody .info td{
		text-align: left;
	}
	/*按鈕點擊修正*/
	a.icon-shop-cart ,a.icon-shop-cart:checked ,a.icon-shop-cart:hover ,a.icon-shop-cart:focus{
		white-space: nowrap;
		transition: none !important;
		background-size: 1.5em !important;
		background-position: .5em center !important;
		width: 9em !important;
		height: 2.5em;
	}
	
	
	/*購物 書 季刊 內頁*/
	.shop-detail .photos{
		padding-right: 1em;
	}
	.shop-detail .photos img{
		border-radius: 12px 12px 0 0  !important;
		height: 500px !important;
		max-height: 500px !important;
	}
	.shop-detail .toc{
		width: auto !important;
		min-height: inherit !important;
		border-radius: 0 0 12px 12px!important;
		margin-bottom: 0em;
		padding-left: 1em;
	}
	.shop-detail .main-content{
		border:none;
		padding-top: 0;

	}
	.shop-detail .main-content ol li{
		margin-left: 1em !important;
	}
	.shop-detail .main-content article.html-edit:last-of-type h2{
		text-align: center;
		font-size: 1.2em;
		border:none !important;
		padding: 1em;
	}
	.shop-detail .main-content article.html-edit:last-of-type ol{
		font-size: 1.5rem;
	}
	.shop-detail .main-content article.html-edit:last-of-type{
		padding: .5em 1em;
		margin-top: 1em;
	}
	.shop-detail .main-content article.html-edit:last-of-type ol li::marker{ /*li 風格*/
		color: #ccc !important;
	}
	.shop-detail .main-content article.html-edit:last-of-type ol li{
		line-height: 2em;
	}
	.shop-detail .main-content article.html-edit:last-of-type ol li ol{
		padding: 1em;
	}
	.shop-detail .main-content article.html-edit:last-of-type ol li ol li:last-of-type a{
		display: inline-block;
		width: inherit;
	}

	
	
	.info-detail .contact .title h1 b{
		position: absolute;
		z-index: 3;
		right: 0;
		top: 0;
		padding: .25em 1em !important;
		font-size: 2rem;
		margin-right: 0;
	}
	.info-detail .contact .title cite{
		padding-top: 0.5em;
		padding-bottom: 1em;
	}
	.info-detail .contact .title cite i{
		margin-top: 12px !important;
	}
	
	.info-detail .window .contact p{
		border: 0 !important;
	}
	
	
	
	/*出版品 ipc*/
	.publishing-info article.html-edit{}
	.publishing-info article.html-edit .ipc-set1 
	,.publishing-info article.html-edit .ipc-set2 
	,.publishing-info article.html-edit .ipc-set3 
	,.publishing-info article.html-edit .ipc-set4{
		padding-left: 1em;
		padding-top: 1em;
		border-radius: 6px;
		margin-bottom: 1em;
		background-position: 105% 130%;
		background-size: 5.6em auto;
	}
	
	.publishing-info article.html-edit h2 strong{
		padding: .5em 1.2em;
		box-shadow: 3px 3px 6px #ccc;
		border-radius: 6px 6px 0 0;
		padding-top: .5em;
		width: 100%;
		font-size: 2rem;
		font-family: "Noto Sans TC Thin";
	}
	.publishing-info article.html-edit h3{
		margin-top: 0;
		font-size: 1.3em;
	}
	.publishing-info article.html-edit h3:first-child{
		text-align: center;
	}
	.publishing-info article.html-edit .ipc-set1 h3 
	,.publishing-info article.html-edit .ipc-set2 h3 
	,.publishing-info article.html-edit .ipc-set3 h3 
	,.publishing-info article.html-edit .ipc-set4 h3{
		font-family: "Noto Sans TC Thin";
		font-size: 1.6rem;
		font-weight: 600 !important;
		color: #00a6aa;
		letter-spacing: 1px;
	}
	.publishing-info article.html-edit .ipc-set1 h3 strong 
	,.publishing-info article.html-edit .ipc-set2 h3 strong 
	,.publishing-info article.html-edit .ipc-set3 h3 strong 
	,.publishing-info article.html-edit .ipc-set4 h3 strong{
		font-size: 1.6rem;
		font-family: "bahnschrift Light";
		font-weight: 600;
		text-transform: uppercase;
		padding-right: .3em;
		margin-right: .3em;
		color: #1b2a6c;
		border-right: 0px solid #ccc;
	}
	.publishing-info article.html-edit .ipc-set1 p 
	,.publishing-info article.html-edit .ipc-set2 p 
	,.publishing-info article.html-edit .ipc-set3 p 
	,.publishing-info article.html-edit .ipc-set4 p{
		font-size: 1.5rem;
	}
	.publishing-info article.html-edit .ipc-set2 p b{
		color: #db0e61;
		padding-left: 0.2em;
	}
	.publishing-info article.html-edit p.ct{
		text-align: center;
		font-size: 1.3rem;
		padding-bottom: 1em;
	}
	
	.publishing-info .form-box div.window .contact{
		width: 96%;
	}
	.publishing-info .form-box div.window .contact p{
		border: none !important;
	}
	
	/*電路板數位學堂*/
	.digital-class article.html-edit .ipc-set1 
	,.digital-class article.html-edit .ipc-set2 
	,.digital-class article.html-edit .ipc-set3{
		padding-left: 1em;
		padding-top: 1em;
		border-radius: 6px;
		margin-bottom: 1em;
		background-position: 100% 0%;
		background-size: 4em auto;
	}
	.digital-class article.html-edit .ipc-set2 
	,.digital-class article.html-edit .ipc-set3{
		background-position: 100% 40%;
	}
	.digital-class article.html-edit{
		padding-top: 0;
	}
	.digital-class article.html-edit h2 strong{
		padding: .5em 1.2em;
		box-shadow: 3px 3px 6px #ccc;
		border-radius: 6px 6px 0 0;
		padding-top: .5em;
		width: 100%;
		font-size: 2rem;
		font-family: "Noto Sans TC Thin";
	}
	.digital-class article.html-edit h3{
		margin-top: 0;
		font-size: 1.3em;
	}
	.digital-class article.html-edit h3:first-child{
		text-align: center;
	}
	.digital-class article.html-edit .ipc-set1 h3 
	,.digital-class article.html-edit .ipc-set2 h3 
	,.digital-class article.html-edit .ipc-set3 h3{
		font-family: "Noto Sans TC Thin";
		font-size: 1.6rem;
		font-weight: 600 !important;
		color: #00a6aa;
		letter-spacing: 1px;
	}
	.digital-class article.html-edit .ipc-set1 h3 strong 
	,.digital-class article.html-edit .ipc-set2 h3 strong 
	,.digital-class article.html-edit .ipc-set3 h3 strong{
		font-size: 1.6rem;
		font-family: "bahnschrift Light";
		font-weight: 600;
		text-transform: uppercase;
		padding-right: .3em;
		margin-right: .3em;
		color: #1b2a6c;
		border-right: 0px solid #ccc;
	}
	.digital-class article.html-edit .ipc-set1 p 
	,.digital-class article.html-edit .ipc-set2 p 
	,.digital-class article.html-edit .ipc-set3 p{
		font-size: 1.5rem;
		text-align: center !important;
	}
	.digital-class article.html-edit .ipc-set2 p b{
		color: #db0e61;
		padding-left: 0.2em;
	}
	.digital-class article.html-edit p.ct{
		text-align: center;
		font-size: 1.3rem;
		padding-bottom: 1em;
	}
	
	.digital-class .form-box div.window .contact{
		width: 96%;
	}
	.digital-class .form-box div.window .contact p{
		border: none !important;
	}
	
	
	
	
	/*會員*/
	.contactBg{
		background-color: #e8e8e8;
	}
	.member-order .filter-select{
		padding-bottom: 0em !important;
	}
	/*加入會員 完成*/
	.member-join-finish .contact p{
		text-align: left;
	}
	.member-join-finish .contact p em{
		display: inline-block;
		width: 100%;
		padding-top: 3em;
		text-align: center;
	}
	.member-join-finish .contact p cite{
		
	}
	/*會員首頁*/
	.member-index .contact{
		padding: 0;
		padding: 2em;
		text-align: center;
	}
	.member-index .contact a.icon-memberlogin 
	,.member-index .contact a.icon-memberlogout{
		font-size: 1.3em;
		color: #000;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		
		display: block;
		background-repeat: no-repeat; 
		background-position: top;
		background-image: url("../images/icon_member.svg");
		background-size: 3em auto;
		padding-top: 3em;
		
	}
	.member-index .item-list{
		border-radius: 12px;
		border: 1px solid #ccc;
		margin: 1em 0;
		margin-bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1em;
		
		font-family: "Noto Sans TC Light";
		font-size: 1.5rem;
		color: #1b2a6c;
		
	}
	.member-index .item-list a{
		border: 1px solid;
		margin: 0 1.5rem;
		
		display: block;
		background-repeat: no-repeat; 
		background-position: top;
		padding-top: 3em;
	}
	.member-index .item-list a.icon-order{
		background-image: url("../images/icon_increase.svg");
		background-size: 1.5em auto;
	}
	
	
	/*會員 基本資訊 留白 往下頂*/
	.profile-contact ,.college-course{
		margin-bottom: 5em;
	}
	.favorite{
		margin-bottom: 10em;
	}
	
	
	
	
	
	
	/*上方返回 title*/
	.psd-detail{
		background-image: url("../images/logo_menu.svg"); 
		background-repeat: no-repeat;
		background-size: 9em auto;
		background-position: 95% center;
	}
	 /*下方選單 金額計算*/
	.psd .info-bots .pay{ 
		padding-left: 1em !important;
	}
	.psd .info-bots .pay h3{
		font-size: 1.2em;
		margin: 0;
		color: #666;
	}
	.psd .info-bots .pay h3 b ,.psd .info-bots .pay h3 cite{
		font-family: "bahnschrift Light";
		margin: 0 0.2em;
		color: #000;
	}
	.psd .info-bots .pay h4 b{  
		color: #f00;
		font-size: 1.5em;
		font-family: "bahnschrift Light";
		margin-left: 0.3em;
	}
	.psd .info-bots .order {
		justify-content: center;
		align-items: center;
		margin-right: 1em;
	}
	.psd .info-bots .order a{
		text-align: center;
		width: 100%;
		height: 2.6em;
		padding: 0.5em 2em !important;
		font-size: 1.2em;
	}
	
	
	
	/*html 共用風格*/
	.about-history .history-contact .main-content .title h2 
	,.about-history article.html-edit h2{

		font-family: "Noto Sans TC Thin";
		font-size: 2.5rem !important;
		margin: 0;
		padding: 1em;
	}
	
	/*商品內頁*/
	.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;
		
	}
	.html-edit img{}
	.html-edit table th{
		font-size: 1em;
		background-color: #1b2a6c;
		color: #fff;
	}
	.html-edit table th ,.html-edit table td{
		padding: 0.5em;
		font-size: 1.2em;
		border: 1px solid #ddd;
		font-family: "Noto Sans TC Light";
		font-weight: 300 !important;
	}
	.html-edit table td{
		letter-spacing: 0;
	}
	
	/*言伸表格*/
	.html-edit .long{
		overflow-y: auto;
		overflow-y: hidden;
	}
	.html-edit .long table{
		width: 960px !important;
	}
	.html-edit .long::before{
		content: " 向左滑動檢視內容 ";
		right: 0;
		width: 14em;
		height: 1.8em;
		text-align: right;
		padding-right: 3.8em;
		position: absolute;
		font-size: 0.9em;
		font-weight: normal;
		margin-top: -5px;
		color: #000;
		
		animation-delay: 1s;
		animation-iteration-count: 2;
		animation-duration: 2s;
		animation-fill-mode: both;
		animation-name: flash;
		
		background-image: url("../images/icon_table_move.svg"); 
		background-repeat: no-repeat;
		background-size: 2.6em auto;
		background-position: 92% 15%;
	}
	
	.box4 table{
		width: 600px !important;
	}
	.trwd {
		overflow-y: hidden;
	}
	.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;
	} 
	.box5 table{ /*shopping-finish 結帳明細*/
		width: 700px !important;
	}
	
	.committee-info .trwd2{
		overflow: clip;
	}
	
	/*表格 寬度 table */

	.html-edit table{
		/* 表格
		width: 686px !important;
		max-width: 768px !important;
		*/
		font-size: 0.75em;
		text-align: justify;
	}
	.trwd table {
		width: 1000px !important;
	}
	.trwd table ,.trwd2 table {
		width: 1200px !important;
	}
	.box4 table{
		width: 100% !important;
	}
	.about-organize .organize-contact article.html-edit .trwd table{
		width: 1200px !important;
	}
	.about-contact-info .trwd table {
		width: 100% !important;
	}
	.digital-class .main-content article.html-edit .trwd table{
		width: 1200px !important;
	}
	
	/*訂單*/
	
	.order-list table{
		width: 800px !important;
	}
	.order-list .tb-item td{
		padding: 0.8em;
	}
	
	/* 內頁 youtube*/
	
	.youtube{padding: 0;}
	.youtube iframe{
		max-width: 100%; 
		height: 300px;
	}
	
	
	
	
}

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

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