@charset "utf-8";

/*----------------------------------------------------------------------------*/
/*============================================================================*/

/*============================================================================*/
/*revolution*/
/*============================================================================*/
/* +nav margin *
@media screen and (min-width: 781px) and (max-width: 999999px) {
	/*.msnavtop { position: fixed; }*
	.revsliderind { padding: 50px 0 0 0; }
}
@media screen and (min-width: 1px) and (max-width: 780px) {
	/*.msnavtop { position: relative; }*
	.revsliderind { padding: 50; }
}
*/
/*right title subtitle*/
.tp-tab, .tp-thumb { opacity: .3 }
.erinyen .tp-tab-title { color: #fff; color: rgba(255, 255, 255, .9); font-size: 18px; }
.erinyen .tp-tab-title:before { font-family: FontAwesome; font-size: 16px; content: "\f105"; padding: 0 5px 0 0; vertical-align: -10%; }
.erinyen .tp-tab-desc { color: #fff; color: rgba(248, 246, 5,.9); font-size: 16px; }
.erinyen .tp-tab-desc:before { font-family: FontAwesome; font-size: 14px; content: "\f101"; padding: 0 5px 0 0; vertical-align: -10%; }
/*============================================================================*/
/*interval_featured*/
/*============================================================================*/
.interval_featured { display: inline-block; position: relative; margin: 0 auto; width: 100%; text-align: center; }
.interval_featured .infe-start {  }
.interval_featured .infe-start .title {  }
.interval_featured .infe-start .title text { padding: 0 10px 0 18px; }
.interval_featured .infe-start .title span:before { padding: 0 5px; font-family: FontAwesome; font-size: 16px; content: "\f005"; color: #FFC107; text-shadow: 0 0 8px #ffeb3b; }
.interval_featured .infe-start .title span:nth-child(1) {  }



/*============================================================================*/
/*cubeportfolio_fullwidth*/
/*============================================================================*/
.fuw-slider01 { position: relative; width: 100%; height: 100%; }
.fuw-slider01 ul {  }
.fuw-slider01 ul li { margin: 0; padding: 0; }

.fuw-slider01 .cbp {  }
.fuw-slider01 .cbp .cbp-item {  }
.fuw-slider01 .cbp .cbp-item .cbp-caption {  }
/*已抽掉*
.fuw-slider01 .cbp .cbp-item .hover-load-obj01bg { z-index: -1; display: inline-block; width: 100%; height: 100%; position: absolute; bottom: 10px; left: 0; }
*/
/*normal*/
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap { position: relative; border: 8px solid rgba(255, 255, 255, .6); }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap.front { position: relative !important; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap img { border-radius: 5px; }
/*in overlay fa*/
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay {
	position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 10px;
	opacity: 0;
	transition:all 0.5s ease;
}
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner { height: 100%; border-radius: 5px; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content { position: relative; top: 75%; transform: translateY(-75%); }
@media screen and (min-width: 1701px) and (max-width: 1800px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 80%; transform: translateY(-80%); }
}
@media screen and (min-width: 1601px) and (max-width: 1700px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 85%; transform: translateY(-85%); }
}
@media screen and (min-width: 1501px) and (max-width: 1600px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 80%; transform: translateY(-80%); }
}
@media screen and (min-width: 1367px) and (max-width: 1500px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 85%; transform: translateY(-85%); }
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 80%; transform: translateY(-80%); }
}
@media screen and (min-width: 1001px) and (max-width: 1280px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 70%; transform: translateY(-70%); }
}
@media screen and (min-width: 861px) and (max-width: 1000px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 88%; transform: translateY(-88%); }
}
@media screen and (min-width: 721px) and (max-width: 860px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 75%; transform: translateY(-75%); }
}
@media screen and (min-width: 641px) and (max-width: 720px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 88%; transform: translateY(-88%); }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 50%; transform: translateY(-50%); }
}
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links { display: inline-block; width: 100%; margin: 0 auto; text-align: center; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li { display: inline-block; margin-left: 8px; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a { padding: 10px; width: 45px; height: 45px; border-radius: 50%; line-height: 50px; font-size: 20px; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li:first-child { margin-left: 0; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a:hover {  }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a i {  }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a i.fa {  }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 50%; transform: translateY(-50%); }
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a { font-size: 12px; }
}
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap:hover .inside-overlay { opacity: 1; transition: all 0.5s ease; }
/*當滑鼠移至 上提 背景*/
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap { border-radius: 0; background-color: rgba(255, 255, 255, .6); }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter {  }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body { width: 100%; padding: 0; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a { margin: 0 0 0 10px; padding: 10px; width: 30px; height: 30px; border-radius: 50%; font-size: 24px; background-color: rgba(179, 229, 252, .15); }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a.fa {  }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a:first-child { margin-left: 0; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a:first-child span.custom_detail { display: inline-block; width: 20px; height: 20px; background: transparent url(../_sub_images/icon/custom_detail.png) no-repeat; border: 0; }

/*改 標題*
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul { width: 100%; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li { float: left; display: inline-block; padding: 3px 2px; text-align: left; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(1) { float: left; width: 48%; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(2) { float: right; width: 48%; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(3) { float: left; width: 48%; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(4) { float: right; width: 48%; }
*/
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul { width: 100%; text-align; left; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li {
	display: block;
	display: -webkit-box;
	height: 55px; min-height: 55px; max-height: 55px;
	margin: 0 auto;
	line-height: 18px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left; padding: 0 10px 5px 10px; text-align: left;  word-wrap: break-word; word-break: break-all; white-space: pre-wrap;
}

@media screen and (min-width: 1px) and (max-width: 480px) {
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a { display: inline-block !important; font-size: 14px; }
	
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(1),
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(2),
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(3),
	.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(4) { float: left; width: 100%; text-align: left; }
}
/*rwd show or hidden*/
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link,
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img {
	display: inline-block; position: absolute; width: 25px; height: 25px;
}
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img a,
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link a {
	display: inline-block; padding: 8px 10px 10px 10px; width: 25px; height: 25px; font-size: 12px; background-color: rgba(255, 255, 255, .6);
}
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link { bottom: 0; left: 0; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link a { padding: 8px 10px 10px 6px; border-radius: 0 8px 0 0; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img { bottom: 0; right: 0; }
.fuw-slider01 .cbp .cbp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img a { border-radius: 8px 0 0 0; }

.fuw-slider01 .cbp .cbp-item .fuw-slider01-botinfo { position: relative; padding: 0 8px; border-radius: 0x; }
.fuw-slider01 .cbp .cbp-item .fuw-slider01-botinfo .cbp-l-grid-projects-title { margin: 0; padding: 8px 0 0 0; }
.fuw-slider01 .cbp .cbp-item .fuw-slider01-botinfo .cbp-l-grid-projects-desc { margin: 0; padding: 8px 0; }

.fuw-slider01 .cbp .cbp-item .fuw-slider01-inline { display: inline-block; margin: 0 0 7px 0; padding: 0; width: 100%; height: 3px; }

.cbp-item:hover > .cbp-item-wrapper > .fuw-slider01-inline { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }

.cbp-item > .cbp-item-wrapper > .cbp-caption > .cbp-caption-defaultWrap:hover > .inside-overlay {
	-webkit-animation: zoomIn .8s;
	-moz-animation: zoomIn .8s;
	-ms-animation: zoomIn .8s;
	-o-animation: zoomIn .8s;
	animation: zoomIn .8s;
}
.cbp-item > .cbp-item-wrapper > .cbp-caption > .cbp-caption-defaultWrap:hover > .inside-overlay > .inside-overlay-inner > .inoverlay-content > ul.inside-links > li {
	-webkit-animation: bounceInDown 1s;
	-moz-animation: bounceInDown 1s;
	-ms-animation: bounceInDown 1s;
	-o-animation: bounceInDown 1s;
	animation: bounceInDown 1s;
}
/*
.cbp-item > .cbp-item-wrapper > .cbp-caption > .cbp-caption-defaultWrap > .inside-overlay > .inside-overlay-inner > .inoverlay-content > ul.inside-links > li:hover:first-child {
	animation: 3s linear 0s normal none infinite jellen-jheart;
}
*/
.cbp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(1) > i.fa { /*改 span 詳*/
	-webkit-animation: bounceInLeft 1s;
	-moz-animation: bounceInLeft 1s;
	-ms-animation: bounceInLeft 1s;
	-o-animation: bounceInLeft 1s;
	animation: bounceInLeft 1s;
}
.cbp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(1) > span {
	-webkit-animation: bounceInLeft 1s;
	-moz-animation: bounceInLeft 1s;
	-ms-animation: bounceInLeft 1s;
	-o-animation: bounceInLeft 1s;
	animation: bounceInLeft 1s;
}
.cbp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(2) > i.fa {
	-webkit-animation: flip 1s;
	-moz-animation: flip 1s;
	-ms-animation: flip 1s;
	-o-animation: flip 1s;
	animation: flip 1s;
}
.cbp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(3) > i.fa {
	-webkit-animation: bounceInRight 1s;
	-moz-animation: bounceInRight 1s;
	-ms-animation: bounceInRight 1s;
	-o-animation: bounceInRight 1s;
	animation: bounceInRight 1s;
}
.fuw-slider01 .cbp-nav {  }
.fuw-slider01 .cbp-nav .cbp-nav-controls { position: static; }
.fuw-slider01 .cbp-nav .cbp-nav-controls .cbp-nav-prev { z-index: 109; display: inline-block; position: absolute; top: 35%; left: 0; width: 30px; height: 30px; border-radius: 0 5px 5px 0; background-color: rgba(255, 255, 255, .6); }
.fuw-slider01 .cbp-nav .cbp-nav-controls .cbp-nav-prev:after { margin: 5px 0 0 10px; font-family: FontAwesome; font-size: 20px; content: "\f104"; background: none; background-image: none; }
.fuw-slider01 .cbp-nav .cbp-nav-controls .cbp-nav-next { z-index: 109; display: inline-block; position: absolute; top: 35%; right: 0; width: 30px; height: 30px; border-radius: 5px 0 0 5px; background-color: rgba(255, 255, 255, .6); }
.fuw-slider01 .cbp-nav .cbp-nav-controls .cbp-nav-next:after { margin: 5px 0 0 10px; font-family: FontAwesome; font-size: 20px; content: "\f105"; background: none; background-image: none; }
/*============================================================================*/
/*rating-thumbs*/
/*============================================================================*/
.rating-thumbs {
	-moz-user-select : none;
	-webkit-user-select: none;
	star:expression(document.body.onselectstart = document.body.oncontextmenu = function(){return false;});
	display: inline-block; cursor: pointer;
}
/*▼*/
/*
.rating-thumbs-fa-thumbs-down-green:before { width: 16px; height: 20px; font-family: FontAwesome; font-size: 20px; content: "\f088"; }
.rating-thumbs-fa-thumbs-down-grey:before { margin: 0 0 0 10px; width: 16px; height: 20px; font-family: FontAwesome; font-size: 20px; content: "\f088"; }
.rating-thumbs-fa-thumbs-o-down-green:before { width: 16px; height: 22px; font-family: FontAwesome; font-size: 20px; content: "\f088"; }
.rating-thumbs-fa-thumbs-o-down-grey:before { width: 16px; height: 22px; font-family: FontAwesome; font-size: 20px; content: "\f088"; }
*/
/*▲*/
.rating-thumbs-fa-thumbs-o-up-green:before { width: 16px; height: 22px; font-family: FontAwesome; font-size: 20px; content: "\f087"; }
.rating-thumbs-fa-thumbs-o-up-grey:before { width: 16px; height: 22px; font-family: FontAwesome; font-size: 20px; content: "\f087"; }
.rating-thumbs-fa-thumbs-up-green:before { width: 16px; height: 20px; font-family: FontAwesome; font-size: 20px; content: "\f087"; }
.rating-thumbs-fa-thumbs-up-grey:before { width: 16px; height: 20px; font-family: FontAwesome; font-size: 20px; content: "\f087"; }
.rating-thumbs-jq-rating { display: inline-block; position: absolute; top: 0; right: 5px; width: auto; padding: 5px 0; }
.rating-thumbs-jq-rating div { display: inline-block; vertical-align: middle; padding: 0 5px; }
.rating-thumbs-fa-thumbs-down-grey:hover { font-family: FontAwesome; font-size: 20px; content: "\f088"; }
.rating-thumbs-fa-thumbs-up-grey:hover { font-family: FontAwesome; font-size: 20px; content: "\f087"; }
@media screen and (min-width: 1px) and (max-width: 640px) {
	.rating-thumbs-jq-rating { display: inline-block; position: relative; text-align: center; width: 100%; padding: 5px 0; }
	.rating-thumbs-fa-thumbs-down-grey:before { margin: 0 0 0 50px; }
}
/*============================================================================*/
/*cubeportfolio_grid*/
/*cbp-item 必須 無任何css*/
/*============================================================================*/
.fuw-grid01 { position: relative; width: 100%; height: 100%; }
.fuw-grid01 ul {  }
.fuw-grid01 ul li { margin: 0; padding: 0; }

/*ctrl*/
.fuw-grid01 {  }
.fuw-grid01 .fuw-grid01-ctrl-filters { clear: both; display: flex; justify-content: center; position: relative; width: 100%; margin: 0; text-align: center; }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list { margin: 0 10px 20px 10px; }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list:hover > div { transition: 0.5s; }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div { display: inline-block; margin: 10px 0 0 10px; }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div:nth-child(1) { /*margin: 10px 0 0 0;*/ }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div span { vertical-align: -10%; } /*house*/
.fuw-grid01-ctrl-filters-house-hover {
	-webkit-animation: flash .9s;
	-moz-animation: flash .9s;
	-ms-animation: flash .9s;
	-o-animation: flash .9s;
	animation: flash .9s;
}
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item { border-radius: 16px; border: 0px solid rgba(0, 0, 0, 0); }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active { border-radius: 16px; color: #1565c0; background-color: rgba(255, 255, 255, .6); }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active:before,
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0.8; transition-duration: 0.3s; transition-property: opacity; }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active:before { bottom: 100%; background: radial-gradient(ellipse at 50% 150%, rgba(0, 188, 212, .5) 0%, rgba(0, 0, 0, 0) 80%); }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active:after { top: 100%; background: radial-gradient(ellipse at 50% -50%, rgba(0, 188, 212, .5) 0%, rgba(0, 0, 0, 0) 80%); }
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active:hover:before,
.fuw-grid01 .fuw-grid01-ctrl-filters .cbp-l-filters-list div.cbp-filter-item-active:hover:after { opacity: 1; }

.fuw-grid01 .fuw-grid01-ctrl-search .cbp-search { margin: 0 10px 15px 10px; }
.fuw-grid01 .fuw-grid01-ctrl-search .cbp-search input { border-radius: 12px; border: 1px solid rgba(0, 0, 0, .1); font-size: 16px; color: #1565c0; font-family: 'cwTeXYen', sans-serif; background-color: rgba(255, 255, 255, .6); }
.fuw-grid01 .fuw-grid01-ctrl-search .cbp-search input::placeholder { font-size: 16px; color: #1565c0; font-family: 'cwTeXYen', sans-serif; }
.fuw-grid01 .fuw-grid01-ctrl-search .cbp-search .cbp-search-icon {  }
.fuw-grid01 .fuw-grid01-ctrl-search .cbp-search .cbp-search-icon:after {  } /*img*/
.fuw-grid01 .fuw-grid01-ctrl-search .cbp-search input.cbp-search-input {  }

.fuw-grid01 .cbgp .cbp-search-nothing { width: 100%; }
.fuw-grid01 .cbgp .cbp-search-nothing text i {  }
.fuw-grid01 .cbgp .cbp-search-nothing text i.fa {  }
.fuw-grid01 .cbgp .cbp-search-nothing text { display: inline-block; padding: 12px 26px; border-radius: 16px; background-color: rgba(255, 255, 255, .3); }
.fuw-grid01 .cbgp .cbp-search-nothing text span { color: #ff0000; }

@media screen and (min-width: 1px) and (max-width: 600px) {
	.fuw-grid01 .fuw-grid01-ctrl-search { margin: 0 10px 15px 20px; }
}


.fuw-grid01 .cbgp {  }
.fuw-grid01 .cbgp .cbgp-item {  }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption {  }
/*已抽掉*
.fuw-grid01 .cbgp .cbgp-item .hover-load-obj01bg { z-index: -1; display: inline-block; width: 100%; height: 100%; position: absolute; bottom: 10px; left: 0; }
*/
/*normal*/
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap { position: relative; border: 8px solid rgba(255, 255, 255, .6); }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap.front { position: relative !important; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap img { border-radius: 5px; }
/*in overlay fa*/
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay {
	position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; padding: 10px;
	opacity: 0;
	transition:all 0.5s ease;
}
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner { height: 100%; border-radius: 5px; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content { position: relative; top: 50%; transform: translateY(-50%); }

.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links { display: inline-block; width: 100%; margin: 0 auto; text-align: center; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li { display: inline-block; margin-left: 8px; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a { padding: 10px; width: 45px; height: 45px; border-radius: 50%; line-height: 50px; font-size: 20px; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li:first-child { margin-left: 0; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a:hover {  }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a i {  }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a i.fa {  }
@media screen and (min-width: 1px) and (max-width: 480px) {
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content{ top: 50%; transform: translateY(-50%); }
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap .inside-overlay .inside-overlay-inner .inoverlay-content ul.inside-links li a { font-size: 12px; }
}
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap:hover .inside-overlay { opacity: 1; transition: all 0.5s ease; }
/*當滑鼠移至 上提 背景*/
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap { border-radius: 0; background-color: rgba(255, 255, 255, .6); }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter {  }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body { width: 100%; padding: 5px 0 0 0; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a { margin: 0 0 0 10px; padding: 10px; width: 30px; height: 30px; border-radius: 50%; font-size: 24px; background-color: rgba(179, 229, 252, .15); }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a.fa {  }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a:first-child { margin-left: 0; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a:first-child span.custom_detail { display: inline-block; width: 20px; height: 20px; background: transparent url(../_sub_images/icon/custom_detail.png) no-repeat; border: 0; }

/*改 標題*/
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul { width: 100%; text-align; left; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li {
	display: block;
	display: -webkit-box;
	height: 60px; min-height: 60px; max-height: 60px;
	margin: 0 auto;
	line-height: 20px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left; padding: 0 5px; text-align: left;  word-wrap: break-word; word-break: break-all; white-space: pre-wrap;
}
/*
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(1) { float: left; width: 48%; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(2) { float: right; width: 48%; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(3) { float: left; width: 48%; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(4) { float: right; width: 48%; }
*/

@media screen and (min-width: 1px) and (max-width: 480px) {
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body a { display: inline-block !important; font-size: 14px; }
	
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(1),
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(2),
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(3),
	.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-activeWrap .cbp-l-caption-alignCenter .cbp-l-caption-body ul li:nth-child(4) { float: left; width: 100%; text-align: left; }
}
/*rwd show or hidden*/
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link,
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img {
	display: inline-block; position: absolute; width: 25px; height: 25px;
}
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img a,
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link a {
	display: inline-block; padding: 8px 10px 10px 10px; width: 25px; height: 25px; font-size: 12px; background-color: rgba(255, 255, 255, .6);
}
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link { bottom: 0; left: 0; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-href-link a { padding: 8px 10px 10px 6px; border-radius: 0 8px 0 0; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img { bottom: 0; right: 0; }
.fuw-grid01 .cbgp .cbgp-item .cbp-caption .cbp-caption-defaultWrap span.inside-zoom-img a { border-radius: 8px 0 0 0; }

.fuw-grid01 .cbgp .cbgp-item .fuw-grid01-botinfo { position: relative; padding: 0 8px; border-radius: 0x; }
.fuw-grid01 .cbgp .cbgp-item .fuw-grid01-botinfo .cbp-l-grid-projects-title { margin: 0; padding: 8px 0 0 0; }
.fuw-grid01 .cbgp .cbgp-item .fuw-grid01-botinfo .cbp-l-grid-projects-desc { margin: 0; padding: 8px 0; }

.fuw-grid01 .cbgp .cbgp-item .fuw-grid01-inline { display: inline-block; margin: 0 0 7px 0; padding: 0; width: 100%; height: 3px; }

.cbgp-item:hover > .cbp-item-wrapper > .fuw-grid01-inline { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }

.cbgp-item > .cbp-item-wrapper > .cbp-caption > .cbp-caption-defaultWrap:hover > .inside-overlay {
	-webkit-animation: flipInY .8s;
	-moz-animation: flipInY .8s;
	-ms-animation: flipInY .8s;
	-o-animation: flipInY .8s;
	animation: flipInY .8s;
}
.cbgp-item > .cbp-item-wrapper > .cbp-caption > .cbp-caption-defaultWrap:hover > .inside-overlay > .inside-overlay-inner > .inoverlay-content > ul.inside-links > li {
	-webkit-animation: bounceInUp 1s;
	-moz-animation: bounceInUp 1s;
	-ms-animation: bounceInUp 1s;
	-o-animation: bounceInUp 1s;
	animation: bounceInUp 1s;
}
/*
.cbgp-item > .cbp-item-wrapper > .cbp-caption > .cbp-caption-defaultWrap > .inside-overlay > .inside-overlay-inner > .inoverlay-content > ul.inside-links > li:hover:first-child {
	animation: 3s linear 0s normal none infinite jellen-jheart;
}
*/
.cbgp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(1) > i.fa { /*改 span 詳*/
	-webkit-animation: bounceInLeft 1s;
	-moz-animation: bounceInLeft 1s;
	-ms-animation: bounceInLeft 1s;
	-o-animation: bounceInLeft 1s;
	animation: bounceInLeft 1s;
}
.cbgp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(1) > span {
	-webkit-animation: bounceInLeft 1s;
	-moz-animation: bounceInLeft 1s;
	-ms-animation: bounceInLeft 1s;
	-o-animation: bounceInLeft 1s;
	animation: bounceInLeft 1s;
}
.cbgp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(2) > i.fa {
	-webkit-animation: flip 1s;
	-moz-animation: flip 1s;
	-ms-animation: flip 1s;
	-o-animation: flip 1s;
	animation: flip 1s;
}
.cbgp-item:hover > .cbp-item-wrapper > .cbp-caption > .cbp-caption-activeWrap > .cbp-l-caption-alignCenter > .cbp-l-caption-body > a:nth-child(3) > i.fa {
	-webkit-animation: bounceInRight 1s;
	-moz-animation: bounceInRight 1s;
	-ms-animation: bounceInRight 1s;
	-o-animation: bounceInRight 1s;
	animation: bounceInRight 1s;
}
/*ajax*/
.fuw-grid01 .fuw-grid01_ajaxload-button { visibility： hidden; color: transparent; }
.fuw-grid01 .fuw-grid01_ajaxload-button a { visibility： hidden; color: transparent; }
.fuw-grid01 .fuw-grid01_ajaxload-button span { visibility： hidden; color: transparent; }
.fuw-grid01 .fuw-grid01_ajaxload-button a span.cbp-l-loadMore-defaultText { color: transparent; visibility： hidden; }
.fuw-grid01 .fuw-grid01_ajaxload-button a span.cbp-l-loadMore-loadingText { color: transparent; visibility： hidden; }
.fuw-grid01 .fuw-grid01_ajaxload-button a span.cbp-l-loadMore-noMoreLoading { color: transparent; visibility： hidden; }

/*============================================================================*/
/*mixitup index art*/
/*============================================================================*/
/*ctrl*/
.miup-c-ctrl { padding: 2%; background: #333; color: #eee; }

.miup-c-ctrl label { font-weight: 300; margin: 0 .4em 0 0; }

.miup-c-ctrl button {
	display: inline-block;
	padding: .4em .8em;
	background: #666;
	border: 0;
	color: #ddd;
	font-size: 16px;
	font-weight: 300;
	border-radius: 4px;
	cursor: pointer;
}

.miup-c-ctrl button.active { background: #68b8c4; }
.miup-c-ctrl button:focus { outline: 0 none; }
.miup-c-ctrl button + label{ margin-left: 1em; }
/*----------------------------------------------------------------------------*/
/*grid / list*/
.miup-art-grid-list {
	clear: both;
	position: relative;
	margin: 1% 2%;
	text-align: justify;
	/*font-size: 0.1px;*/
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}

.miup-art-grid-list:after { content: ''; display: inline-block; width: 100%; }

.miup-art-grid-list .mix, .miup-art-grid-list .gap { display: inline-block; width: 100%; overflow: hidden; }

.miup-art-grid-list .mix { position: relative; display: none; vertical-align: top; margin-bottom: 15px; background-color: rgba(255, 255, 255, .6); }
/*
.miup-art-grid-list.list div { position: relative; margin: 15px 0 0 0; padding: 0; }
.miup-art-grid-list.list div:first-child { margin: 0; padding: 0; }
.miup-art-grid-list.grid div { position: relative; margin: 15px; padding: 0; }
.miup-art-grid-list.grid div:nth-child(1) { margin: 15px; padding: 0; }
*/

/* data-miupcs-indxart 內容不顯示
.miup-art-grid-list .mix:after {
  content: attr(data-miupcs-indxart-date);
  color: white;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
  font-weight: 700;
}
*/
.miup-art-grid-list .mix:before { content: ''; display: inline-block; }
/*----------------------------------------------------------------------------*/
@media screen and (min-width: 1280px) and (max-width: 999999px) {
	.miup-art-grid-list .mix, .miup-art-grid-list .gap { width: calc(100% /5 - 8px); } /*x6*/
}
/*----------------------------------------------------------------------------*/
/* Grid Styles */

.miup-art-grid-list.grid .mix {  }
.miup-art-grid-list.grid .mix:before {  }

.miup-art-grid-list.grid .mix .mup-gl-start { position: relative; }
.miup-art-grid-list.grid .mix .mup-gl-start .mup-gl-start {  }
.miup-art-grid-list.grid .mix .mup-gl-start .mxup-art-grid { display: block; }

.miup-art-grid-list.grid .mix .mup-gl-start .mxup-art-list {/*display: none;*/ }

/*----------------------------------------------------------------------------*/
/* List Styles */
.miup-art-grid-list.list .mix { width: 100%; }
.miup-art-grid-list.list .mix:before {  }

.miup-art-grid-list.list .mix .mup-gl-start { position: relative; }
.miup-art-grid-list.list .mix .mup-gl-start .mup-gl-start {  }
.miup-art-grid-list.list .mix .mup-gl-start .mup-gl-start .mxup-art-list { display: block; }

.miup-art-grid-list.list .mix .mup-gl-start .mxup-art-grid {/*display: none;*/ }

/*----------------------------------------------------------------------------*/
/* mixitup item's style */

/*list*/
.miup-art-grid-list.list .mix {  }
.miup-art-grid-list.list .mix .mup-gl-start { display: inline-block; padding: 0 10px 10px 10px; width: 100%; border: 1px black solid; }
.miup-art-grid-list.list .mix .mup-gl-start .mxup-art-main {  }

.miup-art-grid-list.list .mix .mup-gl-start .mxup-art-main div { display: inline-block; }

.mxup-art-main.mxup-indart-list { display: inline-block; width: 100%; height: 100%; }

.mxup-art-main.mxup-indart-list .list-img { width: auto; height: auto; vertical-align: top; border: 1px solid red; }
.mxup-art-main.mxup-indart-list .list-img img {  }

.mxup-art-main.mxup-indart-list .list-contents { width: 74%; vertical-align: top; border: 1px solid red; }

.mxup-art-main.mxup-indart-list .list-contents .topele { position: relative; }

.mxup-art-main.mxup-indart-list .list-contents .topele .title {  }

.mxup-art-main.mxup-indart-list .list-contents .topele .date {  }
.mxup-art-main.mxup-indart-list .list-contents .topele .date .yy {  }
.mxup-art-main.mxup-indart-list .list-contents .topele .date .mmdd {  }
.mxup-art-main.mxup-indart-list .list-contents .topele .date .mmdd .mm {  }
.mxup-art-main.mxup-indart-list .list-contents .topele .date .mmdd .dd {  }

.mxup-art-main.mxup-indart-list .list-contents .context { position: relative; }
.mxup-art-main.mxup-indart-list .list-contents .context .description {  }
.mxup-art-main.mxup-indart-list .list-contents .context .readmore { position: absolute; }

.mxup-art-main.mxup-indart-list .list-contents .bottomobj {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .comment {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .comment i {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .comment i.fa {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .hotclick {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .hotclick i {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .hotclick i.fa {  }
.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objleft .js-rating {  }

.mxup-art-main.mxup-indart-list .list-contents .bottomobj .objright {  }

/*grid*/
.miup-art-grid-list.grid .mix {  }
.miup-art-grid-list.grid .mix .mup-gl-start {  }
.miup-art-grid-list.grid .mix .mup-gl-start .mxup-art-main { padding: 0 !important; margin: 0 !important; height: auto; min-height: 300px; max-height: 320px; background-color: rgba(255, 255, 255, .6); }

.miup-art-grid-list.grid .mix .mup-gl-start .mxup-art-main div { display: inline-block; }

.mxup-art-main.mxup-indart-grid { clear: both; display: inline-block; float: left; width: 100%; height: 100%; }
.mxup-art-main.mxup-indart-grid .list-img { float: left; width: 60%; vertical-align: top; border: 1px solid red; }
.mxup-art-main.mxup-indart-grid .list-img img { width: 100%; height: 100%; }

/*----------------------------------------------------------------------------*/
/*
.miup-switch-hidden {
	-webkit-animation: zoomOut .3s;
	-moz-animation: zoomOut .3s;
	-ms-animation: zoomOut .3s;
	-o-animation: zoomOut .3s;
	animation: zoomOut .3s;
}
.miup-switch-show {
	-webkit-animation: zoomIn .3s;
	-moz-animation: zoomIn .3s;
	-ms-animation: zoomIn .3s;
	-o-animation: zoomIn .3s;
	animation: zoomIn .3s;
}
*/
/*============================================================================*/
/**/
/*============================================================================*/



/*============================================================================*/
/**/
/*============================================================================*/



/*============================================================================*/
/**/
/*============================================================================*/