@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&family=Noto+Serif+TC:wght@400;900&display=swap');
:root{
	--def-blue:#05668d;
	--def-darkteal:#028090;
	--def-teal:#00a896;
	--def-green:#02c39a;
	--def-yellow:#f0f3bd;
	--def-red:#d20012;
	--def-darkred:#94000d;
	--def-black:#424242;
	--def-darkgray:#676767;
	--def-neutralgray:#949494;
	--def-lightgray:#b9b9b9;
	--def-thingray:#ccc;
	--form-green:#24936e;
	--form-darkgreen:#18654b;
	--form-blue:#036eb8;
	--form-darkblue:#015690;
}
html,body{
	color:var(--def-black);
}

*:focus{
	outline:none;
}

a{
	transition:all .2s ease-in-out .2s;
}
a:hover{
	text-decoration:none!important;
}
@media screen and (max-width:576px){
	input, select, textarea {
		font-size: 16px!important;
	}
}
button:focus{
	outline:none!important;
}
input.form-control:focus,
textarea.form-control:focus{
	box-shadow:none;
}

i.material-icons{
	font-size:inherit;
	line-height:inherit;
}

.mCustomScrollBox{
	height:auto;
}

/*--bottons--*/
.def-btn{
	display:inline-block;
	padding:0 16px;
	line-height:32px;
	background:var(--def-blue);
	color:#fff;
	border-radius:16px;
	font-size:14px;
	overflow:hidden;
	position:relative;
}
.def-btn:before,.def-btn:after{
	content:'';
	display:block;
	width:100%;
	height:50%;
	position:absolute;
	left:0;
	opacity:0.15;
	transition:all .2s ease-in-out .2s;
}
.def-btn:before{
	background-image:linear-gradient(to bottom, transparent, #000);
	top:0;
}
.def-btn:after{
	background-image:linear-gradient(to bottom, #fff, transparent);
	bottom:0;
}
.def-btn:hover:before{
	top:-16px;
}
.def-btn:hover:after{
	bottom:-16px;
}
.def-btn span{
	display:block;
	text-shadow:rgba(0,0,0,.3) 0 0 3px;
	position:relative;
	z-index:10;
}
.def-btn:hover{
	color:#fff;
}
.wborder-btn{
	display:block;
	padding:0.5rem 2rem;
	text-align:center;
	border:#fff solid 1px;
	color:#fff;
	border-radius:2.25rem;
}
.wborder-btn:hover{
	color:var(--def-black);
	background:#fff;
}

/*--links--*/
.link-red{
	display:inline-block;
	color:var(--def-darkgray);
	position:relative;
	background-image:linear-gradient(transparent calc(100% - 2px), rgba(210,0,18,.3) 2px);
	background-position:0% 100%;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.link-red:hover{
	color:var(--def-black);
}
.link-red .link-red-line{
	width: calc(100%);
	line-height:inherit;
	background-image:linear-gradient(rgba(210,0,18,.3) 0,rgba(210,0,18,.3) 100%);
	background-position:0% 100%;
	background-repeat:no-repeat;
	background-size:0% 100%;
	transition:background-size .2s ease-in-out .2s;
}
.link-red:hover .link-red-line{
	background-size: 100% 100%;
}

/*--top-wrap--*/
.top-wrap,.page-top-wrap{
	position:relative;
	background-image:url(../images/main-bg.jpg);
	background-size:cover;
	background-position:center bottom;
}
.page-top-wrap{
	background-position:center top;
}
.top-wrap{
	margin-bottom:-250px;
	padding-bottom:250px;
}
@media (min-width: 992px){
	.narrow-box,.narrow-box.container{
		max-width:990px;
	}
}

/*--header--*/
header{
	margin-bottom:25px;
}
.top-func{
	margin-bottom:20px;
}
.top-func-item+.top-func-item{
	margin-left:15px;
}
.top-func-link{
	display:block;
	margin:10px 0;
	width:32px;
	height:32px;
	text-align:center;
	line-height:32px;
	font-size:20px;
	border-radius:50%;
	color:var(--def-black);
	position:relative;
}
.top-func-link:before{
	content:'';
	display: block;
	width:33%;
	height:33%;
	border-radius:50%;
	background:var(--def-blue);
	transition:all .2s ease-in-out .2s;
	transform:translate(-50%,-50%);
	position: absolute;
	top:50%;
	left:50%;
	opacity:0;
}
.top-func-link:hover,.top-func-link[aria-expanded=true]{
	color:#fff;
}
.top-func-link:hover:before,.top-func-link[aria-expanded=true]:before{
	width:100%;
	height:100%;
	opacity:1;
}
.top-func-link i{
	position:relative;
}
.top-lang{
	transform:translateX(-50%);
	position:absolute;
	left:50%;
}
.top-lang-list{
	display:flex;
	background:var(--def-darkgray);
	border-radius:12px;
}
.top-lang-link{
	display: block;
	width:36px;
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#fff;
	text-align:center;
	position:relative;
}
.top-lang-link:before{
	content:'';
	display:block;
	width:0;
	height:0;
	border-radius:50%;
	background:var(--def-lightgray);
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
	transition:all .2s ease-in-out .2s;
	opacity:0;
}
.top-lang-link span{
	display: block;
	position:relative;
}
.top-lang-link:hover:before{
	width:28px;
	height:28px;
	opacity:1;
}
.top-lang-link:hover{
	color:var(--def-black);
}
.top-lang-link.active{
	color:#fff;
}
.top-lang-link.active:before{
	width:28px;
	height:28px;
	opacity:1;
	background:var(--def-teal);
}
.tm-box{
	margin:0;
	padding:8px 8px;
	background:var(--def-darkgray);;
	border-radius:12px;
	font-size:14px;
	color:#fff;
	z-index:100;
}
.tm-line{
	position: relative;
}
.tm-line+.tm-line{
	margin-top:8px;
}
.tm-line .divide{
	width:1px;
	position:relative;
}
.tm-line .divide:after{
	content:'';
	width:1px;
	height:12px;
	background:var(--def-lightgray);
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
}
.tm-welcome span{
	display:inline-block;
	padding:0 4px;
	color:var(--def-yellow);
}
#topMember input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
}
#topMember label {
	margin-bottom:0;
	padding-left:6px;
	padding-right:6px;
	line-height:28px;
	font-size:14px;
	text-align:center;
	color:var(--def-darkgray);
	background:#eee;
	display: inline-block;
	cursor: pointer;
	white-space:nowrap;
	transition:all .2s ease-in-out .2s;
}
#topMember .radio-group{
	border-radius:14px;
	overflow:hidden;
}
#topMember label:hover{
	background:#ddd;
	color:var(--def-darkgray);
}
#topMember input[type=radio]:checked + label {
	color: #fff;
	background:var(--def-teal);
}
#topMember label + input[type=radio] + label {
	border-left:#ddd solid 1px;
}
.tm-icon-box{
	position:relative;
}
.tm-icon-box i.material-icons{
	width:28px;
	height:28px;
	line-height:28px;
	color:var(--def-neutralgray);
	text-align:center;
	position:absolute;
	top:1px;
	left:2px;
}
.tm-input{
	display:block;
	padding:2px 4px 2px 30px;
	line-height:24px;
	width:100%;
	border-radius:14px;
	border:var(--def-lightgray) solid 1px;
	background:#eee;
}
#topMember button[type=submit]{
	margin-left:auto;
	padding:2px 4px;
	width:50%;
	line-height:24px;
	font-size:14px;
	color:#fff;
	border-radius:14px;
	border:none;
	background:var(--def-darkteal);
	cursor:pointer;
	transition:all .2s ease-in-out .2s;
}
#topMember button[type=submit]:hover,#topMember button[type=submit]:focus{
	background:#eee;
	color:var(--def-darkteal);
}
.tm-link a{
	padding-left:18px;
	font-size:13px;
	color:#f1f1f1;
	position: relative;
}
.tm-link a:hover{
	color:var(--def-teal);
}
.tm-link i{
	font-size:14px;
	position: absolute;
	top:0;
	left:0;
}
.tm-warning{
	margin:0;
	text-align:right;
	font-size:14px;
	color:var(--def-darkgray);
}
@media screen and (min-width: 768px){
	.top-member{
		width:100%;
		position:absolute;
		z-index:100;
	}
}

/*--top-logo--*/
.top-logo{
	display:block;
	width:260px;
	height:100px;
	text-indent:-9999px;
	background-image:url(../images/header-logo.png);
	background-size:cover;
}
.top-detail,.top-detail span,.nav-detail,.nav-detail span{
	display: block;
}
.top-detail{
	margin-left:30px;
}
.top-date{
	line-height:48px;
	font-family: 'Noto Serif TC', serif;
	font-weight:900;
	font-size:22px;
	color:var(--def-darkteal);
}
.top-date i{
	display:inline-block;
	width:20px;
	font-size:18px;
	color:var(--def-green);
}
.top-local{
	margin-top:-7px;
	line-height:22px;
	font-size:14px;
	color:var(--def-black);
	text-align:justify;
	text-justify: distribute-all-lines;
	text-align-last: justify;
}

/*--navbar-taidm--*/
.navbar-taidm.navbar{
	margin:0 auto;
	padding:0;
	background:var(--def-blue);
}
.navbar-brand{
	opacity:0;
}
.navbar-toggler{
	width:56px;
	height:56px;
	border:none;
	position:relative;
}
.navbar-taidm .navbar-toggler .navbar-toggler-icon{
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%;
}
.navbar-taidm .navbar-toggler .navbar-toggler-icon,
.navbar-taidm .navbar-toggler .navbar-toggler-icon:before,
.navbar-taidm .navbar-toggler .navbar-toggler-icon:after{
	content:'';
	display:block;
	width:24px;
	height:3px;
	background:#fff;
	position:absolute;
}
.navbar-taidm .navbar-toggler .navbar-toggler-icon:before,
.navbar-taidm .navbar-toggler .navbar-toggler-icon:after{
	transition-property:top, transform;
	transition-delay:0.2s , 0s;
	transition-duration:0.2s, 0.2s;
}
.navbar-taidm .navbar-toggler .navbar-toggler-icon:before{
	top:calc(50% - 10px);
}
.navbar-taidm .navbar-toggler .navbar-toggler-icon:after{
	top:calc(50% + 6px);
}
.navbar-taidm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{
	background:transparent;
}
.navbar-taidm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before,
.navbar-taidm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
	top:0;
	background:#fff;
	transition-delay:0s, 0.2s;
}
.navbar-taidm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{
	transform:rotate(45deg);
}
.navbar-taidm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
	transform:rotate(-45deg);
}
.navbar-taidm .nav-item{
	padding:0 12px;
}
.navbar-taidm .navbar-nav .nav-link{
	padding:0 4px;
	color:#fff;
	line-height:52px;
	position:relative;
}
.navbar-taidm .navbar-nav .nav-link:hover{
	background:rgba(255,255,255,.3);
}
.navbar-taidm .navbar-nav .nav-link span{
	display: block;
	overflow:hidden;
	position:relative;
}
.navbar-taidm .dropdown-toggle:after{
	margin:0;
	transform:translateX(-50%);
	border-top:0;
	border-bottom:0.3em solid var(--def-teal);
	bottom:0;
	position:absolute;
	left:50%;
	opacity:0;
}
.navbar-taidm .dropdown-toggle[aria-expanded=true]:after{
	opacity:1;
}
.navbar-taidm .dropdown-menu{
	margin:0;
	border-radius:0;
	text-align:center;
	border:none;
}
.navbar-taidm .dropdown-item{
	padding:0.25rem 0.75rem;
	line-height:2;
	color:#fff;
}
.navbar-taidm .dropdown-item+.dropdown-item{
	margin-top:0.25rem;
}
.navbar-taidm .dropdown-item[target=_blank]:after{
	content:'insert_link';
	font-family: 'Material Icons';
	-webkit-font-feature-settings: 'liga';
	padding-left:0.25rem;
	line-height:inherit;
}
.navbar-taidm .dropdown-item:hover,.navbar-taidm .dropdown-item:active{
	background:var(--def-yellow);
	color:var(--def-black);
}
.navbar-taidm .navbar-brand,.nav-detail{
	display:none;
}
@media screen and (min-width: 992px){
	.navbar-taidm .dropdown-menu{
		transform: translateX(-50%);
		left: 50%;
		background: var(--def-teal);
	}
}
@media screen and (max-width: 991.98px){
	.nav-container.container{
		padding:0;
	}
	.navbar-taidm .navbar-brand{
		display:block;
		margin:0;
		width:56px;
	}
	.navbar-taidm .nav-item + .nav-item{
		margin-bottom:0.25rem;
	}
	.navbar-taidm .navbar-nav .nav-link{
		text-align:center;
	}
	.navbar-taidm .dropdown-toggle:after{
		border-bottom:0.3em solid var(--def-teal);
	}
	.navbar-taidm .navbar-nav .nav-link:hover,
	.navbar-taidm .navbar-nav .nav-link[aria-expanded=true]{
		background:rgba(0,0,0,.3);
	}
	.navbar-taidm .dropdown-menu{
		background:var(--def-teal);
	}
	.navbar-taidm .dropdown-item:hover{
		background:rgba(0,0,0,.5);
		color:#fff;
	}
}
@media screen and (max-width: 575.98px){
	.top-func-item{
		margin-left:0;
	}
	.top-func-link{
		margin:10px auto;
	}
	.top-detail{
		display:none;
	}
	.nav-detail{
		display:block;
	}
	.nav-detail .top-date{
		color:var(--def-yellow);
	}
	.nav-detail .top-date i{
		color:var(--def-teal);
	}
	.nav-detail .top-local{
		padding-bottom:9px;
		color:#fff;
	}
	.navbar-taidm.navbar{
		margin-left:-15px;
		width:calc(100% + 30px);
	}
}

/*--register-wrap--*/
.register-wrap{
	padding-top:34px;
	padding-bottom:34px;
	background-image:linear-gradient(to right,var(--def-yellow),var(--def-teal));
}
.register-cont{
	color:#fff;
	text-align:center;
	font-size:22px;
}
@media screen and (min-width: 992px){
	.register-cont{
		text-align:right;
	}
}

/*--footer--*/
footer{
	padding-top:30px;
	padding-bottom:30px;
	background:#c3c3c3;
	font-size:14px;
	color:#323232;
}
.footer-nav{
	margin-bottom:30px;
}
.footer-nav-list{
	display: flex;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0;
}
.footer-nav-item{
	margin-right:30px;
	position:relative;
}
.footer-nav-item:after{
	content:'';
	display: block;
	width:1px;
	height:18px;
	background:var(--def-black);
	position:absolute;
	top:9px;
	right:-15px;
}
.footer-nav-item:last-child{
	margin-right:0;
}
.footer-nav-item:last-child:after{
	display:none;
}
.footer-nav-link{
	display: block;
	padding: 0 5px;/*0 .75rem*/
	line-height:36px;
	color:#323232;
}
.footer-nav-link:hover{
	color:#666;
}
.footer-main{
	padding-bottom:30px;
}
.footer-info{
	line-height:23px;
}
.footer-info .material-icons{
	margin-right:4px;
	width:23px;
	text-align:center;
}
.footer-copyrights,.footer-counter{
	padding:4px;
	text-align:center;
	line-height:22px;
}
.footer-sponsor{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}
.fs-img{
	padding-right:8px;
}
@media screen and (max-width:991.98px){
	footer{
		padding-top:50px;
		padding-bottom:50px;
	}
	.footer-nav{
		display:none;
	}
	.footer-sponsor{
		flex-wrap:wrap;
	}
	.fs-img{
		padding-bottom:8px;
		padding-right:0;
	}
	.fs-cont{
		width:100%;
		text-align:center;
	}
}

/*--goTop--*/
#goTop{
	display:none;
	width:36px;
	height:36px;
	border-radius:50%;
	background:var(--def-darkgray);
	color:#fff;
	box-shadow:rgba(0,0,0,.3) 0 3px 5px;
	overflow:hidden;
	position:fixed;
	right:24px;
	bottom:100px;
	opacity:0;
	z-index:100;
}
#goTop:before{
	content:'';
	display: block;
	width:28px;
	height:28px;
	border-radius:50%;
	background:var(--def-blue);
	position:absolute;
	left:4px;
	bottom:-36px;
	transition:all .2s ease-in-out .2s;
	box-shadow:rgba(0,0,0,.3) 0 3px 2px;
}
#goTop:hover:before,#goTop:active:before{
	bottom:4px;
}
#goTop i{
	color:#fff;
	font-size:24px;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
#goTop.show{
	display:block;
	opacity:1;
}

/*--index-title--*/
.index-title{
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-bottom:30px;
	height:54px;
	position:relative;
}
.index-title strong,.index-title span{
	display:block;
	padding:0 4px;
}
.index-title strong{
	line-height:50px;
	font-weight:900;
	font-size:30px;
	color:transparent;
}
.index-title span{
	padding-bottom:4px;
	font-size:16px;
	line-height:30px;
	color:var(--def-black);
}
.index-title strong[data-title]{
	background-position:center center;
	background-repeat:no-repeat;
}
.index-title strong[data-title=news]{
	background-image:url(../images/index-title-news.png);
}
.index-title strong[data-title=info]{
	background-image:url(../images/index-title-info.png);
}
.index-title strong[data-title=photo]{
	background-image:url(../images/index-title-photo.png);
}
.index-title strong[data-title=exhibitor]{
	background-image:url(../images/index-title-exhibitor.png);
}
.index-title strong[data-title=product]{
	background-image:url(../images/index-title-product.png);
}
.index-title strong[data-title=supporters]{
	background-image:url(../images/index-title-supporters.png);
}
.index-title-white.index-title strong,.index-title-white.index-title span{
	color:#fff;
}
.index-gutter{
	margin-bottom:15px;
	height:1px;
	background:var(--def-lightgray);
}

/*--index-slider--*/
.index-slider-container{
	margin-top:16px;
	margin-bottom:30px;
}
.index-slider-container .slick-dotted.slick-slider{
	margin-bottom:0;
}
.index-slider{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}
.index-slider:before,.index-slider:after{
	content:'';
	display: block;
	width:50px;
	height:100%;
	z-index:10;
	position:absolute;
	top:0;
}
.index-slider:before{
	left:0;
}
.index-slider:after{
	right:0;
}
.index-slider .slick-prev,
.index-slider .slick-next{
	width:40px;
	height:40px;
	z-index:100;
}
.index-slider .slick-prev{
	left:0;
}
.index-slider .slick-next{
	right:0;
}
.index-slider .slick-prev:before,
.index-slider .slick-next:before{
	width:100%;
	height:100%;
	line-height:40px;
	font-family:'Material Icons';
	font-size:24px;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,.75);
	border-radius:50%;
}
.index-slider .slick-prev:before{
	content:'chevron_left';
}
.index-slider .slick-next:before{
	content:'chevron_right';
}
.index-slider .slick-dots{
	width:50px;
	height:50px;
	right:0;
	bottom:0;
	z-index:100;
}
.index-slider .slick-dots li{
	display: block;
	margin:0;
	width:50px;
	text-align:center;
}
.index-slider .slick-dots li button{
	margin:0 auto;
	position:relative;
}
.index-slider .slick-dots li button:before{
	display:none;
}
.index-slider .slick-dots li button:after{
	content:'';
	display: block;
	width:8px;
	height:8px;
	background:rgba(0,0,0,.5);
	border-radius:50%;
	transition:all .2s ease-in-out .2s;
}
.index-slider .slick-dots li:hover button:after{
	background:rgba(0,0,0,.75);
}
.index-slider .slick-dots li.slick-active button:after{
	background:var(--def-green);
}
.index-slide a{
	display:block;
}
@media screen and (min-width: 768px){
	.index-slider-container{
		padding:16px;
		background:rgba(0,0,0,.3);
	}
	.index-slider{
		height:556px;
	}
	.index-slider .index-slide{
		transition:all .2s ease-in-out .2s;
	}
	.index-slider .index-slide:not(.slick-current){
		filter:brightness(0.5);
		transform:scale(0.95);
		transform-origin:bottom center;
	}
	.index-slider .slick-dots{
		right:-8px;
		bottom:16px;
	}
	.index-slide img{
		max-width:100%;
		width:100%;
		height:556px;
		object-fit:contain;
	}
}
@media screen and (max-width: 767.98px){
	.index-slider-container{
		margin-left:-15px;
		margin-right:-15px;
		padding:0;
	}
	.index-slider{
		height:fit-content;
	}
	.index-slide a{
		padding-bottom:100%;
		width:100%;
		height:0;
		position:relative;
	}
	.index-slide img{
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}
}

/*--20211115更新--*/
@media only screen and (max-width: 992px){
	.video1{
		height: 453px;
		width: 100%;
	}
}
/*---20211115----*/

/*--item-p--*/
.item-p{
	width:100%;
	text-align:center;
}

/*--index-news--*/
.index-news{
	padding-bottom:50px;
}
.index-news-box{
	margin-bottom:15px;
}
.index-news .news-item{
	min-width:300px;
}
.index-news .news-item:last-child{
	margin-right:0;
}

/*--index-info--*/
.index-info{
	padding-bottom:50px;
	padding-top:30px;
}
.index-info-box{
	padding-top:35px;
	padding-bottom:35px;
	border:var(--def-lightgray) solid 1px;
	border-right:none;
	border-radius:5px 0 0 5px;
}
.index-info .index-title{
	margin-top:-70px;
}
.index-info .index-title span,.index-info .index-title strong{
	background-color:#fff;
}
.index-info-cell{
	padding:0 23px;
}
.index-info-cell+.index-info-cell{
	margin-top:1rem;
}
.index-info-map{
	min-height:250px;
	overflow:hidden;
	border-radius:0 5px 5px 0;
	border:var(--def-lightgray) solid 1px;
	border-left:none;
}
.index-info-map iframe{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
@media screen and (max-width: 991.98px){
	.index-info-box{
		border-right:var(--def-lightgray) solid 1px;
		border-bottom:none;
		border-radius:5px 5px 0 0;
	}
	.index-info-map{
		height:240px;
		border-radius:0 0 5px 5px;
		border:var(--def-lightgray) solid 1px;
		border-top:none;
	}
}
@media screen and (max-width: 575.98px){
	.index-info-cell{
		padding:0 12px;
	}
}

/*--index-exhibitor--*/
.index-exhibitor{
	padding-bottom:50px;
}
.index-exhi-box{
	margin-bottom:15px;
}

/*--index-photo--*/
.index-photo{
	padding-bottom:50px;
}
.img-16by9{
	padding-bottom:56.25%;
	width:100%;
	height:0;
	position:relative;
	overflow:hidden;
	border-radius:5px;
}
.img-16by9 > *{
	width:100%;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
#carouselIndex .carousel-indicators{
	display: flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:0;
	list-style:none;
	position: relative;
	top:auto;
	right:auto;
	left:auto;
	bottom:auto;
}
#carouselIndex .carousel-indicators li{
	flex:none;
	margin-left:0;
	margin-right:0;
	margin-bottom:8px;
	width:50px;
	height:50px;
	border-radius:5px;
	overflow:hidden;
	cursor:pointer;
	filter:brightness(0.3);
	text-indent:0;
	transition:all .2s ease-in-out .2s;
}
#carouselIndex .carousel-indicators li:before,
#carouselIndex .carousel-indicators li:after{
	display: none;
}
#carouselIndex .carousel-indicators li.active{
	filter:none;
}

#carouselIndex .carousel-indicators li > *{
	width:50px;
	height:50px;
	object-fit:cover;
	object-position:center center;
}
@media screen and (min-width: 768px){
	#carouselIndex .carousel-indicators{
		padding:0 8px;
		width:124px;
	}
	#carouselIndex .carousel-indicators li:nth-of-type(odd){
		margin-right:8px;
	}
}
@media screen and (max-width: 767.98px){
	#carouselIndex .carousel-indicators{
		margin-top:8px;
		padding:0;
		width:100%;
	}
	#carouselIndex .carousel-indicators li:not(:last-child){
		margin-right:8px;
	}
}

/*--index-product--*/
.index-product{
	padding-bottom:50px;
}
.index-prod-box{
	margin-bottom:15px;
}
.index-product .prod-list{
	flex-wrap:nowrap;
}
.index-product .prod-item{
	margin-bottom:15px;
	width:calc((100% - 60px) / 5);
	min-width:180px;
	position:relative;
}
.index-product .item-inner{
	display:block;
}
.index-product .item-cont{
	margin-top:124px;
	width:100%;
}
.index-product .prod-item .item-title{
	display: block;
	height:1.5em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.index-product .prod-item:last-child{
	margin-right:0;
}
.index-product .prod-item .item-img{
	transform:translateX(-50%);
	position:absolute;
	top:0;
	left:50%;
}

/*--index-supporter--*/
.index-supporter{
	padding-top:50px;
	padding-bottom:50px;
}
.index-supp-list{
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
}
.index-supp-item{
	margin-bottom:30px;
	width:100%;
	padding:28px 12px 28px 12px;
	font-size:13px;
	border:var(--def-lightgray) solid 1px;
	border-radius:5px;
	text-align:center;
	position:relative;
}
.isi-title{
	padding:0 12px;
	line-height:30px;
	background:#fff;
	font-weight:bold;
	transform:translateX(-50%);
	position:absolute;
	top:-15px;
	left:50%;
	font-size: 20px;
}
.isi-cont{
	line-height:2em;
	font-size: 15px;
}
.indexAuthorBtn{
	display:inline-block;
	padding:0 1rem;
	height:30px;
	line-height:28px;
	border-radius:15px;
	font-size:12px;
	color:var(--def-black);
	border:var(--def-thingray) solid 1px;
}
.indexAuthorBtn:hover{
	color:var(--def-black);
}
.indexAuthorBtn i.materail-icons{
	transition: all .2s ease-in-out .2s;
}
.indexAuthorBtn[aria-expanded=true] i.material-icons{
	transform:rotate(180deg) scale(1.1);
}
.indexAuthorBtn[aria-expanded=false] .indexAuthorLess{
	display:none;
}
.indexAuthorBtn[aria-expanded=true] .indexAuthorMore{
	display:none;
}
@media screen and (min-width: 992px){
	.index-supp-list{
		margin:0 auto;
		width:calc(100% / 4 * 3);
	}
	.isi-quarter{
		width:calc((100% - 30px) / 3);
	}
	.isi-half{
		width:calc((100% - 15px) / 2);
	}
	.isi-all{
		width:100%;
	}
	.isi-half .isi-title,.isi-all .isi-title{
		left:25%;
	}
	.index-supp-item{
		margin-bottom:30px;
	}
	.index-supp-item+.index-supp-item{
		margin-left:15px;
	}
}
/*--gradient-wrap--*/
.gradient-wrap{
	background-image:linear-gradient(to right, var(--def-blue), var(--def-teal)); 
}
.index-gradient-wrap{
	padding-top:50px;
}

/*--main-wrap--*/
.main-wrap{
	position:relative;
	overflow:hidden;
}
.main-wrap:before{
	content:'';
	display: block;
	width:45%;
	height:730px;
	background-image:url(../images/main-wrap-bg.png);
	background-size:contain;
	background-position:right bottom;
	background-repeat:no-repeat;
	position:absolute;
	right:-45px;
	bottom:0;
}
@media screen and (max-width: 575.98px){
	.main-wrap:before{
		width:75%;
	}
}

/*--list-item--*/
.item-tags{
	display:flex;
	justify-content:space-between;
	font-size:12px;
}
.item-tags span{
	display:block;
	line-height:30px;
}
.item-title{
	color:var(--def-blue);
}
.item-cate{
	text-align:right;
	font-size:12px;
}
.item-link{
	display: block;
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:10;
}
.item-link span{
	display:inline-block;
	color:#fff;
	text-shadow:rgba(0,0,0,.75) 0 0 3px;
	font-size:14px;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
.item-link span i{
	display: block;
	margin-bottom:-8px;
	font-size:28px;
}
.item-link:hover{
	opacity:1;
}

/*--news--*/
.news-list{
	display:flex;
}
.page-list.news-list{
	flex-wrap:wrap;
}
.news-item{
	margin-bottom:15px;
	margin-right:15px;
	width:calc((100% - 30px) / 3);
	position:relative;
}
.page-list .news-item{
	margin-bottom:22px;
}
.news-item .item-img{
	width:100%;
	height:204px;
	position:relative;
	border-radius:5px 5px 0 0;
	border:var(--def-thingray) solid 1px;
	overflow:hidden;
}
.news-item .item-img img{
	width:100%;
	height:204px;
	object-fit:cover;
	object-position:center center;
}
.news-item .item-cont{
	padding:0 10px 10px 10px;
	border-radius:0 0 5px 5px;
	border:var(--def-thingray) solid 1px;
	border-top:none;
	position: relative;
	overflow:hidden;
}
.news-item .item-title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin:6px 0;
	line-height:24px;
	max-height:48px;
}
.news-item .item-link{
	border-radius:5px;
}

@media screen and (min-width: 992px){
	.page-list .news-item:nth-of-type(3n){
		margin-right:0;
	}
}
@media screen and (max-width: 991.98px){
	.page-list .news-item{
		width:calc((100% - 15px) / 2);
	}
	.page-list .news-item:nth-of-type(even){
		margin-right:0;
	}
}
@media screen and (max-width: 767.98px){
	.page-list .news-item{
		width:100%;
		margin-right:0;
		margin-bottom:22px;
	}
	.news-item{
		min-width:220px;
	}
	.page-list .news-item .item-img{
		border-radius:5px 0 0 5px;
	}
}
@media (min-width: 576px) and (max-width: 767.98px){
	.page-list .news-item{
		display:flex;
		flex-wrap:wrap;
	}
	.news-item .item-img{
		padding-bottom:0;
		width:100%;
		height:145px;
	}
	.news-item .item-img img{
		width:220px;
		height:145px;
		object-fit:cover;
	}
	.page-list .news-item .item-cont{
		width:calc(100% - 220px);
		border-top:var(--def-thingray) solid 1px;
		border-left:none;
		border-radius:0 5px 5px 0;
	}
	.news-item .item-link{
		width:100%;
		left:auto;
		right:0;
	}
}

/*--exhibitor--*/
.exhi-list{
	display:flex;
	flex-wrap:wrap;
}
.exhi-item{
	margin-bottom:15px;
	border:var(--def-thingray) solid 1px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}
.page-list .exhi-item{
	margin-right:0;
	margin-bottom:15px;
	width:calc((100% - 15px) / 2);
	border:var(--def-lightgray) solid 1px;
	border-radius:5px;
	overflow:hidden;
}
.exhi-item .item-inner{
	display: flex;
	position:relative;
}
.exhi-item .item-img img{
	width:100px;
	height:100px;
	object-fit:contain;
	object-position:center center;
}
.exhi-item .item-cont{
	padding:7px;
	width:calc(100% - 100px);
	position:relative;
}
.exhi-item .item-title{
	margin-bottom:7px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.exhi-item .item-prev{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.6em;
	line-height:1.3;
	overflow:hidden;
	font-size:12px;
	color:var(--def-neutralgray);
}
.exhi-item .item-cate{
	margin-top:7px;
}

@media (max-width: 767.98px){
	.index-exhi-box .exhi-item{
		width:100%;
	}
	.exhi-item{
		margin-right:0;
	}
	.exhi-item:nth-of-type(6){
		margin-bottom:0;
	}
}
@media (min-width: 768px) and (max-width: 991.98px){
	.exhi-item{
		margin-right:15px;
		width:calc((100% - 15px) / 2);
	}
	.index-exhibitor .exhi-item:nth-of-type(5),.index-exhibitor .exhi-item:nth-of-type(6){
		margin-bottom:0;
	}
	.exhi-item:nth-of-type(2n){
		margin-right:0;
	}
}
@media screen and (min-width: 992px){
	.exhi-item{
		margin-right:15px;
		width:calc((100% - 30px) / 3);
	}
	.index-exhibitor .exhi-item:nth-of-type(4),.exhi-item:nth-of-type(5),.index-exhibitor .exhi-item:nth-of-type(6){
		margin-bottom:0;
	}
	.exhi-item:nth-of-type(3n){
		margin-right:0;
	}
}
@media (min-width: 768px){
	.page-list .exhi-item:nth-of-type(odd){
		margin-right:15px;
	}
}
@media (max-width: 767.98px){
	.page-list .exhi-item{
		width:100%;
	}
}
@media screen and (max-width: 575.98px){
	.page-list .exhi-item{
		margin-bottom:22px;
	}
}

/*--product--*/
.prod-list{
	display:flex;
	flex-wrap:wrap;
}
.prod-item{
	margin-right:15px;
	position:relative;
}
.page-list .prod-item{
	margin-bottom:22px;
	width:calc((100% - 15px) / 2);
}
.page-list .prod-item .item-inner{
	display:flex;
	align-items:center;
}
.prod-item .item-img{
	width:154px;
	height:154px;
	background-image:linear-gradient(to bottom, #b5b5b5, #707070);
	border-radius:5px;
	border:var(--def-thingray) solid 1px;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:100;
}
.prod-item .item-img img{
	width:154px;
	height:154px;
	object-fit:contain;
	object-position:center center;
}
.prod-item .item-cont{
	padding:45px 15px 0 15px;
	background:#fff;
	border-radius:5px;
	border:var(--def-thingray) solid 1px;
	position:relative;
	overflow:hidden;
}
.page-list .prod-item .item-cont{
	padding:15px 15px 0 15px;
	border-left:none;
	border-radius:0 5px 5px 0;
	width:calc(100% - 154px);
}
.prod-item .item-title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin-bottom:8px;
	max-height:3em;
	overflow:hidden;
}
.prod-item .item-cate{
	height:30px;
	line-height:30px;
}
.prod-item .item-link span i{
	margin-bottom:-8px;
}
@media screen and (min-width:768px){
	.page-list .prod-item:nth-of-type(even){
		margin-right:0;
	}
}
@media screen and (max-width:767.98px){
	.page-list .prod-item{
		margin-top:0;
		margin-right:0;
		width:100%;
	}
	.page-list .prod-item .item-img{
		width:134px;
		height:134px;
	}
	.page-list .prod-item .item-img img{
		width:134px;
		height:134px;
	}
	.page-list .prod-item .item-cont{
		padding:8px 8px 0 23px;
		width:calc(100% - 134px);
	}
	.page-list .prod-item .item-link span{
		margin:0;
	}
}

/*--company-products--*/
.edit-list .prod-item{
	margin-top:0;
	margin-bottom:22px;
	width:calc((100% - 15px) / 2);
}
.edit-list .prod-item:nth-of-type(even){
	margin-right:0;
}
.edit-list .prod-item .item-inner{
	display: flex;
	align-items:center;
}
.edit-list .prod-item .item-img{
	width:154px;
	height:154px;
	transform:none;
	position:relative;
	top:auto;
	left:auto;
}
.edit-list .prod-item .item-cont{
	padding-top:10px;
	width:calc(100% - 154px);
	border-radius:0 5px 5px 0;
	border-left:none;
}

.item-edit{
	display: flex;
	flex-wrap:wrap;
	font-size:14px;
}
.pie-item{
	display: block;
	margin-bottom:4px;
	padding-left:1.5rem;
	padding-right:0.5rem;
	position: relative;
	color:var(--def-darkgray);
}
.pie-item:before{
	content:'';
	display: block;
	width:0;
	height:100%;
	border-radius:1.5rem;
	background:var(--def-black);
	transition:.2s ease-in-out .2s;
	opacity:0.3;
	position: absolute;
	left:0;
	top:0;
}
.pie-item:hover{
	color:var(--def-darkgray);
}
.pie-item:hover:before{
	width:100%;
}
.pie-item+.pie-item{
	margin-left:.25rem;
}
.pie-item i{
	display: block;
	width:1.25rem;
	font-size:16px;
	text-align:center;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:2px;
}
.pie-green i{
	color:var(--form-green);
}
.pie-red i{
	color:var(--def-red);
}
.pie-gap{
	width:100%;
}
@media screen and (max-width: 991.98px){
	.edit-list .prod-item{
		width:100%;
		margin-bottom:22px;
	}
	.edit-list .prod-item:nth-of-type(odd){
		margin-right:0;
	}
}

/*--album--*/
.album-list{
	display:flex;
	flex-wrap:wrap;
}
.album-item{
	margin-right:15px;
	margin-bottom:18px;
	width:calc((100% - 45px) / 4);
	position:relative;
}
.album-item:before{
	content:'';
	display: block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.125);
	border:var(--def-lightgray) solid 1px;
	border-radius:5px;
	position:absolute;
	right:-3px;
	bottom:-3px;
}
.photo-list .album-item:before{
	display: none;
}
.album-item .item-img{
	padding-bottom:66%;
	width:100%;
	height:0;
	position:relative;
	overflow:hidden;
	border-radius:5px 5px 0 0;
	border:var(--def-thingray) solid 1px;
}
.album-item .item-img img{
	width:100%;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
.album-item .item-inner{
	position:relative;
}
.album-item .item-cont{
	padding:8px;
	border-radius:0 0 5px 5px;
	border:var(--def-thingray) solid 1px;
	border-top:none;
	background:#fff;
}
.album-item .item-title{
	margin-bottom: 8px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.album-item .item-link{
	border-radius: 5px;
}

@media screen and (min-width:992px){
	.album-item:nth-of-type(4n){
		margin-right:0;
	}
}
@media screen and (max-width: 991.98px){
	.album-item{
		width:calc((100% - 30px) / 3);
	}
}
@media (max-width:991.98px) and (min-width:768px){
	.album-item:nth-of-type(3n){
		margin-right:0;
	}
}
@media screen and (max-width: 767.98px){
	.album-item{
		width:calc((100% - 15px) / 2);
	}
}
@media (max-width:767.98px) and (min-width:576px){
	.album-item:nth-of-type(2n){
		margin-right:0;
	}
}
@media screen and (max-width:575.98px){
	.album-item{
		margin-right:0;
		margin-bottom:25px;
		width:100%;
	}
	.album-item .item-img{
		padding-bottom:0;
		height:180px;
	}
}

/*--line--*/
.line-item{
	padding:15px;
	width:100%;
	position: relative;
}
.line-item:nth-of-type(odd){
	background:#f1f1f1;
}
.line-item:nth-of-type(even){
	background:#eaeaea;
}
.line-item .item-inner{
	display: flex;
	align-items:center;
}
.line-item .item-no{
	padding-right:1rem;
	width:2rem;
	text-align:right;
	color:var(--def-darkgray);
	position: relative;
}
.line-item .item-no:before{
	content:'';
	display: block;
	width:2px;
	height:16px;
	background:rgba(0,0,0,.15);
	transform:translateY(-50%);
	position: absolute;
	top:calc(50% + 1px );
	right:calc(0.5rem - 1px);
}
.line-item .item-title{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin:8px 15px 8px 0;
	padding:0 15px;
	width:calc(((100% - 3rem) / 2) - 15px);
	font-size:18px;
}
.line-item .item-title:hover{
	background:var(--def-blue);
	color:#fff;
}
.line-item .item-cont{
	width:calc((100% - 3rem) / 2);
}
.line-item .item-cate{
	display:flex;
	flex-wrap:wrap;
	font-size:14px;
}
.line-item .item-cate span{
	margin:0.25rem 0.5rem 0.25rem 0;
	padding-left:20px;
	max-width:100%;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
	opacity:0.8;
}
.line-item .item-cate span:nth-of-type(1){
	margin-bottom:0;
	width:100%;
}
.line-item .item-cate span i{
	width:20px;
	text-align:center;
	position:absolute;
	left:0;
	color:var(--def-blue);
}
.line-item .item-link{
	width:calc(100% - 2rem - 15px);
	left:auto;
	right:0;
}
@media screen and (max-width: 767.98px){
	.line-item{
		padding:15px 8px;
	}
	.line-item .item-inner{
		flex-wrap:wrap;
	}
	.line-item .item-title,.line-item .item-cont{
		width:calc(100% - 2rem);
	}
	.line-item .item-title{
		margin-top:0;
		margin-bottom:4px;
		margin-right:0;
		padding:4px 8px;
	}
	.line-item .item-cont{
		margin-left:2rem;
		padding-left:8px;
	}
}

/*--item-link-color--*/
.link-list .item-link{
	background:var(--def-darkteal);
}

/*--page-main--*/
.page-main-wrap{
	padding-top:50px;
	padding-bottom:50px;
}
.page-info-box{
	position:relative;
	z-index:10;
}
.page-main-box{
	padding-top:62px;
	padding-bottom:36px;
	min-height:500px;
	border-radius:5px;
	border:var(--def-thingray) solid 1px;
	position:relative;
	background:#fff;
}
.page-info{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:calc(100% - 30px);
	height:38px;
	position:absolute;
	top:-19px;
	left:15px;
}
.page-title{
	font-size:20px;
	padding:4px 8px;
	line-height:34px;
	color:#fff;
	background:var(--def-darkteal);
	border-radius:5px 5px 0 0;
}
.page-breadcrumb{
	font-size: 14px;
	position:relative;
}
.page-breadcrumb:after{
	content:'';
	display: block;
	width:100%;
	height:calc(50% + 1px);
	border:var(--def-thingray) solid 1px;
	border-bottom:none;
	border-radius:5px 5px 0 0;
	position:absolute;
	top:0;
	left:0;
}
.page-breadcrumb ul{
	display:flex;
	margin:0;
	padding:0 8px;
	list-style:none;
	background:#fff;
	border-radius:5px 5px 0 0;
}
.page-breadcrumb ul li{
	line-height:24px;
	position:relative;
}
.page-breadcrumb ul li+li{
	margin-left:30px;
}
.page-breadcrumb ul li+li:before{
	content:'/';
	display:block;
	width:30px;
	text-align:center;
	opacity:0.6;
	position:absolute;
	left:-30px;
}
.page-breadcrumb ul li.active:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:var(--def-teal);
	position:absolute;
	left:0;
	bottom:0;
}
@media screen and (max-width: 767.98px){
	.page-main-box{
		padding-top:82px;
		padding-bottom:36px;
	}
	.page-info{
		height:92px;
		flex-wrap:wrap;
		justify-content:center;
		top:-27px;
	}
	.page-breadcrumb{
		width:100%;
		text-align:center;
	}
	.page-breadcrumb:after{
		display: none;
	}
	.page-breadcrumb ul{
		display:inline-flex;
		padding:0 12px;
		max-width:100%;
	}

}

/*--com-ad--*/
.com-ad-wrap{
	margin-bottom:30px;
	padding-top:30px;
	padding-bottom:15px;
}
.com-ad-list{
	display:flex;
	justify-content:center;
}
.com-ad-item{
	margin-right:30px;
	min-width:80px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
	position:relative;
}
.com-ad-item:last-child{
	margin-right:0;
}
.com-ad-item img{
	width:80px;
	height:80px;
	object-fit:cover;
	object-position: center center;
}
.com-ad-link{
	display:block;
	width:100%;
	height:100%;
	transition:all .2s ease-in-out .2s;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.com-ad-item:hover .com-ad-link{
	opacity:1;
}
.com-ad-link span{
	display:inline-block;
	margin-top:-2px;
	color:#fff;
	font-size:12px;
	text-align:center;
	white-space:nowrap;
	text-shadow:rgba(0,0,0,.3) 0 0 5px;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
.com-ad-link span i{
	margin-bottom:-8px;
	font-size:24px;
}
.com-ad-item:nth-of-type(3n+1) .com-ad-link{
	background:var(--def-blue);
}
.com-ad-item:nth-of-type(3n+2) .com-ad-link{
	background:var(--def-yellow);
}
.com-ad-item:nth-of-type(3n) .com-ad-link{
	background:var(--def-red);
}

@media screen and (max-width: 767.98px){
	.com-ad-list{
		justify-content:flex-start;
	}
}

/*--content--*/
.float-box:after{
	content:'';
	display:table;
	line-height:0;
	clear: both;
}
.float-img{
	padding:0 15px 15px 15px;
	width:50%;
	float:right;
}
.float-img p{
	margin-top:8px;
	font-size:14px;
	color:var(--def-darkgray);
}

@media screen and (max-width: 767.98px){
	.float-img{
		padding:0 0 15px 0;
		width:100%;
		float:none;
	}
}

/*--member--*/
.signup-info{
	margin-bottom:3rem;
	color:var(--def-darkgray);
}
.signup-info i{
	color:var(--def-blue);
}
.signup-kind{
	padding:0 15px;
	position:relative;
	background:var(--def-darkgray);
	border-radius:90px;
}
.signup-kind:hover:after{
	background:rgba(255,255,255,.0);
}
.signup-kind a,.service-kind a,.add-product a{
	color:#fff;
}
.inline-icon-box, #emailErrMsg{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
}
.inline-icon-box i,#emailErrMsg i{
	transform:scale(1.1);
}
.inline-icon-box span, #emailErrMsg span{
	padding-left:0.5rem;
}
.form-btn button i, .add-product a i,
.signup-form .form-note i{
	transform:scale(1.1);
	transform-origin:0 50%;
}
.signup-kind a,.signup-kind a:hover,.add-product a:hover{
	color:#fff;
}
.signup-kind a{
	height:180px;
	position:relative;
}
.signup-kind a+a{
	margin-left:8px;
}
.signup-kind a:before{
	content:'';
	width:20px;
	height:20px;
	border-radius:50%;
	transform:translate(-50%,-50%);
	opacity:0;
	transition:all .2s ease-in-out .2s;
	position:absolute;
	top:50%;
	left:50%;
}
.signup-kind a.visitor:before{
	background:var(--form-green);
}
.signup-kind a.company:before{
	background:var(--form-blue);
}
.signup-kind a:hover:before,.signup-kind a.active:before{
	width:156px;
	height:156px;
	opacity:1;
}
.signup-kind a:hover,.signup-kind a.active{
	text-shadow:rgba(0,0,0,.3) 0 0 5px;
}
.signup-kind a.visitor.active:before{
	border-radius:50% 0 0 50%;
}
.signup-kind a.company.active:before{
	border-radius:0 50% 50% 0;
}
.signup-kind a span{
	display:block;
	position:relative;
}

.visitor .h-line{
	padding-top:.25rem;
	padding-bottom:.25rem;
	color:var(--form-green);
	line-height:2.5rem;
	font-size:1.1rem;
	font-weight:bold;
	background:rgba(0,0,0,.15);
	text-align:center;
	border-radius:3rem;
}
#inquire .signup-form .title{
	background:var(--def-red);
}
.signup-kind .icon{
	margin:0 auto;
	margin-bottom:-1.5rem;
	width:156px;
	height:156px;
	position:relative;
}
.signup-kind .icon i{
	font-size:102px;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
.signup-kind .title,.service-kind{
	padding-bottom:1rem;
	font-size:1.1rem;
	text-align:center;
}
.service-kind a,.add-product a{
	padding-top:8px;
	padding-bottom:8px;
}
.service-kind a:first-child{
	padding-left:30px;
	border-radius:calc((1.65rem / 2) + 12px) 0 0 calc((1.65rem / 2) + 12px);
}
.service-kind a:last-child{
	padding-right:30px;
	border-radius:0 calc((1.65rem / 2) + 12px) calc((1.65rem / 2) + 12px) 0;
}
.service-kind a:only-child,.add-product a{
	border-radius:calc((165rem / 2) + 12px);
}
.service-kind a{
	padding-top:8px;
	padding-bottom:8px;
	background:var(--def-darkgray);
}
.visitor .service-kind a.active{
	background:var(--form-green);
}
.company .service-kind a.active{
	background:var(--form-blue);
}
.service-kind a:hover{
	background:var(--def-lightgray);
	color:var(--def-black);
}
.service-kind a.active{
	color:#fff;
}
.service-kind a.disabled{
	pointer-events:none;
}
.signup-form{
	margin-top:30px;
}
.signup-form .info{
	margin:1rem 0;
	font-size:14px;
	color:var(--def-red);
	text-align:right;
	opacity:0.8;
}
.signup-form .form-title{
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
	font-size:18px;
	text-align:center;
	border-radius:15px 15px 0 0;
}
.visitor .signup-form .form-title{
	background:var(--form-green);
}
.company .signup-form .form-title{
	background:var(--form-blue);
}
.signup-form .form-data{
	margin-bottom:30px;
	padding-top:15px;
	padding-bottom:30px;
	background:#f0f0f0;
	border-radius:0 0 15px 15px;
}
.signup-form.modal-form,.signup-form.modal-form .form-data{
	margin:0;
}
.signup-form.modal-form .form-data{
	position:relative;
	border-radius:0;
}
.signup-form .form-item{
	padding-top:8px;
	padding-bottom:8px;
	border-top:rgba(0,0,0,.07) solid 1px;
	border-bottom:rgba(0,0,0,.07) solid 1px;
}
.signup-form .form-item+.form-item{
	border-top:none;
}
.signup-form .form-item-label{
	width:calc(6rem + 30px);
}
.signup-form .form-item-label.required{
	position: relative;
}
.signup-form .form-item-label.required:before{
	content:'*';
	display:block;
	width:15px;
	text-align:center;
	font-size:12px;
	color:var(--def-red);
	opacity:0.8;
	position:absolute;
	top:0;
	left:0;
}
.signup-form .form-item-label,.form-item-data{
	line-height:calc(1.5rem + .75rem);
}
.form-item-data+.form-item-data{
	padding-left:0.5rem;
}
.signup-form .form-note{
	padding:8px 0;
	font-size:14px;
	color:var(--def-darkgray);
}
.signup-form .form-note i{
	color:var(--def-lightgray);
}
.subscript,.securcheck{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom:var(--def-lightgray) dashed 1px;
}
.securcheck{
	margin-bottom:30px;
	border-top:var(--def-lightgray) dashed 1px;
}
.subscript + .securcheck{
	border-top:none;
}
.subscript .title{
	margin-bottom:1rem;
	font-weight:bold;
}
.s-img{
	font-size:14px;
}
.visitor .s-img{
	color:var(--form-green);
}
.visitor .s-img:hover{
	color:var(--form-darkgreen);
}
.company .s-img{
	color:var(--form-blue);
}
.company .s-img:hover{
	color:var(--form-darkblue);
}
.securcheck .s-img img{
	width:120px;
}
.form-btn button{
	display: block;
	width:100%;
	text-align:center;
	color:#fff;
	line-height:3rem;
	font-size:18px;
	font-weight:bold;
	border-radius:3rem;
	border:none;
	cursor:pointer;
	transition:all .2s ease-in-out .2s;
}
.form-btn{
	margin-top:30px;
}
.form-btn button[type=reset]{
	color:var(--def-neutralgray);
}
.form-btn button[type=reset]:hover{
	color:#fff;
	background:var(--def-darkgray)
}
.visitor .form-btn button[type=submit]{
	background:var(--form-green);
}
.visitor .form-btn button[type=submit]:hover{
	background:var(--form-darkgreen);
}
.company .form-btn button[type=submit],.add-product a{
	background:var(--form-blue);
}
.company .form-btn button[type=submit]:hover,.add-product a:hover{
	background:var(--form-darkblue);
}
.form-btn button.disabled{
	background:var(--def-lightgray);
	pointer-events:none;
	color:var(--def-black);
}
.notify{
	margin:60px 0;
	text-align:center;
}
.notify .signup-info{
	margin-bottom:0;
}
.custom-modal .modal-content{
	overflow:hidden;
}
.custom-modal .modal-header{
	color:#fff;
	border-radius:0;
}
.edit-modal .modal-header{
	background:var(--form-blue);
}
.def-modal .modal-header{
	background:var(--def-blue);
}
.custom-modal .close,.custom-modal .close:hover,.custom-modal .close:focus{
	color:#fff;
	text-shadow:none;
}
.edit-modal .modal-iframe{
	width:100%;
	height:calc(100vh - 3.875rem - 60px);
}

@media screen and (max-width: 575px){
	.securcheck .s-img{
		padding-bottom:15px;
	}
}

@media screen and (max-width:464px){
	.signup-kind{
		padding:4px;
		border-radius:84px;
	}
	.signup-kind a{
		width:136px;
		height:136px;
	}
	.signup-kind a+a{
		margin-left:2px;
	}
	.signup-kind a .icon{
		margin-top:0.25rem;
		margin-bottom:0;
		width:100%;
		height:0;
		padding-bottom:calc(100% - 41px);
	}
	.signup-kind a .icon i{
		font-size:86px;
	}
	.signup-kind .title,
	.service-kind{
		font-size:1.05rem;
	}
	.signup-kind a:hover:before, .signup-kind a.active:before{
		padding-bottom:100%;
		width:100%;
		height:0;
	}
}

/*--list-cont--*/
.list-wrap{
	height:fit-content;
}
.list-cont{
	margin-left:-23px;
	margin-right:-23px;
	padding:30px 23px;
	background:#fff;
	border:var(--def-lightgray) solid 1px;
	border-radius:5px;
}
.list-search{
	margin-bottom:30px;
}
.list-search > div{
	margin-bottom:1rem;
}
.list-search button[type=submit]{
	display: block;
	padding: .375rem .75rem;
	width: 100%;
	min-width:calc(2.25rem + 2px);
	height: calc(2.25rem + 2px);
	
	line-height: 1.5rem;
	border-radius: .25rem;
	background: var(--def-blue);
	color: #fff;
	border: rgba(0,77,141,0.75) solid 1px;
	cursor: pointer;
	transition: all .2s ease-in-out .2s;
	position:relative;
}
.list-search button[type=submit]:hover{
	background: rgba(0,77,141,0);
	color: var(--def-blue);
}
.list-status{
	margin-bottom:30px;
	padding:1rem 0;
	text-align:center;
	color:var(--def-darkgray);
	border-top: var(--def-lightgray) dashed 1px;
	border-bottom: var(--def-lightgray) dashed 1px;
}
.list-status b{
	padding:0 0.25rem;
	color:var(--def-red);
}
.list-tag-wrap{
	margin-bottom:30px;
}
.list-tags{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-left:-8px;
	margin-right:-8px;
}
.list-tag-item{
	margin-bottom: 8px;
	padding:0 8px;
}
.list-tag-item a,.list-tag-item button{
	display: inline-block;
	padding: 0 8px;
	height:26px;
	line-height:24px;
	font-size:14px;
	border: var(--def-lightgray) solid 1px;
	border-radius: 26px;
	color: var(--def-blue);
	background: transparent;
	cursor:pointer;
}
.list-tag-item a:hover,.list-tag-item button:hover{
	color:#fff;
	background:var(--def-teal);
	border-color:var(--def-teal);
}
.list-tag-item a.active,.list-tag-item button.mixitup-control-active{
	color:#fff;
	background:var(--def-blue);
	border-color:var(--def-blue);
}
.list-title{
	margin-bottom:30px;
	color:var(--def-neutralgray);
	font-size:22px;
	font-weight:bold;
	border-bottom:var(--def-lightgray) solid 2px;
}
@media screen and (min-width:768px){
	.list-search button[type=submit] i{
		font-size:24px;
		transform:translate(-50%,-50%);
		position:absolute;
		top:50%;
		left:50%;
	}
}
@media screen and (max-width: 767.98px){
	.list-tag-wrap{
		height:60px;
	}
	.list-tags{
		justify-content:flex-start;
	}
}

/*--pagination--*/
.list-pagination{
	display:flex;
	justify-content:space-between;
	margin-top:36px;
}
.list-pagination ul{
	display:flex;
	list-style: none;
	padding:0;
	margin:0;
}
.list-pagination ul li+li{
	border-left:#fff solid 1px;
}
.list-pagination ul li a{
	display:block;
	min-width:36px;
	height:36px;
	line-height:36px;
	font-size:18px;
	text-align:center;
	color:#fff;
	background:var(--def-darkgray);
}
.list-pagination ul li a:hover{
	background:var(--def-teal);
}
.list-pagination ul li a.active{
	background:var(--def-blue);
}
.lp-backward ul li:first-child a{
	border-radius:18px 0 0 18px;
}
.lp-forward ul li:last-child a{
	border-radius:0 18px 18px 0;
}
.list-pagination ul li a i{
	font-size:1.5rem;
}
.lp-prev ul li a{
	display:inline-flex;
	align-items:center;
	border-radius:18px;
}
.lp-prev ul li a span,
.lp-lastpage ul li a span{
	padding-right:12px;
	font-size:16px;
}
.lp-lastpage{
	margin-left:auto;
}
.lp-lastpage a{
	padding-right:0.5rem;
	border-radius:18px;
}

@media screen and (max-width: 991.98px){
	.page-main-box{
		padding-bottom:24px;
	}
	.list-pagination{
		margin-top:24px;
	}
}
@media screen and (max-width: 767.98px){
	.list-pagination{
		flex-wrap:wrap;
		justify-content:center;
	}
	.lp-no{
		width:100%;
		order:0;
	}
	.lp-backward{
		margin-top:0.5rem;
		order:1;
	}
	.lp-forward{
		margin-top:0.5rem;
		order:2;
	}
	.lpn-list{
		justify-content:center;
	}
	.lpb-list li:last-child{
		border-right:#fff solid 1px;
	}
	.lpn-list li:first-child a{
		border-radius:1.25rem 0 0 1.25rem;
	}
	.lpn-list li:last-child a{
		border-radius:0 1.25rem 1.25rem 0;
	}
}

/*--img-hover-plus--*/
.img-hover-plus{
	display:inline-block;
	position: relative;
}
.img-hover-plus:before{
	content:'';
	display: block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	border-radius:0.25rem;
	position:absolute;
	left:0;
	top:0;
}
.img-hover-plus span{
	display:inline-block;
	text-align:center;
	text-shadow:rgba(0,0,0,.3) 0 0 5px;
	color:#fff;
	font-size:14px;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
}
.img-hover-plus span i{
	display: block;
	margin-bottom:-8px;
	font-size:28px;
}
.img-hover-plus:before,.img-hover-plus span{
	opacity:0;
	transition:all .2s ease-in-out .2s;
}
.img-hover-plus:hover:before,.img-hover-plus:hover span{
	opacity:1;
}

/*--detail-page--*/
.detail-left-inner{
	margin:0 auto;
	width:300px;
	position:sticky;
	top:10px;
}
.detail-img{
	width:300px;
	height:300px;
	border-radius:5px;
	background-image:linear-gradient(to bottom, #b5b5b5, #707070);
}
.detail-img img{
	border:var(--def-thingray) solid 1px;
	border-radius:5px;
	width:300px;
	height:300px;
	object-fit:contain;
	object-position:center center;
}
.detail-title{
	margin-bottom:1rem;
	padding-bottom:.5rem;
	font-size:22px;
	font-weight: bold;
	color:var(--def-blue);
	border-bottom:var(--def-lightgray) solid 2px;
}
.detail-date{
	margin-top:-0.75rem;
	margin-bottom:1rem;
	font-size:14px;
	text-align:right;
	color:var(--def-neutralgray);
}
.detail-feat,.detail-com{
	margin-top:1rem;
	padding:16px;
	background:#f1f1f1;
	border-radius:5px;
}
.detail-news{
	margin-top:50px;
}
.go-inquire{
	margin-top:30px;
}
.go-inquire a{
	display:block;
	padding:0 2rem;
	line-height:36px;
	font-weight:bold;
	border-radius:18px;
	text-align:center;
	color:#fff;
	background:var(--def-red);
}
.go-inquire a:hover{
	color:#fff;
	background:var(--def-darkred);
}
.df-title{
	margin-bottom:1rem;
	padding:0 7px;
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	position: relative;
}
.df-title i{
	width:30px;
	height:30px;
	text-align:center;
	color:var(--def-darkgray);
	border-radius:50%;
	background:#f1f1f1;
	position:absolute;
	left:-22px;
}
.df-cont p{
	word-break:break-all;
}
.df-cont .prod-list .prod-item{
	width:100%;
}
.df-cont .prod-list .prod-item:nth-of-type(odd){
	margin-right:0;
}
.df-cont .prod-list .item-img,.df-cont .prod-list .item-img img{
	width:134px;
	height:134px;
}
.df-cont .prod-list .item-cont{
	padding:8px 8px 0 23px;
	width:calc(100% - 134px);
}
.df-line-item{
	color:var(--def-darkgray);
	font-size:14px;
}
.df-line-item:not(:last-child){
	padding-bottom:.25rem;
}
.df-line-row{
	display: flex;
}
.df-line-title span{
	width:5em;
}
.df-line-item .inline-icon-box i{
	opacity:0.6;
}
.df-line-cont{
	padding-left:0.5rem;
}
.df-line-cont p{
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin-bottom:0;
}
.inquire-modal .modal-header,.inquire button[type=submit]{
	background:var(--def-red);
	color:#fff;
}
.inquire-modal .modal-body{
	padding:0;
}
.inquire button[type=submit]:hover{
	background:var(--def-darkred);
}
.inquire .s-img{
	color:var(--def-red);
}
.inquire .s-img:hover{
	color:var(--def-darkred);
}
@media screen and (max-width: 1199.98px) {
	.detail-left-inner{
		padding-bottom: 30px;
	}
}

/*--news-cont--*/
.news-cont img{
	max-width:100%;
}

/*-- epaper --*/
.epaper-box{
	width:100%;
	height:800px;
	border:rgba(0,0,0,.15) solid 1px;
}