/**********************************************************
	Customed css for YETP visuals

	Color ref.
	Sharp green         -> rgba(26,209,31,1)
	Sharp purple        -> rgba(99,35,126,1)
	Sharp purple(OL)    -> rgba(118,62,142,1)
	Deep purple         -> rgba(39,14,50,1)
	Deep purple(OL)     -> rgba(56,33,66,1)
	Deep green          -> rgba(12,35,18,.95)
	Navy blue           -> rgba(25,47,61,1)
	Navy blue(OL)       -> rgba(53,72,85,1)
	Deep Blue(white bg) -> rgba(20,105,205,1)   // old rgba(20,115,230,1)
	Deep Blue(OL)       -> rgba(28,46,102,1)
	Light blue(dark bg) -> rgba(15,188,240,1)
	Pastal blue         -> rgba(16,129,145,1)
	Sea blue            -> rgba(0,189,201,1)
	Sharp-ex blue       -> rgba(1,203,225,1)
	Tomaton red         -> rgba(195,58,41,1)    // old rgba( 221,75,57,1)
	sharp yellow        -> rgba(251,189,8,1)
	low-light yellow    -> rgba(142,110,18,1)
	light yellow        -> rgba(255,246,173,1)
	brown               -> rgba(83,44,23,1)
	pink                -> rgba(171,10,82,1)

***********************************************************/


/*-------- cap field --------*/
.cap_field { text-transform:uppercase; }

/*-------- font ---------*/
html,
body,
.ui.text.container,
.ui.input input, 
.ui.label, 
.ui.list .list > .item .header, .ui.list > .item .header,
.ui.steps .step .title,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"],
.ui.menu,
.ui.message .header,
.ui.cards > .card > .content > .header,
.ui.card > .content > .header,
.ui.items > .item > .content > .header,
.ui.statistics .statistic > .value,
.ui.statistic > .value,
.ui.statistics .statistic > .label,
.ui.statistic > .label,
.ui.accordion .title:not(.ui),
.ui.modal > .header,
.ui.popup > .header,
.ui.search > .results .result .title,
.ui.search > .results > .message .header,
.ui.category.search > .results .category > .name {
	font-family: 'Lato', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.ui.header,
.ui.button,
footer .ui.list > .item .header {
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
}
.hero-header .ui.header {
	font-family: "Roboto Slab", Helvetica, Arial, "Microsoft YaHei", 'Lantinhei TC', 'Lantinhei SC', "Microsoft JhengHei", 微軟正黑體, 新細明體, sans-serif;
}
html[lang^="zh"] .hero-header .ui.header {
	letter-spacing: .2rem;
}
html { font-size:87.5%; }
html, body { height:auto; }
html.ios {
	-webkit-overflow-scrolling: unset;  /*fixed-positioned menu will not work*/
	height: auto;
}
html.small-font-size { font-size:75%; }
html.medium-font-size { font-size:87.5%; }
html.large-font-size { font-size:110%; }
body {
	text-rendering: optimizeLegibility;
	font-size: 1em;
}
body,
h1, h2, h3, h4, h5 { font-weight:400; }
body,
h1, h2, h3, h4, h5, h6,
.ui.header { color: rgba(25,47,61,1); }
p, li, .ui.table {
	font-size: 1.2rem;
	line-height: 1.8;
}
html[lang^="zh"] p, 
html[lang^="zh"] ul.list li {
	letter-spacing: .06rem;
}
html[lang="en"] p,
html[lang="en"] li {
	font-size: 1.2rem;
	line-height: 1.7;
}
/** {
	background-size: cover;
	overflow-wrap: break-word;
	word-wrap: break-word;
}*/
/**::before,
*::after {
	box-sizing: border-box;
}*/
html[lang^="zh"] .en-only,
html[lang="en"] .zh-only {
	display: none !important;
}
[tabindex="0"]:focus, [tabindex="0"]:active,
.ui.checkbox > label:focus,
a:active, a:focus,
.ui.dropdown > .menu:focus,
.scrollSpy-close:active, .scrollSpy-close:focus,
.show-modal-dialog:focus,
.custom-dropdown-btn:focus, .custom-dropdown-listbox:focus {
	outline: 4px solid rgba(13,191,243,.8) !important;
	-moz-transition: 0s !important;
	-o-transition: 0s !important;
	-webkit-transition: 0s !important;
	transition: 0s !important;
	z-index: 9;
}
input:focus, select:focus,
.ui.button:active, .ui.button:focus,
.ui.circular.button:focus,
.ui.circular.button:active,
.ui.transparent.input input:focus {
	/*-webkit-box-shadow: 0 0 0 3px rgba(13,191,243,.8) !important;
	-moz-box-shadow: 0 0 0 3px rgba(13,191,243,.8) !important;*/
	box-shadow: 0 0 0 3px rgba(13,191,243,.8) !important;
	outline: 0 solid black !important;
	z-index: 1;
}
.ui.icon.input > i.icon { z-index:2; }
.ui.icon.input > i.icon:after, 
.ui.icon.input > i.icon:before {
	color: rgba(0,0,0,.87) !important;
	z-index: 2;
}
.ui.form input[readonly] {
	cursor: not-allowed;
	background-color: #f3f4f5;
}
.ui.form input[readonly]:focus {
	background-color: #f3f4f5;
	box-shadow: none !important;
}
.ui.form .field > label,
.ui.form .grouped.fields > label,
.ui.form .inline.fields > .field > label,
.ui.form .inline.field > label {
	font-size: 1.1rem;
	margin-bottom: .5rem;
}
video {
	width: 100%;
	height: auto;
}


/*---------------
	Links
----------------*/

a, a:active, a:visited {
	color: rgba(20,105,205,1);
	font-family: 'Lato', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	font-weight: 400;
}
a.inverted, a.inverted:active, a.inverted:visited,
.inverted a:not(.no-invert), .inverted a:active:not(.no-invert), .inverted a:visited:not(.no-invert) {
	color: rgba(15,188,240,1);
}
.ui.dropdown.multiple > a.ui.label { color:rgba(0,0,0,.6); }
a:hover { text-decoration:underline; }
a.anchor { width:0; height:0; }
.supp {
	font-size: .9rem;
	font-weight: 700;
}
p a:link, p a:active, p a:visited,
.inverted a.text:link, .inverted a.text:active, .inverted a.text:visited,
a.inverted.text:link, a.inverted.text:active, a.inverted.text:visited {
	border-bottom: 2px solid transparent;
}
a.text:hover, a.text:hover, 
.inverted a.text:hover, a.inverted.text:hover { color:rgba(15,188,240,1); }
a.text > i.icon { margin-right:.4rem !important; }
p a:hover, a.text:hover, .card__content a:not(.word.item):not(.pdf.item):hover {
	border-bottom: 2px solid rgba(26,209,31,.95);
}
a.ui.inverted { color:rgba(255,255,255,1); }
a.ui.inverted:hover {
	background: rgba(39,14,50,1);
	cursor: pointer;
}
a.ui[class*="right floated"] {
	float: right;
	margin-right: 0;
	margin-left: .25em;
} 
.ui.inverted.button:hover,
.ui.inverted.button:focus {
	/*-webkit-box-shadow: 0 0 0 3px rgba(13,191,243,.8) !important;
	-moz-box-shadow: 0 0 0 3px rgba(13,191,243,.8) !important;*/
	box-shadow: 0 0 0 2px rgba(26,209,31,.95) inset !important;
	background-color: rgba(12,35,18,.95);
	color: rgba(26,209,31,1);
}
.read-more {
	display: inline-block;
}
.read-more:hover {
	background: rgba(0,0,0,.55);
	cursor: pointer;
}
.skip2content {
	left: -999999px;
	position: fixed !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999999;
}
.skip2content:focus, .skip2content:active {
	position: fixed !important;
	left: 40%;
	top: 10%;
	width: 20%;
	height: auto;
	padding: 1em;
	text-align: center;
	cursor: pointer;
	font-size: 1.2em;
	z-index: 999999;
	background-color: rgba(25,47,61,1);
	color: #00bdc9;
	-moz-transition: background-color linear .2s, color linear .2s;
	-o-transition: background-color linear .2s, color linear .2s;
	-webkit-transition: background-color linear .2s, color linear .2s;
	transition: background-color linear .2s, color linear .2s;
}

/*---------------
	Common UI
----------------*/

.active { display:block; }
.active-inline { display:inline-block; }
.active-flex { display:flex; }
.inactive { display:none !important; }
.aria-tooltip { position:absolute; width:0; height:0; opacity:0; }
.visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.hidden { visibility:hidden; }
.on, .off { -moz-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91); -o-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91); -webkit-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91); }
.word-break { -ms-word-break:break-all; word-break:break-all; }
.shadowed { box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important; }
.clear { clear:both; }
.inverted { color:white; }
.fg-white { color:rgba(255,255,255,1); }
.fg-navy { color:rgba(25,47,61,1) !important; }
.fg-purple { color:rgba(99,35,126,1) !important; }
.fg-deep-purple { color:rgba(39,14,50,1) !important; }
.fg-green { color:rgba(26,209,31,1) !important; }
.fg-red { color:rgba(195,58,41,1) !important; }
.fg-blue { color:rgba(20,105,205,1) !important; }
.fg-sea-blue { color:rgba(0,189,201,1) !important; }
.fg-sharp-blue { color:rgba(1,203,225,1) !important; }
.fg-pastal-blue { color:rgba(16,129,145,1) !important; }
.fg-yellow { color:rgba(251,189,8,1) !important; }
.fg-brown { color:rgba(83,44,23,1) !important; }
.fg-brown-yellow { color:rgba(88,67,00,1) !important; }
.fg-deep-green { color:rgba(12,35,18,1) !important; }
.fg-brown-pink { color:rgba(81,37,7,1) !important; }
.fg-deep-blue { color:rgba(32,56,100,1) !important; }
.fg-sharp-green { color:rgba(35,54,22,1) !important; }
.fg-black { color:rgba(0,0,0,1) !important; }
.fg-elss-purple1 { color:rgba(45,39,129,1) !important; }
.fg-elss-purple2 { color:rgba(99,35,126,1) !important; }
.fg-elss-purple3 { color:rgba(131,42,83,1) !important; }
.fg-elss-purple4 { color:rgba(129,17,17,1) !important; }
.fg-elss-blue-1 { color:rgba(23,39,69,1) !important; }
.fg-elss-blue-2 { color:rgba(23,39,60,1) !important; }
.fg-elss-blue-3 { color:rgba(62,99,168,1) !important; }
.fg-elss-blue-4 { color:rgba(0,22,66,1) !important; }
.fg-elss-blue-5 { color:rgba(23,39,69,1) !important; }
.fg-elss-blue-6 { color:rgba(8,68,76,1) !important; }
.fg-elss-green-1 { color:rgba(39,60,24,1) !important; }
.fg-elss-green-2 { color:rgba(1,50,20,1) !important; }
/* background */
.bg-transparent { background-color:transparent !important; }
.bg-white { background-color:rgba(255,255,255,1) !important; }
.bg-navy { background-color:rgba(25,47,61,1) !important; }
.bg-purple { background-color:rgba(99,35,126,1) !important; }
a.bg-purple:hover, .bg-purple.button:hover { background-color:rgba(118,62,142,1) !important; }
.bg-deep-purple { background-color:rgba(39,14,50,1) !important; }
.bg-light-yellow { background-color:rgba(255,242,204,1) !important; }
.bg-green { background-color:rgba(26,209,31,1) !important; }
.bg-red { background-color:rgba(195,58,41,1) !important; }
.bg-blue { background-color:rgba(20,105,205,1) !important; }
.bg-sea-blue { background-color:rgba(0,189,201,1) !important; }
.bg-light-pink { background-color:rgba(251,229,214,1) !important; }
.bg-light-blue { background-color:rgba(218,221,243,1) !important; }
.bg-light-green { background-color:rgba(226,240,217,1) !important; }
.bg-dark-yellow { background-color:rgba(255,230,153,1) !important; }
.bg-light-purple { background-color:rgba(239,222,250,1) !important; }
.bg-elss-blue-1 { background-color:rgba(169,199,233,1) !important; }
.bg-elss-blue-2 { background-color:rgba(217,234,245,1) !important; }
.bg-elss-blue-3 { background-color:rgba(218,227,243,1) !important; }
.bg-elss-blue-4 { background-color:rgba(189,215,238,1) !important; }
.bg-elss-blue-5 { background-color:rgba(180,199,231,1) !important; }
.bg-elss-blue-6 { background-color:rgba(228,249,252,1) !important; }
.bg-elss-blue-7 { background-color:rgba(172,219,234,1) !important; }
.bg-elss-green-1 { background-color:rgba(197,224,180,1) !important; }
.bg-elss-green-2 { background-color:rgba(226,240,217,1) !important; }
.bg-sea-blue p, .bg-sea-blue a, .bg-sea-blue i,
.bg-sea-blue .block-title,
.bg-sea-blue .card__intro.solid { color:rgba(25,47,61,1) !important; }
.bg-sea-blue .block-title:not(.basic)::before { background-color:rgba(25,47,61,1) !important; }
.bg-sharp-blue { background-color:rgba(1,203,225,1) !important; }
.bg-pastal-blue { background-color:rgba(16,129,145,1) !important; }
.bg-yellow { background-color:rgba(251,189,8,1) !important; }
.bg-brown { background-color:rgba(83,44,23,1) !important; }
.bg-deep-green { background-color:rgba(12,35,18,1) !important; }
/*.ui.menu .link.item.facebook { background-color:#3b5998; color:white; }*/
.ui.menu .right.menu .w3c-control.link.item.facebook { background-color:white; color:rgba(25,47,61,1); }
.ui.menu .link.item.facebook:hover { background-color:rgba(54,82,140,1); color:rgba(255,255,255,.92); }
.ui.menu .link.item.whatsapp { background-color:rgba(37,211,102,1); color:white; }
.ui.menu .link.item.whatsapp:hover { background-color:rgba(34,194,94,1); color:rgba(255,255,255,.92); }
.ui.menu .link.item.weibo { background-color:rgba(231,15,41,1); color:white; }
.ui.menu .link.item.weibo:hover { background-color:rgba(213,14,38,1); color:rgba(255,255,255,.92); }
.ui.menu .link.item.wechat { background-color:rgba(123,179,46,1); color:white; }
.ui.menu .link.item.wechat:hover { background-color:rgba(113,165,42,1); color:rgba(255,255,255,.92); }
.ui.menu .link.item.twitter { background-color:#35a2f4; color:white; }
.ui.menu .link.item.twitter:hover { background-color:rgba(49,149,225,1); color:rgba(255,255,255,.92); }
.wc-qrcode, .wc-qrcode_searchItem { display:none; }
.overlay-dark, .overlay-dark * { position:relative; }
.overlay-dark:before {
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3) !important;
}
/* underline */
.underline { border-bottom: 2px solid rgba(0,0,0,.87); }
.inverted.underline { border-bottom-color: white; }
.ui[class*="left aligned"] { text-align: left; }
.ui[class*="center aligned"] { text-align: center; }
.ui[class*="right aligned"] { text-align: right; }
.ui.container.limit-width { max-width:1200px !important; }
.ui.container.limit-width-900 { max-width:900px !important; }
.ui.grid .column,
.ui.segment,
.ui.grid.segment,
.quick-nav .ui.label {
	border-radius: 0;
}
.ui.menu ul[role="menu"] {
	margin-left: 0;
	padding-left: 0;
}
.vertical-center.aligned {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.full-screen-width {
	width: 100vw;
	margin-left: calc(-50vw + 50%) !important;
}
.remark p {
	font-size: 1.1rem;
	letter-spacing: 0 !important;
	line-height: normal;
}
@media only screen and (max-width: 767px) {
	.desktop-only { display:none !important; }
	.mobile-only { display:inherit !important; }
}
@media only screen and (min-width: 768px) {
	.desktop-only { display:inherit !important; }
	.mobile-only { display:none !important; }
}


/*---------------
	Image
----------------*/

img { object-fit:cover; }
.compat-object-fit {
	background-size: cover;
	background-position: center center;
}
.ui.yetp-img-grid.fix-height.image img { height:13em; }

/*-----------------
	Block Title
------------------*/

.center-block,
.left-block,
.right-block {
	position: relative;
}
.center-block { text-align: center; }
.left-block { text-align: left; }
.right-block { text-align: right; }

.center__block-inner,
__block-inner {
	position: relative;
	margin: 0 auto;
}
.center-block .center__block-inner,
.left-block .__block-inner,
.right-block .__block-inner,
.center__block-inner {
	padding: 3em;
}
.center-block.inverted .center__block-inner,
.left-block.inverted .__block-inner,
.right-block.inverted .__block-inner {
	padding: 5em;
}
.ui.segment > .center__block-inner,
.ui.segment > .__block-inner {
	padding: 2em 3em;
}
.center__block-inner > .block-title + div,
.center__block-inner > .block-title + section,
.__block-inner > .block-title + div,
.__block-inner > .block-title + section {
	margin-top: 5em;
}
.block-title {
	position: relative;
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	font-weight: 300;
	line-height: normal;
}
.block-title:not(.basic)::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	height: 2px;
	background-color: rgba(99,35,126,1);
}
.block-title.left {
	text-align: left;
}
.block-title.right {
	text-align: right;
}
.left-block .block-title::before {
	left: 0;
	margin-left: 0;
}
.inverted .block-title::before,
.inverted.block-title::before {
	background-color: white;
}

.inverted.elss-block-title::before,
.inverted.elss-block-title::before {
	/*background-color: white;*/
	background-color: rgb(62,99,168,1);
}

h1.block-title, .block-title.h1 {
	font-size: 3rem;
	padding-top: .75em;
	text-transform: uppercase;
	line-height: 1.25;
}
h1.block-title:not(.basic)::before,
.block-title.h1:not(.basic)::before {
	margin-left: -75px;
	width: 150px;
}
.basic.block-title {
	margin-bottom: 1rem;
}
h1.basic.block-title, .basic.block-title.h1 {
	font-size: 2.5rem;
	padding: 0;
}
h1.basic.large.block-title, .basic.large.block-title.h1 {
	font-size: 3rem;
}
h2.block-title, div.block-title {
	font-size: 2rem;
	padding-top: .75em;
	text-transform: uppercase;
	margin: calc(2rem - 0.14285714em ) 0em 1rem;
}
div.block-title {
	font-size: 2.2rem;
	padding-top: .75em;
	margin-bottom: 1rem;
}
div.basic.block-title {
	padding: 0;
}
/*h2.block-title:first-child {
	margin-top: calc(2rem - .14285714em);
}*/
h2.block-title:not(.basic)::before,
div.block-title:not(.basic)::before {
	margin-left: -50px;
	width: 100px;
}
.left-block .block-title:not(.basic)::before {
	margin-left: initial;
}
p.block-sub-title {
	color: rgba(99,35,126,1);
	font-weight: 700;
}
p.navy.block-sub-title { color:rgba(25,47,61,1); }

/*--- color theme ---*/
.block-title { color: rgba(99,35,126,1); }
.inverted .block-title,
.inverted.block-title {
	color: white;
}
.block-title.navy { color: rgba(25,47,61,1); }
.block-title.navy::before { background-color: rgba(25,47,61,1); }
.block-title.purple { color: rgba(99,35,126,1); }
.block-title.purple::before { background-color: rgba(99,35,126,1); }
.block-title.red { color: rgba(195,58,41,1); }
.block-title.red::before { background-color: rgba(195,58,41,1); }

.center-block p.inverted, .left-block p.inverted, .right-block p.inverted { color: rgba(255,255,255,1); }

@media only screen and (max-width: 479px) {
	.center-block .center__block-inner,
	.left-block .center__block-inner,
	.right-block .center__block-inner,
	.center-block.inverted .center__block-inner,
	.left-block.inverted .center__block-inner,
	.right-block.inverted .center__block-inner,
	.center-block .__block-inner,
	.left-block .__block-inner,
	.right-block .__block-inner,
	.center-block.inverted .__block-inner,
	.left-block.inverted .__block-inner,
	.right-block.inverted .__block-inner {
		padding: 2em;
	}
}
@media only screen and (max-width: 767px) {
	.center-block.full-width,
	.left-block.full-width,
	.right-block.full-width {
		margin: 0 -1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1399px) {
	.center-block.full-width,
	.left-block.full-width,
	.right-block.full-width {
		margin: 0 -3%;
	}
}
@media only screen and (min-width: 1400px) {
	.center-block.full-width,
	.left-block.full-width,
	.right-block.full-width {
		margin: 0 -6%;
	}
}

/*---------------
	Header
----------------*/

.headline {
	background-color: rgba(99,35,126,1);
	display: block;
}
.headline.vertical-center.aligned > .right.item {
	 margin-left: auto !important;
}
@media (max-width:767px) {
	.headline.vertical-center.aligned {
		display: block;
		text-align: center;
		padding-bottom: 1rem;
	}
}
@media (min-width:768px) {
	.headline.vertical-center.aligned {
		justify-content: flex-start;
	}
}
.headline.vertical-center.aligned > .right.item > .ui.button {
	white-space: nowrap;
	margin-right: 1rem;
}
.ui.header:first-child { margin-top:0; }
.ui.inverted.attached.header {
	background: -webkit-linear-gradient(transparent, transparent); 
	background: linear-gradient(transparent, transparent);
}
.ui.inverted.purple.header {
	padding: .6em;
}
.ui.inverted.transparent.header {
	background-color: transparent;
}
div.ui.theme.header {
	font-size: 2rem !important;
}
.ui.header.h1, .ui.block.header.h1 {
	font-size: 2rem;
}
h1.ui.header, .ui.header.h1 {
	margin: 0;
	font-weight: 300;
}
h1.ui.header span.ui.container,
.ui.header.h1 span.ui.container {
	margin: 0 !important;
}
h1.ui.block.header, .ui.block.header.h1 {
	padding: .6em;
	background-image: none !important;
	border-radius: 0;
	border: none;
}
h1.ui.basic.header,
h2.ui.basic.header,
.ui.basic.header.h1 {
	padding: 0;
	margin-bottom: 1rem;
}
h4.ui.inverted.header {
	background-color: transparent;
}
.ui.header.section-header,
.ui.header.group-header {
	font-family:'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	font-weight:100;
}
/*h1.ui.header,*/
h2.ui.header.group-header {
	padding:1.2rem 1.5rem;
	font-size:2rem;
	margin-bottom:0;
}
h2.ui.header.group-header > .ui.massive.circular.label {
	margin:.35rem .5rem 0 0;
}
h2.ui.header.group-header > .header-number {
	font-size: 4.8rem;
	font-style: italic;
	padding: 0 .5rem 0 0;
	display: table-cell;
	line-height: 4rem;
}
.ui.header.group-header > .header-number + .content {
	display: table-cell;
}
h3.ui.header.section-header {
	padding: .6rem 1rem;
	font-size: 1.5rem;
}
span.header-icon-button {
	font-size: 1rem;
}
span.header-icon-button .ui.button > i.icon {
	margin-right: 0;
}
.QA h3.ui.header {
	font-size: 1.714rem;
}
.ui.header.group-header {
	background-color: rgba(99,35,126,1);
}
.ui.header.section-header {
	background-color: rgba(39,14,50,1);
}
.ui.attached.header.transparentBg,
.ui.inverted.attached.header.transparentBg {
	background-color: transparent;
	padding: 1em 0;
	text-align: center;
}
/*.ui.top.attached.header,*/
.ui.header.section-header {
	padding: 1rem;
	margin-top: 0;
	margin-bottom: 1em;
	border-radius: 0;
}
.ui.header.section-header.bg-white {
	background-color: #F3F4F5;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	border-left: 8px solid rgba(99,35,126,1);
}
.ui.header.intro { margin: 0 6em; }

.ui.header .sub.header {
	color: rgba(25,47,61,.8);
}
html[lang^="zh"] .ui.header .sub.header {
	font-weight: 700;
}
html[lang^="en"] .ui.header .sub.header {
	font-weight: 300;
}
.left-right-bar {
	display: block;
	margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
	h1.ui.right.floated.huge.header {
		width: 45%;
	}
	.left-right-bar > .left,
	.left-right-bar > .right {
		float: left;
	}
	.left-right-bar > .left {
		width: 50%;
		text-align: left;
	}
	.left-right-bar > .right {
		width: 50%;
		text-align: right;
	}
	.left-right-bar > .left .ui.button,
	.left-right-bar > .right .ui.button {
		margin: 0;
		margin-left: .25em;
	}
}
@media only screen and (max-width: 767px) {
	h1.ui.right.floated.huge.header {
		width: 100%;
	}
	.left-right-bar > .left,
	.left-right-bar > .right {
		float: left;
	}
	.left-right-bar > .left {
		width: 50%;
		text-align: left;
	}
	.left-right-bar > .right {
		width: 50%;
		text-align: right;
	}
	.left-right-bar > .left .ui.button,
	.left-right-bar > .right .ui.button {
		margin: 0;
		margin-left: .25em;
	}
}

/*-------------------------
	Block ellipsis
--------------------------*/

.block-ellipsis {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: calc(4rem + 10px) !important;
	padding: 4px !important;
	margin: 0 -4px !important;
}
.one-line-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/*-------------------------
	Hero Header
--------------------------*/

.hero-header {
	position: relative;
	height: auto;
	min-height: 350px;
	padding: 2em 0;
	z-index: 0;
}
.hero-header.no-bg-img {
	min-height: initial;
}
.hero-header.no-bg-img .hero-header-image {
	display: none;
}
.hero-header .hero-header-image {
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hero-content {
	position: relative;
	text-align: left;
}
.hero-content h1.ui.header,
.hero-content p.ui.header {
	position: relative;
	padding-bottom: 1.5rem;
	font-weight: 700;
}
.hero-content h1.ui.header:after,
.hero-content p.ui.header:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 2px;
	content: "";
	background: rgba(99,35,126,1);
}
.hero-content p.sub {
	color: rgba(25,47,61,1);
}
.hero-content small {
	display: inline-block;
	background: rgba(99,35,126,1);
	color: white;
}
.hero-content.inverted .ui.header,
.hero-content.inverted p.sub {
	color: white;
}
.hero-content .ui.divider:not(.vertical):not(.horizontal) {
	border-bottom: 3px solid rgba(25, 47, 61, 1);
}
.hero-content.ui.grid .column:not(.intro) {
	padding: 0 !important;
}
.hero-content.ui.stackable.grid .column.intro {
	padding: 0 2em !important;
}
@media only screen and (min-width: 1100px) {
	.hero-header.no-bg-img .hero-content .ui.header {
		margin-top: .5em;
	}
	.hero-content h1.ui.header,
	.hero-content p.ui.header {
		font-size: 3.5em;
	}
	.hero-content p.sub {
		font-size: 1.2rem;
		margin: 1rem 0;
	}
	.hero-content small {
		padding: 5px;
		margin-top: 2em;
		font-size: 1.2em;
		line-height: 0.9;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.hero-header.no-bg-img .hero-content .ui.header {
		margin-top: .5em;
	}
	.hero-content h1.ui.header,
	.hero-content p.ui.header {
		font-size: 3em;
	}
	.hero-content p.sub {
		font-size: 1.1rem;
		margin: 1em 0;
	}
	.hero-content small {
		padding: 5px;
		font-size: 1em;
		line-height: 0.9;
	}
}
@media only screen and (max-width: 767px) {
	.hero-header.no-bg-img .hero-content .ui.header {
		margin-top: 0;
	}
	.hero-header .hero-header-image {
		height: 100%;
	}
	.hero-content.ui.stackable.grid {
		padding-top: 35%;
	}
	.hero-content.ui.mobile.reversed.grid {
		padding-top: 0;
	}
	.hero-content h1.ui.header,
	.hero-content p.ui.header {
		font-size: 2em;
	}
	.hero-content h1.ui.header:after,
	.hero-content p.ui.header:after {
		width: 60px;
	}
	.hero-content p.sub {
		font-size: 1em;
		margin: .8em 0;
	}
	.hero-content small {
		padding: 5px;
		margin-bottom: 1em;
		font-size: 1rem;
		line-height: 0.9;
	}
}

/*---------------
	icomoon
----------------*/

.ui.header > .icomoon {
	display: table-cell;
	opacity: 1;
	font-size: 1.5em;
	padding-top: .14285em;
	vertical-align: middle;
}
.ui.icon.header .icomoon {
	float: none;
	display: block;
	width: auto;
	height: auto;
	line-height: 1;
	padding: 0;
	font-size: 3em;
	margin: 0 auto .5rem;
	opacity: 1;
}
i.circular.icomoon {
	border-radius: 500em!important;
	line-height: 1!important;
	padding: .5em!important;
	box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
	width: 2em!important;
	height: 2em!important;
}
i.circular.icomoon.navy, i.circular.icon.navy {
	box-shadow: 0 0 0 .1em rgba(25,47,61,.3) inset;
}
i.circular.icomoon.purple, i.circular.icon.purple {
	box-shadow: 0 0 0 .1em rgba(99,35,126,.3) inset;
}
.ui.icomoon.header .icomoon {
	float: none;
	display: block;
	width: auto;
	height: auto;
	line-height: 1;
	padding: 0;
	font-size: 3em;
	margin: 0 auto .5rem;
	opacity: 1;
}
.ui.header .icomoon:only-child {
	display: inline-block;
	padding: 0;
	margin-right: .75rem;
}
.ui.header>.icomoon {
	display: table-cell;
	opacity: 1;
	font-size: 1.5em;
	padding-top: .14285em;
	vertical-align: middle;
}
.ui.icomoon.header .circular.icomoon, .ui.icomoon.header .square.icomoon {
	font-size:2em;
}
.ui.icomoon.header.aligned {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.ui.icomoon.header:first-child {
	margin-top: 0;
}
.ui.icomoon.header {
	display: inline-block;
	text-align: center;
	margin: 2rem 0 1rem;
}
.ui.steps .step > .icomoon {
	line-height: 1;
	font-size: 2.5em;
	margin: 0 1rem 0 0;
}
.ui.steps .step > .icomoon, .ui.steps .step > .icomoon~.content {
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: middle;
	-ms-flex-item-align: middle;
	align-self: middle;
}
.ui.menu .item > i.icomoon {
	opacity: .9;
	float: none;
	margin: 0 .35714286em 0 0;
}
.ui.steps:not(.vertical) .step > .icomoon {
	width: auto;
}
.ui.labeled.icon.menu .item > .icomoon:not(.dropdown) {
	height: 1em;
	display: block;
	font-size: 1.71428571em!important;
	margin: 0 auto .5rem!important;
}

/*---------------
	Divider
----------------*/

.ui.divider.inverted, .ui.divider.inverted:after, .ui.divider.inverted:before {
	border-top-color: rgba(255,255,255,1) !important;
	border-left-color: rgba(255,255,255,1) !important;
	border-bottom-color: rgba(255,255,255,.7) !important;
	border-right-color: rgba(255,255,255,1) !important;
}
.ui.purple.divider:not(.vertical):not(.horizontal),
.ui.purple.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 1px solid rgba(99,35,126,1);
}
footer .ui.divider:not(.vertical):not(.horizontal),
footer .ui.dividing:not(.vertical):not(.horizontal) {
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.ui.inverted.divider:not(.vertical):not(.horizontal),
.ui.inverted.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 1px solid rgba(255,255,255,.95);
}
.ui.header.divider:not(.vertical):not(.horizontal),
.ui.header.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 2px solid rgba(99,35,126,1);
}
.ui.navy.header.divider:not(.vertical):not(.horizontal),
.ui.navy.header.dividing:not(.vertical):not(.horizontal) {
	border-bottom: 2px solid rgba(25,47,61,1);
}
.ui.inverted.header.divider:not(.vertical):not(.horizontal),
.ui.inverted.header.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 2px solid rgba(255,255,255,.95);
	padding-right: 1.5em;
}

.ui.inverted.elss-header1.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 2px solid rgba(45,39,129,.95);
	padding-right: 1.5em;
}

.ui.inverted.elss-header2.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 2px solid rgba(99,35,126,.95);
	padding-right: 1.5em;
}
.ui.inverted.elss-header3.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 2px solid rgba(131,42,83,.95);
	padding-right: 1.5em;
}
.ui.inverted.elss-header4.dividing:not(.vertical):not(.horizontal) {
	border-top: none;
	border-bottom: 2px solid rgba(129,17,17,.95);
	padding-right: 1.5em;
}
.ui.divider.header {
	margin: 1em 0;
}
.ui.dividing.header,
.ui.inverted.dividing.header {
	padding-bottom: .5rem;
}
h1.ui.dividing.header > i.icon {
	font-size: .9em;
	vertical-align: baseline;
}
h1.ui.dividing.header i.icon.angle.up,
h1.ui.dividing.header i.icon.angle.down {
	font-size: 2em;
}
h1.ui.dividing.header > .ui.label.indicator {
	line-height: 1.7em;
	padding: 0;
	margin-left: 0;
	background-color: transparent;
	color: rgba(255,255,255,.95);
}
.arrow-divider {
	fill: rgba(255,255,255,1);
	width: 100%;
	height: 2em;
}


/*----------------------
	Container, Segment
-----------------------*/

.ui.segment:not(.basic):not(.vertical) {
	border: none;
}
.ui.secondary.segment {
	border: none;
	box-shadow: 0 0 0 1px rgba(34,36,38,.15) !important;
}
.ui.page-head.segment {
	position: relative;
	padding: 3rem 0 0 0;
	margin: 0;
}
.ui.page-head.segment h1.ui.header {
	font-family: 'Roboto Slab', Helvetica, Arial, 'Microsoft YaHei', 'Hiragino Sans', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	font-size: 3em;
	margin: 0 0 1rem 2rem;
	padding: 0;
	font-weight: 700;
}
html[lang^="zh"] .ui.page-head.segment h1.ui.header {
	letter-spacing: .15rem;
}
@media only screen and (max-width:767px) {
	.ui.page-head.segment h1.ui.header {
		margin-right: 1rem;
	}
	.ui.page-head.segment + .context,
	.ui.page-head.segment + #context {
		padding: 0;
	}
}
.ui.container.left-rail > .ui.segment,
.ui.container.right-rail > .ui.segment {
	width: calc(100% - 380px);
}
.ui.container.left-rail > .ui.segment {
	margin-left: 380px;
	padding-top: 0;
	padding-right: 0;
}
.ui.container.right-rail > .ui.segment { margin: 0 auto; }
.ui.container.left-rail > .ui.segment > .ui.close.rail,
.ui.container.right-rail > .ui.segment > .ui.close.rail {
	min-width: calc(380px - 14px);
}
.ui.basic.segment {
	border: none;
}
.ui.basic.white.segment {
	background-color: rgba(255,255,255,1);
}
.ui.inverted.segment,
.ui.inverted.basic.segment {
	background-color: rgba(99,35,126,1);
}
.ui.inverted.basic.subtle.segment,
.ui.inverted.basic.navy.segment {
	background-color: rgba(25,47,61,1);
}
.ui.inverted.basic.warning.segment {
	background-color: rgba(195,58,41,1);
}
.ui.shadowed.segment, .ui.inverted.shadowed.button {
	box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important;
}
.ui.transparent.segment {
	background-color: transparent !important;
}

.ui.img-deco.segment {
	background-image: url('../img/wood-bg.jpg');
	background-position: center center;
	border-radius: 0;
}
.ui.color-deco.segment {
	background-color: rgba(99,35,126,1);
}
.ui.card-grid.container {
	max-width: 1200px !important;
}
.ui.inverted.attached.segment {
	border: none;
}

.ui.container.fixed-max-width,
.ui.container.limit-width {
	max-width: 1200px !important;
}
.ui.container > .context {
	position: relative;
}
.flex-wrapper { display:flex; }

/* Small Monitor */
@media only screen and (max-width: 767px) {
	.ui.container { width:auto; }
	.ui.container .ui.page-head.segment,
	.ui.container .center-block {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.ui.segment > .ui.container {
		width: auto;
		margin: 0 !important;
		padding: 0 !important;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
	.ui.container {
		width: 95%;
		padding: 0;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.ui.grid.container {
		width: calc( 953px + 2rem ) !important;
	}

	.ui.relaxed.grid.container {
		width: calc( 953px + 3rem ) !important;
	}

	.ui.very.relaxed.grid.container {
		width: calc( 953px + 5rem ) !important;
	}
}

/* Large Monitor */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.ui.container {
		width: 95%;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.ui.grid.container {
		width: calc( 95% + 2rem ) !important;
	}

	.ui.relaxed.grid.container {
		width: calc( 95% + 3rem ) !important;
	}

	.ui.very.relaxed.grid.container {
		width: calc( 95% + 5rem ) !important;
	}
}

/* Wide Monitor */

@media only screen and (min-width: 1400px) {
	.ui.container {
		width: 90%;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.ui.grid.container {
		width: calc( 90% + 2rem ) !important;
	}

	.ui.relaxed.grid.container {
		width: calc( 90% + 3rem ) !important;
	}

	.ui.very.relaxed.grid.container {
		width: calc( 90% + 5rem ) !important;
	}
}

.ui.basic.segments {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
.ui.basic.segment.article {
	padding: 3em 6em;
	margin: 0;
}
.ui.featured.segment .content > p {
	font-weight: 400;
}
@media only screen, print and (max-width:767px) {
	.ui.featured.segment .ui.stackable.grid .media.column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

ui.container.left-rail > .ui.segment,
ui.container.right-rail > .ui.segment {
	min-height: 700px;
}

.ui.accordion.segment .title.active i.icon {
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.ui.accordion.segment .title i.icon {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*---- Segment inner ----*/
.left__segment-inner {
	text-align: left;
}
.left__segment-inner.narrow { padding:1rem; }
.left__segment-inner.medium { padding:2rem; }
.left__segment-inner.wide { padding:3.5rem; }



/*---------------------------
	Calendar styled date
----------------------------*/

.yetp-style-date {
	margin-bottom: 1.25rem;
}
.yetp-style-date,
.yetp-style-date .dd,
.yetp-style-date .mm,
.yetp-style-date .mm > .txt-zh-month,
.yetp-style-date .yyyy,
.yetp-style-date .mm-yyyy {
	font-family: 'Roboto Slab', sans-serif;
	line-height: 1em;
	position: relative;
}
.yetp-style-date > span,
.yetp-style-date > .full-date {
	display: inline-block;
}
.yetp-style-date .dd {
	font-size: 5rem;
	font-weight: 100;
}
.yetp-style-date .mm {
	font-size: 4.5rem;
	font-weight: 100;
}
html[lang^="zh"] .yetp-style-date .mm > .txt-zh-month {
	font-size: 4rem;
}
html[lang="en"] .yetp-style-date .mm > .txt-zh-month {
	display: none;
}
.yetp-style-date .yyyy, 
.yetp-style-date .mm-yyyy {
	font-size: 1.45rem;
	font-weight: 300;
}
.yetp-style-date .seperator {
	margin: 0 .5rem;
	width: 2.5rem;
}
.yetp-style-date .seperator > span {
	font-size: 2rem;
	font-weight: 400;
	position: absolute;
	top: 45%;
}
html[lang^="en"] .yetp-style-date .seperator > span {
	font-size: 1.5rem;
}

/*-------------------
	bubble steps
--------------------*/

.yetp-steps-bubble > ul {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.yetp-steps-bubble > ul > li {
	display: block;
	position: relative;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 3rem;
}
.yetp-steps-bubble.inverted > ul > li,
.yetp-steps-bubble.inverted > ul > li::after {
	background-color: rgba(99,35,126,1);
	color: white;
}
.yetp-steps-bubble > ul > li:last-child::after {
	display: none;
}
.yetp-steps-bubble.inverted > ul > li h1,
.yetp-steps-bubble.inverted > ul > li h2,
.yetp-steps-bubble.inverted > ul > li p {
	color: white;
}
.yetp-steps-bubble > ul > li::after {
	visibility: visible;
	content: '';
	z-index: 2;
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
	width: 2rem;
	height: 2rem;
	border-radius: 2px;
}


/*------------------------------------
yetp-steps-elss-bubble
----------------------------------*/

.yetp-steps-elss-bubble > ul {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.yetp-steps-elss-bubble > ul > li {
	display: block;
	position: relative;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 3rem;
}
.yetp-steps-elss-bubble.inverted > ul > li,
.yetp-steps-elss-bubble.inverted > ul > li::after {
	/*background-color: rgba(99,35,126,1);*/
	background-color: rgba(255,230,153,1);
	/*color: white;*/
   	color:rgba(88,67,00,1);

}
.yetp-steps-elss-bubble > ul > li:last-child::after {
	display: none;
}
.yetp-steps-elss-bubble.inverted > ul > li h1,
.yetp-steps-elss-bubble.inverted > ul > li h2,
.yetp-steps-elss-bubble.inverted > ul > li p {
	/*color: white;*/
	color:rgba(88,67,00,1);
}
.yetp-steps-elss-bubble > ul > li::after {
	visibility: visible;
	content: '';
	z-index: 2;
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
	width: 2rem;
	height: 2rem;
	border-radius: 2px;
}

/*------------------------------------
yetp-steps-elss-bubble1
----------------------------------*/
.yetp-steps-elss-bubble1 > ul {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.yetp-steps-elss-bubble1 > ul > li {
	display: block;
	position: relative;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 3rem;
}
.yetp-steps-elss-bubble1.inverted > ul > li,
.yetp-steps-elss-bubble1.inverted > ul > li::after {
	/*background-color: rgba(99,35,126,1);*/
	background-color: rgba(220,218,244,1);
	/*color: white;*/
   	color:rgba(45,39,129,1);

}
.yetp-steps-elss-bubble1 > ul > li:last-child::after {
	display: none;
}
.yetp-steps-elss-bubble1.inverted > ul > li h1,
.yetp-steps-elss-bubble1.inverted > ul > li h2,
.yetp-steps-elss-bubble1.inverted > ul > li p {
	/*color: white;*/
	color:rgba(45,39,129,1);
}
.yetp-steps-elss-bubble1 > ul > li::after {
	visibility: visible;
	content: '';
	z-index: 2;
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
	width: 2rem;
	height: 2rem;
	border-radius: 2px;
}


/*------------------------------------
yetp-steps-elss-bubble2
----------------------------------*/
.yetp-steps-elss-bubble2 > ul {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.yetp-steps-elss-bubble2 > ul > li {
	display: block;
	position: relative;
	border-radius: 1rem;
	padding: 2rem;
	margin-bottom: 3rem;
}
.yetp-steps-elss-bubble2.inverted > ul > li,
.yetp-steps-elss-bubble2.inverted > ul > li::after {
	/*background-color: rgba(99,35,126,1);*/
	background-color: rgba(172,219,234,1);
	/*color: white;*/
   	color:rgba(8,68,76,1);

}
.yetp-steps-elss-bubble2 > ul > li:last-child::after {
	display: none;
}
.yetp-steps-elss-bubble2.inverted > ul > li h1,
.yetp-steps-elss-bubble2.inverted > ul > li h2,
.yetp-steps-elss-bubble2.inverted > ul > li p {
	/*color: white;*/
	color:rgba(45,39,129,1);
}
.yetp-steps-elss-bubble2 > ul > li::after {
	visibility: visible;
	content: '';
	z-index: 2;
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	transform: translateX(-50%) translateY(-50%) rotate(135deg);
	width: 2rem;
	height: 2rem;
	border-radius: 2px;
}



/******** Calendar Dummy *********/
.calendar-dummy img.ui.fluid.image {
	height: 100%;
}
.calendar-dummy:not(.no-dummy) h1 {
	position: absolute;
	bottom: 0;
	padding: .5rem .5rem .5rem 5rem;
	margin-bottom: 3rem;
	background-color: rgba(25,47,61,.8);
	font-weight: 100;
	color: white;
	width: 60%;
}
@media (max-width:1024px) {
	.calendar-dummy:not(.no-dummy) h1 {
		font-size: 1.5rem;
		padding: 1rem;
		width: 100%;
	}
}
.calendar-dummy.no-dummy {
	width: 100%;
	height: 100%;
	background-color: black;
}
.calendar-dummy.no-dummy h1 {
	color: white;
	font-weight: 100;
	font-size: 2rem;
}
.ui-widget.ui-widget-content {
	border: 0 !important;
	box-shadow: 6px 6px 26px 0 rgba(0,0,0,.5) !important;
}

/******** Feature links *********/
.ui.yetp-feature-box.grid {
	background-color: rgba(99,35,126,1);
	margin: 0;
}
.ui.yetp-feature-box.grid > .row {
	max-width: 1200px;
	padding: 0;
}
.ui.yetp-feature-box.grid > .row > .column {
	padding: 0 !important;
}
.ui.yetp-feature-box.grid > .row > .column:nth-child(odd) {
	background-color: rgba(0,0,0,.3);
}
.ui.yetp-feature-box.grid > .row > .column > a {
	display: block;
	height: 100%;
	padding: 2rem 0;
}
.ui.yetp-feature-box.grid > .row > .column > a:hover {
	background-color: rgba(118,62,142,1);
}
.ui.yetp-feature-box.grid > .row > .column > a > .ui.icon.header {
	font-size: 1.71428571em;
}
section.article > .ui.yetp-feature-box.grid {
	margin-bottom: -6rem;
}
.ui.yetp-feature-box.navy.grid {
	background-color:rgba(25,47,61,1);
}
.ui.yetp-feature-box.navy.grid > .row > .column > a:hover {
	background-color:rgba(53,72,85,1);
}

@media only screen and (min-width:768px) and (max-width:900px) {
	.ui.yetp-feature-box.grid > .row > .column > a > .ui.icon.header {
		font-size: 1.28571429em;
	}
}
@media only screen and (min-width:768px) {
	.ui.yetp-feature-box.grid > .row > .column > a {
		padding: 4rem 0;
	}
}

.ui.yetp-box.grid {
	margin: 0;
}
.article > .ui.yetp-box.grid {
	margin-bottom: -6rem;
}
.ui.yetp-box.grid .row {
	padding: 0;
}
.ui.yetp-box.grid .column {
	padding: 0;
}
.ui.yetp-box.grid .row,
.ui.yetp-box.grid .column,
.ui.yetp-box.grid .row > .column,
.ui.yetp-box.grid .column.row > .column,
.ui.yetp-box.doubling.grid > .row > .column,
.ui.yetp-box.grid > .doubling.row > .column {
	padding: 0!important;
}
.yetp-box.grid a.ui.segment {
	display: block;
	font-weight: 400;
	height: 100%;
}
.yetp-box.grid a.ui.segment:focus {
	outline: none !important;
	box-shadow: 0 0 0 4px rgba(13,191,243,.8) inset !important;
}
.yetp-box.grid a.ui.segment .ui.header > .content {
	font-weight: 700;
}
.yetp-box.grid .column:nth-child(odd) > a.ui.segment {
	background-color: rgba(25,47,61,1);
	color: white;
}
.yetp-box.grid .column:nth-child(even) > a.ui.segment {
	background-color: rgba(255,255,255,1);
}
/***** checker design *****/
.yetp-box.grid .column:nth-child(odd) > a.ui.segment .ui.header,
.yetp-box.grid .column:nth-child(odd) > a.ui.segment i.icon {
	color: rgba(255,255,255,.9);
}
.yetp-box.grid .column:nth-child(odd) > a.ui.segment .sub.header {
	color: rgba(255,255,255,.6);
}
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(odd) > a.ui.segment {
	background-color: rgba(255,255,255,1);
}
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(odd) > a.ui.segment .ui.header,
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(odd) > a.ui.segment i.icon {
	color: rgba(25,47,61,1);
}
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(odd) > a.ui.segment .sub.header {
	color: rgba(0,0,0,.6);
}
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(even) > a.ui.segment {
	background-color: rgba(25,47,61,1);
}
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(even) > a.ui.segment .ui.header,
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(even) > a.ui.segment i.icon {
	color: rgba(255,255,255,.9);
}
.yetp-box.grid > .row:nth-child(even) > .column:nth-child(even) > a.ui.segment .sub.header {
	color: rgba(255,255,255,.5);
}
.yetp-box.grid .column > a.ui.segment:not(.yetp-box-grid):hover {
	color: white !important;
	background-color: rgba(99,35,126,1) !important;
	-moz-transition: background-color ease-out .3s !important;
	-o-transition: background-color ease-out .3s !important;
	-webkit-transition: background-color ease-out .3s !important;
	transition: background-color ease-out .3s !important;
}
.yetp-box.grid a.ui.segment:not(.yetp-box-grid):hover .ui.header,
.yetp-box.grid a.ui.segment:not(.yetp-box-grid):hover .ui.header > i.icon,
.yetp-box.grid a.ui.segment:not(.yetp-box-grid):hover .ui.header > div.content {
	color: white !important;
}
.yetp-box.grid a.ui.segment:not(.yetp-box-grid):hover .ui.header .sub.header {
	color: rgba(255,255,255,.6);
}
.yetp-box.grid a.ui.inverted.segment:not(.yetp-box-grid):hover {
	background-color: rgba(99,35,126,1);
	-moz-transition: background-color ease-out .3s;
	-o-transition: background-color ease-out .3s;
	-webkit-transition: background-color ease-out .3s;
	transition: background-color ease-out .3s;
}
.ui.yetp-box.grid .ui.icon.header {
	font-family: "Roboto Slab", Helvetica, Arial, "Microsoft YaHei", 'Lantinhei TC', 'Lantinhei SC', "Microsoft JhengHei", 微軟正黑體, 新細明體, sans-serif;
	font-size: 1.71428571rem;
}
html[lang^="zh"] .ui.yetp-box.grid .ui.icon.header {
	letter-spacing: .1rem;
}
.ui.yetp-box.grid .ui.icon.header .sub.header {
	font-family: "Roboto Slab", Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', "Microsoft JhengHei", 微軟正黑體, 新細明體, sans-serif;
	font-size: 1.14285714rem;
	letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
	.ui.yetp-box.grid .ui.icon.header {
		margin: 2rem 0 !important;
	}
}
@media only screen and (min-width: 768px) {
	.ui.yetp-box.grid .ui.icon.header {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.yetp-box.grid.two.column a.ui.segment, .yetp-box.grid .two.column a.ui.segment { height: 30vh; }
	.yetp-box.grid.three.column a.ui.segment, .yetp-box.grid .three.column a.ui.segment { height: 25vw; }
	.yetp-box.grid.four.column a.ui.segment, .yetp-box.grid .four.column a.ui.segment { height: 23vw; }
	.yetp-box.grid.five.column a.ui.segment, .yetp-box.grid .five.column a.ui.segment { height: 20vw; }
	.yetp-box.grid.six.column a.ui.segment, .yetp-box.grid .six.column a.ui.segment { height: 16.66666666vw; }
	.yetp-box.grid.seven.column a.ui.segment, .yetp-box.grid .seven.column a.ui.segment { height: 14.28571428vw; }
}
@media only screen and (min-width: 768px) and (max-width: 930px) {
	.ui.yetp-box.grid .ui.icon.header {
		font-size: 1.35rem;
	}
	.ui.yetp-box.grid .ui.icon.header .sub.header {
		font-size: .95rem;
	}
	.ui.yetp-box.five.column.grid .ui.icon.header {
		font-size: 1.2rem;
	}
	.ui.yetp-box.five.column.grid .ui.icon.header .sub.header {
		font-size: .9rem;
	}
}

.yetp-box.grid .ui.segment {
	border: none;
	box-shadow: none;
	border-radius: 0;
}
.yetp-box.grid .ui.circular.segment {
	border: none;
	box-shadow: none;
	border-radius: 500em;
}
.yetp-box.grid .ui.segment > div.image {
	position: relative;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0;
	margin: 0 -1em;
}
.yetp-box.grid .ui.segment img {
	width: 100%;
}
.yetp-box.grid .ui.inverted .sub.header {
	color: rgba(255, 255, 255, .5);
}

@media only screen and (max-width: 992px) {
	.ui.yetp-box.grid>.column:not(.row), .ui.yetp-box.grid>.row>.column {
		padding: 0 !important;
	}
}

/*-------- logo ---------*/

@media only screen and (min-width: 320px) {
	.ui.menu .item > img.logo:not(.ui) {
		width: 10rem;
		padding: .4em 0;
	}
}
@media only screen and (max-width: 767px) and (min-width: 321px) {
	.ui.menu .item > img.logo:not(.ui) {
		width: 10rem;
		padding: .4em 0;
	}
	.ui.menu .item > .content > img.logo:not(.ui) {
		width: 12rem;
		font-size: 1.07142857rem;
	}
}
@media only screen and (min-width: 768px) {
	.ui.menu .item > img.logo:not(.ui) {
		width: 13rem;
		padding: .4em 0;
	}
	.ui.menu .item > .content > img.logo:not(.ui) {
		width: 13rem;
		font-size: 1.07142857rem;
	}
}
#lnkHome {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	z-index: 1;
}
#lnkHome:hover {
	background-color: transparent !important;
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
#lnkHome .hidden.content,
#lnkHome .visible.content {
	-moz-transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease;
	-o-transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease;
	-webkit-transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease;
	transition: top .3s ease,transform .3s ease,-webkit-transform .3s ease;
}
#lnkHome .hidden.content {
	position: absolute;
	width: 100%;
	top: -60%;
	left: auto;
	right: auto;
	visibility: visible;
}
#lnkHome .visible.content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	top: auto;
}
#lnkHome:focus .visible.content,
#lnkHome:hover .visible.content {
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	-o-transform: translateY(200%);
	transform: translateY(200%);
	right: auto;
}
#lnkHome:focus .hidden.content,
#lnkHome:hover .hidden.content {
	top: 22.5%;
	right: auto;
}

/*-------- iframe --------*/
iframe {
	width: 100%;
	border: 0;
}
iframe.media {
	border: 10px solid #1B1C1D;
}
html.ios .iframe-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
}
.iframe-wrapper > iframe {
	width: 100%;
	min-height: 800px;
}
.ui.active.dimmer.preloader {
	background-color: rgba(0,0,0,.8);
}
.ui.active.inverted.dimmer {
	background-color: rgba(255,255,255,.85);
}
.ui.active.dimmer.fullscreen.preloader,
.ui.active.dimmer.page.preloader {
	position: fixed;
}
.ui.active.inline.bg.loader {
	top: 5rem;
	height: 0;
}

/*---------- top message -----------*/
.top-msg.top-bar {
	display: block;
	padding: .8rem 4rem .8rem 2rem;
	font-size: .9em;
	background: url(../img/bg_scanline.png);
	width: 100%;
	/*height: 3.455rem;*/
}
.top-msg.inactive { display:none; }
.top-msg.top-bar.active { display:flex; }
.top-msg.top-bar .content > .ui.label {
	margin-right:.5rem;
}
.top-msg .ui.header {
	font-size:1.18em;
	margin-bottom:.4em;
}
.top-msg .ui.header.inverted {
	color: rgba(255,255,255,1);
}
.top-msg.top-bar .content {
	font-weight:700;
	font-size:1em;
	white-space: normal;
}
.top-msg.top-bar .content > p {
	font-size: 1.05rem;
	margin-top: .5rem;
	line-height: 1.5;
}
.top-msg.top-bar .content.single-line {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
html[lang^="zh"] .top-msg.top-bar {
	letter-spacing:.06rem;
}
/*@media only screen and (max-width:767px) {
	.top-msg.top-bar .content > .ui.label:first-child {
		display:none;
	}
	.top-msg.top-bar .content > i.fitted.exclamation.circle.icon {
		display:inline-block;
		line-height:.85;
	}
}
@media only screen and (min-width:768px) {
	.top-msg.top-bar .content > .ui.label:first-child {
		display:inline-block;
	}
	.top-msg.top-bar .content > i.fitted.exclamation.circle.icon {
		display:none;
	}
}*/

.top-msg.ui.floating.message {
	position: fixed;
	z-index: 999;
	bottom: 4rem;
	right: 0;
	margin-right: 1.5rem;
	width: 400px;
}
.top-msg.ui.floating.message p {
	font-size: 1rem;
	line-height: normal;
}

.top-msg .warning,
.top-msg .warning .ui.header,
.top-msg .warning p {
	color: rgba(83,44,23,1);
}
.top-msg.info { background-color:rgba(25,47,61,1); color:white; }
.top-msg.alert { background-color:rgba(195,58,41,1); color:white; }
.top-msg.warning { background-color:rgba(251,189,8,1); color:rgba(83,44,23,1) }
.top-msg.info a { color:rgba(15,188,240,1); }
.top-msg.alert a { color:rgba(255,214,72,1); }
.top-msg.warning a { color:rgba(83,44,23,1); }

.top-msg.ui.floating.message.warning {
	-webkit-box-shadow: 0 0 0 1px #c9ba9b inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
	box-shadow: 0 0 0 1px #c9ba9b inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
}
.top-msg.ui.floating.message.warning,
.top-msg.ui.floating.message.warning a[href],
.top-msg.ui.floating.message.warning .ui.checkbox > label,
.top-msg.ui.floating.message.warning .ui.checkbox > .ui.label,
.top-msg.ui.floating.message.warning i.icon {
	color: rgba(121,75,2,1);
}
.top-msg.ui.floating.message.warning button.ui.button {
	background-color:rgba(245,213,0,1);
	color:rgba(83,44,23,1);
}
.top-msg.ui.floating.message.warning button.ui.button:hover,
.top-msg.ui.floating.message.warning button.ui.button:focus {
	color:rgba(245,213,0,1);
	background-color:rgba(83,44,23,1);
}

.top-msg.ui.floating.message.negative {
	-webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
	box-shadow: 0 0 0 1px #e0b4b4 inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
}
.top-msg.ui.floating.message.negative,
.top-msg.ui.floating.message.negative a[href],
.top-msg.ui.floating.message.negative .ui.checkbox > label,
.top-msg.ui.floating.message.negative .ui.checkbox > .ui.label,
.top-msg.ui.floating.message.negative i.icon {
	color:rgba(145,45,43,1);
}
.top-msg.ui.floating.message.negative button.ui.button {
	background-color:rgba(195,58,41,1);
	color:white;
}
.top-msg.ui.floating.message.negative button.ui.button:hover,
.top-msg.ui.floating.message.negative button.ui.button:focus {
	background-color:rgba(63,20,12,1);
}

.top-msg.ui.floating.message.info {
	-webkit-box-shadow: 0 0 0 1px #a9d5de inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
	box-shadow: 0 0 0 1px #a9d5de inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
}
.top-msg.ui.floating.message.info,
.top-msg.ui.floating.message.info a[href],
.top-msg.ui.floating.message.info .ui.checkbox > label,
.top-msg.ui.floating.message.info .ui.checkbox > .ui.label,
.top-msg.ui.floating.message.info i.icon {
	color: rgba(14,86,108,1);
}
.top-msg.ui.floating.message.info button.ui.button {
	background-color:rgba(20,105,205,1);
	color:white;
}
.top-msg.ui.floating.message.info button.ui.button:hover,
.top-msg.ui.floating.message.info button.ui.button:focus {
	background-color:rgba(28,46,102,1);
}

.top-msg.ui.floating.message.success {
	-webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
	box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
}
.top-msg.ui.floating.message.success,
.top-msg.ui.floating.message.success a[href],
.top-msg.ui.floating.message.success .ui.checkbox > label,
.top-msg.ui.floating.message.success .ui.checkbox > .ui.label,
.top-msg.ui.floating.message.success i.icon {
	color:rgba(26,83,27,1);
}
.top-msg.ui.floating.message.success button.ui.button {
	background-color:rgba(26,209,31,.95);
	color:rgba(25,47,61,1);
}
.top-msg.ui.floating.message.success button.ui.button:hover,
.top-msg.ui.floating.message.success button.ui.button:focus {
	background-color:rgba(25,47,61,1);
	color:rgba(26,209,31,.95);
}

/*-------- navigation menu ---------*/

.nav-top { width:100%; }
.nav-top a, .nav-top a:active, .nav-top a:visited {
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
}
html[lang="en"] .nav-top a, 
html[lang="en"] .nav-top a:active, 
html[lang="en"] .nav-top a:visited {
	font-weight: 400;
} 
html[lang^="zh"] .nav-top a,
html[lang^="zh"] .nav-top a:active,
html[lang^="zh"] .nav-top a:visited {
	font-weight: 700;
}
html[lang] .nav-top li { font-size:1.07142857rem; }
.nav-top.ui.menu {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 0;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	z-index: 801;
}
.nav-top ul {
	list-style: none;
}
.nav-top.ui.fixed.menu {
	z-index: 801;
}
.nav-top.ui.menu > .item:first-child {
	border-radius: 0;
}
#siteTag.item {
	border-radius: 0;
	margin: 0;
}
/*nav.nav-top.ui.menu.fixed,*/
.nav-top.ui.menu.fixed._scrolling {
	box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 3px rgba(12,13,14,0.1), 0 4px 20px rgba(12,13,14,0.035), 0 1px 1px rgba(12,13,14,0.025);
	background-color: rgba(255,255,255,.95);
}
.nav-top.ui.menu .item {
	color: #192f3d;
	background-color: transparent;
}
html[lang^="zh"] .nav-top.ui.menu .item { font-weight:700; }
html[lang="en"] .nav-top.ui.menu .item { font-weight:400; }
.nav-top.ui.menu > .item {
	height:4.714285714285714rem;
}
.nav-top > .main-menu-wrapper {
	display:flex;
}
.nav-top > ul.main-menu-wrapper {
	margin:0;
	padding-left:0;
}
.nav-top.ui.menu > .main-menu-wrapper > .item {
	padding:0;
}
.nav-top.ui.menu .item:hover,
.nav-top.ui.menu .item > a:focus,
.nav-top.ui.menu .item.active,
.nav-top.ui.menu > .main-menu-wrapper > div.ui.simple.dropdown.item:hover,
.nav-top.ui.menu > .main-menu-wrapper > a.ui.item:hover,
.nav-top.ui.menu > .main-menu-wrapper > a.ui.item:focus,
.nav-top.ui.menu .link.item:hover,
.nav-top.ui.menu .item:hover:not(#lnkHome),
.nav-top.ui.menu .item:focus:not(#lnkHome) {
	color: white;
	background-color: rgba(25,47,61,1);
	box-shadow: none;
}
.nav-top.ui.menu .item > a,
.nav-top.ui.menu > .main-menu-wrapper > a.ui.item {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	padding: .92857143em 1.14285714em;
	color: rgba(25,47,61,1);
	text-decoration: none;
}
.nav-top.ui.menu .item:hover > a,
.nav-top.ui.menu .item.active > a,
.nav-top.ui.menu .item:hover > button,
.nav-top.ui.menu .item.active > button {
	color: rgba(255,255,255,1);
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}
.nav-top.ui.menu > .main-menu-wrapper > .item > a > span.subMenu-ind,
.nav-top.ui.menu > .main-menu-wrapper > .item > .menu > .item > a > span.subMenu-ind,
.nav-top.ui.menu .right.menu .ui.dropdown.item > .text > span.subMenu-ind {
	border-width: 4px 4px 0;
	border-style: solid;
	border-color: white transparent transparent;
	position: absolute;
}
.nav-top.ui.menu > .main-menu-wrapper > .item > a > span.subMenu-ind,
.nav-top.ui.menu .right.menu .ui.dropdown.item > .text > span.subMenu-ind {
	bottom: 6px;
	left: 50%;
	right: auto;
	top: auto;
	margin-left: -4px;
	margin-top: auto;
	display: none;
}
.nav-top.ui.menu > .main-menu-wrapper > .item > .menu > .item > a > span.subMenu-ind {
	bottom: auto;
	left: auto;
	right: 6px;
	top: 50%;
	margin-left: auto;
	margin-top: -2px;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	display: block;
}
.nav-top.ui.menu > .main-menu-wrapper > .item > a:hover > span.subMenu-ind,
.nav-top.ui.menu > .main-menu-wrapper > .item > a:focus > span.subMenu-ind,
.nav-top.ui.menu > .main-menu-wrapper > .item.active > a > span.subMenu-ind,
.nav-top.ui.menu .right.menu a.ui.dropdown.item:hover > .text > span.subMenu-ind,
.nav-top.ui.menu .right.menu a.ui.dropdown.item:focus > .text > span.subMenu-ind,
.nav-top.ui.menu .right.menu a.ui.dropdown.item.active > .text > span.subMenu-ind {
	display: block;
}
.nav-top.ui.menu > .main-menu-wrapper > .item > .menu > .item > a:hover > span.subMenu-ind,
.nav-top.ui.menu > .main-menu-wrapper > .item > .menu > .item.active > a > span.subMenu-ind
/*.nav-top.ui.menu > .main-menu-wrapper > .item > .menu > .item > a:focus::after,
.nav-top.ui.menu > .main-menu-wrapper > .item > .menu > .item.active > a::after*/ {
	border-color: rgba(25,47,61,1) transparent transparent;
}
nav.nav-top.ui.menu .menu {
	display: none;
}
nav.nav-top.ui.menu .item.active > .menu {
	display: block;
}
.nav-top.ui.menu .ui.simple.item.active > .menu {
	overflow: visible;
	width: auto;
	height: auto;
	top: 100% !important;
	opacity: 1;
}
.nav-top.ui.menu .ui.simple.item.active:not(.dropdown) > .menu {
	top: 0 !important;
}
.nav-top.ui.menu .ui.dropdown .menu > .item,
.nav-top.ui.menu .ui.dropdown .menu > .item > a {
	color: white !important;
}
.nav-top.ui.menu .ui.dropdown .menu > .item.active,
.nav-top.ui.menu .ui.dropdown .menu > .item.active > a,
.nav-top.ui.menu .ui.dropdown .menu > .item:hover,
.nav-top.ui.menu .ui.dropdown .menu > .item > a:hover {
	color: rgba(17,36,24,1) !important;
	background-color: rgba(26,209,31,.95) !important;
}
.nav-top.ui.menu .ui.dropdown .menu > .item.active > a:after {
	border-color: rgba(17,36,24,1) transparent transparent !important;
}
.nav-top.ui.menu .ui.dropdown .menu > .item > a {
	padding: 1.1em 4em 1.1em 1.142857em !important;
}
/*--- dropdown header ---*/
.ui.dropdown .menu > .header {
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	color: #fff;
}
/*--- dropdown seperator ---*/
.ui.dropdown .menu > .divider {
	border-top: 1px solid rgba(0,0,0,.3);
}
/*--- submenu arrow icon ---*/
.nav-top.ui.menu .menu > .item .dropdown.icon {
	font-size: 1.2em;
	line-height: 2.9;
	margin: 0;
	position: absolute;
	right: .5rem;
	z-index: 1;
}

/*-------- nav ---------*/
.right.menu.w3c-controls {
	font-size: .95rem;
}
.right.menu .ui.menu .item {
	line-height: 1.2;
}
.right.menu > .ui.item,
.right.menu > .ui.item > .menu > .item {
	padding: 0 .15em !important;
}
.right.menu > .ui.item.show-sidebar {
	display: none;
}
.right.menu > .ui.item.show-sidebar.open {
	color: white;
	background-color: rgba(25,47,61,1);
}
@media only screen and (min-width:768px) {
	.right.menu > .ui.item > div.text > i.icon,
	.right.menu > .ui.item > div.text > i.icomoon {
		margin: 0 .18em;
		font-size: 2em;
	}
}
@media only screen and (max-width:767px) {
	.right.menu > .ui.item > div.text > i.icon,
	.right.menu > .ui.item > div.text > i.icomoon {
		margin: 0 .18em;
		font-size: 1.7rem;
	}
}
.right.menu > .ui.item > div.text > i.icomoon.icon-en {
	font-size: 2.8em;
	margin: 0;
}
.ui.app-login .ui.label {
	position: relative;
	vertical-align: bottom;
	margin-left: 0;
	margin-right: .5em;
	border-radius: 0;
}
.w3c-controls .ui.dropdown > .text > img, 
.w3c-controls .ui.dropdown > .text > .image, 
.w3c-controls .ui.dropdown .menu > .item > .image, 
.w3c-controls .ui.dropdown .menu > .item > img {
	margin-right: 0;
	max-height: none;
	height: 4em;
}
.w3c-controls .ui.dropdown.lang.item .menu > .item,
.w3c-controls .ui.dropdown.font-resizer.item .menu > .item {
	text-align: center;
	padding: .3em 0 !important;
}
.w3c-controls .ui.dropdown.lang.item .menu > .item > i.icomoon,
.w3c-controls .ui.dropdown.font-resizer.item .menu > .item > i.icomoon {
	margin-right: 0;
}
.w3c-controls .ui.dropdown.font-resizer.item .text > i.icomoon {
	font-size: 2.3em;
	margin-bottom: .15em;
}
.ui.dropdown.mobile .menu {
	box-shadow: none;
	background-color: transparent;
}
.w3c-controls .mobile.ui.dropdown.lang > .menu {
	border: none;
}
.ui.menu .w3c-controls .mobile.ui.dropdown .menu .item {
	background-color: white !important;
	box-shadow: 0 0 0 2px rgba(99,35,126,1) inset, 0 1px 0 rgba(12,13,14,0.1), 0 1px 3px rgba(12,13,14,0.1), 0 4px 20px rgba(12,13,14,0.035), 0 1px 1px rgba(12,13,14,0.025) !important;
	color: rgba(99,35,126,1) !important;
	border-radius: 10em !important;
	padding: .55em .45em !important;
	margin: .5em 0;
}
.ui.menu .w3c-controls .mobile.ui.dropdown .menu .item:hover {
	background: rgba(255,255,255,.9) !important;
	color: #000;
}
.ui.menu .w3c-controls .mobile.ui.dropdown .menu .item > i {
	margin-right: 0;
}
.w3c-controls.mobile > button,
.w3c-controls.mobile > .ui.dropdown {
	display: inline-block;
	margin-top: 1rem;
}
.nav-top.fixed + .pusher {
	padding-top: 4.714285714285714rem;
}
.pushable > .pusher:after {
	background-color: rgba(0,0,0,.7);
}
html.ios #topSidebar.visible {
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); /*trigger iOS to use GPU accelration*/
}
#topSidebar .w3c-controls.mobile {
	text-align: center;
}
#topSidebar .ui.circular.button {
	padding: .5em;
	font-size: 22.4px;
	line-height: 1;
}
#topSidebar .ui.circular.button > i {
	width: 1.05em;
}
#topSidebar .ui.circular.button > i.icomoon {
	height: .85714286em;
}
#topSidebar > .ui.pointing.label {
	position: relative;
	left: calc(-1rem + 24px);
	text-align: left;
	width: 182px;
	font-size: .95rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 0;
}
#topSidebar .ui.pointing.label:before {
	left: 17px;
}
#topSidebar .w3c-controls.mobile .ui.circular.button.login {
	padding: .5em 1.5em;
}
#topSidebar .w3c-controls.mobile .ui.circular.button.login > span {
	font-size: 1.15rem;
	font-weight: 400;
}
#topSidebar .w3c-controls.mobile .ui.circular.button.after.login {
	color: rgba(26,209,31,.95) !important;
	box-shadow: 0 0 0 2px rgba(26,209,31,.95) inset!important;
	background-color: rgba(12,35,18,1) !important;
}
#topSidebar .ui.google.plus.button {
	background-color: rgba(211,72,55,1);
}
#topSidebar .ui.google.plus.button:hover {
	background-color: rgba(162,51,37,1);
}
#topSidebar button.ui.lang.mobile.active > .menu {
	display: block;
}
#fbTooltipMobile.ui.pointing.label {
	background-color: #fcfff5;
	color: #2c662d;
}
#fbTooltipMobile.ui.pointing.label:before {
	border-width: 0;
}
.w3c-controls .ui.active.item,
.w3c-controls .ui.visible.item {
	background-color: rgba(25,47,61,1);
}
.w3c-controls .ui.active.item > .text,
.w3c-controls .ui.visible.item > .text {
	color: #fff;
}
.w3c-controls .ui.dropdown.lang.item > .menu,
.w3c-controls .ui.dropdown.font-resizer.item > .menu {
	width: 100%;
	font-size: 2rem;
}


/*-------- sticky control menu ---------*/

/*.sticky.ui.menu {
	display: flex;
	z-index: 99;
	padding: 0;
	border-radius: 0;
	overflow: hidden;
	-moz-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
	-o-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
	-webkit-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
@media only screen and (max-width:767px) {
	.sticky.ui.menu {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.sticky.ui.menu > .item.line-break {
		width: 100%;
	}
	.sticky.ui.bg-transparent.menu {
		padding: 0 1rem;
	}
	.sticky.ui.fixed.menu {
		padding-bottom: 1rem;
	}
}
.sticky.ui.menu:not(.fixed) {
	margin: 0;
}
.sticky.ui.inverted.bg-deep-purple.menu {
	background-color: rgba(39,14,50,.95) !important;
}
.sticky.ui.bg-transparent.menu {
	border: 0;
	box-shadow: none;
	padding-top: 0;
	padding-bottom: 0;
}
.sticky.ui.bg-transparent.menu .item {
	padding-top: 0;
	padding-bottom: 0;
}
.sticky.ui.bg-transparent.menu .item:before {
	width: 0;
}
.sticky.ui.bg-transparent.menu .item:first-child:not(.ui.link) {
	padding-left: 0;
}
.sticky.ui.bg-transparent.menu .item:last-child {
	padding-right: 0;
}
.sticky.ui.bg-transparent.menu .ui.link.item {
	border-radius: .28571429rem;
	background-color: rgba(99,35,126,1);
	border: 2px solid rgba(99,35,126,1);
	color: white;
	padding: .8em 1em;
}
.sticky.ui.bg-transparent.menu .ui.link.item:hover,
.sticky.ui.bg-transparent.menu .ui.link.item:focus {
	background-color: rgba(118,62,142,1);
}
.sticky.ui.bg-transparent.menu .ui.link.item.active,
.sticky.ui.bg-transparent.menu .ui.icon.button.active {
	background-color: rgba(39,14,50,.95);
	color: rgba(255,255,255,.7);
}*/

.with-scrollmenu .ui.fixed.menu {
	width: 100%;
	left: 0;
	/*margin-top: 4.714285714285714rem;*/
	border: none;
	box-shadow: none;
}
.with-scrollmenu .ui.inverted.menu .scrollspy-toggle.item,
.with-scrollmenu .ui.inverted.menu .scrollspy-toggle.active.item {
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) !important;
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) !important;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) !important;
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) !important;
	background-color: rgba(99,35,126,1);
}
.with-scrollmenu .ui.inverted.menu .scrollspy-toggle.item:hover,
.with-scrollmenu .ui.inverted.menu .scrollspy-toggle.active.item:hover {
	background-color: rgba(118,62,142,1);
}
.with-scrollmenu .scrollspy-toggle.item:not(.active) {
	width: 10rem;
}
html[lang=en] .with-scrollmenu .scrollspy-toggle.item:not(.active) {
	width: 16rem;
}
.with-scrollmenu .scrollspy-toggle.active.item {
	width: 22rem;
}
.with-scrollmenu.on .scrollspy-toggle.active.item > i.icon:first-child {
	color: rgba(26,209,31,1);
}
.with-scrollmenu .scrollspy-toggle > .ui.header {
	margin-top: 0;
}
@media only screen and (max-width:767px) {
	.with-scrollmenu .scrollspy-toggle {
		order: 2;
	}
}
@media only screen and (min-width:768px) {
	.with-scrollmenu .scrollspy-toggle > i.icon.angle { display:none; }
	.with-scrollmenu .ui.fixed.menu { height:4.8rem; overflow:hidden; }
}


/************* popup **************/

.ui.popup {
	font-size: .95rem;
}
.ui.top.left.popup:before,
.ui.top.center.popup:before,
.ui.top.right.popup:before,
.ui.bottom.left.popup:before,
.ui.bottom.center.popup:before,
.ui.bottom.right.popup:before,
.ui.left.center.popup:before,
.ui.right.center.popup:before {
	box-shadow: none;
}
a.popup-to-download-document {
	cursor: pointer;
}
a.popup-to-download-document + .ui.popup {
	border: none;
	padding: 0;
}
.popup-to-download-document + .ui.popup a:hover {
	border-bottom: none;
}
.w3c-controls .site-search + .ui.popup,
.w3c-controls .app-login + .ui.popup,
.w3c-controls .share + .ui.popup {
	background-color: rgba(99,35,126,1);
	box-shadow: 6px 6px 26px 0 rgba(0,0,0,.5);
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
}
.w3c-controls .share + .ui.popup { background-color:rgba(25,47,61,1) }
.w3c-controls .site-search + .ui.popup,
.w3c-controls .share + .ui.popup {
	padding: 1rem;
}
@media only screen and (max-width:999px) {
	.w3c-controls .app-login + .ui.popup {
		right: 0 !important;
	}
}
form#frmLogin { height:100%; }
#loginForm .ui.horizontal.divider {
	margin: 1.5rem .5rem;
}
#loginForm .ui.horizontal.divider:after, 
#loginForm .ui.horizontal.divider:before {
	top: 0;
}
#appMenu a.item:hover {
	background-color: rgba(255,255,255,.2);
}
#loginForm {
	max-width: 35rem;
	margin: 2rem;
}

/************* popup color override **************/

.ui.info.popup {
	background-color: #f8ffff;
	color: #276f86;
	border: 0;
	box-shadow: 0 0 0 1px #a9d5de inset, 3px 3px 13px #a9d5de;
}
.ui.info.popup:before {
	background-color: #f8ffff;
}
.ui.info.top.right.popup:before {
	border-bottom: 1px solid #a9d5de;
	border-right: 1px solid #a9d5de;
}
.ui.info.bottom.center.popup:before {
	border-top: 1px solid #a9d5de;
	border-left: 1px solid #a9d5de;
}
.ui.success.popup {
	background-color: #fcfff5;
	color: #2c662d;
	border: 1px solid #a3c293;
	/*box-shadow: 0 0 0 1px #a3c293 inset, 3px 3px 13px #a3c293;*/
}
.ui.success.popup:before {
	background-color: #fcfff5;
}
.ui.success.top.right.popup:before {
	border-bottom: 1px solid #a3c293;
	border-right: 1px solid #a3c293;
}
.ui.success.bottom.center.popup:before {
	border-top: 1px solid #a3c293;
	border-left: 1px solid #a3c293;
}
.ui.warning.popup {
	background-color: #fffaf3;
	color: #573a08;
	border: 0;
	box-shadow: 0 0 0 1px #c9ba9b inset, 3px 3px 13px #c9ba9b;
}
.ui.warning.popup:before {
	background-color: #fffaf3;
	border-top: 1px solid #c9ba9b;
	border-left: 1px solid #c9ba9b;
}
.ui.error.popup {
	background-color: #fff6f6;
	color: #9f3a38;
	border: 0;
	box-shadow: 0 0 0 1px #e0b4b4 inset, 3px 3px 13px #e0b4b4;
}
.ui.error.popup:before {
	background-color: #fff6f6;
	border-top: 1px solid #e0b4b4;
	border-left: 1px solid #e0b4b4;
}

/*-----------------------------------------------------------
	  menu override
-----------------------------------------------------------*/

.ui.transparent.menu {
	background-color: transparent;
	border: none;
	box-shadow: none;
}
.ui.menu > .item:last-child:before {
	width: 0;
}
.ui.inverted.menu > a.item:focus {
	background: rgba(255,255,255,.08);
}
.ui.menu a.item.word:focus, .ui.menu a.item.pdf:focus {
	box-shadow: 0 0 0 3px rgba(13,191,243,.8);
	outline: none !important;
}
.ui.menu > .item.word,
.ui.menu > .item.word:hover,
.ui.inverted.menu > .item.word:hover {
	color: rgba(20,105,205,1);
}
.ui.menu > .item.pdf,
.ui.menu > .item.pdf:hover,
.ui.inverted.menu > .item.pdf:hover {
	color: rgba(195,58,41,1);
}
.ui.inverted.menu > .item.pdf,
.ui.inverted.menu > .item.pdf:hover {
	color: rgba(243,118,98,1);
}
.ui.inverted.menu > .item.word,
.ui.inverted.menu > .item.word:hover {
	color: rgba(15,188,240,1);
}
.ui.menu .item > i.icon.fitted {
	margin: 0;
}



/*-------------- overlay nav ---------------*/

.overlay-nav {
	height: 0;
	width: 100%;
	max-width: 28rem;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: rgba(25,47,61,1);
	overflow: visible;
	-moz-transition: 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.overlay-nav.desktop {
	position: static;
}
.overlay-nav .overlay-nav-content {
	position: relative;
	width: 100%;
	text-align: left;
}
.overlay-nav a {
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	padding: 1rem;
	text-decoration: none;
	font-size: 2rem;
	line-height: 1;
	color: rgba(255,255,255,.8);
	display: block;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.overlay-nav.desktop a {
	font-size: 1.2rem;
	font-weight: 400;
}
.nav-top.ui.menu .overlay-nav a.item {
	color: white;
	background-color: rgba(25,47,61,1);
	line-height: 1.5rem;
}
.nav-top.ui.menu .overlay-nav a.item i.icon {
	line-height: 1.18rem;
}
.nav-top.ui.menu .overlay-nav a.item:hover,
.nav-top.ui.menu .overlay-nav a.item:focus {
	color: rgba(25,47,61,1) !important;
	background-color: rgba(26,209,31,1) !important;
	z-index: 1;
}
.overlay-nav .overlay-nav-content > a {
	line-height: 1.2;
}
.overlay-nav a.btn-close {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 0;
}
@media only screen and (max-width: 767px) {
	.overlay-nav .overlay-nav-content {
		text-align: left;
	}
	.overlay-nav .overlay-nav-content > a {
		font-size: 1.7rem;
		font-weight: 400;
	}
	.overlay-nav .overlay-nav-content > a > i.icon {
		display: none;
	}
	.overlay-nav a.btn-close {
		font-size: 5rem;
		width: 5rem;
		height: 5rem;
	}
}
@media only screen and (min-width: 768px) {
	.overlay-nav .overlay-nav-content > a {
		font-size: 1.1rem;
		font-weight: 400;
	}
	.overlay-nav .overlay-nav-content > a > i.icon {
		display: inline-block;
	}
	.overlay-nav a.btn-close {
		font-size: 6rem;
		width: 6rem;
		height: 6rem;
	}
}


/*-------------- Mobile menu ---------------*/
.ui.visible.right.sidebar {
	z-index: 802;
}
.ui.right.sidebar.menu .menu .item,
.ui.right.sidebar.menu .menu .item a:not(.ui) {
	color: rgba(255,255,255,1);
}
.ui.right.sidebar.inverted.menu {
	color: white;
	background-color: rgba(25,47,61,1);
	/*box-shadow: 6px 6px 26px 0px rgba(0,0,0,.5);*/
	padding: 1em 1em 3em 1em;
}
.ui.right.sidebar.menu > .transparent.input:first-child > .icon.button {
	background-color: none;
	box-shadow: none;
}
.ui.right.sidebar.menu > .ui.divider:first-child {
	margin-top:0;
}
.ui.right.sidebar.menu .w3c-controls {
	margin: 1em 0;
}
.ui.vertical.text.mobile.menu {
	font-size:1.3em;
	margin:0;
}
.ui.vertical.text.mobile.menu > .item {
	padding: 0;
	margin:0;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
.ui.vertical.text.mobile.menu > a.item {
	padding: .92857143em 1.14285714em;
}
.ui.vertical.inverted.text.mobile.menu > .item:hover {
	background: rgba(255,255,255,.08) !important;
	color: #fff;
}
.ui.vertical.inverted.text.mobile.menu > .item .content.menu.active:not(.accordion) {
	background: rgba(0,0,0,.4) !important;
}
.ui.vertical.text.mobile.menu > .item .title {
	padding: .92857143em .5em .92857143em 1.14285714em;
}
.ui.accordion.mobile.menu .item .title>.dropdown.icon {
	margin-top: 0;
}
.ui.vertical.text.mobile.menu .item:not(.dropdown) > .menu > .item {
	padding:.8em 1.2em;
	font-size: 1em;
}
.ui.vertical.text.mobile.menu .item:not(.dropdown) > .menu > .item:hover {
	color: rgba(26,209,31,.95);
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.ui.accordion.mobile.menu:not(.styled) .title~.content:not(.ui) {
	padding: 1em 0;
	background: rgba(0,0,0,.3);
}
.ui.vertical.text.mobile.menu .item:not(.dropdown) > .content.accordion.menu > div.item {
	padding:0;
}

/*------------ Bottom zone menu --------------*/
nav.ui.bottom.fixed.menu {
	font-size: 1.2rem;
	background-color: rgba(255,255,255,.95);
	box-shadow: 0 -6px 26px 0 rgba(0,0,0,.5);
}
nav.ui.bottom.fixed.menu .item > i.icon,
nav.ui.bottom.fixed.menu .item > i.icomoon {
	font-size: 2rem;
}
nav.ui.bottom.fixed.menu a.item {
	color: rgba(25,47,61,1);
	padding: .7rem 0;
}
nav.ui.bottom.fixed.menu a.item:hover,
nav.ui.bottom.fixed.menu a.item:focus {
	color: rgba(255,255,255,1);
	background-color: rgba(25,47,61,1);
}
@media only screen and (max-width: 600px) {
	nav.ui.bottom.fixed.menu .item > i.icon,
	nav.ui.bottom.fixed.menu .item > i.icomoon {
		font-size: 2rem;
	}
}

/*---------- rolling banner navigation ----------*/

#progressBar {
	width: 100%;
	background-color: rgba(0,0,0,0);
	margin: 0;
	position: absolute;
	z-index: 2;
}
#progressBar.timer {
	background-color: rgba(0,0,0,.1);
}
#progressBar.bottom { bottom: 0; }
#progressBar > .bar {
	width: 0;
	height: 3px;
	background-color: rgba(26,209,31,1);
}
#progressBar.timer > .bar {
	height: 4px;
}
#progressBar.ui.progress.active {
	opacity: 1;
}
#progressBar.ui.progress.success {
	opacity: 0;
	-moz-transition: opacity 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: opacity 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: opacity 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: opacity 2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}


#progressBar > .bar.load {
	-webkit-animation: loading 8s infinite;
	-moz-animation: loading 8s infinite;
	-o-animation: loading 8s infinite;
	animation: loading 8s infinite;
}

@-webkit-keyframes loading {
  from { width: 0; }
  to { width: 100%; }
}
@-moz-keyframes loading {
  from { width: 0; }
  to { width: 100%; }
}
@keyframes loading {
  from { width: 0; }
  to { width: 100%; }
}

.ui.green.tiny.progress .bar {
	height: 4px;
}

.swiper-slide {
	vertical-align: middle;
}
.swiper-slide > a[href] {
	display: inline-block;
	width: 100%;
}

#btnPauseAndPlay {
	margin-right: .5rem;
}

.swiper-control {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 1;
	text-align: center;
	background: linear-gradient(transparent 0,rgba(0,0,0,.4) 100%);
}
@media only screen and (max-width: 767px) {
	.swiper-control {
		padding: 1rem 0;
	}
}
@media only screen and (min-width: 768px) {
	.swiper-control {
		padding: 1.5rem 0;
	}
}

/*-----------------------
	Swiper preloader
-----------------------*/
.swiper-lazy-preloader {
	width: 2.8rem;
	height: 2.8rem;
	margin: -1.4rem 0 0 -1.4rem;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
}
.swiper-lazy-preloader:after,
.swiper-lazy-preloader:before {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:before {
	border-radius: 500rem;
	border: .2em solid rgba(255,255,255,.15);
}
.swiper-lazy-preloader-white:after {
	-webkit-animation: loader .6s linear;
	animation: loader .6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: rgba(255,255,255,.8) transparent transparent;
	border-style: solid;
	border-width: .2em;
	box-shadow: 0 0 0 1px transparent;
}

/*============ END preloader ===========*/

#homeCal .swiper-container {
	height:29.13em;
}
#homeCal .swiper-slide {
	height: auto;
	padding-right: 2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.show-modal-dialog {
	cursor: pointer;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*--------------
	List
---------------*/

.ui.ordered.list, .ui.ordered.list .list, ol.ui.list, ol.ui.list ol {
	margin-left: 2rem;
}
.ui.ordered.list .list>.item:before, .ui.ordered.list>.item:before, ol.ui.list li:before {
	margin-left: -2rem;
}
.ui.inverted.list .list>a.item:hover, .ui.inverted.list>a.item:hover,
.ui.list .list > a.item:hover, .ui.list > a.item:hover {
	color: #00bdc9;
}
.ui.list > li { color:rgba(25,47,61,1); }
.ui.inverted.list > li { color:rgba(255,255,255,1); }
.ui.inverted.elss-list-1 > li { list-style-type:disc;  color:rgba(88,67,00,1); }
.ui.inverted.elss-list-2 > li { list-style-type:disc;  color:rgba(81,37,07,1); }
.ui.inverted.elss-list-3 > li { list-style-type:disc;  color:rgba(32,56,100,1); }
.ui.inverted.elss-list-4 > li { list-style-type:disc;  color:rgba(35,54,22,1); }
.ui.inverted.elss-list-5 > li { color:rgba(0,0,0,1); }
.ui.inverted.elss-list-6 > li { list-style-type:disc;  color:rgba(99,35,126,1); }
.ui.inverted.elss-list-7 > li { list-style-type:disc;  color:rgba(0,22,66,1); }
.ui.inverted.elss-list-8 > li { list-style-type:disc;  color:rgba(1,50,20,1); }
.ui.inverted.bulleted.list .list>a.item:before,
.ui.inverted.bulleted.list>a.item:before,
ul.ui.inverted.list li:before {
	color: white;
}
.ui.list .list>.item,
.ui.list>.item,
ol.ui.list li,
ul.ui.list li,
.ui.list .list > .item > .content,
.ui.list > .item > .content,
.ui.list > .item > i.icon {
	line-height: 1.8;
}
.ui.list > .item > .content > .ui.label {
	margin-right: .5rem;
}
footer .ui.list:first-child {
	padding-top: 0;
}
.top-chart .ui.list .list > .item,
.top-chart .ui.list > .item,
.top-chart ol.ui.list li,
.top-chart ul.ui.list li {
	line-height: 1.14285714em;
}
ul.dash.list > li:before {
	content: "\2212";
}
ul.huge.list { margin-left:1.7rem; }
ul.huge.list > li { font-size:1.7rem; }
ul.huge.list > li:before { margin-left:-1.7rem; }
ul.massive.list { margin-left:2rem; }
ul.massive.list > li { font-size:2rem; }
ul.massive.list > li:before { margin-left:-2rem; }

/*--------------
	 Table
---------------*/

.ui.inverted.table {
	background-color:rgba(39,14,50,1);
}
.ui.inverted.table th {
	background-color:rgba(56,33,66,1);
}
.ui.shadowed.table {
	box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important;
}
.ui.layout.table,
.ui.layout.table tr,
.ui.layout.table tr td {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	font-size: 1em !important;
	font-weight: normal !important;
	background-color: transparent !important;
	color: inherit !important;
}
.ui.table tr.thead {
	background: #f9fafb;
}
.ui.table tr.thead:first-child > td:only-child {
	border-radius: .28571429rem .28571429rem 0 0;
}
.ui.table tr.thead > td:first-child {
	border-left: none;
}
.ui.table tr.thead td {
	cursor: auto;
	text-align: inherit;
	color: rgba(0,0,0,.87);
	padding: .92857143em .78571429em;
	vertical-align: inherit;
	font-weight: 700;
	text-transform: none;
	border-left: none;
}
.ui.yetp.table {
	color: #192f3d;
	background-color: transparent;
	box-shadow: none !important;
	border-radius: 0;
	border-collapse: collapse;
	border-spacing: 0 1em;
}
/*.ui.yetp.table thead tr th {
	text-align: center;
}*/
.ui.yetp.table thead > tr > th.empty,
.ui.yetp.table tbody > tr > td.empty {
	box-shadow: none !important;
}
.ui.yetp.table thead > tr > th.empty + th {
	border-left: none !important;
}
.ui.yetp.table thead > tr > th > .sub {
	font-size: 1rem;
	line-height: 1.4;
	margin-top: .5rem;
}
.ui.yetp.table tfoot {
	display: none;
}
.ui.yetp.table,
.ui.yetp.table td,
.ui.yetp.table thead th {
	border: none;
}
.ui.yetp.table th {
	font-size: 1.2rem;
	font-weight: 700;
	padding: .2em .78571429em;
	line-height: 1.8rem;
}
.ui.yetp.table td {
	position: relative;
}
.ui.yetp.table thead th {
	background-color: transparent !important;
}
.ui.yetp.table tr td:first-child {
	position: relative;
	padding-left: 1em;
}
.ui.yetp.table tbody tr {
	background-color: white;
	border-bottom: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important;
}
@media only screen and (min-width: 768px) {
	/*.ui.yetp.table tbody > tr:not(.section-header) > td:nth-child(2),
	.ui.yetp.table tbody > tr:not(.section-header) > td:nth-child(3) {
		text-align: center;
	}*/
	.ui.yetp.table tbody > tr:not(.section-header) > td > .ui.icon.buttons {
		display: block;
		text-align: center;
	}
}
.ui.yetp.table tbody td div.table-header-text {
	padding-right: 1em;
	font-weight: 700;
}
.ui.yetp.table tbody td div.table-header-text,
.ui.yetp.table tbody td div.table-header-text + a:not(.button),
.ui.yetp.table tbody td div.table-header-text + .full-cell.button,
.ui.layout.table tbody td div.table-header-text + .full-cell.button,
.ui.yetp.table tbody td div.table-header-text + span {
	display: table-cell;
}
@media (max-width:449px) {
	.ui.yetp.table tbody td div.table-header-text {
		width: 7em;
	}
}
@media (min-width:450px) {
	.ui.yetp.table tbody td div.table-header-text {
		width: 9em;
	}
}
.ui.yetp.table thead tr:first-child > th:first-child,
.ui.yetp.table thead tr:first-child > th:last-child {
	border-radius: 0;
}
.ui.yetp.table tbody tr td:first-child {
	border-left: 6px solid rgba(99,35,126,1);
}
.ui.yetp.table td.res-table-header {
	background-color: rgba(0,0,0,.03);
	font-weight: 700;
	color: rgba(0,0,0,.95);
	border-left: 6px solid rgba(99,35,126,1) !important;
}
.ui.yetp.definition.table tbody tr td:first-child {
	border-left: 6px solid rgba(99,35,126,1) !important;
}
.ui.yetp.definition.table tbody tr td.dl-button {
	padding: 0 !important;
}
.ui.yetp.celled.definition.table thead:not(.full-width) th:first-child {
	box-shadow: none;
}
.ui.yetp.definition.table thead:not(.full-width) th:nth-child(2) {
	border-left: none;

}
.ui.yetp.table .ui.header > .image + .content,
.ui.yetp.table .ui.header > img + .content {
	font-size: 1.1em;
}
@media only screen and (max-width: 767px) {
	.ui.table:not(.unstackable) tr {
		padding-top: 0;
		padding-bottom: 0;
	}
	.ui.table:not(.unstackable) tr > th, .ui.table:not(.unstackable) tr > td {
		padding: .75em !important;
	}
}
/* Floating cell table, inherit from .ui.yetp,table */
.ui.yetp.float-celled.table {
	border-spacing: 2px;
}
.ui.yetp.float-celled.table thead th {
	background-color: rgba(99,35,126,1) !important;
	color: white;
	padding: 0.78571429em 0.78571429em;
	font-size: 1.3rem;
}
.ui.yetp.float-celled.table.deep-purple thead th { background-color: rgba(39,14,50,1) !important; }
.ui.yetp.float-celled.table.green thead th { background-color: rgba(89,143,52,1) !important; }
.ui.yetp.float-celled.table tbody tr {
	background-color: rgba(255,255,255,.95) !important;
}
.table-layout-control {
	text-align: right;
}
.table-layout-control .button:last-child {
	margin-right: 0;
}
.ui.yetp.table-div > div {
	margin:1em 0;
	border:none;
	background-color: rgba(255,255,255,.8);
	border-bottom: none;
	border-left: 6px solid rgba(99,35,126,1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
.ui.yetp.table-div {
	font-size:1.1em;
}
.ui.yetp.table-div > div > a {
	padding:1.5em;
}
.ui.yetp.table-div > div:hover,
.ui.yetp.table-div > div:focus {
	color:#fff;
	background-color:rgba(99,35,126,1);
}
.ui.yetp.table-div > div:hover i.icon {
	color:rgba(255,255,255,.9);
}
.ui.yetp.table-div > div:hover .content {
	color:rgba(255,255,255,.9);
}
.ui.yetp.table-div > div:hover .sub.header {
	color:rgba(255,255,255,.8);
}
.ui.yetp.table-div a.show-modal-dialog {
	display:block;
}
.ui.yetp.table-div a:hover,
.ui.yetp.table-div a:focus {
	text-decoration: none;
}
.ui.yetp.table tr td .ui.button {
	white-space: nowrap;
}
.ui.yetp.table td.full-cell-button {
	cursor: pointer;
	text-align: center;
	padding: 1.5rem !important;
}
.ui.yetp.table td.full-cell-button.pdf { background-color:rgba(195,58,41,1); }
.ui.yetp.table td.full-cell-button.pdf:hover { background-color:rgba(63,20,12,1); }
.ui.yetp.table td.full-cell-button.word { background-color:rgba(20,105,205,1); }
.ui.yetp.table td.full-cell-button.word:hover { background-color:rgba(25,47,61,.95); }
.ui.yetp.table td.full-cell-button > i.icon {
	color: rgba(255,255,255,.9);
}
.ui.full-cell.button {
	line-height: 3rem;
}
.ui.full-cell.button:hover,
.ui.full-cell.button:focus {
	box-shadow: none !important;
}
.ui.small.full-cell.button {
	line-height: 1.5rem;
}
.ui.full-cell.button > i.icon {
	font-size: 2rem;
}
.ui.small.full-cell.button > i.icon {
	font-size: 1.5rem;
}
.ui.yetp.table td .ui.full-cell.button,
.ui.layout.table td .ui.full-cell.button {
	border-radius: 0;
	margin: 0;
}
.ui.yetp.table td .ui.full-cell.button > i.icon,
.ui.layout.table td .ui.full-cell.button > i.icon {
	margin: 0;
	height: auto;
}
.ui.yetp.table td .ui[class*="attached"].label {
	border-radius: 0 !important;
}
.ui.yetp.download.table:not(.tb) tbody > tr > td:last-child,
.ui.yetp.download.table:not(.tb) tbody > tr > td:nth-last-child(2) {
	padding: 0;
	border: 0;
}
.ui.yetp.download.table tbody > tr > td:last-child,
.ui.yetp.download.table tbody > tr > td:nth-last-child(2) {
	border: 0;
}

@media only screen and (max-width: 767px) {
	.ui.yetp.table {
		border-collapse: collapse;
	}
	.ui.table:not(.unstackable) tr > td.image-cell {
		padding-bottom: 1em !important;
		width: 100%;
	}
	.ui.table:not(.unstackable) tr > td.image-cell > span {
		display: block !important;
		background-position: center;
		min-height: 150px;
	}
	.ui.yetp.table tbody {
		box-shadow: none;
	}
	.ui.yetp.table tbody tr {
		margin: 1rem 0;
	}
	.ui.yetp.table tbody tr td:first-child > .ui.yellow.label {
		top: .3em;
		right: 1em;
	}
	.ui.yetp.table tbody tr td:last-child > a.ui.button {
		width: 100%;
	}
	.ui.yetp.table td .ui.full-cell.button,
	.ui.layout.table td .ui.full-cell.button {
		width: auto !important;
	}
}
@media only screen and (min-width: 768px) {
	.ui.yetp.table {
		border-collapse: separate;
	}
	.ui.yetp.table.attached.segment {
		margin-top: -1.1rem;
	}
	.ui.table:not(.unstackable) tr > td.image-cell {
		padding: 0 !important;
		min-width: 120px;
		max-width: 150px;
	}
	.ui.table:not(.unstackable) tr > td.image-cell > span {
		display: block;
		background-position: center;
		min-height: 80px;
	}
	.ui.table:not(.unstackable) tr > td.image-cell > .ui.top.attached.label+[class*="right floated"] + *,
	.ui.table:not(.unstackable) tr > td.image-cell > .ui.top.attached.label:first-child+:not(.attached) {
		margin-top: 0 !important;
	}
	.ui.yetp.no-shadow.table tbody tr {
		box-shadow: none !important;
	}
	.ui.yetp.table tbody tr td:last-child > a.ui.button {
		width: auto;
	}
	.ui.yetp.table td .ui.full-cell.button,
	.ui.layout.table td .ui.full-cell.button {
		width: 100% !important;
	}
}

.ui.table:not(.unstackable) tr > td.image-cell > div.table-header-text {
	display: none;
}


/*--------------
	Message
---------------*/

.ui.top.attached.purple.message {
	background-color: rgba(99,35,126,1);
}
.ui.top.attached.navy.message {
	background-color: rgba(25,47,61,1);
}
.ui.top.attached.blue.message {
	background-color: rgba(20,105,205,1);
}
.ui.top.attached.sharp-blue.message {
	background-color: rgba(1,203,225,1) !important;
	box-shadow: none;
}
.ui.top.attached.pastel-blue.message {
	background-color: rgba(16,129,145,1);
}
.ui.overlay.message {
	box-shadow: none;
}
.ui.inverted.transparent.message {
	border: 2px solid white;
	color: white;
	background-color: transparent;
}
.ui.white.overlay.message {
	background-color: rgba(255,255,255,.12);
}
.ui.black.overlay.message {
	background-color: rgba(0,0,0,.2);
}
.ui.alert.message {
	background-image: url(../img/bg_scanline.png);
}
.ui.corner.message {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
}
.ui.inverted.corner.message {
	border-color: white;
}

.scrollspy .ui.message > .ui.dividing.header {
	margin-left: 0;
	margin-right: 0;
}
.scrollspy .ui.message > p {
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 1.5rem;
	opacity: 1;
}

/*--------------
	Dropdown
---------------*/
.ui.menu .dropdown.item .menu {
	background-color: rgba(25,47,61,1);
	color: #fff !important;
	border: none;
	border-radius: 0;
	box-shadow: 6px 6px 26px 0 rgba(0,0,0,.5);
}
.ui.dropdown .menu .menu {
	margin: 0 0 0 -0.25rem !important;
	border-radius: 0 !important;
}
.ui.menu .ui.dropdown .menu > a.item,
.ui.menu .ui.dropdown .menu > li.item > a {
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	font-size: 1em !important;
	padding: 1.1em 1.5em 1.1em 1.142857em !important;
}
.ui.menu .ui.dropdown .menu > li.item {
	padding: 0 !important;
}
.ui.form .field .ui.dropdown .menu > .item:hover {
	color: rgba(25,47,61,1) !important;
	background-color: rgba(26,209,31,.25) !important;
}
.ui.form .field .ui.dropdown .menu > .item.selected,
.ui.form .field .ui.dropdown .menu > .item.active {
	color: rgba(25,47,61,1) !important;
	background-color: rgba(26,209,31,.4) !important;
	box-shadow: 0 0 0 1px rgba(26,209,31,.9) inset;
}
.ui.form .inline.fields .field > .fluid.selection.dropdown, 
.ui.form .inline.field > .fluid.selection.dropdown {
	width: 100%;
}
.ui.form .selection.dropdown > i.clear-dropdown {
	position: absolute;
	right: 0;
	margin: -.2rem 2.5rem 0 0;
	cursor: pointer;
	z-index: 3;
	color: rgba(0,0,0,.6);
}
.ui.form .selection.dropdown > i.clear-dropdown:hover {
	color: rgba(195,58,41,1) !important;
}
.ui.form .ui.right.labeled.input > div.dropdown:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
}
.ui.form .ui.right.labeled.input > div.dropdown:first-child + input[type="text"] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.ui.form .checkbox-group-wrapper,
.ui.form .listbox-wrapper {
	height: 14rem;
	overflow-y: scroll;
	padding: 1rem;
	border: 2px solid rgba(34,36,38,.5);
	box-shadow: 0 0 6px inset rgba(34,36,38,.3);
	border-radius: 6px;
	background-color: rgba(34,36,38,.3);
}
.listbox-wrapper > .listbox-item {
	margin: 0 -1em;
	padding: .45rem 1rem;
	cursor: pointer;
}
.listbox-wrapper > .listbox-item[selected="selected"],
.listbox-wrapper > .listbox-item:focus {
	color: rgba(25,47,61,1) !important;
	background-color: rgba(163,237,165,1) !important;
}
.listbox-wrapper > .listbox-item[selected="selected"] {
	background-color: rgba(197,244,198,1) !important;
	background-color: rgba(125,244,129,.9) !important;
	font-weight: bold;
}

#appPreForm.ui.form .ui.dropdown .menu > .header {
    font-size: 1.05rem;
    color: rgba(0,0,0,.85);
}

/*--------------
	checkbox
---------------*/
.ui.label .inline.fields {
	margin-bottom: 0;
}
.ui.labeled.input > .label:not(.corner) {
	padding-top: .78571429em;
	padding-bottom: .78571429em;
}
.ui.checkbox input.hidden {
	z-index: inherit;
}
.ui.checkbox > label.small, .ui.checkbox > .ui.label.small {
	font-size: 1rem;
	line-height: 1.4;
}


/* States */

.ui.checkbox .box:before, 
.ui.checkbox label:before {
	border: 2px solid rgba(0,0,0,.55);
	box-shadow: 0 0 0 3px rgba(0,0,0,.2);
}

/* Hover */

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
	background: #FFFFFF;
	border: 1px solid rgba(26,209,31,.6);
}

/* Down */

.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
	background: #F9FAFB;
	border: 1px solid rgba(26,209,31,.95);
}

.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
	color: rgba(0,0,0,.95);
}

.ui.checkbox input:active ~ label {
	color: rgba(0,0,0,.95);
}

/* Focus */

.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
	background: #FFFFFF;
	border: 1px solid rgba(26,209,31,.95);
}

.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
  color: rgba(26,209,31,.95);
}

.ui.checkbox input:focus ~ label {
  color: rgba(0,0,0,.95);
}

/* Active */

.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #FFFFFF;
  border: 1px solid rgba(26,209,31,.95);
  box-shadow: 0 0 0 3px rgba(26,209,31,.3);
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: rgba(0,0,0,.95);
}

/* Indeterminate */

.ui.checkbox input:indeterminate ~ .box:before,
.ui.checkbox input:indeterminate ~ label:before {
  background: #FFFFFF;
  border-color: rgba(0,0,0,.55);
}

.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  opacity: 1;
  color: rgba(0,0,0,.95);
}

/* Active Focus */

.ui.checkbox input:indeterminate:focus ~ .box:before,
.ui.checkbox input:indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before {
  background: #FFFFFF;
  border-color: rgba(26,209,31,.95);
}

.ui.checkbox input:indeterminate:focus ~ .box:after,
.ui.checkbox input:indeterminate:focus ~ label:after,
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after {
  color: rgba(0,0,0,.95);
}

.ui.checkbox label {
	font-size: 1.3rem;
	line-height: 1.2;
}
.ui.form .ui.radio.checkbox .box, .ui.form .ui.radio.checkbox label {
	padding-left: 1.5em;
}
.ui.form:not(.unstackable) .inline.fields:not(.unstackable) > .field:last-child {
	margin-bottom: 0;
}
.ui.form .grouped.field.rb > .inline.fields {
	margin: 0;
	padding: .65rem 0;
}
.ui.form .grouped.field.rb .inline.fields > .field {
	padding: 0 2em 0 0;
}
.ui.checkbox .box:before, .ui.checkbox label:before, .ui.checkbox .box:before, .ui.checkbox label:after {
	margin-top: .075rem;
}

/*--------------------
	Custom Dropdown
---------------------*/

.ui.form select.simple-select,
.simple-select {
	border: none;
	padding: .5rem 1.75rem .5rem .5rem;
	min-height: 2.143em;
	border-radius: 0;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
	background-color: white;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
}

/*--------------------
	Custom Dropdown
---------------------*/

.custom-dropdown-btn {
	background: white;
	border: none;
	padding: .5rem;
	min-height: 2.143em;
	width: 100%;
	text-align: left;
	cursor: pointer;
}
.custom-dropdown-btn > i.icon {
	float: right;
	margin-right: .25rem !important;
}
.ui.form .ui.labeled.input .custom-dropdown-btn { border:2px solid white; }
.custom-dropdown-listbox {
	position: absolute;
	z-index: 9;
	display: block;
	width: 100%;
	max-height: 14rem;
	height: 14rem;
	margin-top: .2rem;
	overflow-y: scroll;
	padding: 1rem;
	box-shadow: 6px 6px 26px rgba(34,36,38,.7);
	background-color: rgba(255,255,255,1);
	-moz-transition: max-height .15s ease-out !important;
	-o-transition: max-height .15s ease-out !important;
	-webkit-transition: max-height .15s ease-out !important;
	transition: max-height .15s ease-out !important;
}
.custom-dropdown-listbox.hidden {
	max-height: 0;
}
.ui.form .ui.labeled.input .custom-dropdown-listbox { margin-top:2.6rem; }
.custom-dropdown-listbox .ui.checkbox > label {
	color: rgba(0,0,0,.87) !important;
}
.custom-dropdown-listbox .listbox-item {
	margin: 0 -1em;
	padding: .45rem 1rem;
	cursor: pointer;
	color: rgba(0,0,0,.87);
	margin-bottom: 1px;
	-moz-transition: padding .3s ease-out;
	-o-transition: padding .3s ease-out;
	-webkit-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}
.custom-dropdown-listbox .listbox-item.activedescendant,
.custom-dropdown-listbox .listbox-item:hover {
	color: rgba(25,47,61,1) !important;
	background-color: rgba(197,244,198,1) !important;
	text-decoration: underline;
	padding-left: 1.5rem;
	-moz-transition: padding .3s ease-out;
	-o-transition: padding .3s ease-out;
	-webkit-transition: padding .3s ease-out;
	transition: padding .3s ease-out;
}
.custom-dropdown-listbox .listbox-item[selected="selected"] {
	background-color: rgba(197,244,198,1) !important;
	background-color: rgba(26,209,31,.4) !important;
	font-weight: bold;
	padding-left: 1.5rem;
}
.disabled .custom-dropdown-btn {
	pointer-events: none;
}


/*------------
	Toggle
-------------*/

.ui.toggle.checkbox input:checked ~ .box:before, 
.ui.toggle.checkbox input:checked ~ label:before {
	background-color: #752696 !important;
	border: 1px solid rgba(118,62,142,1);
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
	background-color: rgba(26,209,31,.95) !important;
}
.ui.toggle.checkbox .box:before, 
.ui.toggle.checkbox label:before {
	background-color: rgba(39,14,50,.9);
}
.ui.toggle.checkbox .box:hover::before, 
.ui.toggle.checkbox label:hover::before {
	background-color: rgba(39,14,50,1);
}

/*-------------
	Fieldset
--------------*/

.ui.form fieldset {
	border: none;
	padding: 0;
}

/*-----------
	Label
------------*/

.ui.inverted.form .grouped.fields > label {
	color: white;
}
.ui.form .inline.fields > label, .ui.form .inline.fields .field > label {
	white-space: nowrap;
}
.empty-form-label:after {
	content:"" !important;
}
.ui.pointing.label:before {
	z-index: initial;
}
.ui.inverted.circular.label {
	background-color: transparent;
	box-shadow: 0 0 0 3px rgba(255,255,255,.8) inset !important;
}
.ui.inverted.form .field.error label {
	color: white;
}

/*------------- 
	Button
--------------*/

.ui.button {
	font-weight: 700;
}
.ui.basic.button {
	box-shadow: 0 0 0 2px rgba(34,36,38,.15) inset;
}
.ui.basic.button:hover {
	box-shadow: 0 0 0 2px rgba(34,36,38,.15) inset;
}
.ui.secondary.basic.button {
	box-shadow: 0 0 0 2px rgba(0,0,0,.75) inset !important;
}
.ui.secondary.basic.button:hover,
.ui.secondary.basic.button:focus {
	color: rgba(255,255,255,.8) !important;
	background-color: rgba(0,0,0,.8) !important;
}
.ui.attached.bottom.button,
.ui.attached.top.button {
	border-radius: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important;
}
.ui.segment.button {
	border-radius: 0;
	padding: 0;
}
.ui.segment.animated.button > .visible.content {
	margin-right: 0;
}
.ui.segment.animated.button > .visible.content > .ui.message {
	border-radius: 0;
	text-align: left;
	box-shadow: none;
}
.ui.segment.animated.button .ui.message .content p {
	font-weight: 400;
}
.ui.right.labeled.fluid.icon.button {
	padding-right: 4.07142857em !important;
	padding-left: 1.5em !important;
}
.ui.icon.button > .icon {
	opacity: 1;
}
.ui.labeled.icon.button > .icon,
.ui.labeled.icon.buttons > .button > .icon {
	background-color: rgba(0,0,0,.15);
}
.ui.inverted.buttons > .ui.button {
	box-shadow: 0 0 0 2px rgba(118,62,142,1) inset !important;
}
.ui.inverted.buttons > .ui.button:hover,
.ui.inverted.buttons > .ui.button:focus {
	box-shadow: 0 0 0 2px rgba(26,209,31,.95) inset !important;
}
.ui.shadowed.button,
.ui.shadowed.button:hover,
.ui.inverted.shadowed.button,
.ui.inverted.shadowed.button:hover {
	box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important;
}
.ui.outline.button {
	background-color: transparent !important;
	color: rgba(39,14,50,1);
	box-shadow: 0 0 0 2px rgba(39,14,50,1) inset;
}
.ui.outline.button:hover,
.ui.outline.button:focus {
	background-color: rgba(39,14,50,1) !important;
	color: white;
}
.ui.outline.button:hover {
	box-shadow: 0 0 0 2px rgba(39,14,50,1) inset;
}
.ui.view-control.buttons > .ui.button {
	border: 2px solid rgba(99,35,126,1);
}
.ui.view-control.buttons > .ui.button:first-child {
	border-right: none;
}
.ui.view-control.buttons > .ui.button:last-child {
	border-left: none;
}
.ui.view-control.buttons .ui.icon.button {
	padding: .8em;
}
.ui.view-control.buttons > .ui.button > i.icon {
	margin-right: .25rem !important;
}
.sidebar-close {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 260px;
	z-index: 99999;
	-moz-transition: all .5s ease,-webkit-transform .5s ease;
	-o-transition: all .5s ease,-webkit-transform .5s ease;
	-webkit-transition: all .5s ease,-webkit-transform .5s ease;
	transition: all .5s ease,-webkit-transform .5s ease;
}
.sidebar-close.inactive {
	top: -5rem;
}
.sidebar-close.active {
	top: 0;
}
.yetp-modal-close, .close-modal {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.scrollSpy-close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.sidebar-close > i.icon.close,
.yetp-modal-close > i.icon.close,
.close-modal > i.icon.close,
.scrollSpy-close > i.icon.close {
	font-size: 2rem;
	margin-right:0;
	color: rgba(255,255,255,.8);
}
.sidebar-close > i.icon.close,
.scrollSpy-close > i.icon.close {
	width: 2em;
	height: 2.35em;
	line-height: 2.35em;
}
.sidebar-close:hover > i.icon.close {
	color: rgba(26,209,31,.95);
}
.yetp-modal-close > i.icon.close {
	width: 1.7em;
	height: 1.7em;
	line-height: 1.7em;
	background: rgba(99,35,126,1);
}
.sidebar-close > i.icon.close { background: rgba(25,47,61,1); }
.yetp-modal-close:hover > i.icon.close {
	color: rgba(26,209,31,.95);
	background: rgba(255,255,255,1);
}
.scrollSpy-close > i.icon.close {
	color: rgba(0,0,0,.35);
	background: rgba(99,35,126,1);
}
.scrollSpy-close:hover > i.icon.close {
	color: rgba(255,255,255,.5);
	background: rgba(99,35,126,1);
}

.ui.launch.fixed.button {
	position: fixed;
	top: 6rem;
	left: -11rem;
	max-width: 3.5rem;
	padding: .6em 1em;
	white-space: nowrap;
	overflow: hidden;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	-webkit-transition: 0.5s all ease, 0.5s transform ease;
	-moz-transition: 0.5s all ease, 0.5s transform ease;
	-o-transition: 0.5s all ease, 0.5s transform ease;
	transition: 0.5s all ease, 0.5s transform ease;
}
.ui.launch.fixed.button.active { left:0; }
.ui.launch.button .text {
	position: absolute;
	white-space: nowrap;
	top: auto;
	-webkit-transition: .3s opacity .3s;
	-moz-transition: .3s opacity .3s;
	-o-transition: .3s opacity .3s;
	transition: .3s opacity .3s;
}
.ui.launch.button div.text {
	position: relative;
	display: inline;
	white-space: nowrap;
	-webkit-transition: .3s opacity .3s;
	-moz-transition: .3s opacity .3s;
	-o-transition: .3s opacity .3s;
	transition: .3s opacity .3s;
}

@media only screen and (max-width: 767px) {
	.ui.launch.fixed.button { max-width:30rem; }
}
@media only screen and (min-width: 768px) {
	.ui.launch.fixed.button:hover { max-width:30rem; }
	.ui.launch.button .text { opacity:0; }
	.ui.launch.button:hover .text { opacity:1; }
}

/***** Global Close button *****/
.ui.icon.close.button {
	position:absolute;
	top:0;
	right:0;
	background-color:transparent;
	border-radius:0;
	padding:0;
	margin-right:0;
}
.ui.icon.close.button > i.icon {
	width:1.7em;
	height:1.7em;
	line-height:1.7em;
}
.ui.icon.close.button:hover > i.icon {
	color: rgba(26,209,31,.95);
	background-color: white;
}

.ui.icon.plain.close.button {
	position: absolute;
	z-index: 11;
	top: 1em;
	right: 1em;
	padding: 1.5em 0;
	background-color: transparent;
}
.ui.icon.plain.button {
	padding:0;
	margin:0;
	box-shadow: none !important;
}
.ui.icon.plain.close.button:active,
.ui.icon.plain.close.button:hover,
.ui.icon.plain.close.button:focus,
.ui.icon.plain.close.button.active {
	background: none;
	color: rgba(26,209,31,.95);
}
.ui.icon.plain.button > i {
	line-height: 0;
	font-size: 5em;
}
.ui.icon.plain.button > i:before {
	position: relative;
	top: .4em;
}
.cross-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.cross-inner, .cross-inner::before, .cross-inner::after {
	width: 3.5em;
	height: 1px;
	border-radius: 4px;
	position: relative;
}
.cross-inner::before, .cross-inner::after {
	content: "";
	display: block;
	background-color: #fff;
}
.cross-inner::after {
	right: -80px;
	top: -80px;
	bottom: -10px;
	-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	-moz-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	-ms-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	-o-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	-moz-transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.cross-inner::before {
	left: -80px;
	top: -80px;
	-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
	-moz-transform: translate3d(80px, 80px, 0) rotate(45deg);
	-ms-transform: translate3d(80px, 80px, 0) rotate(45deg);
	-o-transform: translate3d(80px, 80px, 0) rotate(45deg);
	transform: translate3d(80px, 80px, 0) rotate(45deg);
	-moz-transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	-o-transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	-webkit-transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}


/*------------------ 
	Red overwrite
-------------------*/

.red a, .red a:active, .red a:visited {
	color: rgba(255,246,173,1);
	border-bottom: 2px solid transparent;
}
.red a:hover {
	color: rgba(255,214,72,1);
	background-color: rgba(83,44,23,1);
	border-bottom: 2px solid rgba(255,214,72,1);
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.ui.red.buttons .button,
.ui.red.button {
	background-color: rgba(195,58,41,1);
}
.ui.red.buttons .button:hover,
.ui.red.button:hover,
.ui.red.buttons .button:focus,
.ui.red.button:focus {
	background-color: rgba(63,20,12,1);
	/*box-shadow: 0 0 0 2px rgba(195,58,41,1) inset !important;*/
}
.ui.red.full-cell.button:hover,
.ui.red.full-cell.button:focus {
	box-shadow: none !important;
}
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:hover {
	background-color: rgba(57,34,28,1);
}
.ui.basic.red.buttons .button,
.ui.basic.red.button {
	box-shadow: 0 0 0 1px rgba(195,58,41,1) inset !important;
	color: rgba(195,58,41,1) !important;
}
.ui.negative.buttons .button,
.ui.negative.button {
	background-color: transparent !important;
	box-shadow: 0 0 0 2px rgba(0,0,0,.6) inset !important;
	color: rgba(0,0,0,.75);
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
	background-color: black !important;
	color: rgba(255,255,255,.9);
}
.ui.red.header {
	color: rgba(195,58,41,1) !important;
}
.ui.red.dividing.header {
	border-bottom: 2px solid rgba(195,58,41,1);
}
i.red.icon {
	color: rgba(195,58,41,1) !important;
}
i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
	background-color: rgba(195,58,41,1) !important;
}
.ui.red.labels .label,
.ui.red.label {
	background-color: rgba(195,58,41,1) !important;
	border-color: rgba(195,58,41,1) !important;
}
.ui.basic.red.label {
	color: rgba(195,58,41,1) !important;
	border-color: rgba(195,58,41,1) !important;
}
.ui.red.segment:not(.inverted) {
	border-top: 2px solid rgba(195,58,41,1);
}
.ui.inverted.red.segment {
	background-color: rgba(195,58,41,1) !important;
}
.ui.inverted.red.segment.button {
	background-color: rgba(57,34,28,1) !important;
}
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
	color: rgba(195,58,41,1);
}
.ui.form .ui.red.pointing.label.prompt {
	color: white !important;
	background-color: rgba(198,72,64,1) !important;
	border: 1px solid rgba(198,72,64,1) !important;
	margin-left: 0;
	box-shadow: rgba(0,0,0,.5) 5px 5px 20px 0;
}
.ui.grid > .red.row,
.ui.grid > .red.column,
.ui.grid > .row > .red.column {
	background-color: rgba(195,58,41,1) !important;
}
.ui.menu .red.active.item,
.ui.red.menu .active.item {
	border-color: rgba(195,58,41,1) !important;
	color: rgba(195,58,41,1) !important;
}
.ui.inverted.menu .red.active.item,
.ui.inverted.red.menu {
	background-color: rgba(195,58,41,1);
}
.ui.red.message {
	color: rgba(195,58,41,1);
}
.ui.inverted.red.message {
	color: #fff;
	background-color: rgba(195,58,41,1);
}
.ui.inverted.red.message .header {
	color: #fff;
}
.ui.red.table {
	border-top: .2em solid rgba(195,58,41,1);
}
.ui.inverted.red.table {
	background-color: rgba(195,58,41,1) !important;
}
.ui.red.cards > .card,
.ui.cards > .red.card,
.ui.red.card {
	box-shadow: 0 0 0 1px rgba(195,58,41,1), 0 2px 0 0 rgba(195,58,41,1), 0 1px 3px 0 rgba(195,58,41,1);
}
.ui.red.statistics .statistic > .value,
.ui.statistics .red.statistic > .value,
.ui.red.statistic > .value {
	color: rgba(195,58,41,1);
}
.ui.progress.error .bar {
	background-color: rgba(195,58,41,1) !important;
}
.ui.inverted.progress.error > .label {
	color: rgba(195,58,41,1);
}
.ui.red.progress .bar {
	background-color: rgba(195,58,41,1);
}

/*-----------------------
	Green overwrite
-----------------------*/

.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
	background-color: rgba(26,209,31,.95) !important;
}
.ui.green.buttons .button,
.ui.green.button {
	background-color: rgba(26,209,31,.95);    /* original: #21BA45 */
	color: rgba(25,47,61,1);
}
.ui.deep-green.buttons .button,
.ui.deep-green.button {
    background-color: rgb(29,111,66); /* original: #33c481 */
    color: rgba(255,255,255,1);
}
.ui.green.buttons .button:hover,
.ui.green.button:hover,
.ui.green.buttons .button:focus,
.ui.green.button:focus {
	background-color: rgba(12,35,18,.95);
	box-shadow: 0 0 0 2px rgba(26,209,31,.95) inset !important;
	color: rgba(26,209,31,1);
}
.ui.deep-green.buttons .button:hover,
.ui.deep-green.button:hover,
.ui.deep-green.buttons .button:focus,
.ui.deep-green.button:focus {
    background-color: rgba(12,35,18,.95);
    box-shadow: 0 0 0 2px rgba(12,35,18,.95) inset !important;
}
.ui.green.full-cell.button:hover,
.ui.green.full-cell.button:focus {
	box-shadow: none !important;
}
.ui.basic.green.buttons .button,
.ui.basic.green.button {
	box-shadow: 0 0 0 1px rgba(26,209,31,.95) inset !important;
	color: rgba(26,209,31,.95) !important;
}
.ui.positive.buttons .button,
.ui.positive.button {
	background-color: rgba(26,209,31,.95);
}
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
	box-shadow: 0 0 0 1px rgba(26,209,31,.95) inset !important;
	color: rgba(26,209,31,.95) !important;
}
.ui.green.header {
	color: rgba(26,209,31,.95) !important;
}
.ui.green.dividing.header {
	border-bottom: 2px solid rgba(26,209,31,.95);
}
i.green.icon {
	color: rgba(26,209,31,.95) !important;
}
i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
	background-color: rgba(26,209,31,.95) !important;
}
.ui.green.labels .label,
.ui.green.label {
	background-color: rgba(26,209,31,.95) !important;
	border-color: rgba(26,209,31,.95) !important;
}
.ui.basic.green.label {
	color: rgba(26,209,31,.95) !important;
	border-color: rgba(26,209,31,.95) !important;
}
.ui.green.segment:not(.inverted) {
	border-top: 2px solid rgba(26,209,31,.95);
}
.ui.inverted.green.segment {
	background-color: rgba(26,209,31,.95) !important;
}
.ui.steps .step.completed > .icon:before,
.ui.ordered.steps .step.completed:before {
  color: rgba(26,209,31,.95);
}
.ui.grid > .green.row,
.ui.grid > .green.column,
.ui.grid > .row > .green.column {
  background-color: rgba(26,209,31,.95) !important;
}
.ui.menu .green.active.item,
.ui.green.menu .active.item {
  border-color: rgba(26,209,31,.95) !important;
  color: rgba(26,209,31,.95) !important;
}
.ui.inverted.menu .green.active.item,
.ui.inverted.green.menu {
  background-color: rgba(26,209,31,.95);
}
.ui.green.table {
  border-top: .2em solid rgba(26,209,31,.95);
}
.ui.inverted.green.table {
  background-color: rgba(26,209,31,.95) !important;
}
.ui.green.cards > .card,
.ui.cards > .green.card,
.ui.green.card {
  box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 rgba(26,209,31,.95), 0 1px 3px 0 #D4D4D5;
}
.ui.green.statistics .statistic > .value,
.ui.statistics .green.statistic > .value,
.ui.green.statistic > .value {
	color: rgba(26,209,31,.95);
}
.ui.green.progress.success .bar {
	background-color: rgba(26,209,31,.95) !important;
}
.ui.inverted.progress.success > .label {
  color: rgba(26,209,31,.95);
}
.ui.green.progress .bar {
  background-color: rgba(26,209,31,.95);
}
.ui.search > .results .result .price {
  color: rgba(26,209,31,.95);
}

#loginLabel.ui.basic.green.label {
	background-color: rgba(12,35,18,1) !important;
}

/*--------------------
	Yellow overwrite
---------------------*/

.ui.yellow.buttons .button,
.ui.yellow.button {
	color: rgba(83,44,23,1);
	background-color: rgba(245,213,0,1);
}
.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover,
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
	color: rgba(245,213,0,1);
	background-color: rgba(83,44,23,1);
}
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
	box-shadow: 0 0 0 2px rgba(245,213,0,1) inset;
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus {
	color: rgba(245,213,0,1);
	background-color: rgba(83,44,23,1);
	box-shadow: 0 0 0 2px rgba(245,213,0,1) inset !important;
}
.ui.yellow.header {
	color: #FBBD08 !important;
}
a.ui.yellow.header:hover {
	color: rgba(255,246,173,1) !important;
}
.ui.yellow.dividing.header {
	border-bottom: 2px solid #FBBD08;
}
i.yellow.icon {
	color: #FBBD08 !important;
}
i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
	background-color: #FBBD08 !important;
}
.ui.yellow.labels .label,
.ui.yellow.label {
	color: rgba(83,44,23,1) !important;
	background-color: #FBBD08 !important;
	border-color: #FBBD08 !important;
}
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
	background-color: rgba(255,246,173,1) !important;
	border-color: rgba(255,246,173,1) !important;
}
.ui.yellow.ribbon.label {
	border-color: rgba(102,80,15,1) !important;
}
.ui.basic.yellow.label {
	color: #FBBD08 !important;
	border-color: #FBBD08 !important;
}
.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
	color: rgba(255,246,173,1) !important;
	border-color: #FBBD08 !important;
	background-color: rgba(83,44,23,1) !important;
}
.ui.yellow.segment:not(.inverted) {
	border-top: 2px solid #FBBD08;
}
.ui.inverted.yellow.segment {
	color: rgba(83,44,23,1) !important;
	background-color: #FBBD08 !important;
}
.ui.grid > .yellow.row,
.ui.grid > .yellow.column,
.ui.grid > .row > .yellow.column {
	background-color: #FBBD08 !important;
}
.ui.menu .yellow.active.item,
.ui.yellow.menu .active.item {
	border-color: #FBBD08 !important;
	color: #FBBD08 !important;
}
.ui.inverted.menu .yellow.active.item,
.ui.inverted.yellow.menu {
	background-color: #FBBD08;
}
.ui.yellow.message {
	color: #FBBD08;
	box-shadow: 0 0 0 1px #FBBD08 inset, 0 0 0 0 rgba(0,0,0,0);
}
.ui.yellow.table {
	border-top: 0.2em solid #FBBD08;
}
.ui.inverted.yellow.table {
	background-color: #FBBD08 !important;
}
.ui.yellow.statistics .statistic > .value,
.ui.statistics .yellow.statistic > .value,
.ui.yellow.statistic > .value {
	color: #FBBD08;
}
.ui.yellow.progress .bar {
	background-color: #FBBD08;
}
.ui.yellow.progress.success .bar {
	background-color: #FBBD08 !important;
}


/*--------------------
	Blue overwrite
---------------------*/

.ui.blue.buttons .button,
.ui.blue.button {
	background-color: rgba(20,105,205,1);
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover,
.ui.blue.buttons .button:focus,
.ui.blue.button:focus,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.button:focus {
	/*box-shadow: 0 0 0 2px #00bdc9 inset !important;*/
	background-color: rgba(28,46,102,1);
}
.ui.blue.full-cell.button:hover,
.ui.blue.full-cell.button:focus {
	box-shadow: none !important;
}
.ui.blue.header {
	color: rgba(20,105,205,1) !important;
}
.inverted .ui.blue.header, .ui.blue.header.inverted {
	color: rgba(15,188,240,1) !important;
}
a.ui.blue.header:hover {
	color: #00bdc9 !important;
}
.ui.blue.dividing.header {
	border-bottom: 2px solid rgba(20,105,205,1);
}
i.blue.icon {
	color: rgba(20,105,205,1) !important;
}
.inverted i.blue.icon, i.icon.blue.inverted {
	color: rgba(15,188,240,1) !important;
}
i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
	background-color: rgba(20,105,205,1) !important;
}
.ui.blue.labels .label,
.ui.blue.label {
	background-color: rgba(20,105,205,1) !important;
	border-color: rgba(20,105,205,1) !important;
}
.ui.blue.labels.inverted .label, .ui.blue.label.inverted {
	background-color: rgba(15,188,240,1) !important;
}
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
	background-color: #00bdc9 !important;
	border-color: #00bdc9 !important;
}
.ui.blue.ribbon.label {
	border-color: rgba(28,46,102,1) !important;
}
.ui.basic.blue.label {
	color: rgba(20,105,205,1) !important;
	border-color: rgba(20,105,205,1) !important;
}
.ui.blue.corner.labels .ui.label,
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
	background-color: transparent !important;
	border: 2px solid rgba(20,105,205,1) !important;
	color: rgba(20,105,205,1) !important;
}
.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
	color: #00bdc9 !important;
	border-color: #00bdc9 !important;
}
.ui.blue.segment:not(.inverted) {
	border-top: 2px solid rgba(20,105,205,1);
}
.ui.inverted.blue.segment {
	background-color: rgba(20,105,205,1) !important;
}
.ui.grid > .blue.row,
.ui.grid > .blue.column,
.ui.grid > .row > .blue.column {
	background-color: rgba(20,105,205,1) !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
	border-color: rgba(20,105,205,1) !important;
	color: rgba(20,105,205,1) !important;
}
.ui.inverted.menu .blue.active.item,
.ui.inverted.blue.menu {
	background-color: rgba(20,105,205,1);
}
.ui.blue.message {
	color: rgba(20,105,205,1);
	box-shadow: 0 0 0 1px rgba(20,105,205,1) inset, 0 0 0 0 rgba(0,0,0,0);
}
.ui.blue.table {
	border-top: 0.2em solid rgba(20,105,205,1);
}
.ui.inverted.blue.table {
	background-color: rgba(20,105,205,1) !important;
}
.ui.blue.statistics .statistic > .value,
.ui.statistics .blue.statistic > .value,
.ui.blue.statistic > .value {
	color: rgba(20,105,205,1);
}
.ui.blue.progress .bar {
	background-color: rgba(25,47,61,1);
}
.ui.blue.progress.success .bar {
	background-color: rgba(0,189,201,1) !important;
}

/*--------------------------
	Sharp Blue overwrite
---------------------------*/

.ui.sharp-blue.labels .label, .ui.sharp-blue.label {
	color: rgba(255,255,255,1);
	background-color: rgba(1,203,225,1) !important;
	border-color: rgba(1,203,225,1) !important;
}

/*---------------------
	Purple overwrite
----------------------*/

.ui.purple.buttons .button,
.ui.purple.button,
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
	background-color: rgba(99,35,126,1);
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
	background-color: rgba(12,35,18,.95);
	color: rgba(26,209,31,1);
	box-shadow: 0 0 0 2px rgba(26,209,31,1) inset !important;
}
.ui.purple.buttons .button.attached:hover,
.ui.purple.button.attached:hover {
	background-color: rgba(26,209,31,1);
	color: white;
}
.ui.purple.icon.button {
	background-color: rgba(99,35,126,1);
	border: 2px solid rgba(99,35,126,1);
}
.ui.purple.icon.button:hover,
.ui.purple.icon.button:focus {
	background-color: rgba(118,62,142,1);
	color: white;
	border: 2px solid rgba(99,35,126,1);
	box-shadow: none !important;
}
.ui.purple.icon.button.active {
	background-color: rgba(39,14,50,1);
	color: rgba(255,255,255,.7)
}
.ui.purple.header {
	color: rgba(99,35,126,1) !important;
}
a.ui.purple.header:hover {
	color: #00bdc9 !important;
}
.ui.purple.dividing.header {
	border-bottom: 2px solid rgba(99,35,126,1);
}
i.purple.icon {
	color: rgba(99,35,126,1) !important;
}
i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
	background-color: rgba(99,35,126,1) !important;
}
.ui.purple.labels .label,
.ui.purple.label {
	background-color: rgba(99,35,126,1) !important;
	border-color: rgba(99,35,126,1) !important;
}

.ui.green.labels .label,
.ui.green.label {
	background-color: rgba(39,60,24,1) !important;
	border-color: rgba(39,60,24,1) !important;
}


.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
	background-color: #00bdc9 !important;
	border-color: #00bdc9 !important;
}
.ui.purple.corner.labels .ui.label,
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
	background-color: transparent !important;
	color: rgba(99,35,126,1) !important;
}
.ui.purple.ribbon.label {
	border-color: rgba(69,24,88,1) !important;
}
.ui.basic.purple.label {
	color: rgba(99,35,126,1) !important;
	border-color: rgba(99,35,126,1) !important;
}
.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
	color: #00bdc9 !important;
	border-color: #00bdc9 !important;
}
.ui.purple.segment:not(.inverted) {
	border-top: 2px solid rgba(99,35,126,1);
}
.ui.inverted.purple.segment {
	background-color: rgba(99,35,126,1) !important;
}
.ui.grid > .purple.row,
.ui.grid > .purple.column,
.ui.grid > .row > .purple.column {
	background-color: rgba(99,35,126,1) !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
	border-color: rgba(99,35,126,1) !important;
	color: rgba(99,35,126,1) !important;
}
.ui.inverted.menu .purple.active.item,
.ui.inverted.purple.menu {
	background-color: rgba(99,35,126,1);
}
.ui.purple.message {
	color: rgba(99,35,126,1);
	box-shadow: 0 0 0 1px rgba(99,35,126,1) inset, 0 0 0 0 rgba(0,0,0,0);
}
.ui.inverted.purple.message {
	background-color: rgba(99,35,126,1);
	color: white;
	box-shadow: 0 0 0 1px rgba(118,62,142,1) inset, 0 0 0 0 rgba(0,0,0,0);
}
.ui.inverted.purple.message .content > .header {
	color: white;
}
.ui.purple.table {
	border-top: 0.2em solid rgba(99,35,126,1);
}
.ui.inverted.purple.table {
	background-color: rgba(99,35,126,1) !important;
}
.ui.purple.statistics .statistic > .value,
.ui.statistics .purple.statistic > .value,
.ui.purple.statistic > .value {
	color: rgba(99,35,126,1);
}
.ui.purple.progress .bar {
	background-color: rgba(99,35,126,1);
}

/*--------------------------
	Deep purple overwrite
---------------------------*/

/*--------------------
	Navy overwrite
---------------------*/

.ui.navy.buttons .button,
.ui.navy.button {
	background-color: rgba(25,47,61,.9);
	color: rgba(255,255,255,1);
}
.ui.navy.buttons .button:hover,
.ui.navy.button:hover,
.ui.navy.buttons .button:focus,
.ui.navy.button:focus {
	background-color: rgba(25,47,61,1);
	color: rgba(255,255,255,1);
}
.ui.navy.buttons .button:not(.attached):hover,
.ui.navy.button:not(.attached):hover,
.ui.navy.buttons .button:not(.attached):focus,
.ui.navy.button:not(.attached):focus {
	box-shadow: 0 0 0 2px rgba(73,90,106,1) inset !important;
}
.ui.navy.labels .label,
.ui.navy.label {
	color: rgba(255,255,255,1);
	background-color: rgba(25,47,61,1) !important;
	border-color: rgba(25,47,61,1) !important;
}
.ui.navy.labels .label:hover,
a.ui.navy.label:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(25,47,61,1) !important;
	border-color: rgba(25,47,61,1) !important;
}
.ui.navy.ribbon.label {
	border-color: rgba(25,47,61,1) !important;
}
.ui.basic.navy.label {
	color: rgba(25,47,61,1) !important;
	border-color: rgba(25,47,61,1) !important;
	background-color: rgba(255,255,255,.5) !important;
}
.ui.basic.navy.labels a.label:hover,
a.ui.basic.navy.label:hover {
	color: rgba(255,255,255,1) !important;
	border-color: rgba(25,47,61,1) !important;
}
.ui.navy.corner.labels .ui.label,
.ui.navy.corner.label {
	background-color: transparent !important;
	border: 2px solid rgba(25,47,61,1) !important;
	color: rgba(25,47,61,1) !important;
}
i.navy.icon {
	color: rgba(25,47,61,1) !important;
}

/*--------------------
	Brown overwrite
---------------------*/

.ui.brown.buttons .button,
.ui.brown.button {
	background-color: rgba(83,44,23,1);
	color: rgba(255,255,255,1);
}
.ui.brown.buttons .button:hover,
.ui.brown.button:hover,
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
	background-color: rgba(83,44,23,1);
	color: rgba(255,255,255,1);
}
.ui.brown.buttons .button:not(.attached):hover,
.ui.brown.button:not(.attached):hover,
.ui.brown.buttons .button:not(.attached):focus,
.ui.brown.button:not(.attached):focus {
	box-shadow: 0 0 0 2px rgba(83,44,23,1) inset !important;
}
.ui.brown.labels .label,
.ui.brown.label {
	color: rgba(255,255,255,1);
	background-color: rgba(83,44,23,1) !important;
	border-color: rgba(83,44,23,1) !important;
}
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(83,44,23,1) !important;
	border-color: rgba(83,44,23,1) !important;
}
.ui.brown.ribbon.label {
	border-color: rgba(83,44,23,1) !important;
}
.ui.basic.brown.label {
	color: rgba(83,44,23,1) !important;
	border-color: rgba(83,44,23,1) !important;
	background-color: rgba(255,255,255,.5) !important;
}
.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
	color: rgba(255,255,255,1) !important;
	border-color: rgba(83,44,23,1) !important;
}
.ui.brown.corner.labels .ui.label,
.ui.brown.corner.label,
.ui.brwon.corner.label:hover {
	background-color: transparent !important;
	border: 2px solid rgba(83,44,23,1) !important;
	color: rgba(83,44,23,1) !important;
}

/*--------------------
	Pink overwrite
---------------------*/

.ui.pink.labels .label,
.ui.pink.label,
.ui.pink.labels .label:hover, a.ui.pink.label:hover {
	background-color: rgba(171,10,82,1) !important;
	border-color: rgba(171,10,82,1) !important;
}


/*--------------------
	Toggle button
---------------------*/

.ui.toggle.buttons .button,
.ui.toggle.button,
.ui.toggle.buttons .button:focus,
.ui.toggle.button:focus,
.ui.toggle.on.buttons .button,
.ui.toggle.on.button,
.ui.toggle.on.buttons .button:focus,
.ui.toggle.on.button:focus {
	background-color: rgba(99,35,126,1);
	border: 2px solid rgba(99,35,126,1);
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.ui.toggle.buttons .button:hover,
.ui.toggle.button:hover,
.ui.toggle.on.buttons .button:hover,
.ui.toggle.on.button:hover {
	background-color: rgba(99,35,126,1);
	border: 2px solid rgba(99,35,126,1);
	color: white;
}
.ui.toggle.on.buttons .button.attached:hover,
.ui.toggle.on.button.attached:hover {
	background-color: rgba(99,35,126,1);
	color: white;
}
.ui.toggle.off.buttons .button,
.ui.toggle.off.button,
.ui.toggle.off.buttons .button:focus,
.ui.toggle.off.button:focus {
	background-color: rgba(25,47,61,1);
	border: 2px solid rgba(25,47,61,1);
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.ui.toggle.off.buttons .button:hover,
.ui.toggle.off.button:hover {
	background-color: rgba(25,47,61,1);
	border: 2px solid rgba(25,47,61,1);
	color: white;
}
.ui.toggle.off.buttons .button.attached:hover,
.ui.toggle.off.button.attached:hover {
	background-color: rgba(25,47,61,1);
	color: white;
}

.ui.whatsapp.button { background-color:rgba(37,211,102,1); color:white; }
.ui.wechat.button { background-color:rgba(123,179,46,1); color:white; }
.ui.weibo.button { background-color:rgba(231,15,41,1); color:white; }
a.facebook.button,
a.linkedin.button {
	color: white !important;
}

/*----------------------
	Swiper Scroll Bar
-----------------------*/

.event-cal-scrollbar .swiper-scrollbar-drag {
	background:rgba(255,255,255,.6);
}
.event-cal-scrollbar.swiper-scrollbar {
	background:rgba(0,0,0,.5);
}

/*----------------
	Progress bar
-----------------*/

.ui.progress.overlay {
	position: fixed;
	z-index: 800;
	margin-top: 0;
	margin-bottom: 0;
}
.ui.progress .bar {
	border-radius: 0;
	height: .3em;
}
.ui.progress .bar > .progress {
	margin-top: .5em;
	color: rgba(25,47,61,1);
	display:none;
}

/*----------------
	Page footer
-----------------*/

footer {
	font-size:.5em;
}
footer .ui.container {
	margin: 0 3em 4em 3em;
}
footer .ui.container > .ui.grid {
	margin: 0;
}
footer .ui.container > .ui.grid > .column > .ui.divided.four.column.stackable.grid > .column {
	margin-bottom: 1rem;
}
footer a, footer a:active, footer a:visited {
	color: rgba(15,188,240,1);
	font-weight: 400;
}
footer > .ui.inverted.segment {
	padding: 3em 0 8em 0;
	background-color: #1B1C1D;
	font-size: .9rem;
}
footer .ui.inverted.link.list .item,
footer .ui.inverted.link.list a.item {
	border-left: .3rem solid transparent;
	padding-left: .72rem;
	margin-left: -1rem;
	-moz-transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
	-o-transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
	-webkit-transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
	transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
}
footer .ui.inverted.link.list .item:hover,
footer .ui.inverted.link.list a.item:hover {
	color: rgba(26,209,31,.95);
	border-left: .3rem solid rgba(26,209,31,.95);
	padding-left: 1.02rem;
	margin-left: -1rem;
	-moz-transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
	-o-transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
	-webkit-transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
	transition: padding ease-out .3s, color ease-out .3s, border ease-out .3s;
}
footer .ui.inverted.section.divider {
	width:100%;
	margin:1rem;
}
footer .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child {
	box-shadow: -1px 0 0 0 rgba(255,255,255,.1);
}

@media only screen and (max-width:767px) {
	footer .ui.grid,
	footer .ui.container > .ui.grid > .column > .ui.divided.four.column.stackable.grid {
		margin:0 !important;
	}
	footer .ui.container > .ui.grid > .column > .ui.divided.four.column.stackable.grid > .column {
		border-top: 1px solid rgba(255,255,255,.1);
	}
	footer .ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child {
		padding-top:0 !important;
	}
}

.affl-banners {
	display:inline-block;
	text-align:center;
	margin:3em;
}
@media only screen and (max-width:767px) {
	.affl-banners {
		margin:2em;
	}
}
.affl-banners img {
	-webkit-filter: saturate(50%);
	filter: saturate(50%);
}
.affl-banners img:hover {
	-webkit-filter: saturate(100%);
	filter: saturate(100%);
}
.affl-banners .ui.small.image,
.policy-wrapper .right .ui.small.image {
	margin:.5rem;
	vertical-align:middle;
	width:auto;
	max-width:150px;
}
.affl-banners a.ui.small.image:last-of-type,
.policy-wrapper a.ui.small.image:last-of-type {
	margin-right:0;
}

.policy-wrapper {
	display:block;
	width:100%;
}
@media only screen and (max-width:767px) {
	.policy-wrapper .left,
	.policy-wrapper .right {
		width:100%;
		text-align:center;
	}
	.policy-wrapper .right {
		margin-top:1rem;
	}
}
@media only screen and (min-width:768px) {
	.policy-wrapper .left {
		width:calc(50% - 1rem);
		margin-right:1rem;
		float:left;
	}
	.policy-wrapper .right {
		width:50%;
		text-align:right;
		float:left;
	}
}
.policy-wrapper .item {
	display:inline-block;
	margin-right:1em;
}
.policy-wrapper .item:last-child {
	margin-right:0;
}
.policy-wrapper .ui.header {
	color:rgba(255,255,255,.5);
	font-size:1em;
}
.policy-wrapper > .ui.header {
	clear:both;
}
@media only screen and (max-width: 767px) {
	.policy-wrapper > .ui.header {
		text-align:center;
	}
}
.policy-wrapper .ui.header.item {
	margin-top:0;
	margin-bottom:0;
}
.policy-wrapper .right a,
.affl-banners a {
	vertical-align: initial;
	border-bottom:0;
}
.policy-wrapper .right a {
	margin-right: 1rem;
}
.policy-wrapper .right a:last-child {
	margin-right: 0;
}
footer a > i.icon.external.square {
	position:absolute;
	top:0;
	left:0;
	color:rgba(99,35,126,1);
}
footer a:hover > i.icon.external.square {
	color:rgba(26,209,31,.95);
}

.contact.column .ui.divider:not(.vertical):not(.horizontal),
.contact.column .ui.dividing:not(.vertical):not(.horizontal) {
	border-bottom: 1px solid rgba(255,255,255,.1);
}

/*---------------------
	View Switcher
----------------------*/

.ui.segment.view-switcher {
	margin: 0;
}
.ui.segment.view-switcher strong {
	margin-right: 1em;
}
.view-switcher > a.labeled.icon.button > i.icon.mobile {
	font-size: 2em;
	width: 1.2857145em;
}


/*---------------------
	Go-to-top button
----------------------*/

.yetp-button-up, .show-scrollspy {
	cursor: pointer;
	padding: 2rem;
	background-color: rgba(99,35,126,1);
	border-radius: 100%;
	border: 2px solid transparent;
	color: #fff;
	box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 3px rgba(12,13,14,0.1), 0 4px 20px rgba(12,13,14,0.035), 0 1px 1px rgba(12,13,14,0.025);
}
.yetp-button-up:after, .show-scrollspy:after {
	content: "";
	display: block;
	position: absolute;
	top: 55%;
	left: 50%;
	width: 13px;
	height: 13px;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	-webkit-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	-moz-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	-ms-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	-o-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	transform: translate3d(-50%,-50%,1px) rotate(45deg);
}
.yetp-button-up:hover:after, .show-scrollspy:after {
	border-left: 1px solid rgba(26,209,31,.95);
	border-top: 1px solid rgba(26,209,31,.95);
	-webkit-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	-moz-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	-ms-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	-o-transform: translate3d(-50%,-50%,1px) rotate(45deg);
	transform: translate3d(-50%,-50%,1px) rotate(45deg);
}
.go-to-top > .yetp-button-up {
	position: fixed;
	right: 0;
	margin-right: -5em;
	z-index: 801;
	-moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@media only screen and (min-width:768px) {
	.go-to-top > .yetp-button-up {
		bottom: 3em;
	}
	.go-to-top > .yetp-button-up:hover {
		background-color: #fff;
		border: 2px solid #1ad11f;
		-moz-animation: BounceBtn 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-o-animation: BounceBtn 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-webkit-animation: BounceBtn 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: BounceBtn 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	}
	.go-to-top > .yetp-button-up.active {
		margin-right: 1em;
	}
}
@media only screen and (max-width:767px) {
	.go-to-top > .yetp-button-up {
		width: 5em;
		bottom: 4.4em;
		border-radius: 0;
		border: none;
	}
	.go-to-top > .yetp-button-up.active {
		margin-right: 0;
	}
}

/*----------------
	Breadcrumb
-----------------*/

.ui.breadcrumb:first-child { margin-top:1.15em; }
.ui.breadcrumb { color:#192f3d; }
.ui.breadcrumb > .section > i.icon { font-size:1.5em; }
.ui.breadcrumb > .section > i.home.icon {
	position: relative;
	top: 2px;
}
.ui.breadcrumb .divider { opacity:1; }
@media only screen and (min-width: 768px) {
	.page-head .ui.breadcrumb {
		width: 55%;
		position: absolute;
		bottom: 1em;
		font-size: 1.1rem;
	}
	.ui.breadcrumb a {
		color: rgba(99,35,126,1);
	}
	.ui.breadcrumb a.section {
		margin-top: .5rem;
	}
	.ui.breadcrumb a.section:hover {
		color: rgba(99,35,126,1);
	}
	.ui.inverted.breadcrumb a,
	.inverted .ui.breadcrumb a {
		color: white;
	}
	.ui.inverted.breadcrumb .divider,
	.inverted .ui.breadcrumb .divider {
		color: rgba(255,255,255,.7);
	}
}
@media only screen and (max-width: 767px) {
	.page-head .ui.breadcrumb {
		width:100%;
		position: relative;
		font-size: 1rem;
		bottom: 1.4rem;
		background-color: rgba(99,35,126,1);
		display: block;
	}
	.ui.breadcrumb > .section {
		padding: .8em;
	}
	.ui.breadcrumb a.section:hover {
		color: white;
	}
	.ui.breadcrumb > .section > i.icon {
		line-height: 0;
		height: auto;
	}
	.ui.breadcrumb .divider {
		color: rgba(255,255,255,.6);
	}
	.ui.breadcrumb a {
		color: rgba(255,255,255,1);
	}
	.ui.breadcrumb .active.section {
		background: rgba(39,14,50,1);
		color: rgba(255,255,255,.9);
		font-weight: 700;
	}
}


/*------------------------ 
	Article, text page
-------------------------*/

.article {
	background-image: url('/assets/img/bg_light_geometry.jpg');
	background-size: auto;
	padding-bottom: 6rem;
	border: 0 solid transparent;
}
.article.featured {
	padding: 0 !important;
}
@media only screen and (min-width: 768px) {
	footer.with-scrollspy.on, footer.with-scrollmenu.on,
	.article.with-scrollspy.on, .article.with-scrollmenu.on {
		padding-left: 22rem;   
	}
	footer.with-scrollspy.off, footer.with-scrollmenu.off,
	.article.with-scrollspy.off, .article.with-scrollmenu.off {
		padding-left: 0; 
	}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	footer.with-scrollspy.on, footer.with-scrollmenu.on,
	.article.with-scrollspy.on, .article.with-scrollmenu.on {
		padding-left: 0;   
	}
	footer.with-scrollspy.off, footer.with-scrollmenu.off,
	.article.with-scrollspy.off, .article.with-scrollmenu.off {
		padding-left: 0;
	}
}


/*----------------------------
	Scrollspy navigation
-----------------------------*/

.scroll-wrapper {
	position: fixed;
	overflow: hidden;
	top: 4.714285714285714rem;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	z-index: 90;
}
.scroll-wrapper.with-pagination-bar {
	top: 9.5rem;
}
.scroll-wrapper.collapsed,
.scroll-wrapper.expanded {
	-moz-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
	-o-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
	-webkit-transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: all 250ms cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.scroll-wrapper > .scrollspy.ui.menu,
.scroll-wrapper > .scrollspy {
	border: 0;
	border-radius: 0;
	position: relative;
	overflow-y: scroll;
	padding: 2em 0 3em 0;
	height: 100%;
}
.scroll-wrapper.with-pagination-bar > .scrollspy.ui.menu,
.scroll-wrapper.with-pagination-bar > .scrollspy {
	padding-top: 0;
}
.scrollspy.ui.inverted.menu {
	color: rgba(255,255,255,1);
	background-color: rgba(99,35,126,1);
}
.scrollspy.ui.inverted.menu li {
	font-size: 1rem;
	line-height: 1.4;
	margin: 0;
}
.scrollspy.ui.inverted.menu a {
	border-radius: 0;
}
.with-scrollspy + .scroll-wrapper .scrollspy.ui.inverted.menu a:not([href^="mailto"]) {
	display: block;
	color: rgba(255,255,255,.8);
	font-size: 1rem;
	line-height: 1.4;
	padding: .9em 1em .9em 3em;
}
.with-scrollspy + .scroll-wrapper .scrollspy.ui.inverted.menu a:not([href^="mailto"]):hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.6) !important;
	text-decoration: underline;
}
.scrollspy.ui.inverted.menu a.title,
.scrollspy.ui.inverted.menu div.title {
	display: block;
	cursor: pointer;
	padding: 1em;
	font-size: 1rem;
	font-weight: 400;
	color: rgba(255,255,255,.9);
}
.scrollspy.ui.inverted.menu li li div.title {
	border-left: 5px solid rgba(0,0,0,.3);
}
.scrollspy.ui.inverted.menu a.title > i.icon.dropdown,
.scrollspy.ui.inverted.menu div.title > i.icon.dropdown {
	float: right;
	margin-right: -.5em;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.scrollspy.ui.inverted.menu li.active > a.title > i.icon.dropdown,
.scrollspy.ui.inverted.menu li.active > div.title > i.icon.dropdown {
	float: right;
	margin-right: -.5em;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}
.scrollspy ul {
	display:none;
	list-style:none;
	-webkit-margin-start:0;
	-webkit-padding-start:0;
	padding-left:0;
}
.scrollspy > ul {
	display: block; /* set top level visible at page load */
}
.scrollspy li.active > ul {
	display: block;
}
.scrollspy li.active > a {
	background-color: rgba(0,0,0,.6) !important;
}
.scrollspy > ul > li li {
	background-color: rgba(0,0,0,.3) !important;
}
.scrollspy > .ui.segment {
	padding: 2em 0 3em 0;
	background-color: rgba(99,35,126,1);
}
.scrollspy .ui.accordion.menu .item {
	padding: 0;
}
.scrollspy .ui.accordion.menu .item .title {
	padding: 1em;
}
.scrollspy > .ui.basic.segment {
	padding: 0 1em 10em 1em;
}
.scrollspy > .ui.basic.subtle.segment {
	padding-top: 3em;
}
.scrollspy > .ui.segment > .ui.accordion .title:not(.ui) {
	font-size: 1.1rem;
}
.scrollspy .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item,
.scrollspy .ui.accordion:not(.styled) .accordion .title~.content:not(.ui),
.scrollspy .ui.accordion:not(.styled) .title~.content:not(.ui) {
	padding: 0;
}

.scrollspy > .ui.segment .ui.vertical.menu .menu .menu .item,
.scrollspy > .ui.segment .ui.vertical.menu .menu .menu .item a:not(.ui),
.scrollspy > .ui.segment .ui.vertical.inverted.menu .menu .menu .item,
.scrollspy > .ui.segment .ui.vertical.inverted.menu .menu .menu .item a:not(.ui) {
	font-size: 1.3em;
	font-weight: 100;
	line-height: 1.5;
	padding: .8em 1.33333333em;
}
.scrollspy > .ui.segment .ui.vertical.inverted.menu .menu .item,
.scrollspy > .ui.segment .ui.vertical.inverted.menu .menu .item a:not(.ui) {
	color: rgba(255, 255, 255, .75);
}
.scrollspy > .ui.segment .ui.inverted.text.menu .content.sub.menu > .item > .content.menu > .item:hover,
.scrollspy > .ui.segment .ui.inverted.text.menu .content.sub.menu > .item > .content.menu > .active.item {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.6) !important;
	text-decoration: none;
}
.scrollspy > .ui.segment .ui.vertical.text.menu .item {
	margin: 0;
}
.scrollspy .ui.accordion.menu:not(.styled) .title~.content:not(.ui) {
	background-color:rgba(0,0,0,.2) !important;
}
.scrollspy .ui.label {
	border-radius: 0;
}
.scrollspy .ui.form .field > label,
.scrollspy .ui.form .grouped.fields > label {
	font-size: 1.1em;
	font-weight: 400;
}
.scrollspy .ui.dividing.header,
.scrollspy .ui.inverted.dividing.header {
	margin: 0 1rem .5rem 1rem;
}
.scrollspy .ui.segment > .ui.dividing.header,
.scrollspy .ui.segment > .ui.inverted.dividing.header {
	margin-left: 0;
	margin-right: 0;
}
.scrollspy .ui.checkbox label {
	font-size: 1.1rem;
}
.scrollspy .ui.divider:not(.vertical):not(.horizontal),
.scrollspy .ui.dividing:not(.vertical):not(.horizontal) {
	border-bottom: 1px solid rgba(255,255,255,1);
}
.scrollspy .ui.divider:not(.header) {
	margin-top: 2em;
	margin-bottom: 1.5em;
}
.scrollspy .field > .ui.divider:first-child {
	margin-top:0;
}
.scrollspy .ui.form input[type=text],
.scrollspy .ui.selection.dropdown {
	padding: .5rem;
	border-radius: 0;
	border: 0;
	min-height: 2.143em;
}
.scrollspy .ui.form input[readonly=readonly] {
	background-color: rgba(0,0,0,.3);
	color: rgba(255,255,255,.8);
}
.scrollspy .ui.multiple.dropdown > .text {
	margin: 0;
}
.scrollspy .ui.upward.selection.dropdown.visible,
.scrollspy .ui.active.upward.selection.dropdown {
	border-radius: 0 !important;
}
.scrollspy .ui.form input.inverted:not(.button) {
	background-color: rgba(255,255,255,.15);
	color: rgba(255,255,255,1);
}
.scrollspy .ui.selection.dropdown .menu {
	border-radius: 0;
	border: 0;
	margin: 0;
	min-width: 100%;
	width: 100%;
}
.scrollspy .ui.dropdown .menu .selected.item, .ui.dropdown.selected {
	background: rgba(26,209,31,.4);
}
.scrollspy .ui.dropdown .menu > .item:hover {
	background: rgba(26,209,31,.95);
	color: rgba(255,255,255,1);
}
.scrollspy .ui[class*="left icon"].input > input {
	padding-left: 1.8em!important;
	padding-right: .5em!important;
}
.scrollspy .ui[class*="left icon"].input > i.icon {
	width: 1.8em;
}
.scrollspy .submit-buttons.field {
	text-align: center;
	margin: 2em 0;
}
.scrollspy .ui.form .field > label[id],
.scrollspy .ui.form .grouped.fields > label[id],
.scrollspy .ui.form .field > label[for],
.scrollspy .ui.form .grouped.fields > label[for] {
	display: block;
	margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
	.article.with-scrollmenu > .ui.container {
		margin-top: 4.714285714285714rem;
	}
	.scroll-wrapper {
		width: initial;
		height: calc(100% - 4.714285714285714rem);
	}
	.scroll-wrapper.with-pagination-bar {
		height: calc(100% - 9.5rem);
	}
	.scroll-wrapper > .scrollspy.ui.menu,
	.scroll-wrapper > .scrollspy {
		width: 22rem;
	}
	.scroll-wrapper.collapsed,
	.scroll-wrapper.off {
		left: -22rem;
	}
	.scroll-wrapper.expanded,
	.scroll-wrapper.on {
		left: 0;
	}
}
@media only screen and (max-width: 767px) {
	body.scrollmenu-on {
		overflow: hidden;
	}
	body.scrollmenu-off {
		overflow: auto;
	}
	.article.with-scrollmenu > .ui.container {
		margin-top: 9.4rem;
	}
	.article.with-scrollmenu > .ui.container.no-result {
		margin-top: 6.3rem;
	}
	.scroll-wrapper {
		width: 100%;
		height: calc(100% - 4.714285714285714rem);
	}
	.scroll-wrapper > .scrollspy.ui.menu,
	.scroll-wrapper > .scrollspy {
		width: 100%;
	}
	.scroll-wrapper.collapsed,
	.scroll-wrapper.off {
		top: -100% !important;
	}
	.scroll-wrapper.expanded,
	.scroll-wrapper.with-pagination-bar.on {
		top: 14.15rem;
		height: calc(100% - 14.15rem);
	}
	.scroll-wrapper.with-pagination-bar.on.no-result {
		top: 11.1rem;
		height: calc(100% - 11.1rem);
	}
}

/*------------
	FAQ
-------------*/

.faq .ans {
	border-left: 4px solid rgba(99,35,126,1);
	padding-left: 2em;
	margin-bottom: 4em;
}
.QA { overflow: auto; }
.QA .ui.divider { margin-bottom:0; }
@media only screen and (max-width:767px) {
	.QAs { padding: 0 1em 3em 1em; }
}


/*----------------------------
	Quick-link navigation
-----------------------------*/

.quick-nav.fixed.top {
	margin-top: 6.1em !important;
}
.quick-nav > .ui.segment {
	padding-top: 2em;
	padding-bottom: 3em;
	background-color: rgba(99,35,126,1);
}
.quick-nav > .ui.segment > .ui.accordion .title:not(.ui) {
	font-size: 1.1em;
}
.quick-nav > .ui.segment .ui.vertical.menu .menu .item,
.quick-nav > .ui.segment .ui.vertical.menu .menu .item a:not(.ui),
.quick-nav > .ui.segment .ui.vertical.inverted.menu .menu .item,
.quick-nav > .ui.segment .ui.vertical.inverted.menu .menu .item a:not(.ui) {
	font-size: 1em;
	font-weight: 100;
	line-height: 1.3;
	padding: .4em 1.33333333em;
}
.quick-nav > .ui.segment .ui.vertical.inverted.menu .menu .item,
.quick-nav > .ui.segment .ui.vertical.inverted.menu .menu .item a:not(.ui) {
	color: rgba(255,255,255,.75);
}
.quick-nav > .ui.segment .ui.inverted.text.menu .content.sub.menu > .item > .content.menu > .item:hover,
.quick-nav > .ui.segment .ui.inverted.text.menu .content.sub.menu > .item > .content.menu > .active.item {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.6) !important;
	text-decoration: none;
}
.quick-nav > .ui.segment .ui.vertical.text.menu .item {
	margin: .4em 0em;
}
.quick-nav .ui.form .field > label {
	font-size: 1.1em;
	font-weight: 400;
}
.quick-nav .ui.form .grouped.fields > label {
	font-size: 1.1em;
	font-weight: 700;
}
.quick-nav .ui.divider:not(.vertical):not(.horizontal),
.quick-nav .ui.dividing:not(.vertical):not(.horizontal) {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.quick-nav .ui.divider:not(.header) {
	margin-top: 2em;
	margin-bottom: 1.5em;
}
.quick-nav .ui.form input[type=text],
.quick-nav .ui.selection.dropdown {
	padding: .5em 1.5em .5em .5em;
	border-radius: 0;
	border: 0;
	min-height: 2.143em;
}
.quick-nav .ui.multiple.dropdown > .text {
	margin: 0;
}
.quick-nav .ui.upward.selection.dropdown.visible,
.quick-nav .ui.active.upward.selection.dropdown {
	border-radius: 0 !important;
}
.quick-nav .ui.form input.inverted:not(.button) {
	background-color: rgba(255,255,255,.15);
	color: rgba(255,255,255,1);
}
.quick-nav .ui.selection.dropdown .menu {
	border-radius: 0;
	border: 0;
	margin: 0;
	min-width: 100%;
	width: 100%;
}
.quick-nav .ui[class*="left icon"].input > input {
	padding-left: 1.8em!important;
	padding-right: .5em!important;
}
.quick-nav .ui[class*="left icon"].input > i.icon {
	width: 1.8em;
}
.quick-nav .submit-buttons.field {
	text-align: center;
	margin: 2em 0;
}

/*------------------------ 
	input
-------------------------*/

.label-only.field label {
	text-align: center;
	margin-top: .25em !important;
}

.scrollspy .ui.labeled.input > .label:not(.corner) {
	padding: .5em .6em;
	color: white;
	border: 2px solid white;
	background-color: rgba(99,35,126,1);
}

/*------------------------ 
	Modal page
-------------------------*/

.ui.modal > .header {
	border-bottom: 0;
	padding: 1.25rem 1.5rem 1rem 1.5rem;
}
.ui.modal > .actions {
	border-top: 2px solid rgba(34,36,38,.15);
}
.ui.basic.modal > .close {
	font-size: 3rem;
	right: 0;
}
@media only screen and (min-width: 768px) {
	.ui.basic.modal > .ui.dividing.header {
		font-size: 3.5rem;
		padding: 0 4rem .5rem 0 !important;
	}
}
@media only screen and (max-width: 767px) {
	.ui.basic.modal > .ui.dividing.header {
		font-size: 2.5rem;
		padding: 0 4rem .5rem 0 !important;
	}
}
@media only screen and (max-width: 449px) {
	.ui.basic.modal > .close {
		font-size: 2.5rem;
		top: 1.5rem !important;
		right: 1rem !important;
	}
	.ui.basic.modal > .ui.dividing.header {
		font-size: 2rem;
		padding: 4rem 4rem .5rem 1rem !important;
	}
}

.ui.basic.modal .content > .ui.inverted.message {
	font-size: 1.1rem;
	border: 2px solid white;
	background-color: transparent;
	margin-top: 2rem;
}

@media only screen and (max-width: 449px) {
	.ui.modal:not(.prompt) {
		width: 100%;
		margin: 0px !important;
		top: 0;
		left: 0;
	}
	.modals.dimmer .ui.scrolling.modal {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}
.ui.modal > :first-child:not(.icon),
.ui.modal > :last-child {
	border-radius: 0!important;
}
.ui.modal .ui.celled.grid .column,
.edm .ui.celled.grid .column {
	padding: 2rem;
}
#theDate,
#theTime,
#theVenue {
	font-size: 1.2em;
	vertical-align: middle;
	line-height: 1.3;
}
.logos {
	position: absolute;
	display: block;
	width: 100%;
	height: 120px;
	bottom: 0;
	background: linear-gradient(transparent 0%,rgba(0,0,0,.4) 100%);
}
.intw-train-flow.column ul.ui.vertical.menu {
	padding-left: 0;
	border-radius: 0;
	border: none;
	background-color: rgba(99,35,126,1);
}
.intw-train-flow.column ul.ui.vertical.menu > .item {
	padding: 2rem;
	font-size: 1.1em;
	line-height: 1.2;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.intw-train-flow.column ul.ui.vertical.menu > .item::after {
	visibility: visible;
	top: 100%;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
	   -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
			transform: translateX(-50%) translateY(-50%) rotate(135deg);
	border-top: 1px solid rgba(255,255,255,.2);
	border-right: 1px solid rgba(255,255,255,.2);
	margin-top: 1px;
}
.intw-train-flow.column ul.ui.vertical.menu > .item::before {
	height: 0;
}
.intw-train-flow.column ul.ui.vertical.menu > .item:first-child {
	border-radius: 0;
}
/*.intw-train-flow.column ul.ui.vertical.menu > .item:first-child, 
.intw-train-flow.column ul.ui.vertical.menu > .item:first-child::after { background-color:rgba(1,203,225,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(2),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(2)::after { background-color:rgba(12,185,214,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(3),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(3)::after { background-color:rgba(23,166,204,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(4),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(4)::after { background-color:rgba(34,148,193,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(5),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(5)::after { background-color:rgba(44,129,181,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(5),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(5)::after { background-color:rgba(54,111,170,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(4),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(4)::after { background-color:rgba(65,92,160,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(3),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(3)::after { background-color:rgba(76,74,149,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(2),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(2)::after { background-color:rgba(87,56,138,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:last-child { background-color:rgba(99,35,126,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:last-child::after { display:none; }
.intw-train-flow.column i.fitted.icon,*/
.intw-train-flow.column ul.ui.vertical.menu > .item:first-child, 
.intw-train-flow.column ul.ui.vertical.menu > .item:first-child::after { background-color:rgba(1,203,225,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(2),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(2)::after { background-color:rgba(12,185,214,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(3),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(3)::after { background-color:rgba(23,166,204,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(4),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(4)::after { background-color:rgba(34,148,193,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(5),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-child(5)::after { background-color:rgba(44,129,181,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(5),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(5)::after { background-color:rgba(54,111,170,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(4),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(4)::after { background-color:rgba(65,92,106,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(3),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(3)::after { background-color:rgba(76,74,149,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(2),
.intw-train-flow.column ul.ui.vertical.menu > .item:nth-last-child(2)::after { background-color:rgba(87,56,138,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:last-child { background-color:rgba(99,35,126,1); }
.intw-train-flow.column ul.ui.vertical.menu > .item:last-child::after { display:none; }
.intw-train-flow.column i.fitted.icon,

.add-info.column i.fitted.icon {
	margin-right: .25em !important;
}
.ui.basic.video.modal h1.ui.inverted.header {
	background-color:rgba(99,35,126,1);
}
.ui.basic.video.modal h1 > i.icon {
	font-size:1em;
	vertical-align:initial;
}

/*------------------------ 
	Long modal page
-------------------------*/

.ui.modal {
	border-radius: 0;
	line-height: 0;
}
.ui.long.modal p {
	font-size: 1.2rem;
}
.pf-img {
	display: block;
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
@media only screen and (min-width: 768px) {
	.pf-map {
		height: 351px;
	}
	.pf-map > iframe {
		height: 350px;
	}
	.ui.stackable.grid > .row > .intw-train-flow.column h1.ui.header {
		text-align: left;
	}
}
@media only screen and (max-width: 767px) {
	.pf-map {
		height: 301px;
	}
	.pf-map > iframe {
		height: 300px;
	}
	.ui.stackable.grid > .row > .intw-train-flow.column h1.ui.header {
		text-align: center;
	}
	.ui.stackable.grid > .row > .intw-train-flow.column {
		padding-bottom: 0 !important;
	}
	.ui.stackable.grid > .row > .add-info.column {
		padding: 2rem !important;
	}
}
#searchItemShareBtns {
	/*position: absolute;
	top: -3.3rem;
	right: 0;
	border: none;
	border-radius: 0;*/
	position: fixed;
	top: 50%;
	left: 0;
	border: none;
	border-radius: 0;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	display: flex;
	z-index: 99999;
}
@media only screen and (max-width: 767px) {
	#searchItemShareBtns {
		width: 100%;
		flex-direction: row;
		bottom: 0;
		top: unset;
		transform: none;
	}
	#searchItemShareBtns > .link.item {
		flex-grow: 1;
	}
	#searchItemShareBtns > .link.item > i.icon {
		margin: 0 auto !important;
	}
}
@media only screen and (min-width: 768px) {
	#searchItemShareBtns > .link.item > i.icon {
		margin: 0 !important;
	}
}
#searchItemShareBtns > .link.item {
	min-width: 0;
}
#searchItemShareBtns > .link.item:first-child,
#searchItemShareBtns > .link.item:last-child {
	border-radius: 0;
}
#searchItemShareBtns > .link.item > i.icon {
	font-size: 1.5rem !important;
}
.ui.pf-info-box.segment, 
.ui.pf-map.segment {
	padding: 0;
}
.pf-countDown {
	padding-top: 0;
}
.pf-countDown h3 {
	text-align: left;
}
@media only screen and (max-width: 801px) {
	.pf-countDown {
		background-color: rgba(25,47,61,1) !important;
		padding-bottom: 0;
		border: none;
	}
	.pf-countDown h3 {
		text-align: center;
		color: white;
		margin-bottom: 0;
	}
	.pf-countDown #countDown {
		display:none;
	}
}
.mobileMap {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background: #eaeaea;
}
.mobileMap > .ui.inverted.top.attached.header {
	margin-bottom:0;
	height:10%;
}
.mobileMap > iframe {
	display: block;
	position: relative;
	height: 90%;
}
.pf-action {
	background-color: rgba(99,35,126,1) !important;
}
@media only screen and (max-width: 767px) {
	.pf-action {
		padding-bottom: 4rem !important;
	}
}
.ui.cards > .card > .content p {
	font-size: 1em;
}


/*---------------------------
		Client Area
----------------------------*/

.client-area {
	width: 100%;
	height: auto;
}
.ui.segment.client-area {
	padding: 0 !important;
	margin: 0 !important;
}
.ui.segment.client-area > .ui.container {
	margin: 0 !important;
	padding: 2em;
}
.client-area .ui.table {
	border-radius: .28571429rem;
	border-collapse: separate;
	border-spacing: 0;
	background-color: white;
	font-size: 1em;
}
.client-area .ui.celled.table tr td {
	border-left: 1px solid rgba(34,36,38,.1) !important;
}
.client-area .ui.divider,
.client-area .ui.dividing {
	border-top: initial;
	border-bottom: initial;
}

/*========== END Client Area ==========*/




/*-------------------------
		Video Modal
--------------------------*/

.ui.video.modal {
	background-color: rgba(39,14,50,1);
}
@media only screen and (max-width:449px) {
	.ui.video.modal {
		height: 100%;
	}
}


/*-------------------------
		Card
--------------------------*/

.ui.card {
	/*border-radius: 0;*/
	box-shadow: none;
}
.ui.shadowed.card {
	box-shadow: 1px 1px 2px rgba(0,0,0,.3) !important;
}
.ui.attached.card {
	margin-bottom: 0;
}
.ui.card > :first-child, .ui.cards > .card > :first-child,
.card.ui > :last-child, .cards.ui > .card > :last-child {
	border-radius: 0 !important;
}
.ui.card > .content, .ui.cards > .card > .content {
	border: none;
}
.dimmable:not(.body) {
	overflow: auto;
}
.ui.card .content > div.header {
	padding-right: 1.5em;
}
.ui.card .meta > .date { line-height: 1.4285em; }


#dvCard .content .ui.label > .ui.header,
#dvCard .content .ui.label > .ui.header > .ui.sub.header {
	font-size: .95rem;
}
#dvCard .job-filter .ui.label {
	margin: .14285714em;
}

.job-filter {
	margin-top: .5rem;
	display: block;
	flex: 1 1 auto;
}
.btn {
	background-color: white;
	border: 1px solid #cccccc;
	color: #696969;
	padding: 0.5rem;
	text-transform: lowercase;
}
.card__btn.ui.button {
	margin: 0;
	border-radius: 0;
	padding-top: .6em;
	padding-bottom: .6em;
	border: 1px solid rgba(99,35,126,1);
	background-color: white;
	color: rgba(99,35,126,1);
}
.card__btn.ui.button:hover {
	border: 1px solid rgba(26,209,31,1);
	background-color: rgba(12,35,18,.95);
	color: rgba(26,209,31,1);
}
.btn--block {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 1rem;
}
.btn--block > .card__btn {
	width: 100%;
}
#divMITDetails .yetp-cards a:hover {
	text-decoration:none;
}

/********** Deqult Search result type **********/
.yetp-cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	list-style: none;
	width: auto;
	margin: -1rem;
	padding: 0;
}
@media only screen and (max-width:639px) {
	.yetp-cards {
		margin: 0;
	}
}
.cards__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
}
@media (max-width: 639px) {
	.cards__item {
		width: 100%;
		margin: 1rem;
		padding: 0;
	}
}
@media (min-width: 640px) {
	.cards__item {
		width: 50%;
	}
}
@media (min-width: 641px) and (max-width:767px) {
	.yetp-cards {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 1100px) {
	.cards__item {
		width: 33.3333%;
	}
}

.yetp-card {
	width: 100%;
	background-color: white;
	box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all .1s ease-in;
}
.yetp-card:hover {
	top: -2px;
	box-shadow: 0 22px 40px -14px rgba(0, 0, 0, 0.35);
}
/*.yetp-cards a, .yetp-cards a:active, .yetp-cards a:visited {
	color: rgba(20,105,205,1);
}
.yetp-card a, .yetp-card a:active, .yetp-card a:visited {
	color: rgba(15,188,240,1);
}*/
/*.yetp-cards a:hover,
.yetp-card a:hover {
	color: rgba(26,209,31,.95);
}*/
.yetp-card.bg-transparent,
.yetp-card.bg-transparent:hover {
	box-shadow: none;
}
.yetp-card:hover .card__image {
	-webkit-filter: contrast(100%);
			filter: contrast(100%);
}
.card__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	padding: 1rem;
}
.card__content.with-btn-block {
	padding-bottom: 0;
	margin-bottom: 4rem;
}
.card__content > .card__title + img.ui.image {
	margin-top: 1rem;
}
.cards__item.span-one { width:33.3333%; }
.cards__item.span-two { width:66.6666%; }
@media (max-width:767px) {
	.yetp-cards.one-column .cards__item,
	.yetp-cards.two-column .cards__item {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.card__content .ui.stackable.grid {
		margin: 0 !important;
	}
	.card__content .ui.stackable.grid .column {
		padding: 0 !important;
	}
}
@media (min-width:768px) and (max-width:1099px) {
	.yetp-cards.one-column .cards__item {
		width: 100%;
	}
	.yetp-cards.two-column .cards__item {
		width: 50%;
	}
	.yetp-cards.banner .cards__item {
		width: 50%;
	}
}
@media (max-width:900px) {
	.cards__item.span-one,
	.cards__item.span-two {
		width: 100%;
	}
}
@media (min-width:1100px) {
	.yetp-cards.one-column .cards__item {
		width: 100%;
	}
	.yetp-cards.two-column .cards__item {
		width: 50%;
	}
	.yetp-cards.banner .cards__item {
		width: 33.33333333333%;
	}
}
.card__content .job-filter .ui.label {
	margin: 0 .3em .5em 0;
}
.card__image {
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	-webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
	transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.card__image::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}
.card__image > .ui.attached.label {
	border-radius: 0;
}
@media (min-width: 768px) {
	.card__image::before {
		padding-top: 66.6%;
	}
}
.card__title {
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.4;
	font-family: 'Roboto Slab', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
}
.card__text {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			/*flex: 1 1 auto;*/
	font-size: 0.875rem;
	margin-bottom: .8em;
}
.card__intro {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			/*flex: 1 1 auto;*/
	font-size: 1rem;
	margin: 1em 0 !important;
	color: rgba(25,47,61,1);
}
.ui.grid .column > .card__intro:first-child {
	margin-top: 0 !important;
}

/********** Banner type **********/
.yetp-cards.banner a, .yetp-cards.banner a:active, .yetp-cards.banner a:visited {
	color: rgba(15,188,240,1);
}
.yetp-cards.banner .cards__item .yetp-card {
	cursor: pointer;
}
.yetp-cards.banner .cards__item .card__content {
	background-color: rgba(25,47,61,1);
}
@media (max-width: 767px) {
	.yetp-cards.banner .cards__item {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.yetp-cards.banner .cards__item .card__image::before {
		padding-top: 25%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	.yetp-cards.banner .cards__item .card__image::before {
		padding-top: 50%;
	}
}
@media (min-width: 1000px) {
	.yetp-cards.banner .cards__item .card__image::before {
		padding-top: 25%;
	}
}

.yetp-cards.banner .cards__item .card__text {
	font-size: 1rem;
	margin: .5em 0;
}
.yetp-cards.banner .cards__item .card__intro {
	color: rgba(255,255,255,.8);
}

/********** Video type **********/
/* .yetp-cards.video {
	margin-bottom: 4em;
} */
.yetp-cards.video a.yetp-card {
	color: white;
	background-color: rgba(99,35,126,1);
}
/* .yetp-cards.video a.yetp-card:hover {
	color: rgba(99,35,126,1);
} */
.yetp-cards.video .card__content > i.icon {
	font-size: 4em;
	color: rgba(255,255,255,.5);
	position: absolute;
	top: 40%;
	left: 40%;
}
.yetp-cards.video .card__title {
	font-size: 1.2em;
	font-weight: 300;
	padding-left: 1.75em;
}
.yetp-cards.video .card__title > i.icon {
	font-size: 1.5em;
	line-height: 1;
	position: absolute;
	left: .3em;
}

/********** text type **********/
.yetp-cards.text {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.yetp-cards.text .yetp-card {
	color: white;
	background-color: rgba(99,35,126,1);
}
.yetp-cards.text .card__content {
	padding: 2rem;
}
.yetp-cards.text .card__title {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 1.2;
}
.yetp-cards.text .card__title.medium {
	font-size: 2rem;
	color: white;
}
.yetp-card .card__title.large {
	font-size: 1.5em;
}
.yetp-cards.text .card__text,
.yetp-cards.text .card__intro
/*.yetp-cards.text ol li,
.yetp-cards.text ul li*/ {
	color: rgba(255,255,255,.8);
}
.yetp-cards.text .card__text.solid,
.yetp-cards.text .card__intro.solid {
	color: white;
}
.yetp-cards.text .card__intro {
	/*font-size: 1.15em;*/
	font-size: 1.2rem;
}
@media only screen and (max-width:767px) {
	.yetp-cards.text {
		margin: 0;
	}
}


.yetp-card.bg-transparent,
.yetp-card.bg-transparent .card__title,
.yetp-card.bg-transparent .card__intro {
	color: rgba(25,47,61,1);
}


/*-------------------------
		Highlights
--------------------------*/

#hl-menu {
	margin:2px 0;
}
#hl-menu .swiper-slide {
	height:12rem;
}
#hl-menu > .swiper-wrapper > a:focus {
	outline: none !important;
}
#hl-menu > .swiper-wrapper > a:focus > .highlight-item {
	box-shadow: 0 0 0 6px rgba(13,191,243,.8) inset !important;
}
#highlight > .ui.container > a:last-of-type > .highlight-item {
	margin-right: 0;
}
.highlight-item {
	position: relative;
	display: inline-block;
	width: 12rem;
	height: 12rem;
	/*background-color: rgba(25, 47, 61, 1);*/
	background-size: cover;
	overflow: hidden;
	/*margin-right: .9em;
	margin-bottom: .6em;*/
}
.highlight-item .highlight-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	/*background: url('../img/bg-bubble.png') no-repeat 140% -5%;
	background-color: rgba(25, 47, 61, 1);*/
	background-color: rgba(39,14,50,.95);
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: auto !important;
	-webkit-transition: top .2s, opacity .15s;
	-moz-transition: top .2s, opacity .15s;
	-o-transition: top .2s, opacity .15s;
	-ms-transition: top .2s, opacity .15s;
	transition: top .2s, opacity .15s;
	z-index: 2;
	opacity: 0;
	top: -30px;
	font-weight: 400;
}
@media only screen and (max-width: 767px) {
	.highlight-item .highlight-overlay > i.icon {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.highlight-item .highlight-overlay > i.icon {
		font-size: 2.5em;
		line-height: 1;
		color: white;
	}
}
.highlight-item .highlight-overlay .overlay-title,
.highlight-item .highlight-overlay .overlay-message {
	color: #fff;
	padding: 1em;
	position: absolute;
	display: block;
	text-align: left;
	line-height: 1.4;
	font-size: .9em;
}
.highlight-item .highlight-overlay .overlay-title {
	bottom: 0;
	left: 0;
}
.highlight-item .highlight-overlay .overlay-message {
	bottom: 0;
	left: 0;
}
#hl-menu > .swiper-wrapper > a:hover > .highlight-item .highlight-overlay,
#hl-menu > .swiper-wrapper > a:focus > .highlight-item .highlight-overlay {
	opacity: 1;
	top: 0;
}
.highlight-current {
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 100%;
	bottom: 0;
	right: 0;
	color: #fff;
	font-family: 'Lato', Helvetica, Arial, 'Lantinhei TC', 'Lantinhei SC', 'Microsoft JhengHei', '微軟正黑體', '新細明體', sans-serif;
	font-size: .92rem;
	line-height: 1.4;
	background: linear-gradient(-180deg, transparent 0%, rgba(1,1,1,0.7) 70%);
	padding: 1em;
	z-index: 1;
	text-shadow: rgba(39,14,50,1) 0 2px 2px;
}

@media only screen and (max-width:767px) {
	#hl-menu .swiper-slide {
		height: 10rem;
	}
	.highlight-item {
		width: 10rem;
		height: 10rem;
	}
}


/*-------------------------------------
	YouTube Video Player & overrides
--------------------------------------*/

#rcmVideo {
	background-image: url('/assets/img/playground.jpg');
	background-size:cover;
	background-position:center center;
	padding:0 1em 4em 1em;
}
/* mobile screen */
@media only screen and (max-width: 767px) {
	#rcmVideo {
		padding:0 0 2em 0;
	}
	#rcmVideo .ui.container {
		padding:0;
		margin:0!important;
		width:100%;
	}
}
/* Small Monitor */
@media only screen and (max-width: 992px) and (min-width: 768px) {
	#rcmVideo .ui.container {
		width: 750px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#rcmVideo .ui.container {
		width: 880px;
	}
}
/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	#rcmVideo .ui.container {
		width: 960px;
	}
}
/* Wide Monitor */
@media only screen and (min-width: 1400px) {
	#rcmVideo .ui.container {
		width: 1100px;
	}
}
#yetpYouTubeChannel {
	margin: auto;
	-webkit-box-shadow: 0px 17px 100px 4px rgba(0,0,0,.6);
	-moz-box-shadow: 0px 17px 100px 4px rgba(0,0,0,.6);
	box-shadow: 0px 17px 100px 4px rgba(0,0,0,.6);
}
.yesp .yesp-controls {
	z-index: 100;
}
.yesp .yesp-title {
	background: linear-gradient(rgba(0,0,0,.4) 0%, transparent 100%);
}
.yesp .yesp-container .yesp-autoposter .yesp-autoposter-icon div {
	position: relative;
	left: -42px;
	top: -45px;
	background: url(../js/lib/youtube-video-player/images/big-play-icon-off.png) no-repeat top left;
	width: 90px;    /*85*/
	height: 90px;   /*60*/
}
.yesp .yesp-container .yesp-autoposter:hover .yesp-autoposter-icon div {
	background-image: url(../js/lib/youtube-video-player/images/big-play-icon-on.png);

}
.ps-container .ps-scrollbar-y {
	right: 0; 
	width: 10px;
	 -webkit-border-radius: 0; 
	-moz-border-radius: 0;
	 border-radius: 0;
}
.yesp .yesp-playlist .yesp-playlist-video:after {
	background: initial;
}
.yesp a.yesp-youtube-logo {
	z-index: 100;
}
.yesp .yesp-social {
	display:none;
}
.yesp .yesp-playlist .yesp-playlist-video:focus {
	outline: none !important;
}
.yesp .yesp-playlist .yesp-playlist-video[data-playing="0"]:focus .yesp-playlist-overlay {
	top: 0;
	opacity: 1;
}
.yesp .yesp-playlist .yesp-playlist-video[data-playing="0"]:focus img {
	transform: scale(1.2);
}

/*-------------------------
	  tab menu style
--------------------------*/
.ui.secondary.pointing.menu {
	border-bottom: 2px solid rgba(25,47,61,1);
}

/*-------------------------
	Steps tab menu
--------------------------*/

.ui.steps .step.menu {
	border: none;
}
.ui.steps .step.item {
	border-top: none;
	border-right: none;
	border-bottom: 3px solid transparent;
	border-left: none;
}
@media only screen and (max-width: 767px) {
	.ui.stackable.steps.menu .step.item:before {
		background: none;
	}
}


/*-------------------------
	Content box
--------------------------*/

.content-box {
	position: relative;
	overflow: hidden;
}
.ui.segment.content-box {
	padding: 0;
	margin: 2rem 0;
}
.featured.content-box {
	width: 100%;
}
.news.content-box:not(.featured) {
	width: 100%;
	max-height: 270px;
	/*margin: 0 auto 1em auto;*/
}
@media only screen and (max-width: 767px) {
	.ui.horizontal.segments {
				flex-direction: column;
		-webkit-flex-direction: column;
			-ms-flex-direction: column;
	}
	.ui.horizontal.segments > .information.content-box.ui.segment {
		margin-bottom: 1rem;
	}
	.information.content-box.ui.segment {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.ui.horizontal.segments {
				flex-direction: row;
		-webkit-flex-direction: row;
			-ms-flex-direction: row;
	}
	.information.content-box.ui.segment {
		width: 50%;
	}
}
.information.content-box.ui.segment:first-child {
	margin-right: 1rem;
}
.information.content-box.ui.segment:last-child {
	margin-left: 1rem;
}
.information.content-box.ui.segment + .information.content-box.ui.segment:last-child {
	margin: 0;
}
.content-box .cb-photo {
	padding: 0;
	float: left;
	line-height: 0;
	/*border-right: 4px solid #F7685B;*/
	border-right: 4px solid rgba(99,35,126,1);
}
.cb-photo .ui.image img,
.cb-photo .ui.image svg {
	height: 18em;
	overflow: hidden;
}
.content-box .cb-content {
	padding: 1.5em;
	float: left;
}
.center.aligned .content-box .cb-content,
.center.aligned.content-box .cb-content {
	float: none;
}
.content-box .cb-content .bottom-block {
	position: absolute;
	bottom: 0;
	margin-bottom: 1rem;
}
.content-box.news .cb-photo { width:60%; }
.content-box.news .cb-content { width:40%; }
.content-box.featured .cb-photo { width:65%; }
.content-box.featured .cb-content { width:35%; }
.cb-content .ui.horizontal.statistics .statistic {
	margin-top: 0;
}
.cb-content .cb-title {
	max-height: 9em;
	overflow: hidden;
}
.cb-content .ui.label {
	margin-bottom: .5em;
}
.cb-content .ui.label > .detail {
	font-weight: 400;
	margin-left: 0;
	opacity: 1;
}
.inverted .cb-content ul.ui.list li:before {
	color: rgba(255,255,255,1);
}
.inverted .cb-content ul.ui.slashed.list li:before { content: '\\\\'; }
.inverted .cb-content p,
.inverted .cb-content .ui.list > li {
	color: rgba(255,255,255,.8);
}
.inverted .cb-content,
.inverted .cb-content > .cb-title {
	color: white;
}
.inverted > .cb-photo {
	background-color: rgba(99,35,126,1);
}
.cb-title > a {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1em;
}
.cb-title {
	font-size: 1.8em;
	font-weight: 100;
}
h2.cb-title { font-size: 1.5em; }
.cb-title.big { font-size: 3em; }

.cb-title.ui.dividing {
	padding-bottom: .5rem;
}
.ui.inverted .cb-title.ui.dividing:not(.vertical):not(.horizontal) {
	border-top: 0;
	border-bottom: 2px solid rgba(255,255,255,1);
}
.article-details {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 1em 1em 0;
}
.article-date .ui.label {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
}

@media only screen and (max-width: 969px) {
	.content-box.featured .cb-photo,
	.content-box.featured .cb-content {
		width:100%;
	}
	.content-box .cb-photo {
		border-right: 0;
	}
}

/*-------------------------
	Top chart
--------------------------*/

.top-chart .ui.ordered.list {
	margin-left: 2.5rem;
}
.top-chart .ui.list .list > .item,
.top-chart .ui.list > .item,
.top-chart ol.ui.list li,
.top-chart ul.ui.list li {
	font-size: 1.15em;
	padding: .5em 0;
}
.top-chart .ui.ordered.list .list > .item:before,
.top-chart .ui.ordered.list > .item:before,
.top-chart ol.ui.list li:before {
	width: 1.5em;
	height: 1.5em;
	float: left;
	margin-left: -2.5rem;
	color: rgba(255,255,255,1);
	background-color: rgba(26,209,31,.4);
	opacity: 1;
	text-align: center;
	font-size: .8em;
	font-weight: 700;
}
.top-chart .ui.ordered.list>.item:nth-child(1):before { background-color:rgba(26,209,31,1); }
.top-chart .ui.ordered.list>.item:nth-child(2):before { background-color:rgba(26,209,31,.85); }
.top-chart .ui.ordered.list>.item:nth-child(3):before { background-color:rgba(26,209,31,.7); }
.top-chart .ui.ordered.list>.item:nth-child(4):before { background-color:rgba(26,209,31,.55); }
.top-chart .ui.ordered.list>.item:nth-child(5):before { background-color:rgba(26,209,31,.4); }


/* tabular menu */
.ui.tabular.menu {
	border-bottom: 0;
}
.ui.tabular.menu > .item {
	background: white;
	border-radius: 0;
	border: 0;
	padding: 2em 1em !important;
	text-align: left;
}
.ui.inverted.tabular.menu > .item {
	background: transparent;
}
.ui.tabular.menu > .item:hover {
	background: rgba(255,255,255,1);
}
.ui.tabular.menu > .item:hover h2,
.ui.tabular.menu > .item:hover h3,
.ui.tabular.menu > .item:hover .ui.header,
.ui.tabular.menu > .item:hover .ui.header > .content > .sub.header {
	color: rgba(99,35,126,1) !important;
}
.ui.tabular.menu > .item:active h2,
.ui.tabular.menu > .item:active h3,
.ui.tabular.menu > .item:active .ui.header {
	color: white;
}
.ui.tabular.menu > .item h2,
.ui.tabular.menu > .item .ui.header {
	font-size: 1.71428571rem;
	font-weight: 400;
}
.ui.tabular.menu > .item h3 {
	font-size: 1.3rem;
	font-weight: 400;
}
.ui.tabular.menu > .item .ui.header > i.icon {
	font-size: 2em;
	padding-right: .2em;
}
@media only screen and (min-width:768px) and (max-width:990px) {
	.ui.tabular.menu > .item {
		padding: 1.5em 1em !important;
	}
	.ui.pointing.tabular.menu > .item h2,
	.ui.pointing.tabular.menu > .item .ui.header {
		font-size: 1.4rem;
	}
	.ui.pointing.tabular.menu > h3 {
		font-size: 1.2rem;
		font-weight: 700;
	}
	.ui.pointing.tabular.menu > .item .ui.header > .content > .sub.header,
	.ui.pointing.tabular.menu > .item h2 > .content > .sub.header {
		font-size: 1rem;
	}
	.ui.pointing.tabular.menu > .item h2 > i,
	.ui.pointing.tabular.menu > .item .ui.header > i {
		font-size: 1.5em;
	}
}
@media only screen and (max-width:767px) {
	.ui.tabular.menu > .item {
		padding: 1em .8em !important;
	}
	.ui.pointing.tabular.menu h2,
	.ui.pointing.tabular.menu .ui.header {
		font-size: 1.1rem;
		font-weight: 700;
	}
	.ui.pointing.tabular.menu h3 {
		font-size: 1rem;
		font-weight: 700;
	}
	.ui.pointing.tabular.menu .ui.header > .content > .sub.header,
	.ui.pointing.tabular.menu h2 > .content > .sub.header {
		font-size: .9rem;
	}
	.ui.pointing.tabular.menu h2 > i,
	.ui.pointing.tabular.menu .ui.header > i {
		display: none;
	}
}


/* tabular menu active */
.ui.tabular.menu > .active.item,
.ui.inverted.tabular.menu > .active.item {
	border-radius: 0 !important;
	border: 0;
	margin-bottom: 0;
}
.ui.tabular.menu > .active.item {
	background: rgba(99,35,126,1);
	/*color: rgba(25,47,61,1) !important;*/
}
.ui.inverted.tabular.menu > .active.item {
	background: rgba(255,255,255,.15);
	color: white !important;
}
.ui.tabular.menu > .active.item h2,
.ui.tabular.menu > .active.item h3,
.ui.tabular.menu > .active.item:hover .ui.header {
	color: white !important;
}
.ui.tabular.menu > .active.item:hover .ui.header > .content > .sub.header {
	color: rgba(255,255,255,.8) !important;
}
.ui.tabular.menu > .active.item:hover {
	background: rgba(39,14,50,1);
}
.ui.tabular.menu > .active.item .ui.header .sub.header {
	color: rgba(255,255,255,.8);
}

.top-chart .ui.inverted.tabular.menu {
	background-color: transparent;
	border-radius: 0;
}
.top-chart .ui.inverted.tabular.menu .item {
	border: none;
	border-radius: 0;
}
.top-chart .ui.inverted.tabular.menu .item:hover {
	color: white;
	background-color: rgba(26,209,31,.4);
}
.top-chart .ui.inverted.tabular.menu .item:active {
	background-color: rgba(26,209,31,1);
}
.top-chart .ui.inverted.tabular.menu .active.item {
	border-radius: 0 !important;
	margin-bottom: 0;
}
.top-chart .ui.attached.tab.segment {
	border: none;
	background-color: transparent;
	padding: 1em 0;
	margin: 0;
}

/*-------------------------
	tab pointer
--------------------------*/

.ui.pointing.menu .active.item:after,
.ui.vertical.pointing.menu .active.item:after,
.ui.vertical.pointing.menu .active.item:hover:after {
	background-color: rgba(99,35,126,1);
	border: 0;
}
.ui.pointing.menu .active.item:hover:after {
	background-color: rgba(39,14,50,1);
}
.ui.pointing.menu .item:after {
	width: 1em;
	height: 1em;
	margin-top: 0;
}

/*-------------------------
	Pagination
--------------------------*/

.nav-top.fixed + .pusher .ui.inverted.stackable.menu.bg-deep-purple.fixed {
	top: 4.714285714285714rem;
}
.pagination-container {
	border: 2px solid rgba(99,35,126,1);
	border-radius: .28571429rem;
}
.pagination {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
.pagination > li { display:inline; }
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	display: block;
	padding: .8em;
	font-size: 1rem;
	line-height: 1.1;
	text-decoration: none;
	background-color: rgba(99,35,126,1);
	color: white !important;
	font-weight: 700;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left:0; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	background-color: rgba(118,62,142,1);
	transition: background-color ease-out .3s;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: rgba(255,255,255,.7);
	cursor: default;
	background-color: rgba(39,14,50,1);
}
.pagination > .active > a:hover,
.pagination > .active > span:hover {
	background-color: rgba(39,14,50,1);
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	cursor: not-allowed;
	color: rgba(255,255,255,.3);
}
.pagination > .disabled > a > i.icon { opacity:.2; }
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
}
.pagination > .PagedList-pageCountAndLocation > a,
.pagination > .PagedList-pageCountAndLocation > a:hover,
.pagination > .PagedList-pageCountAndLocation > a:focus,
.pagination > .disabled.PagedList-pageCountAndLocation > a {
	background-color: rgba(39,14,50,1);
	color: rgba(255,255,255,.7);
}
.pager .next > a,
.pager .next > span {
	float: right;
}
.pager .previous > a,
.pager .previous > span {
	float: left;
}

@media only screen and (max-width:767px) {
	.pagination-container {
		border: none;
		border-radius: 0;
	}
	.pagination-container.smallscreen {
		display: block;
		width: 100%;
	}
	.pagination-container.widescreen { display:none; }
	.item.pager > .page-count { display:none; }
	.item.pager,
	.item.total-count {
		flex-grow: 1 !important;
		justify-content: center;
		order: 1;
		margin-top: 1rem;
		width: 100%;
	}
	.ui.menu .item.pager {
		padding: 0;
	}
	.ui.fixed.menu .item.pager,
	.ui.fixed.menu .item.total-count {
		margin: 0;
	}
	ul.pagination { display:flex; }
	ul.pagination > li { flex:1 auto; }
	ul.pagination > li.PagedList-pageCountAndLocation { align-self:center; }
	ul.pagination > li > a {
		float: none;
		text-align: center;
	}
	ul.pagination > li.PagedList-skipToPrevious i.icon,
	ul.pagination > li.PagedList-skipToNext i.icon {
		font-size: 1.5em;
	}
}
@media only screen and (min-width:768px) {
	.pagination-container.smallscreen { display:none; }
	.pagination-container.widescreen { display:block; }
	.item.pager > .page-count {
		display: block;
		margin-left: 1rem;
	}
	.item.pager {
		flex-grow: 1 !important;
		justify-content: center;
	}
}

/*-------------------------
	Daterangepicker
--------------------------*/

.daterangepicker .active { display:table-cell; }




/*-------------------------
		Animations
--------------------------*/

@keyframes BounceBtn {
	0%      {transform:matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	4.7%	{transform:matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	9.41%	{transform:matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	14.11%	{transform:matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	18.72%	{transform:matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	24.32%	{transform:matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	29.93%	{transform:matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	35.54%	{transform:matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	41.04%	{transform:matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	52.15%	{transform:matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	63.26%	{transform:matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	85.49%	{transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
	100%	{transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);}
}

a.ui.no-border-bottom:hover {
	border-bottom: none !important;
	text-decoration: underline !important;
}

@media only screen and (max-width: 767px) {
	td > h3 > .fg-white {
		color: black !important;
	}
}

@media only screen and (min-width: 767px) {
	.static-image-cell {
		min-width: 120px;
		max-width: 150px;
		padding: 0 !important;
	}
}

.yesp-error {
	background-color: #E42923 !important;
}

div.ui.dimmer.modals.page.transition.visible.active {
    display: flex !important;
    will-change: initial;
}

div.ui.modal.long.transition.visible.active {
    display: block !important;
    will-change: initial;
}

.display_none {
    display: none !important;
}

.display_block {
    display: block !important;
}

.display_flex {
    display: flex !important;
}

.display_inline_block {
    display: inline-block !important;
}

.copy_elem {
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
}

.text_left {
    text-align: left !important;
}

.text_center {
    text-align: center !important;
}

.login_message_td {
    width: 200px !important;
    text-align: center !important;
    vertical-align: top !important;
}