@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.5em;
}

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

img {
	max-width: 100% !important;
}

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

/* 手機版：強制 lightbox 鋪滿視窗，避免 webmenu 設定的固定高度截斷登入頁等內容 */
@media (max-width: 767px) {

	.fancybox-wrap,
	.fancybox-wrap.fancybox-opened {
		left: 0 !important;
		top: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		max-width: 100vw !important;
		max-height: 100vh !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	.fancybox-wrap .fancybox-skin,
	.fancybox-wrap .fancybox-outer,
	.fancybox-wrap .fancybox-inner {
		width: 100% !important;
		height: 100% !important;
		max-width: 100vw !important;
		max-height: 100vh !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}

	.fancybox-wrap .fancybox-iframe {
		width: 100% !important;
		height: 100% !important;
	}

	/* 內容捲動讓底部按鈕也看得到 */
	.fancybox-type-iframe .fancybox-inner {
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

.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;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.basic-lightbox .bl-contact {
	padding: 0;
	width: 100%;
	height: 120px;
	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: relative;
	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.6em;
}

.topMenuArea .infobar .logo {
	padding-top: .4em;
	padding-left: .3em;
}

.topMenuArea .infobar .logo a {
	display: block;
	width: 255px;
	height: 50px;
	background-image: url(../images/logo.svg);
	background-repeat: no-repeat;
	background-size: 255px 50px;
	background-position: left;
	transition: 0.5s;
}


.topMenuArea .infobar.search a.icon-sub {
	right: 0 !important;
}

.topMenuArea .infobar .search {
	padding-top: .6em;
}

.topMenuArea .infobar .search input[type=text] {
	width: 100%;
	text-align: center;
	padding: 0.5em;
	border-radius: 6px !important;
	border: 1px solid #e2e2e2 !important;
	font-size: 1.2em;
}

.topMenuArea .infobar .search input[type=text]:focus {
	background-color: #f2f2f2;
	color: #1b2a6c;
}

.topMenuArea .infobar .search a.icon-sub {
	position: absolute;
	width: 6em;
	right: 0px;
	height: 42px;
	background-image: url("../images/icon_search.svg");
	background-size: 1.8em auto;

	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0px 6px 6px 0px;
}

.topMenuArea .infobar .search a.icon-sub:hover {
	background-image: url("../images/icon_search_d.svg");
	background-color: #1b2a6c;
	background-size: 2.1em auto;
}



/*語言 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;
	padding-bottom: 1em;
	/*語言選單下移*/
}

.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: .5em 1.2em !important;
	border: 1px solid #ccc;
	border-radius: 6px;
	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: 6px 6px 0 0;
}

.topMenuArea .lg-box .items ul {
	display: inline-block;
	width: 100% !important;
}

.topMenuArea .lg-box .first-menu {
	position: absolute;
	top: -4px;
	/*語言下拉選單向上移*/
	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: .5em 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 6px 6px;
	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,
a.icon-addtpca {
	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,
a.icon-addtpca {
	background-repeat: no-repeat;
	transition: 0.5s;
}

a.icon-loginMember,
a.icon-logout,
a.icon-addtpca {
	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-addtpca {
	background-image: url(../images/icon_tpca_member.svg);
	border-radius: 0;
	background-size: 4em auto;
}


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

/*-----會員服務按鈕------*/
.topMenuArea .topMenu a:last-of-type {
	position: absolute;
	right: 17px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	height: 42px;
}

.topMenuArea .topMenu a:last-of-type:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #1b2a6c;
}

.topMenuArea .topMenu a:last-of-type:hover::before {
	display: none;
}


/* 上方浮動視窗*/
.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";
	background-color: #fff;
}

.corp .brand {
	border-bottom: 1px solid #ccc;
	padding: 2em 0;
}

.corp .web {
	padding-bottom: 8em;
}

.corp .web .brand a.icon-ig,
.corp .web .brand a.icon-fb,
.corp .web .brand a.icon-x,
.corp .web .brand a.icon-weibo,
.corp .web .brand a.icon-wechat,
.corp .web .brand a.icon-line {
	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 {
	display: none;
	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 {
	padding-top: 4em !important;
	display: flex;
	justify-content: end;
}

.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;
	width: 100%;
	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: left;
	padding-right: 0;
	padding-left: 0;
}

.corp .web .acc h1 {
	padding-top: 3em;
	margin: 0;
	color: #1b2a6c;
	font-size: 1.2em;
	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 h3 {
	margin-top: 1em;
}

.corp .web .acc p {
	margin: 0;
}

.iframe-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


a.logo-corp,
a.icon-x,
a.icon-fb,
a.icon-line,
a.icon-ig,
a.icon-weibo,
a.icon-wechat {
	display: block;
	background-repeat: no-repeat;
	width: 2.5em;
	height: 2.5em;
	transition: 0.3s;
	float: left;
	margin-left: .5em;
}

a.logo-corp,
a.icon-x,
a.icon-fb,
a.icon-line,
a.icon-ig,
a.icon-weibo,
a.icon-wechat {

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

a.icon-line {
	background-image: url(../images/icon_line.svg);
}

a.icon-line:hover {
	background-image: url(../images/icon_line_d.svg);
	transition: 0.3s;
}

a.icon-ig {
	background-image: url(../images/icon_ig.svg);
}

a.icon-ig:hover {
	background-image: url(../images/icon_ig_d.svg);
	transition: 0.3s;
}

a.icon-weibo {
	background-image: url(../images/icon_weibo.svg);
}

a.icon-weibo:hover {
	background-image: url(../images/icon_weibo_d.svg);
	transition: 0.3s;
}

a.icon-wechat {
	background-image: url(../images/icon_wechat.svg);
}

a.icon-wechat:hover {
	background-image: url(../images/icon_wechat_d.svg);
	transition: 0.3s;
}

/* WeChat QR Code Popover */
a.icon-wechat {
	position: relative;
}

a.icon-wechat .qrcode-popover {
	display: none;
	position: absolute;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 1px solid #e2e8f0;
	padding: 8px;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	z-index: 9999;
	border-radius: 6px;
	text-align: center;
	width: 136px;
}

a.icon-wechat .qrcode-popover::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

a.icon-wechat .qrcode-popover::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 7px;
	border-style: solid;
	border-color: #e2e8f0 transparent transparent transparent;
	z-index: -1;
}

a.icon-wechat:hover .qrcode-popover {
	display: block;
}


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

.add-page {
	padding: 0 !important;
}

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

.add-page .form-right {
	display: flex;
	justify-content: flex-end;
	padding-right: 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%;
}

.add-page .input-switch .switch-field label {
	border: 1px solid #ccc !important;

	background-image: url("../images/icon_switch_check.svg");
	background-size: 1em auto;
	background-repeat: no-repeat;
	background-position: 99% center;

}

.add-page .input-switch .switch-field input[type=checkbox]:checked+label {
	background-image: url("../images/icon_switch_check_d.svg");
	background-size: 1em auto;
	background-repeat: no-repeat;
	background-position: 99% center;
}

.add-page .input-switch .switch-field label:first-of-type {
	border-radius: 6px 0 0 6px !important;
}

.add-page .input-switch .switch-field label:last-of-type {}

/*會員 登入頁面*/
.login-page .left .login-item .control-label {
	padding-left: 0;
}

.login-page .left .login-item .form-group {
	margin-bottom: .5em !important;
}

.login-page .left .sub {
	position: relative;
}

.login-page .left .sub a.icon-sub {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
}

.login-page .left .sub a.icon-sub:hover {
	background-color: #fff;
	color: #1b2a6c;
}

.login-page .left a.icon-for-password {
	position: absolute;
	left: 1em;
	padding-top: 4.5em !important;
	z-index: 9;
	background-color: transparent !important;
}

.login-page .left a.icon-for-password:hover {
	color: #db0e61 !important;
}

.login-page .right {
	padding-right: 0 !important;
	border-left: 1px solid #ccc;
}

.login-page .right div:first-of-type {
	padding-left: 0;
	padding-right: 0em;
}

.login-page .right h2 {
	margin: 0;
	font-size: 1em;
	font-weight: 600;
	color: #666;
	padding: .6em 0;
}

.login-page .right a {
	display: inline-block;
	width: 100%;
	padding: 1em;
	border-radius: 6px;
	text-align: center;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: .5em;
	background-repeat: no-repeat;
}

.login-page .right a.icon-google {
	background-image: url("../images/icon_google.svg");
	background-size: 2em auto;
	background-position: .5em center;
	border-radius: 6px;
	padding-left: 1.8em !important;
}

.login-page .right a.icon-google:hover {
	background-image: url("../images/icon_google_d.svg");
	background-size: 2.8em auto;
	background-position: .8em center;
	background-color: #00adba;
	color: #fff;
	padding-left: 3.8em !important;
}

.login-page .right a.icon-register {
	background-image: url("../images/icon_web_member.svg");
	background-size: 1.5em auto;
	background-position: 1em center;
	background-color: #fff;
	padding-left: 1.8em !important;
}

.login-page .right a.icon-register:hover {
	background-image: url("../images/icon_web_member_d.svg");
	background-size: 2em auto;
	background-position: 1.5em center;
	background-color: #7280fa;
	color: #fff;
	padding-left: 4em !important;
}

.login-page .right a.icon-company {
	background-image: url("../images/icon_tpca_member.svg");
	background-size: 3.5em auto;
	background-position: .5em center;
	background-color: #fff;
	padding-left: 2.5em !important;
}

.login-page .right a.icon-company:hover {
	background-image: url("../images/icon_tpca_member_d.svg");
	background-size: 4em auto;
	background-position: 1.2em center;
	background-color: #666;
	color: #fff;
	padding-left: 5em !important;
}

.login-page .right .login-info {
	border-top: 1px solid #ccc;
	padding-top: .8em;
	margin-top: .5em;
}

.login-page .right .login-info li:first-of-type {
	padding-bottom: .4em;
}

.login-page .right .login-info li {
	text-align: left;
	list-style-type: circle;
	font-weight: normal;
}

.login-page .ip-txt {
	position: relative;
}

.login-page a.icon-for-password {

	border-radius: 4px;
	background-color: #fff;
	color: #db0e61;
	padding: 5px 1em;
}

.login-page a.icon-for-password:hover {
	background-color: #db0e61;
	color: #fff;
}


.sub a.icon-register {
	position: absolute;
	left: 1em;
	border-radius: 6px;
	background-color: #fff;
	color: #333;
	padding: 0.3em 0.5em;
}

.sub a.icon-register:hover {

	background-color: #00adba;
	color: #fff;
}

.sub a.icon-for-password {
	position: absolute;
	left: 1.5em;
	color: #00adba;
	font-size: 1em;
	font-weight: normal;
	font-family: "Noto Sans CJK TC Light";
}

.sub a.icon-for-password:hover {
	background-color: transparent;
}

.sub a.icon-google {
	display: block;
	width: 6em;
	height: 2.5em;
	position: absolute;
	top: 0.8em;
	right: 1em;
	background-image: url("../images/icon_google.svg");
	background-size: 5em auto;
	background-repeat: no-repeat;
	background-position: center 6px;
	border-radius: 6px;
}

iframe {
	padding: 0;
}


/*lb login*/

.add-page .login-page {
	margin: 0;
	padding: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	display: inline-block;
	border: none;
	background-color: #efefef;
}

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

/*member_forget 忘記密碼*/
.member-forget .g-recaptcha-area {
	width: 100%;
	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: 70px;
	/*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;
}

.info-detail .title {
	z-index: 9;
}


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

.web-index-menu .search {
	width: 400px !important;
}

.web-index-menu .search a.icon-sub {
	right: 0 !important;
}

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

.web-index-menu .search input[type=text] {
	background-color: transparent;
	font-weight: 600;
	transition: 0.3s;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	filter: blur(0px);
}

.web-index-menu .search input[type=text]:hover,
.web-index-menu .search input[type=text]:focus {
	background-color: #fff !important;
	filter: blur(0px);

}

.web-index-menu .search a.icon-more {
	display: none;
}


.quick-link .search a.icon-sub {
	position: absolute;
	width: 6em;
	top: 1.2em;
	right: 25px;
	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 !important;
}

.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,
.user-bots {
	/*左右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 {
	/*background-image: url("../images/icon_linkpage.svg");*/
	background-size: 1.3em;
	background-repeat: no-repeat;
	background-position: 95% center;
	font-family: "Noto Sans TC Regular";
	font-family: "Noto Sans TC Medium";
	color: #1b2a6c;
	position: relative;
}

article.html-edit li a:hover,
article.html-edit a:hover {

	color: #00adba;
	/*
	background-image: url("../images/icon_linkpage_d2.svg");
	animation-iteration-count: 1;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: flash;
	*/
}

.member-join-finish .contact p a,
.publishing-info .html-edit p a,
.shop-detail .html-edit a,
.about-contact .html-edit 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;
}

.member-join-finish .contact p a:hover,
.publishing-info .html-edit p a:hover,
.shop-detail .html-edit a:hover,
.about-contact .html-edit a:hover {
	background-image: url("../images/icon_linkpage_d2.svg");
	background-color: #1b2a6c;
	color: #fff;
	border: 1px solid #1b2a6c;
	/*
	animation-iteration-count: 1;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-name: flash;
	*/
}

article.html-edit a.pic {
	display: inline-flex;
	padding: 0;
	border-radius: 12px !important;
	transition: 0.3s;
}

article.html-edit a.pic img {
	margin: 0 !important;

}

article.html-edit a.pic:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	background-color: #fff;
	color: #000;
	border-radius: 6px;
	margin: .5em;
	z-index: 9;
	background-image: url("../images/icon_blink.svg");
	background-size: 2em auto;
	background-repeat: no-repeat;
	background-position: center;
}

/*
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 {
	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,
.page-pag .pagination .active a,
.page-pag .pagination a.active:hover,
.page-pag .pagination .active a:hover,
.page-pag .pagination a.active:focus,
.page-pag .pagination .active a:focus {
	color: #fff !important;
	background-color: #1b2a6c !important;
	border: 1px solid #1b2a6c !important;
}

.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 {
	margin-bottom: 1.2em;
}

.shop-detail .photos-inner {
	background-color: #f2f2f2;
	padding: 0em !important;
	border-radius: 12px;

}

.shop-detail .html-edit {
	border-radius: 12px !important;

}


.shop-detail .book-photo {
	padding: 1em !important;
	padding-top: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shop-detail .book-toc {
	min-height: 600px;
	border-radius: 0 12px 12px 0;
	background-color: #f2f2f2;
	padding-left: 1.5em !important;
	color: #333;
}

.shop-detail .book-photo .owl-carousel {}

.shop-detail .book-photo .owl-carousel .owl-stage-outer {
	padding-left: 5em;
}

.shop-detail .book-photo .owl-carousel .owl-dots {
	height: auto !important;
}

.shop-detail .book-photo img {
	width: 400px !important;
	height: 500px !important;
	max-height: 600px !important;
	float: left;
	margin-top: 0 !important;
	border-radius: 0px !important;
	object-fit: contain !important;
}

.shop-detail .title .book-type {
	background-color: transparent;
	box-shadow: none;
	padding: 0;
}

.shop-detail .title .book-type em {
	position: relative;
	float: left;
	left: 0;

	background-color: #00adba;
	color: #fff;
	background-color: #fff;
	color: #666;

	margin-right: 1em;
	border-radius: 6px;
	padding: 0.5em 2.2em;
	font-size: 1.5rem;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	letter-spacing: 3px;
	box-shadow: 3px 3px 8px #ddd;
}

.shop-detail .title .book-type em.ebook,
.shop-detail .price-box p.ebook {
	background-color: #fff;
	color: #F76098;
}

.shop-detail .title .book-type em.physical,
.shop-detail .price-box p.physical {
	background-color: #fff;
	color: #00adba;
}




.shop-detail .title h1 b {
	margin-top: 1em !important;
}

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

.price-box,
.price-box .pay,
.price-box h3,
.price-box h4,
.price-box p {
	padding: 0;
	margin: 0;
}

.price-box .content {
	padding: 1em;
	display: flex;
	justify-content: center;
}

.price-box .pay {
	padding-top: 1em;
	text-align: center;
}

.price-box .pay h3 {
	font-size: 2rem;
}

.price-box .pay h4 {
	font-size: 1.6rem;
	margin: .3em;
	font-weight: normal;
}

.price-box .pay h3 b {
	color: #f00;
}

.price-box .pay h4 b {
	color: #000;
}

.price-box .pay h3 b,
.price-box .pay h4 b {
	font-size: 1.2em;
	font-weight: normal;
	font-family: "bahnschrift Light";
	font-weight: 600;
	margin-left: .2em;
}

.price-box .pay p {
	padding: .5em;
	margin-top: .5em;
	border-radius: 4px;
	background-color: #fff;
	display: inline-block;
	width: 60%;
	text-align: center;

}

.price-box .pay:nth-of-type(2) {
	border-left: 1px solid #ccc;
}






/*付款頁面 購物車*/
.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-list {
	padding-top: 1em !important;
}

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

/* 購物車 獨立頁面 共用購物小頁面 lightbox shopping-cart-box*/
.sco-detail {
	background-color: #eee;
}

.shopping-cart-checkout {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.92) !important;
	padding: 0;
	z-index: 3;
}

.shopping-cart-checkout .pay-total,
.shopping-cart-checkout .pay,
.shopping-cart-checkout .pay-freight {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

.shopping-cart-checkout .pay {
	justify-content: flex-end;
	padding-right: 1em;
}


.shopping-cart-checkout .pay-total h3,
.shopping-cart-checkout .pay-freight h4,
.shopping-cart-checkout .pay h4 {
	margin: 0 !important;
	font-size: 1.5rem;
	padding: .5em;
}

.shopping-cart-checkout .pay-total b,
.shopping-cart-checkout .pay-freight h4 b,
.shopping-cart-checkout .pay b {
	font-size: 2rem;
	font-style: normal;
	font-weight: 600 !important;
	font-family: "bahnschrift Light";
	color: #000;
}

.shopping-cart-checkout .pay h4 {
	font-size: 2rem;
	padding: 0;
}

.shopping-cart-checkout .pay h4 b {
	font-size: 3rem;
	margin-left: 0.3em;
}

.shopping-cart-checkout .pay b {
	color: #f00;
}

.shopping-cart-checkout .order {
	border-top: 1px solid #ccc;
	padding: 1em !important;
}

.shopping-cart-checkout .order a {
	padding: .5em 2em;
	border-radius: 6px;
	background-color: #1b2a6c;
	border: 1px solid #1b2a6c;
	color: #fff;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	font-size: 1.5rem;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.shopping-cart-checkout .order a:hover {
	background-color: #fff !important;
	color: #1b2a6c !important;
	border: 1px solid #1b2a6c !important;
}

.shopping-cart-checkout div,
.shopping-cart-box-title div {
	padding: 0;
}

.shopping-cart-box-title {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

.shopping-cart-box-title h1 {
	text-align: center;
	margin: 0;
	padding: 1em;
	font-size: 2rem;
	font-weight: 600;
	color: #1b2a6c;
	font-family: "Noto Sans TC Light";
}

.shopping-cart-box-title a.icon-back {
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
	width: 2em;
	height: 2em;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/icon_back.svg");
	background-size: 2em auto !important;
}

.title-info a.icon-back,
.detail-infobar a.icon-back {
	font-size: 1.2em;
	background-color: #fff;
	border-radius: 6px;
	padding: 1em 2em;
	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 {
	background-image: url("../images/icon_page_back_d.svg");
	background-color: #1b2a6c;
	color: #fff;
	text-align: left;
	transition: 0.3s;
}

.shopping-cart {}

.shopping-cart .list-box,
.shopping-cart {
	padding: 0;
}

.shopping-cart .title-info,
.shopping-cart .shop-list .item .contact .links,
.shopping-cart .shop-list .item .contact .price {
	padding: 0 !important;
}

.shopping-cart .shop-list .item .contact .price h3 {
	margin: 0;
}

.shopping-cart-box .contact .s2 {
	top: 52px;
	z-index: 2;
}

.shopping-cart-box .shop-list .item-list .item {
	border-radius: 0 !important;
}

.shopping-cart-box .shop-list .item .contact h2,
.shopping-cart-box .shop-list .item .contact p {
	width: auto;
}


.shopping-cart-box .shop-list .item .contact .pay {
	width: 100% !important;
}

.shopping-cart-box .shop-list .item .contact .right .book-title {
	padding-top: 1em !important;
}

.shopping-cart-box .shop-list .item .contact .right .book-title a {
	height: 3.1em;
	display: block;
}

.shopping-cart-box .shop-list .item .contact .right .book-title h3 {
	width: 100% !important;
	margin: 0 !important;
	font-size: 1.8rem !important;
	color: #000;
	font-weight: 600 !important;
}

.shopping-cart-box .shop-list .item .contact .right p {
	margin: 0 !important;
	position: relative !important;

	font-family: "Noto Sans TC Light";
	font-size: 1.3rem !important;
	color: #000 !important;
	background-color: #f2f2f2;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-left: 0 !important;
	margin-right: .5em;
	margin-bottom: .5em !important;
	padding-left: .4em;
	padding-right: .4em;
}


.shopping-cart-box .shop-list .item .contact .right .mode {
	padding-right: 1em !important;
}

.shopping-cart-box .shop-list .item .contact .right .mode .select-moon .form-control {
	height: 2em;
}

.shopping-cart-box .shop-list .item .contact .right .mode .select-moon select {
	box-shadow: none;
	padding: .2em;
}

.shopping-cart-box .shop-list .item .contact .right .price {
	padding-top: .2em !important;
}

.shopping-cart-box .shop-list .item .contact .right div:nth-of-type(5) {
	display: none;
}

.shopping-cart-box .shop-list .item .contact .right .price h3 {
	font-size: 1.5rem;
}

.shopping-cart-box .shop-list .item .contact .right .price h3 em {
	margin-left: .3em;
	font-size: 2.4rem;
	color: #F00;
	font-family: "bahnschrift Light";
}

.shopping-cart-box .shop-list .item .contact .right .del {
	text-align: right;
	padding-right: 1.5em !important;
}

.shopping-cart-box .shop-list .item .contact .right .del a {
	color: #666;
	font-weight: 600;
}






.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: 1.5rem;
	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.7rem;
	padding-left: 0em;
	margin: 0;
}

.contact-menu .pills .son {

	padding-left: 0em;
}

.contact-menu .pills .son li a {
	color: #666;
	transition: 0.3s;
	display: inline-block;
	width: 100%;
}

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


/*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: 1em;
}

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

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

div:nth-of-type(3) {
	padding-top: 0 !important;

}

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

/*首頁 index main 內容 contact*/
.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;
	padding-bottom: .5em;
}

.index-contact .contact .left {
	padding: 0;
}

.index-contact .contact .news {
	padding-left: 0;
	padding-right: 0;
}

.index-contact .contact .news .action-list .item .contact {
	text-align: left;

}

/*list item index 首頁 列表*/

.form-box .input-switch {
	margin-bottom: 0em !important;
}

.form-box .input-switch .switch-field label {
	margin: 0 !important;
}

.index-contact .class .form-box .input-switch {
	margin-bottom: .5em !important;
}

.index-contact .class {
	padding-bottom: 1em !important;
	padding-left: 1.3em !important;
}

.index-contact .contact .news .action-list .item img.object-fit {
	opacity: 0.72;
	transition: 0.3s;
	object-position: top;
}

.index-contact .contact .news .action-list .item:hover img.object-fit {
	opacity: 1;
	transition: 0.3s;
	/*transform: scale(1.05);*/
	object-position: center;

}

.index-contact .contact .news .action-list .item:hover {
	width: 100.5%;
	transition: 0.3s;
	background-color: #1b2a6c;
}

.index-contact .contact .news .action-list .item:hover .contact h2 a {
	color: #fff !important;
	transition: 0.3s;
}

.index-contact .contact .news .action-list .item:hover .contact h2 a:hover {
	color: #A6F8FF !important;

	animation-iteration-count: infinite;
	animation-duration: 2.4s;
	animation-fill-mode: both;
	animation-name: flash;
}

.index-contact .contact .news .block-model .item .contact h2 {
	width: 100% !important;
}

.index-contact .news .list-box .item-list .item .contact p {
	font-size: 1.7rem;
	margin-left: 0.7em !important;
}

.index-contact .news .list-box .item-list .item .contact p cite {
	font-family: "Noto Sans TC Light";
	font-size: 1.3rem !important;
	color: #000 !important;
	background-color: #f2f2f2;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-left: 0.4em !important;
	margin-right: .5em;
	margin-bottom: .5em !important;
	padding-left: .4em;
	padding-right: .4em;
}

.index-contact .news .list-box .item-list .item:hover .contact p cite {
	opacity: 1 !important;
}

.index-contact .news .list-box .item-list .item .contact p cite i {
	display: none;
}

/*index block-model news 首頁新聞格狀*/

.index-contact .contact .news .block-model .item {
	width: 19.2% !important;
	margin-right: 1% !important;
}

.index-contact .contact .news .block-model .item:nth-of-type(5),
.index-contact .contact .news .block-model .item:nth-of-type(10),
.index-contact .contact .news .block-model .item:nth-of-type(15),
.index-contact .contact .news .block-model .item:nth-of-type(20),
.index-contact .contact .news .block-model .item:nth-of-type(25),
.index-contact .contact .news .block-model .item:nth-of-type(30),
.index-contact .contact .news .block-model .item:nth-of-type(35),
.index-contact .contact .news .block-model .item:nth-of-type(40),
.index-contact .contact .news .block-model .item:nth-of-type(45),
.index-contact .contact .news .block-model .item:nth-of-type(50) {
	margin-right: 0% !important;
}



.index-contact .contact .news .block-model .item:hover {
	width: 19.2% !important;
	margin-left: 0% !important;
}

.index-contact .list-box .item-list .item h2 {
	width: 79% !important;
}

.index-contact .block-model-new {
	display: block;
	width: 100% !important;
	border: 1px solid #000 !important;

}

.index-contact .block-model-new a.block-links1 {
	display: block;
	float: left;
	width: 20% !important;
	height: 35rem;
	border: 1px solid #000 !important;
	padding: 0;
}

.index-contact .block-model-new a.icon-111,
.index-contact .block-model-new a.icon-222 {
	display: absolute;
	left: 0;
	top: 0;
	border: 1px solid #000 !important;
}



/*首頁 上方 活動 條件*/
.index-contact .contact .condition-search {
	padding-left: 0;
	padding-right: 0;
}

.index-contact .contact .display-list {}

.index-contact .contact .right {
	padding-left: 1em !important;
}


/*首頁 快速連結 自訂區塊*/
.index-contact .contact .active-box {
	padding: 0;
}

.index-contact .contact {
	padding-top: 0;
}

.index-contact .contact div {
	padding: 0;
}

.index-contact .contact .index-active {
	padding: 0;
	padding-top: 1.7em;
}

.index-contact .contact .index-active .active-banner img {
	border-radius: 12px;
	width: 880px !important;
	height: 275px !important;
	;
}

.index-contact .contact .active-right {
	padding-left: 1em;
}

.index-contact .contact .active-right .index-course,
.index-contact .contact .active-right .index-member {
	background-color: #fff;
	border-radius: 12px;
	width: 100%;
	height: 130px;
	position: relative;
	text-align: left;
	padding-top: 2em;
	padding-left: 2em;
}

.index-contact .contact .active-right .index-course h3,
.index-contact .contact .active-right .index-member h3 {
	margin: 0;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
}

.index-contact .contact .active-right .index-course {
	background-color: #a7a7a7;
	margin-bottom: 1em;
}

.index-contact .contact .active-right .index-member {
	background-image: linear-gradient(to right, #7793fe, #6f81fb, #8878f0, #90c3fe);
	padding-left: 8em;
}

.index-contact .contact .active-right .index-member .memberIcon {
	position: absolute;
	top: 1.5em;
	left: 1em;
	width: 6em;
	height: 6em;
	background-image: url("../images/icon_member2.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 3em auto;
	border-right: 1px solid #c7c1ec !important;

}

.index-contact .contact .active-right .index-course .courseBg,
.index-contact .contact .active-right .index-member .memberBg {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	text-align: right;
	padding-top: 8em;
	padding-right: 1em;
	font-family: "Noto Sans TC Light";
}

.index-contact .contact .active-right .index-course .courseBg {
	width: 105px;
	height: 148px;
	background-image: url("../images/index_course.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 105px auto;
	border-radius: 0 0 12px 0;
}

.index-contact .contact .active-right .index-member .memberBg {
	padding-top: 6.6em;
	padding-bottom: 1em;
}

.index-contact .contact .active-right .index-course p,
.index-contact .contact .active-right .index-member p {
	width: 100px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: .5em 1em;
	margin-top: 1em;
	border-radius: 30px;
	border: 1px solid #fff;
	transition: all 0.3s ease;
}

.index-contact .contact .active-right .index-course:hover p,
.index-contact .contact .active-right .index-member:hover p {
	background-color: #fff;
	color: #000;
}


.index-contact .contact .quick-box {
	text-align: center;
	padding-bottom: 1.5em;
	padding-top: 1em;
}

.index-contact .contact .quick-box div {
	width: 23.95% !important;
	margin-right: 1.33%;
	padding: 0;
	border-radius: 6px;
	box-shadow: 1px 1px 5px #eee;
	transition: 0.6s;
}


.index-contact .contact .quick-box a:hover div.s1,
.index-contact .contact .quick-box a:hover div.s2,
.index-contact .contact .quick-box a:hover div.s3,
.index-contact .contact .quick-box a:hover div.s4 {
	background-color: #5bb8bf !important;

}

.index-contact .contact .quick-box a:hover div.s1 {
	background-color: #565dc2 !important;
	background: linear-gradient(56deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
}

.index-contact .contact .quick-box a:hover div.s2 {
	background-color: #565dc2 !important;
	background: linear-gradient(56deg, rgb(94, 106, 214) 0%, rgb(64, 238, 166, 1) 100%);
}


.index-contact .contact .quick-box a:hover div.s3 {
	background: #7a51a3;
	background: linear-gradient(56deg, rgb(219, 66, 66) 0%, rgb(225, 170, 255) 100%);
}

.index-contact .contact .quick-box a:hover div.s4 {
	background-color: #9bb885 !important;
	background: linear-gradient(56deg, rgb(0, 132, 255) 0%, rgb(255, 166, 0) 100%);
}

.index-contact .contact .quick-box a:hover div.s1 h3,
.index-contact .contact .quick-box a:hover div.s1 span,
.index-contact .contact .quick-box a:hover div.s1 p,
.index-contact .contact .quick-box a:hover div.s2 h3,
.index-contact .contact .quick-box a:hover div.s2 span,
.index-contact .contact .quick-box a:hover div.s2 p,
.index-contact .contact .quick-box a:hover div.s3 h3,
.index-contact .contact .quick-box a:hover div.s3 span,
.index-contact .contact .quick-box a:hover div.s3 p,
.index-contact .contact .quick-box a:hover div.s4 h3,
.index-contact .contact .quick-box a:hover div.s4 span,
.index-contact .contact .quick-box a:hover div.s4 p {
	color: #fff !important;
	transition: 0.6s;
	padding-left: 3%;
}

.index-contact .contact .quick-box a:hover div h3 {
	animation-iteration-count: infinite;
	animation-duration: 2.4s;
	animation-fill-mode: both;
	animation-name: flash;
	transition: 0.6s;
}

.index-contact .contact .quick-box .quick-box-item {
	background-color: rgba(255, 255, 255, 1);
	text-align: justify;
	padding: 1em;
}

.index-contact .contact .quick-box .quick-box-item span {
	color: #666;
	font-family: "Noto Sans TC Light";
	transition: 0.6s;
	font-size: 1.6rem;
}

.index-contact .contact .quick-box .quick-box-item h3 {
	margin: 0;
	font-weight: 600;
	font-size: 1.25em;
	padding-top: .5em;
	font-family: "Noto Sans TC Light";
	transition: 0.6s;
}

.index-contact .contact .quick-box .s4 {
	margin-right: 0% !important;
}



.index-contact .contact .quick-box .s1 h3 {
	color: #5bb8bf;
}

.index-contact .contact .quick-box .s2 h3 {
	color: #565dc2;
}

.index-contact .contact .quick-box .s3 h3 {
	color: #9069b6;
}

.index-contact .contact .quick-box .s4 h3 {
	color: #cca55e;
}

.index-contact .contact .quick-box .quick-box-item p {
	color: #000;
	font-weight: 600;
	font-size: 1.2em;
	padding-top: .5em;
	margin: 0;
	font-family: "Noto Sans TC Light";
	transition: 0.6s;
}


/*首頁 下方書籍 專區*/
.index-contact .contact .ind-books-list,
.index-contact .contact .ind-books-list .books {
	padding-left: 0;
	padding-right: 0;
}

.index-contact .contact .ind-books-list .books {
	border-radius: 12px;
	padding: .5em;
	background-color: #fff;
}

.index-contact .contact .ind-books-list .member-btns {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
}

.index-contact .contact .ind-books-list .member-btns a {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #ccc;
	float: left;
	margin-right: 1em;
}

.index-contact .contact .ind-books-list .member-btns a.active {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #1b2a6c;
}

.index-contact .contact .ind-books-list .books .item {
	padding-right: 0;
	padding: .5em;
}

.index-contact .contact .ind-books-list .books .item {
	margin-top: 1em;
	margin-bottom: 1em;
}

.index-contact .contact .ind-books-list h2 {
	margin: 0;
	padding-top: 0.6em;
	padding-bottom: 1.2em;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: left;
	font-family: "Noto Sans TC Light";
}

.index-contact .contact .ind-books-list h2 a {
	background-color: #fff;
	font-family: "bahnschrift Light";
	font-size: 1.4rem;
	font-weight: normal;
	color: #666;
	padding: 0.25em 1em;
	border-radius: 4px;
	float: right;
}

.index-contact .contact .ind-books-list h2 a:hover {
	background-color: #1b2a6c;
	color: #fff;
}

.index-contact .contact .ind-books-list .item a p {
	color: #000;
	margin: 0;
	padding-top: .8em;
	font-family: "Noto Sans TC Light";
	font-size: 1.5rem;
}

.index-contact .contact .ind-books-list .item img.object-fit {
	width: 100px;
	height: 140px !important;
}

/*首頁 廣告 區域 */

.ad-middle-area {
	margin-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ad-middle-area img {
	box-shadow: none !important;
}

.index-cmbox {
	padding-left: 1em !important;
	padding-right: 1em !important;
}

.index-cmbox .circle-slider .banner-area {
	width: 1334px !important;
	padding: 0;
}

.index-cmbox .circle-slider .banner-area img {
	width: 1334px !important;
	height: 240px !important;
	border-radius: 12px;

}

.index-cmbox .page-switch {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5em;
}

.index-cmbox .page-switch a {
	background-color: #ccc;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin-right: 1em;
}

.index-cmbox .page-switch a.active {
	background-color: #1b2a6c;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-right: 1em;
}




/*首頁 廣告 區域*/
.index-contact .contact .ind-cm-box .owl-carousel .owl-stage-outer .item a img {
	width: 275px !important;
	height: 140px !important;
	margin-bottom: 1em;
	margin-right: 10px;
	border-radius: 12px;
}

.index-contact .contact .ind-cm-box {
	padding: 2em 0;
}


.index-contact .contact .ind-cm-box img {
	width: 275px !important;
	height: 140px !important;
	margin-bottom: 1em;
	margin-right: 10px;
	border-radius: 12px;
}

.index-contact .contact .ind-cm-box img:last-of-type {}






.title-info div,
.detail-infobar,
.detail-infobar div {
	padding: 0 !important;
}

.title-info {
	background-color: #fff;
	padding: 0;
}

.title-info .back {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: .35em !important;
	padding-bottom: .5em !important;
}

.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 0.5em;

	display: flex;
	justify-content: center;
	margin-left: 0.2em;
	margin-right: 0.2em;
	padding-top: 45px;

	transition: 0.3s;
	color: #666;
	font-weight: 600;
	position: relative;
	width: 6em;
	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: 36px auto;
}

.title-info a.icon-apply {
	background-image: url("../images/icon_apply.svg");
	background-size: 36px auto;
}

.title-info a.icon-sponsor {
	background-image: url("../images/icon_sponsor.svg");
	background-size: 36px auto;
}

.title-info a.icon-link {
	background-image: url("../images/icon_link.svg");
	background-size: 36px auto;
}

.title-info a.icon-download {
	background-image: url("../images/icon_download.svg");
	background-size: 34px 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;
}

a.icon-top {
	font-size: 1.2em;

	border-radius: 6px;
	padding: 1em 2em;
	padding-left: 2.2em;
	display: block;
	/*
	background-image: url("../images/icon_page_back.svg");
	background-color: #fff !important;
	*/
	background-size: 0.8em auto;
	background-repeat: no-repeat;
	background-position: 1em center;
	text-align: right;
	transition: 0.3s;
	color: #666;
}

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 a.icon-top {
	padding: 1em 2em;
	padding-top: 1.3em;
	padding-left: 2.2em;
}


.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,
.action-sponsor .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,
.action-sponsor .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,
.action-sponsor .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;
}

.memberjoin .joininfo .html-edit table tbody td i.icon-check-ok {
	display: block;
	width: 1.2em;
	height: 1.2em;
	background-image: url(../images/icon_check.svg);
	background-size: 1.2em auto;
	background-repeat: no-repeat;
	background-position: center;
}

.memberjoin .joininfo .html-edit table tbody td i.icon-check-none {
	display: block;
	width: 1.5em;
	height: 1.5em;
	background-image: url(../images/icon_check_none.svg);
	background-size: 1.5em auto;
	background-repeat: no-repeat;
	background-position: center;
}

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

}

/*報名 資訊確認*/
.action-apply-confirm .action-apply-tilt h2 {
	margin: 0;
	padding: 1em;
}

.action-apply-confirm .main-content {
	background-color: #fff;
	border-radius: 12px;
}

.action-apply-confirm .txt-item label.control-label {
	font-family: "Noto Sans TC Light";
	font-size: 1em;
}

.action-apply-confirm .txt-item .contact {
	padding: .5em;
	margin: 0;
}

.action-apply-confirm div .txt-item:first-of-type label.control-label {
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	padding: 1em;
	font-family: "Noto Sans TC Light";
	width: 100%;
	display: inline-block;

}

.action-apply-confirm .total {
	text-align: right;
	font-family: "Noto Sans TC Light";
	font-family: "Noto Sans TC Thin";
	font-size: 1.5em;
}

.action-apply-confirm .total b {
	color: #1b2a6c;
	color: #db0e61;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}

/*20260202 更新版*/
.action-apply-confirm div h2 {
	text-align: center;
}

.action-sponsor-confirm .main-content {
	background-color: #fff;
	border-radius: 12px;
}

.action-sponsor-confirm .main-content .subtitle h3 {
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}


/*內頁條件搜尋*/
.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;
}


/*列表排列 列表 活動 消息 訊息 資訊 最新消息 新聞 news activity action list highlight*/

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

.list-box .item-list .item img {
	float: left;
	width: 160px;
	height: 101px !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: 78%;
	float: left;
	padding-top: 0.5em;
	padding-left: .5em;
	font-size: 1.7rem;
	/*標題字體大小*/
	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:hover p {
	color: #fff !important;
}

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

/*優化 列表 特效 list news action*/
.action-list .item img.object-fit {
	opacity: 0.72;
	opacity: 1;
	transition: 0.3s;
	object-position: center;
}

.action-list .item:hover img.object-fit {
	opacity: 1;
	transition: 0.3s;
	/*transform: scale(1.05);*/

}

.action-list .item {
	margin-left: 0;
	transition: 0.2s;
}

.action-list .item:hover {
	margin-left: .8%;
	transition: 0.2s;
	background-color: #1b2a6c;
}

.action-list .item:hover .contact h2 a {
	color: #fff !important;
	transition: 0.3s;
}



.action-list .item:hover .contact h2 a:hover,
.knowledge-base .action-list .item:hover .contact h2 a:hover {
	color: #A6F8FF !important;

	animation-iteration-count: infinite;
	animation-duration: 2.4s;
	animation-fill-mode: both;
	animation-name: flash;
}

.block-model .item .contact h2 {
	width: 100% !important;
}

.item-list .item .contact p {
	font-family: "Bebas Neue";
	font-family: "Noto Sans TC Light";
	font-weight: 600;
	font-size: 1.6rem;
	margin-left: 0.7em !important;
	color: #1b2a6c !important;
	width: 75%;
}

.action-list .item:hover .contact p {
	color: #eee;
}

.item-list .item .contact p cite {
	font-family: "Noto Sans TC Light";
	font-size: 1.3rem;
	color: #000 !important;
	background-color: #f2f2f2;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-left: .5em;
	margin-right: .5em;
	padding-left: .4em;
	padding-right: .4em;
	opacity: 1;
}

.item-list .item:hover .contact p cite {
	opacity: 1 !important;
}

.item-list .item .contact p cite i {
	display: none;
}

.block-model .item:hover {
	width: 24.1% !important;
}

.index-contact .news .list-box .item-list .item h2 {
	width: 79% !important;
}


/*格狀排列 格狀 活動 訊息 資訊 news activity action list*/
.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-left: 0 !important;
	padding-right: 0.5em !important;
	padding-top: 0;
	width: 96% !important;
}

.block-model .item cite {
	float: right;
	padding-right: 0.3em;
}

.block-model .item p.date-cou {
	max-width: 100% !important;
	/* 必須設定寬度 */
	white-space: nowrap;
	overflow: hidden !important;
	/* 隱藏超出部分 */
	text-overflow: ellipsis;
	/* 文字超出時顯示... */
}

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

.info-list .block-model .item:hover {
	margin-left: 0%;
}


/*消息、活動相簿 photo gallery*/
.photo-album .conBg {}

.photo-album .photo-gallery a {
	width: auto;
}

.photo-album .photo-gallery a img {
	object-fit: cover;
	width: 24.2%;
	height: 200px !important;
	margin-right: .5%;
}


/*文件下載*/
.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;
	padding-top: .6em !important;
	padding-bottom: .6em !important;
}

.industry-contact .member-list a:hover .item {
	color: #1b2a6c;
	background-color: #fff;
	border: 2px solid #1b2a6c;
}

.industry-contact .member-list .item .btns div {
	padding: .5em 0;
}

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

/* 會員專區 產業搜尋*/
.industry-contact .serach-keywords {
	/* border: 1px solid; */
	width: 100%;
	padding: 0 15em !important;
	display: flex;
	justify-content: center;
}

.industry-contact .serach-keywords .form-group {
	width: 60%;
}

.industry-contact .serach-keywords .form-group input {
	font-family: "Noto Sans TC Light";
	font-size: 1.5rem;
	font-weight: 600;
}

.industry-contact .serach-keywords .form-group input:hover,
.industry-contact .serach-keywords .form-group input:focus {
	box-shadow: none;
	border: 2px solid #103169;
	color: #103169;
}

.industry-contact .serach-keywords a.icon-sub {
	border-radius: 6px;
	float: right;
	text-align: center;
	background-color: #1B2A6C;
	border: 1px solid #1B2A6C;
	height: 2.3em;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	padding: .5em 2em;
	transition: 0.3s;
}

.industry-contact .serach-keywords a.icon-sub:hover {
	background-color: #fff;
	color: #1B2A6C;
	border: 1px solid #1B2A6C;
	transition: 0.3s;
}




a.icon-favicon,
a.icon-favicon-active,
a.icon-apply,
a.icon-download,
a.icon-link,
a.icon-gallery,
a.icon-sponsorship,
a.icon-sponsor,
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: 28px 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-sponsor {
	background-image: url("../images/icon_sponsor.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: 40px 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-link {
	background-image: url("../images/icon_link.svg");
	background-size: 28px auto;
}

a.icon-link:hover {
	background-image: url("../images/icon_link2_d.svg");
}



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: 51px;

	border: 1px solid #fff;
	border: 1px solid #1b2a6c;
	border: 1px solid #fff;
	font-size: 1.2em;
	font-size: 1em;
	padding: 0.4em 1em;
	background-color: rgba(27, 42, 108, 0.9);
	color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	color: #1b2a6c;
	font-weight: 600;
	text-align: center;

	transition: 0.3s;
	box-shadow: 6px 6px 6px #ccc;
	box-shadow: 1px 1px 5px #f2f2f2;
	border-radius: 4px;
	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");
}


/*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: #006bad;
	color: #1b2a6c;
	letter-spacing: 1px;
}

.info-detail .title h1 strong {
	display: block;
}

.info-detail .title h1 cite {
	position: relative;
	float: left;
	left: 0;

	background-color: #00adba;
	color: #fff;
	background-color: #fff;
	color: #666;


	border-radius: 6px;
	padding: 0.5em 2.2em;
	margin-right: 1em;
	margin-top: 0.8em;
	font-size: 1.5rem;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
	letter-spacing: 3px;
	box-shadow: 3px 3px 8px #ddd;
}

.info-detail .title h1 cite i {
	display: none;
	position: absolute;
	margin: 0;
}

.icon-color1 {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #4C770C;
	display: block;

	width: 2px;
	height: 30px;
	border-radius: 3px;
}

.info-detail .photos img {
	border-radius: 12px;
	margin-top: 1.5em;
}

.info-detail .photos img.main-photo {

	width: 100%;
	max-height: 640px !important;
	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 {
	padding-top: 0;
}


.slider-box .main-photo {}

.slider-box {
	padding: 0;
}

.slider-box .owl-carousel .item img {
	max-width: 100% !important;
	object-fit: cover !important;
}

.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 .sponsor-unit {}

.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 1em;
	margin: 0 0.5%;
	margin-bottom: 1%;
	height: 8em;
	width: 19% !important;
}

.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.7rem;
	/*標準字體大小 內頁標題*/
	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.8rem;
	/*標準字體大小 內頁文字*/
	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;
	padding-top: .5em;
}

.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 a.btn-primary {
	background-color: #f82e4f;
	border: 1px solid #f82e4f;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	border-radius: 6px;
}

.info-detail .main-content .txt-item .contact a.btn-primary:hover {
	background-color: #fff;
	border: 1px solid #f82e4f;
	color: #f82e4f;
}

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

.user-bots {
	display: flex;
	justify-content: center;
	align-items: center;
}

.user-bots a {
	font-family: "Noto Sans CJK TC Light";
	background-repeat: no-repeat;
	background-position: center 1em;
	background-color: #fff;
	background-size: 38px auto !important;

	display: flex;
	justify-content: center;
	margin-left: 0.5em;
	margin-right: 0.5em;
	height: auto;
	padding: 1em 2em !important;
	padding-top: 3.5em !important;

	transition: 0.3s;
	color: #666;
	font-size: 1.2em;
	font-weight: 600;
	position: relative;
	width: 8em;
	white-space: nowrap;

	border-radius: 6px;
}

.user-bots a:hover {
	background-position: center 1em;
	transition: 0.3s;
	background-color: #1b2a6c;
	color: #fff;
}

.user-info a.icon-apply {
	background-image: url("../images/icon_apply.svg");
}

.user-info a.icon-sponsor {
	background-image: url("../images/icon_sponsor.svg");
	background-size: 36px auto;
}

.user-info a.icon-sponsor:hover {
	background-image: url("../images/icon_sponsor_d2.svg");
	background-size: 36px auto;
}

.user-bots a:hover::before {
	display: none;
}



/*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: 1em;
	width: 40px !important;
	height: 40px !important;
	border-radius: 20px !important;
	background-color: #1b2a6c;

	background-image: url("../images/icon_dl2_d.svg");
	background-size: 26px 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: .5em;
	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 !important;
	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 {
	padding: 1.5em 1em !important;
}

.concom-contact .item-list .item h2 {
	font-size: 2.2em;
	font-family: "LXGW WenKai Mono TC Light";
	color: #000;
	font-weight: 600;
	margin: 0;
}

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

.main-content p img {
	max-width: 100%;
}



/*關於我們 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 .contact .title {
	padding-bottom: 0;
}

.committee-info .contact .title cite {
	color: #00adba;
}

.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;
	width: 100%;
	font-size: 1.2em;
	color: #1b2a6c;
	font-weight: 600;
	font-family: "Noto Sans TC Light";
}

.committee-info .tb-item td.dep h3 {
	display: block;
	line-height: normal;
}

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

.about-contact-info .table table tr th:first-of-type,
.about-contact-info .table table tr td:first-of-type {
	text-align: left;
}

.about-contact-info .table table tr th:last-of-type,
.about-contact-info .table table tr td:last-of-type {
	text-align: center;
}

.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: #ccc;
}

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

	display: none;
	/*不show*/
}

.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;
	width: 30%;
	font-weight: 600;
	border-radius: 3px;
}

.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: 2px;
}

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

.bpk {
	background-color: #3f51b5 !important;
	color: #fff !important;
	/*藍紫*/
}

.bpk: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 .left table .tb-item td.today em {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 32px;
	border: 2px solid #00adba;
	/* Teal ring for today */
	border-radius: 50%;
	text-align: center;
	font-style: normal;
	vertical-align: middle;
	font-weight: 600;
}

.calendar-day .left table .tb-item td.today.schedule a em {
	color: #1b2a6c;
}

.calendar-day .left table .tb-item td.active.schedule a {
	background-color: #1b2a6c !important;
	color: #fff !important;
}

.calendar-day .left table .tb-item td.active.schedule a:hover {
	background-color: #1b2a6c !important;
	color: #fff !important;
}

.calendar-day .left table .tb-item td.active.schedule a em {
	color: #fff !important;
}

.calendar-day .left table .tb-item td.active strong {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #1b2a6c;
	color: #fff !important;
	border-radius: 50%;
	text-align: center;
}

.calendar-day .left table .tb-item td.active.today strong em {
	color: #fff !important;
}

.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 .block-model .item .contact .block-photo {
	background-color: #fff;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-content: center;
	padding-top: .5em !important;
}

.books-list .block-model .item .contact .block-photo img {
	width: 100px !important;
	height: 130px !important;
	border-radius: 0 !important;
}

.shopping-cart-box .item-list .item .contact .product-book {
	background-color: #fff;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-content: center;
	padding-top: .5em !important;
}

/*線上購物 購物車 書籍 圖片尺寸*/
.shopping-cart-box .item-list .item .contact .product-book img {
	width: 77px !important;
	max-height: 100px !important;
	margin-left: 0;
	border-radius: 0 !important;
}

.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 select {
	width: 96%;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-left: 2%;
	margin-bottom: 1em;
}



.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-quality .contact {
	padding-bottom: 3.5em;
}

.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 .item-list .item .contact p cite {
	float: left;
	margin-left: 0 !important;
	margin-right: .5em;
}

.college-course .item-list .item .contact p.date-cou {
	max-width: 100% !important;
	/* 必須設定寬度 */
	white-space: nowrap;
	overflow: hidden !important;
	/* 隱藏超出部分 */
	text-overflow: ellipsis;
	/* 文字超出時顯示... */
}


.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;
	padding-left: 0;
	padding-right: 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;
}

/*修改報名*/
.course-apply-modify .set a:nth-of-type(1)::before,
.action-apply-modify .set a:nth-of-type(1)::before {
	display: none;
}

.course-apply-modify .set a,
.action-apply-modify .set a {
	padding-left: 1em !important;
}

.course-apply-modify .set a:first-child,
.action-apply-modify .set a:first-child {
	border-radius: 6px;
}









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

/*seminar 研討會*/

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

.seminar-list .item-list .item .contact p cite {
	max-width: 100% !important;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	float: left;
	margin-left: 0 !important;
	margin-right: .5em;
}

.seminar-list .item-list .item .contact p.date-cou {
	max-width: 100% !important;
	/* 必須設定寬度 */
	white-space: nowrap;
	overflow: hidden !important;
	/* 隱藏超出部分 */
	text-overflow: ellipsis;
	/* 文字超出時顯示... */
}

/*內頁 亀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;
}

.knowledge-base .action-list .item:hover .contact h2 a {
	font-weight: 600 !important;
}

.knowledge-base .action-list .item:hover .contact h2 a:hover {
	color: #A6F8FF !important;

	animation-iteration-count: infinite;
	animation-duration: 2.4s;
	animation-fill-mode: both;
	animation-name: flash;
}

.knowledge-base .action-list .item .contact p cite {
	margin-left: 0;
}

.knowledge-detail .txt-item {
	padding-top: 1em !important;
}

.knowledge-detail .txt-item .html-edit {
	width: 75%;
}

.knowledge-detail .txt-item .html-edit img {
	max-width: 100%;
}

/*電子報*/
.newsletter .contact .action-list .item-list .item .contact {
	padding: .5em !important;

}

.newsletter .contact .action-list .item-list .item h2 {
	width: 100%;
}






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

.member-order-list .order-list .tb-item td {
	padding: .5em !important;
}

.member-order-list .order-list a.icon-order-edit {
	color: #fff;
	background-color: #00adba;
	border: 1px solid #00adba;
	padding: .5em .5em;
	border-radius: 6px;
	display: inline-block;
	width: 100%;
}

.member-order-list .order-list a.icon-order-edit:hover {
	color: #00adba;
	background-color: #fff;
	border: 1px solid #00adba;
}


/*會員 基本資訊*/
.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,
.publishing-info article.html-edit .ipc-set5 {
	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 .ipc-set5 {
	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,
.publishing-info article.html-edit .ipc-set5 h3 {
	font-family: "Noto Sans TC Thin";
	font-size: 2.3rem;
	font-weight: 600 !important;
	color: #00a6aa;
	letter-spacing: normal;
}

.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,
.publishing-info article.html-edit .ipc-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;
}

.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;
	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;
	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;
	padding-left: 0;
}

.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: 2em 0 !important;
	border-radius: 6px;
	background-color: #fff;
	font-weight: 600;
	font-size: 1.35rem;
}

.form-box div.window .contact h2 {
	padding-right: 1.5em;
	margin: 0;
	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";
}


.course-detail .form-box div.window {
	display: inline-block;

}

.course-detail .form-box div.window .contact {
	padding: 1em;
	margin: 2em 0 !important;
	border-radius: 6px;
	background-color: #fff;
	font-weight: 600;
	font-size: 1.35rem;
	margin-left: 9em !important;
	width: 55%;
	display: inline-block;
}

.course-detail .form-box div.window .contact h2 {
	text-align: left;
	padding-bottom: .5em;
	margin: 0;
	font-size: 1.2em;
	color: #666;
	white-space: nowrap;
}

.course-detail .form-box div.window p:last-of-type {
	margin-right: 0.5em;
	padding-left: 0em;
}

.course-detail .form-box div.window p {
	margin-bottom: 0;
	font-size: 1.2em;
	width: 100% !important;

}




.action-apply-finish .finish {
	padding: 3em 0 !important;
	text-align: center;
	font-size: 1.5em;
	font-family: "Noto Sans TC Light";
	background-color: #fff;
	border-radius: 12px;

}

.action-apply-finish .finish .name {
	font-weight: 600;
	padding-bottom: 1.5em;
}

.action-apply-finish .finish .name strong {
	color: #00adba;
	margin-left: .2em;
	margin-right: .2em;
}

.form-box .sponsor h4,
.form-box .sponsor p {
	text-align: center;

}

.form-box .sponsor p {
	padding-bottom: 1em;
}

.form-box div.alert-info {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	background-color: transparent;
	border-bottom: 1px solid #ccc !important;
	border: none;
}

.form-box div.alert-info b {
	margin-right: .5em;
	color: #000;
}

.form-box div.alert-info strong {
	color: #db0e61;
}

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

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

.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 h2 {
	margin-bottom: 0;
}

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

.form-box .add-lightbox input[type=button]:hover {
	background-color: #fff;
	color: #1b2a6c !important;
	transition: 0.3s;
	border: 1px solid #1b2a6c;
}

.form-box .input-select {
	margin-bottom: 0px;
}

.form-box .add-lightbox p {
	text-align: center;
	color: #00adba;
	font-family: "Noto Sans TC Light";
	font-size: 1.2em;
	padding-top: 1em;
}

.form-box .add-lightbox .alert-warning {
	padding: .5em;
	text-align: center;
	background-color: #fff;
}

.form-box .add-lightbox .alert-warning a {
	font-size: 1.2em;
	background-color: #fff;
	color: #00adba;
	border: 0;
	margin: .5em;
	border: 1px solid #00adba;
}

.form-box .add-lightbox .alert-warning a:hover {
	background-color: #00adba;
	color: #fff;
	border: 1px solid #00adba;
}


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



/*自訂表格 風格*/


/*
.editor-content table {
	border-collapse: separate;
	width: 100% !important;
	border-spacing: 5px 5px;
	border: none;
}

.editor-content table tr th {
	border-radius: 4px;
	background-color: #fff;
	color: #1b2a6c;
	border: none;
	box-shadow: 2px 2px 8px #ccc;
}

.editor-content table tr th,
.editor-content table tr:first-of-type td {
	background-color: #006bad !important;
	color: #fff;
	text-align: left;
	font-weight: 600;
}

.editor-content table tr th:last-of-type {
	background-color: #006bad;
	color: #fff;
	text-align: left;
}

.editor-content table tr th,
.editor-content table tr td {
	font-size: 1.6rem;
	padding: .2em !important;
	padding-left: .5em !important;
	padding-right: .5em !important;


}

.editor-content table tr td {
	font-family: "Noto Sans TC Light";
	font-weight: normal;
	background-color: #fff !important;
	text-align: left;
	padding: 0.8em;
	padding-left: 0.5em;
	border-radius: 6px;
	border: none;


}

.editor-content table tr:first-of-type td:first-child,
.editor-content table tr:first-of-type th:first-child {
	font-weight: 600;
	padding: 0.5em;
	color: #fff;
	border: 1px solid #f2f2f2;
	border-bottom: 0px solid #ddd;
}

.editor-content img {
	width: 100% !important;
	height: 100% !important;
}
*/
@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;
	}

	.shop-detail .toc {
		width: 58.6% !important;
	}

	.index-contact .news .list-box .item-list .item h2 {
		width: 80%;
	}

	.index-contact .contact .quick-box .quick-box-item h3 {
		font-size: 1.2em;
	}


}

@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,
	a.icon-line,
	a.icon-ig,
	a.icon-weibo,
	a.icon-wechat {
		display: block;
		background-repeat: no-repeat;
		width: 2.5em;
		height: 2.5em;
		transition: 0.3s;
	}

	a.logo-corp,
	a.icon-x,
	a.icon-fb,
	a.icon-line,
	a.icon-ig,
	a.icon-weibo,
	a.icon-wechat {
		float: left;
		background-image: url(../images/logo_corp.svg);
		background-size: 2.5em auto;
		background-position: left center;
	}

	.corp .phone .brand a.icon-ig,
	.corp .phone .brand a.icon-fb,
	.corp .phone .brand a.icon-x,
	.corp .phone .brand a.icon-weibo,
	.corp .phone .brand a.icon-wechat,
	.corp .phone .brand a.icon-line {
		margin-left: 1em;
	}

	.corp .phone .brand a.icon-x {
		background-image: url(../images/icon_x.svg);
	}

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

	.corp .phone .brand a.icon-fb:hover {
		background-image: url(../images/icon_fb_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-line {
		background-image: url(../images/icon_line.svg);
	}

	.corp .phone .brand a.icon-line:hover {
		background-image: url(../images/icon_line_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-ig {
		background-image: url(../images/icon_ig.svg);
	}

	.corp .phone .brand a.icon-ig:hover {
		background-image: url(../images/icon_ig_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-weibo {
		background-image: url(../images/icon_weibo.svg);
	}

	.corp .phone .brand a.icon-weibo:hover {
		background-image: url(../images/icon_weibo_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-wechat {
		background-image: url(../images/icon_wechat.svg);
	}

	.corp .phone .brand a.icon-wechat:hover {
		background-image: url(../images/icon_wechat_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: 57px;
		/*set */
	}

	.s3 {
		position: sticky;
		top: 51px;
		/*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,
	.action-apply {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.shopping-cart {
		/*下方選單高度*/
		padding-bottom: 28em;
	}

	.action-info,
	.news,
	.download {
		padding-bottom: 1em;
	}

	/*手機選單*/

	.mm-navbars a.mm-navbar__title {
		font-size: 1.5em;
		color: #999;
		font-family: "Noto Sans TC Regular";
	}

	.mm-navbars a.mm-btn--close {
		/*關閉按鈕*/
		color: #fff;
		background-color: #1b2a6c;
	}

	.pMenu-list .mm-listview li a {
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1.5em;
		font-size: 1.2em;
		font-family: "Noto Sans TC Medium";
		font-weight: 900;
		color: #1b2a6c !important;
	}

	.pMenu-list .mm-listitem a.mm-listitem__text::after {}

	.pMenu-list .pMenu-list-box li a span {
		background-color: #1b2a6c !important;
		color: #1b2a6c !important;
		border: 1px solid;
	}

	.pMenu-list .pMenu-links span a {
		display: block;
		float: left;
		width: 46%;
		background-color: #f6f6f6;
		border-radius: 6px;
		padding: 1em !important;
		margin-top: .5em;
		margin-bottom: .5em;
		margin-left: .5em;
		border: 0px solid #f3f3f3;
		;
		text-align: center;
		font-family: "Noto Sans TC Light";
		font-weight: normal;
	}

	.pMenu-list .pMenu-links span a.icon-menu-link,
	.pMenu-list .pMenu-links span a.icon-menu-download {
		background-position: 87% center;
		background-image: url("../images/icon_link.svg");
		background-size: 22px auto;
		background-repeat: no-repeat;
		text-align: left;
		text-indent: 1.2em;
		color: #000 !important;
		font-size: 1em;
	}

	a.pMenu-list .pMenu-links span a.icon-menu-download {
		background-image: url("../images/icon_dl.svg");
		background-size: 28px auto;
	}

	.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,
	.csd-detail a.icon-back,
	.csd-detail a.icon-memberlogout {
		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 .back {
		padding: 0 !important;
	}

	.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 a.icon-memberlogout {
		background-image: url("../images/icon_logout.svg");
		background-size: 2em;
		background-position: right center;
		color: #666;
		margin-right: 1em;
		padding-right: 1em;
		margin-top: .35em;
		padding-left: 0 !important;
	}

	.csd-detail .icon-shop-cart {
		background-size: 2.3em !important;
		background-position: 0em 1em !important;
		color: #666;
		padding-left: 0 !important;
		margin: 0;
		width: 2em !important;
	}

	.books-list .item-list .item .con-link a.icon-shop-cart {
		width: 9em !important;
	}

	.csd-detail .icon-shop-cart span {
		position: absolute;
		background-color: #1b2a6c;
		color: #fff;
		border-radius: 50%;
		width: 2em;
		height: 2em;
		text-align: center;
		line-height: 2em;
		left: 2.5em;
		top: 1.3em;
	}

	.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;
		padding-bottom: 0.5em;
		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: 3.2em;
		background-image: url(../images/logo.svg);
		background-repeat: no-repeat;
		background-size: 17em auto;
		background-position: center 0em;
	}

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

	.share-icons {
		padding-top: 0;
		width: 100%;
		padding: 1em 0;
		display: flex;
		justify-content: center;
	}

	.share-icons a {
		margin-right: 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;
	}

	.ad-middle-area .banner-area .owl-stage-outer img {
		height: 125px !important;
	}

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

	.course-detail .form-box div.window {}

	.course-detail .form-box div.window .contact {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align: center !important;
	}

	.course-detail .form-box div.window .contact h2 {
		text-align: center !important;

	}

	.course-detail .form-box div.window p:last-of-type {
		margin-right: 0.5em;
		padding-left: 0em;
	}

	.course-detail .form-box div.window p {
		margin-bottom: 0;
		font-size: 1.2em;
		width: 100% !important;

	}

	/*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 .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] {
		font-size: 1.8rem;
	}

	.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: 230px !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: 1.2em !important;
		padding-top: 4em !important;
		padding-left: 5em;
		padding-right: 2em;
		margin: 0 1.2em;
		font-weight: 600;
		font-size: 1.3rem;
		text-align: center;
		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");

	}



	/*行事曆*/
	.calendar {
		padding-bottom: 4em;
	}

	/*全畫面*/
	.all-mode-selectbar {
		position: relative !important;
	}

	.area-all {
		padding: 0 !important;
	}

	.calendar .calendar-selectbar {
		top: 57px;
	}

	.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 .top table .tb-item td.today em {
		font-style: normal;
	}

	.calendar-day .top table .tb-item td.today strong em {
		display: inline-block;
		width: 32px;
		height: 32px;
		line-height: 28px;
		border: 2px solid #1b2a6c;
		border-radius: 16px;
		color: #1b2a6c;
		font-style: normal;
		text-align: center;
	}

	.calendar-day .top table .tb-item td.active.schedule a {
		background-color: #1b2a6c !important;
		color: #fff !important;
	}

	.calendar-day .top table .tb-item td.active strong {
		display: inline-block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		background-color: #1b2a6c;
		color: #fff !important;
		border-radius: 16px;
		text-align: center;
	}

	.calendar-day .top table .tb-item td.active.today strong em {
		color: #fff !important;
		border-color: #00adba;
	}

	.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,
	.action-apply .sub {
		padding: 0;
		padding-bottom: 2em;
	}

	.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,
	.action-apply-confirm .sub a,
	.action-sponsor .sub a,
	.action-apply .sub a {
		padding: 0.8em 2em;
		margin-left: 0.6em;
		margin-right: 0.6em;
		font-weight: 600;
		font-size: 1.2em;
		text-align: center;
	}

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

	/* 會員專區 產業搜尋*/


	.industry-contact .serach-keywords a.icon-sub {
		height: 2.3em;
		font-size: 1.5rem;
		padding: .5em 5em;
		white-space: nowrap;
	}

	.industry-contact .serach-keywords a.icon-sub:hover {
		background-color: #fff;
		color: #1B2A6C;
		border: 1px solid #1B2A6C;
		transition: 0.3s;
	}

	.industry-company .search-advanced .sub {
		border: none;
	}







	/*搜尋*/
	.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;
	}








	.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,
	a.icon-line,
	a.icon-ig,
	a.icon-weibo,
	a.icon-wechat {
		display: block;
		background-repeat: no-repeat;
		width: 2.5em;
		height: 2.5em;
		transition: 0.3s;
		float: left;
	}

	a.logo-corp,
	a.icon-x,
	a.icon-fb,
	a.icon-line,
	a.icon-ig,
	a.icon-weibo,
	a.icon-wechat {
		background-image: url(../images/logo_corp.svg);
		background-size: 2.5em auto;
		background-position: left center;
	}

	.corp .phone .brand a.icon-ig,
	.corp .phone .brand a.icon-fb,
	.corp .phone .brand a.icon-x,
	.corp .phone .brand a.icon-weibo,
	.corp .phone .brand a.icon-wechat,
	.corp .phone .brand a.icon-line {
		margin-left: .5em;
	}

	.corp .phone .brand a.icon-x {
		background-image: url(../images/icon_x.svg);
	}

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

	.corp .phone .brand a.icon-fb:hover {
		background-image: url(../images/icon_fb_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-line {
		background-image: url(../images/icon_line.svg);
	}

	.corp .phone .brand a.icon-line:hover {
		background-image: url(../images/icon_line_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-ig {
		background-image: url(../images/icon_ig.svg);
	}

	.corp .phone .brand a.icon-ig:hover {
		background-image: url(../images/icon_ig_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-weibo {
		background-image: url(../images/icon_weibo.svg);
	}

	.corp .phone .brand a.icon-weibo:hover {
		background-image: url(../images/icon_weibo_d.svg);
		transition: 0.3s;
	}

	.corp .phone .brand a.icon-wechat {
		background-image: url(../images/icon_wechat.svg);
	}

	.corp .phone .brand a.icon-wechat:hover {
		background-image: url(../images/icon_wechat_d.svg);
		transition: 0.3s;
	}



	a.logo-corp {
		width: 7em;
		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: 100%;
	}

	.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;
		max-width: 200px;
		white-space: nowrap;
		/* 強制不換行 */
		overflow: hidden;
		text-overflow: ellipsis;
		/* 文字超出時顯示... */
		text-align: center;
	}

	.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 {
		left: 0;
		height: 2.5em;
		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: 30px auto;
		border-radius: 0;
		padding: 0;
		margin-left: .5em !important;
		margin-right: .5em !important;
		width: 30px;
		height: 30px;
	}

	.list-box .item-list .item .con-link a:hover::before {
		display: none;
	}

	/*優化 列表 特效 list news action*/
	.action-list .item img.object-fit {
		opacity: 1;
		transition: 0;
		object-position: center;
		width: 0 !important;
		height: 0 !important;
	}

	.action-list .item:hover img.object-fit {
		opacity: 1;
		transition: 0;
		object-position: center;
	}

	.action-list .item:hover {
		width: 100% !important;
		background-color: #fff;
	}

	.action-list .item:hover .contact h2 a {
		color: #000 !important;
		transition: 0s;
	}

	.action-list .item:hover .contact h2 a:hover {
		color: #000 !important;
		animation-name: none !important;
	}

	.block-model .item .contact h2 {
		width: 100% !important;
	}

	.item-list .item .contact {
		position: relative;
	}

	.item-list .item .contact p {
		font-size: 1.7rem;
		color: #999;
		display: inline-block;
		width: 100%;
		position: relative !important;
		padding-right: 1em;
	}

	.item-list .item .contact p cite {
		font-size: 1.4rem;
		color: #fff;
		border-radius: 4px;
		margin-left: 0;
		margin-right: .2em;
		padding-left: .4em;
		padding-right: .4em;
		float: right;
	}

	.item-list .item:hover .contact p cite {
		opacity: 1 !important;
	}

	.item-list .item .contact p cite i {
		display: none;
	}

	.item-list .item .con-link {}




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

	.info-detail .ex-unit {
		padding-top: 1em !important;
		padding-bottom: 0;
	}

	.info-detail .main-unit {
		padding-top: 0;
	}

	.info-detail .ex-unit .main-unit h2 {
		font-family: "Noto Sans TC Medium";
	}

	.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 TC Light";
		font-weight: 600 !important;
	}


	.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 {
		display: inline-block;
	}

	.info-detail .sponsor-unit .item {
		padding: 1em 1.5em;
		margin-bottom: 1em;
		height: 6em;
		width: 100% !important;
	}

	.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 .favicon {
		position: absolute;
		left: 76%;
		top: 1.6em;
		z-index: 1;
	}

	.info-detail .photos .icon-favicon,
	.info-detail .photos .icon-favicon-active {
		background-image: url("../images/icon_favicon_d.svg");
		background-size: 3.5em auto;
		background-position: center;
		background-repeat: no-repeat;
		width: 3.5em;
		height: 3.5em;
	}

	.info-detail .photos .icon-favicon-active {
		background-image: url("../images/icon_favicon_active.svg");

	}

	.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(255, 255, 255, 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: .5em 1em !important;
		padding-bottom: 0;
		width: 100%;
		background-color: #f5f5f5;
		background-color: #1b2a6c;
		color: #fff;
		border-radius: 6px;
		font-size: 1.8rem;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		text-align: center;
		box-shadow: 0px 0px 0px #ddd;

	}

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

	.info-detail .main-content a.icon-google-map:hover {
		background-image: url("../images/icon_map.svg");
	}

	.info-detail .main-content .txt-item {
		padding-top: .5em !important;
	}

	.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;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.6rem;
		width: 100% !important;
		height: 100px;
		padding: 1em !important;
	}

	.info-detail .main-content .txt-item .contact .acc a,
	.info-detail .main-content .txt-item .contact .acc a {
		position: absolute;
		top: 0em;
		background-color: #fff;
		border-radius: 6px;
		padding: 1em;
		width: 3em;
		height: 4.5em;
		background-size: 3em auto;
		margin-left: 0em;
	}

	.info-detail .main-content .txt-item .contact a.btn-primary {
		width: 100%;
		display: inline-block;
		background-color: #f82e4f;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
		border-radius: 6px;
	}

	.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: center;
		padding-top: .5em;
		border-top: 1px solid #ddd;
		color: #1b2a6c;
		font-family: "Noto Sans TC Light";
	}

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

	.info-detail .main-content div:first-of-type,
	.info-detail .main-content div:first-of-type label.control-label {
		border: none;
	}

	.info-detail .main-content div:first-of-type {
		padding-bottom: 0 !important;
	}


	/*窗口訊息*/
	.form-box div.window {
		display: block;
		margin-bottom: 0;
		padding: 0;
	}

	.form-box div.window .contact {
		padding: 1em;
		display: block;
		margin: 0em;
		margin-top: 1em !important;
		border-radius: 6px;
		background-color: #fff;
		font-weight: 600;
		font-size: 1.35rem;
		margin-left: 0em !important;
		margin-right: 0em !important;
	}



	.form-box div.window .contact h2 {
		display: block !important;
		width: 100% !important;
		margin: 0;
		margin-left: 0em;
		margin-right: 0em;
		font-size: 1.3em;
		color: #666;
		text-align: center;
	}

	.form-box div.window p {
		width: 100%;
		margin-bottom: 0;
	}

	.form-box div.window p em {
		width: 100%;
		font-size: 2rem;
	}

	.form-box div.window p cite {
		font-size: 1.6rem;
	}

	.form-box div.window p strong {
		color: #666;
	}

	.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;
		border: none !important;
		padding-left: 0 !important;
	}

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

	}




	/*最新消息 活動花絮*/

	/*消息、活動相簿 photo gallery*/
	.photo-album .conBg {}

	.photo-album .photo-gallery a {
		width: auto;
	}

	.photo-album .photo-gallery a img {
		object-fit: cover;
		width: 100%;
		height: 300px !important;
		margin-right: 0;
		margin-top: 1em;
	}


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

	.csd-menu a.icon-apply,
	.csd-menu a.icon-favicon,
	.csd-menu a.icon-sponsor,
	.csd-menu a.icon-download {
		margin: 0;
		background-size: 40px auto !important;

	}

	.csd-menu a.icon-favicon,
	.csd-menu a.icon-favicon:hover {
		background-image: url("../images/icon_favicon2_d.svg");
	}

	.csd-menu a.icon-apply,
	.csd-menu a.icon-apply:hover {
		background-image: url("../images/icon_apply2_d.svg");
	}

	.csd-menu a.icon-sponsor,
	.csd-menu a.icon-sponsor:hover {
		background-image: url("../images/icon_sponsor_d.svg");
		background-size: 45px auto;
	}

	.csd-menu a.icon-download,
	.csd-menu a.icon-download:hover {
		background-image: url("../images/icon_download_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: .6em 3em;
		background-color: #1b2a6c;
		color: #fff;
		font-size: 1.7rem;
		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;


	}



	.shopdt .info-bots strong.icon-shop {
		background-image: url("../images/icon_cart.svg");
		background-size: 3rem auto !important;
		width: 4em;
		border-radius: 0;
		text-align: center;
		padding: 0;
		padding-top: 3em;

	}

	.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,
	.shopdt .info-bots a.icon-favicon-active,
	.shopdt .info-bots a.icon-favicon-active:hover {
		position: fixed;
		top: -.5em;
		right: 1em;
		background-image: url("../images/icon_favicon.svg");
		background-size: 3rem auto !important;
		width: 4em;
		border-radius: 0;
		text-align: center;
		padding: 0;
		padding-top: 3em;
	}

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

	/* 購物車 shopping*/

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

	.books-list .item-list .item:hover {
		width: 100% !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;
	}

	.shopping-cart-box .shop-list .item .contact p {
		margin-top: 3em !important;
		position: relative !important;
		width: auto !important;
	}


	/* 購物車 獨立頁面 共用購物小頁面 lightbox sco-cart*/
	.sco-cart {
		z-index: 3;
	}

	.shopping-cart-box .shop-list .item .contact .pay {
		width: 100% !important;
	}

	.shopping-cart-box .shop-list .item .contact .right .book-title {
		padding-top: .8em !important;
		height: 6em !important;
	}

	.shopping-cart-box .shop-list .item .contact .right .book-title a {
		height: auto !important;
		display: block;
	}

	.shopping-cart-box .shop-list .item .contact .right .book-title h3 {
		width: 100% !important;
		margin: 0 !important;
		padding-right: 1em !important;
		font-size: 1.8rem !important;
		color: #000;
		font-weight: 600 !important;
	}

	.shopping-cart-box .shop-list .item .contact .right p {
		margin-top: 4em !important;
	}

	.shopping-cart-box .shop-list .item .contact .right .mode,
	.shopping-cart-box .shop-list .item .contact .right .del,
	.shopping-cart-box .shop-list .item .contact .right .links {
		position: relative !important;
		padding: 0 !important;
		margin: 0 !important;
		padding-top: 1em !important;
	}

	.shopping-cart-box .shop-list .item .contact .right .mode {
		padding-right: 1em !important;
	}

	.shopping-cart-box .shop-list .item .contact .right .price {
		position: absolute;
		right: 1.5em !important;
		top: 4em;
		text-align: right;
	}

	.shopping-cart-box .shop-list .item .contact .right div:nth-of-type(5) {
		display: none;
	}

	.shopping-cart-box .shop-list .item .contact .right .mode .select-moon .form-control {
		letter-spacing: 0px !important;
		padding: 0;
		text-align: center;
		color: #000;
	}

	.shopping-cart-box .shop-list .item .contact .right .price h3 {
		font-size: 1.5rem;
	}

	.shopping-cart-box .shop-list .item .contact .right .price h3 em {
		margin-left: .3em;
		font-size: 2.4rem;
		color: #F00;
		font-family: "bahnschrift Light";
	}

	.shopping-cart-box .shop-list .item .contact .right .links {
		position: relative !important;
		padding-left: 0 !important;
		margin: 0 !important;
		top: 0 !important;
		left: 0 !important;

	}

	.shopping-cart-box .shop-list .item .contact .right .del {
		position: relative !important;
		text-align: right;
		padding-right: 0em !important;
		padding-top: 1.5em !important;
	}

	.shopping-cart-box .shop-list .item .contact .right .del a {
		color: #666;
		font-weight: 600;
		border: 1px solid #ccc;
		border-radius: 6px;
		padding: 5px 10px;


	}

	.shopping-cart-box .shop-list .item .contact .right .del i {
		display: none;
	}

	.shopping-cart-box {
		padding-bottom: 8em;
	}

	.shopping-cart-box .contact .title {
		background-color: transparent !important;
		font-weight: 600 !important;
	}











	/*按鈕點擊修正*/
	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;
		padding-top: 1em !important;
	}

	.shop-detail .photos img {
		border-radius: 12px 12px 0 0 !important;
		height: 500px !important;
		max-height: 500px !important;
	}

	.shop-detail .title .book-type {
		padding: 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: none !important;
		background-color: transparent !important;
	}

	.shop-detail .title .book-type em {
		margin-right: 0em;
		width: 50%;
		box-shadow: none !important;
		border-radius: 0;
		border: 1px solid #f2f2f2;
	}

	.shop-detail .title .book-type em.ebook {
		background-color: #fff;
		color: #F76098;
	}

	.shop-detail .title .book-type em.physical {
		background-color: #fff;
		color: #00adba;
	}


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

	.shop-detail .title h1 b {
		position: relative !important;

	}

	.shop-detail .title h1 strong cite {
		background-color: #fff;
		color: #666;
		font-size: 1.5rem;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		box-shadow: 3px 3px 8px #ddd;
		border-radius: 6px;
		padding: 0.5em 2.2em;
	}

	.shop-detail .form-box .window {
		padding: 0 !important;
	}



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

		background-color: #fff;
		color: #666;
		font-size: 1.5rem;
		font-weight: 600;
		font-family: "Noto Sans TC Light";
		box-shadow: 3px 3px 8px #ddd;
		border-radius: 6px;
		padding: 0.5em 2.2em;
	}

	.info-detail .contact .title cite i {
		margin-top: 12px !important;
	}

	.info-detail .window {
		padding-left: 1em !important;
		padding-right: 1em !important;
	}

	.info-detail .window .contact p {
		border: 0 !important;
	}



	.info-detail .window .contact h2 {
		font-family: "Noto Sans TC Light";
	}

	.info-detail .window .contact p cite {
		font-family: "Noto Sans TC Light";
	}

	.info-detail .contact .photos {
		padding-top: 1em;

	}




	/*出版品 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 {}

	/*會員 登入頁面*/
	.login-page .left .login-item .control-label {
		padding-left: 1em;
	}

	.login-page .left .sub {}

	.login-page .left .sub a.icon-sub {}

	.login-page .left .sub a.icon-sub:hover {}

	.login-page .left a.icon-for-password {
		position: absolute;
		left: 1em;
		padding-top: 5em !important;
		z-index: 2;
	}

	.login-page .left a.icon-for-password:hover {
		color: #db0e61 !important;
	}

	.login-page .right {
		padding-right: 0 !important;
		border-left: 1px solid #ccc;
	}

	.login-page .right div:first-of-type {
		padding-left: 0;
		padding-right: 1em;
	}

	.login-page .right div:nth-of-type(2) {
		padding-left: 0;
	}

	.login-page .right div:first-of-type h2 {
		padding-top: 2em;
	}

	/*報名 資訊確認*/
	.action-sponsor {
		padding-bottom: 6em;
	}

	.action-apply-confirm .action-apply-tilt h2 {
		margin: 0;
		padding: 1em;
	}

	.action-apply-confirm .txt-item label.control-label,
	.action-sponsor-confirm .txt-item label.control-label {
		font-size: 1em;
		padding: 0;
	}

	.action-apply-confirm .txt-item .contact {
		padding: 0;
		margin: 0;
	}

	.action-apply-confirm div .txt-item:first-of-type label.control-label,
	.action-apply-confirm div .txt-item:nth-of-type(8) label.control-label {}

	.action-apply-confirm .txt-item .contact p {
		font-size: 1.2em;
	}

	.action-apply-confirm .total {
		text-align: center;
		font-size: 1.5em;
		padding-top: 1em;
	}

	.action-apply-confirm .total b {
		color: #1b2a6c;
		color: #db0e61;
		font-weight: 600;
	}

	.action-apply-confirm .trwd {
		padding: 0 !important;
	}

	.action-apply-confirm .trwd table tr td {
		font-size: 1.2em;
	}

	.action-apply .window,
	.action-sponsor .window {
		padding-right: 1em !important;
	}

	.action-sponsor .input-switch .switch-field {
		background-color: #fff;
	}

	.action-sponsor .input-switch .switch-field label {
		height: 4em;
		font-size: 1.3em;
		padding: .6em;
	}

	.action-apply-finish .finish .name {
		font-size: 1.9rem;
	}

	.action-apply-finish .finish {
		padding: 1.5em 1.5em !important;
	}

	.action-apply-finish .finish .message em {
		display: inline-block;
		width: 100%;
		font-size: 1.2em;
	}



	/*會員首頁*/
	.member-index .contact {
		padding: 0;
		padding: 2em;
		text-align: center;
	}

	.member-index .contact a.icon-memberlogin {
		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: 3.5em;
	}

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



	}

	.member-index .item-list a {
		border: 0px solid;
		margin: 0 1.2rem;

		display: block;
		background-repeat: no-repeat;
		background-position: top;
		background-size: 3em auto;
		padding-top: 3.4em;
		font-family: "Noto Sans TC Light";
		font-size: 1.4rem;
		color: #333;
	}

	.member-index .item-list a.icon-order {
		background-image: url("../images/icon_order2.svg");
		background-size: 3em auto;
	}

	.member-index .item-list a.icon-profile {
		background-image: url("../images/icon_profile2.svg");
	}

	.member-index .item-list a.icon-mfavicon {
		background-image: url("../images/icon_favicon3.svg");
	}

	.member-index .item-list a.icon-course {
		background-image: url("../images/icon_course.svg");
	}

	.member-index .item-list a.icon-activity {
		background-image: url("../images/icon_activity.svg");
	}

	.member-index .item-list a.icon-search {
		background-image: url("../images/icon_search2.svg");
	}

	.member-index .item-list a.icon-conpany {
		background-image: url("../images/icon_members.svg");
	}







	/*會員 基本資訊 留白 往下頂*/
	.profile-contact,
	.college-course {
		margin-bottom: 5em;
	}

	.favorite {
		margin-bottom: 10em;
	}


	/*首頁 書籍列表 寬度*/
	.index-contact .contact .news .item-list .item h2 {
		width: 100% !important;
	}

	.index-contact .contact .news .block-model .item {
		width: 100% !important;
	}

	.index-contact .contact .news {
		padding-bottom: 1em;
	}

	.index-contact .contact .news .block-model .item:hover {
		width: 100% !important;
	}

	/*首頁 廣告 區域 */
	.index-cmbox {
		width: 100% !important;
		padding-left: 1em !important;
		padding-right: 1em !important;
	}


	.index-cmbox .circle-slider .banner-area img {
		width: 100% !important;
		height: 230px !important;
		border-radius: 12px;

	}

	.index-cmbox .page-switch {
		padding: 0.5em;
	}

	/*首頁 廣告 區域*/
	.phone-index-menu .banner-area .owl-stage-outer .item img {
		height: 230px;
	}

	.phone-index-menu .banner-area .owl-stage-outer .item img.object-fit {
		/*object-fit: contain !important;*/
		object-fit: fill !important;
	}

	/*首頁 廣告 區域*/
	.ind-cm-box .owl-carousel .owl-stage-outer .item a img {
		min-width: 100% !important;

		border-radius: 12px;
		/*border: 2px solid #898989;*/
		margin: 1em 0 !important;
	}

	.ind-cm-box {
		padding: 0 !important;
	}

	.index-cmbox .circle-slider .owl-dots {
		height: auto !important;

	}

	/*首頁 內頁框架*/
	.index-contact .contact .class-select {
		padding-left: 1em !important;

	}

	/*首頁 課程 自訂區塊*/

	.index-contact .contact .index-active {
		padding-top: 1em;
	}

	.index-contact .contact .active-right .index-course {
		margin-top: 1em;
	}

	.index-contact .contact .active-right {
		padding-left: 0;
	}


	.index-contact .contact .quick-box .quick-box-item {
		width: 100% !important;
		margin-bottom: 1em;
		z-index: 0;
	}

	.index-contact .contact .quick-box .s1,
	.index-contact .contact .quick-box .s3 {}

	.index-contact .contact .quick-box .s2,
	.index-contact .contact .quick-box .s4 {
		margin-right: 0;
	}



	.index-contact .contact .quick-box {
		padding-bottom: 0em;
	}

	.index-contact .contact .class {
		padding-left: 0 !important;
	}

	.index-contact .contact .class .class-select {
		padding-right: 1em;
		padding-top: 1em;
	}

	.index-contact .contact .index-active .active-banner img {
		height: auto !important;
	}


	/*上方返回 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;
	}

	/*下方選單 書籍內頁*/
	.psd2 .info-bots .number .select-moon {
		width: 5em;
	}

	.psd2 .info-bots .number .select-moon select {
		box-shadow: none !important;
		appearance: none !important;
	}

	.psd2 .info-bots .pay {
		padding-left: 1em !important;
	}

	.psd2 .info-bots .pay h3 {
		font-size: 1.2em;
		margin: 0;
		color: #666;
	}

	.psd2 .info-bots .pay h3 b,
	.psd2 .info-bots .pay h3 cite {
		font-family: "bahnschrift Light";
		margin: 0 0.2em;
		color: #000;
	}

	.psd2 .info-bots .pay h4 b {
		color: #f00;
		font-size: 1.5em;
		font-family: "bahnschrift Light";
		margin-left: 0.3em;
	}

	.psd2 .info-bots .order {
		justify-content: center;
		align-items: center;
		margin-right: 1em;
	}

	.psd2 .info-bots .order a {
		text-align: center;
		width: 100%;
		height: 2.6em;
		padding: 0.5em 2em !important;
		font-size: 1.2em;
		border-radius: 6px;
	}

	.psd2 .info-bots .order a {
		padding: 0 !important;
		padding: .5em 1em !important;
	}

	.psd2 .info-bots .number {
		background-color: #00a6aa;
		border-radius: 12px;
		color: #fff;
		width: 24px;
		height: 24px;
		text-align: center;
		font-size: 1.2em;
		font-weight: 600;
		font-family: "bahnschrift Light";
		margin-right: .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: 700px !important;
	}

	.trwd,
	.editor-content {
		/*自訂表格*/
		overflow-y: hidden;
	}

	.editor-content table {
		/*自訂表格*/
		width: 800px !important;
	}





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

	.member-order-list .order-list .trwd table {
		width: 1000px !important;
	}

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

	.ind-qucik-link a {
		line-height: 1.2em !important;
		padding-top: 4em !important;
		padding-left: 5em;
		padding-right: 2em;
		margin: 0 1.2em;
		font-size: 1.1rem;
		padding-bottom: 0 !important;
	}

	.corp .phone .acc p {
		padding: 0.5em .8em;
	}

	.corp .phone .acc a.ico-map {
		font-size: .8em;
		padding-top: 3em;
		background-size: 2.5em auto;
		width: 2.5em;
		height: 2.5em;
	}

	a.icon-x,
	a.icon-fb,
	a.icon-line {
		width: 2em;
		height: 2em;
	}

	a.icon-x,
	a.icon-fb,
	a.icon-line {
		background-size: 2em auto;
	}




}

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