* ********************************************** **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	Tuesday, August 25, 2015

	TABLE CONTENTS
	-------------------------------
		Globals
		Boxed
		Color Background
		Slide Top
		Parallax Social Icons
		Page Header
		Top Nav
		Menu Vertical
		Page Menu
		Scroll To Top
		Preloader
		Misc
		Landing Page
		Featured Grid
		Captions
		Aside
		Masonry Gallery
		Image Hover
		Sticky Side
		Parallax Social icons
		Word Rotator
		Sliders
		Standard Forms Messages
		Portfolio
		Item Box
		Mixitup
		Blog
		Comments
		Timeline
		Contact
		Error 404
		Maintenance
		Login & Register
		Search Page
		Block Review
		Footer
		Responsive
		DEMO ONLY [remove on production]
*************************************************** **/



/** Globals
 **************************************************************** **/
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
</style>

html, body {
	height:100%;
}
body {
	color:#666;
	background-color:#fff;
	font-family: "Noto Serif TC", serif , sans-serif;
	-webkit-font-smoothing: antialiased;

	font-size:14px; line-height:1.5;
	margin:0; padding:0;
}
/* example usage: index-onepage-youtube.html */
body.has-image-bg section,
body.has-video-bg section {
	background-color:#fff;
}

body #wrapper {/* used by RTL*/
	overflow:hidden; 
	min-height:100%; /*  because short page hide long menus */
}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}

section {
	display: block;
	position: relative;
	padding: 40px 0;
	border-bottom:rgba(0,0,0,0.1) 1px solid;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;

	background-attachment: fixed;
	  background-position: center center;
		background-repeat: no-repeat;

	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;

	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	   background-size: cover !important;
			box-sizing: border-box !important;
}
section:after,
section:before {
	content:" ";
	display:table;
}

section header.section-header {
	margin-bottom:80px;
}

	div.alternate,
	section.alternate {
		background-color:rgba(0,0,0,0.02);
	}

	section.dark {
		background-color:#212121;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
	}
	section.dark.alternate {
		background-color:#151515;
	}
	section.theme-color,
	section.theme-color h1,
	section.theme-color h2,
	section.theme-color h3,
	section.theme-color h4,
	section.theme-color h5,
	section.theme-color h6,
	section.theme- p,
	section.dark,
	section.dark p,
	section.dark h1,
	section.dark h2,
	section.dark h3,
	section.dark h4,
	section.dark h5,
	section.dark h6 {
		color:#fff;
	}
	section.padding-xxs {
		padding:30px 0;
	}
	section.padding-xs {
		padding:60px 0;
	}
	section.padding-md {
		padding:80px 0;
	}
	section.padding-lg {
		padding:120px 0;
	}
	section.padding-xlg {
		padding:140px 0;
	}
	section.dark a {
		color:#999;
	}
	section.parallax {
		border:0;
	}

body.bg-grey,
body.bg-grey #wrapper {
	background-color:#f1f2f7;
}
.container {
	position:relative;
}

a:active,
a:focus,
a:hover { 
	color: #212121;
	text-decoration:none;
}


/* black link color - override theme color link */
a.href-reset,
.href-reset a {
	color:#121212;
}
section.dark a.href-reset,
section.dark .href-reset a {
	color:#eee;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:#121212;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color:#888;
}

section.dark h1 a,
section.dark h2 a,
section.dark h3 a,
section.dark h4 a,
section.dark h5 a,
section.dark h6 a {
	color:#eee;
}

section.dark h1 a:hover,
section.dark h2 a:hover,
section.dark h3 a:hover,
section.dark h4 a:hover,
section.dark h5 a:hover,
section.dark h6 a:hover {
	color:#fff;
}

section header>h1,
section header>h2,
section header>h3,
section header>h4,
section header>h5,
section header>h6 {
	margin:0;
}

small { 
	font-family: 'Lato', sans-serif; 
}
label {
	display:block;
}


/* form control: inputs, textarea, etc */
.btn {
	position:relative;
}
.btn-default {
	border-width:2px;
}

.btn>.label-absolute {
	position:absolute;
	right:-6px;
	top:-8px;
}



.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
}
	section.dark .input-group-addon {
		background-color:#212121;
		border-color:#666;
		color:#eaeaea;
	}
.form-control {
	border:#ddd 2px solid;
	box-shadow:none;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
section .input-group-btn .btn.btn-default,
section .input-group-btn button.btn-default {
	border-width:2px;
	border-color:#ddd;
}
.form-control:focus {
	border-color:#c6c6c6;
}
	section.dark .form-control {
		border-color:#666;
		background-color: rgba(255,255,255,0.05);
	}
	section.dark .form-control:focus {
		border-color:#999;
	}



.nav-tabs>li>a {
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
}

.label {
	padding:.4em .6em .4em;
}


/* DARK PRESETS */
section.dark input, 
section.dark select, 
section.dark textarea { 
	color:#fff;
}
section.dark .btn {
	color:#fff;
}
section.dark .thumbnail {
	border-color:#444;
	background-color:transparent;
}
section.dark h1.page-header,
section.dark h2.page-header,
section.dark h3.page-header,
section.dark h4.page-header,
section.dark h5.page-header,
section.dark h6.page-header {
	border-bottom-color:#666;
}


/* fonts */
.font-open-sans {
	font-family:'Open Sans',Arial,Helvetica,sans-serif !important;
}
.font-lato {
	font-weight:300;
	font-family:'Lato',Arial,Helvetica,sans-serif !important;
}
.font-raleway {
	font-family:'Raleway',Arial,Helvetica,sans-serif !important;
}



/* 
	GLOBAL RADIUS
	Add here all needed bootstrap elements 
*/
pre,
.alert,
.panel,
.navbar-toggle,
.btn {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

/* 
	bootstrap rewrite 
*/
img.img-responsive {
	display:inline-block;
}


/* cover video */
.cover-video {

}




/** Boxed
 **************************************************************** **/
body.boxed {
	background-color:#f1f2f7;
}
body.boxed section {
	background-color:#fff;
}
body.boxed #wrapper {
	max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
@media only screen and (max-width: 992px) {
	body.boxed #wrapper {
		margin-top:0;
		margin-bottom:0;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
}



 
 
/** Color Background
 **************************************************************** **/
	/* 
		GRAIN BLUE BACKGROUND 
	*/
	body.grain-blue,
	body.grain-blue #wrapper,
	body.grain-blue #topBar,
	body.grain-blue #header.fixed,
	body.grain-blue #header li.search .search-box, 
	body.grain-blue #header li.quick-cart .quick-cart-box,
	body.grain-blue div.heading-title h1, 
	body.grain-blue div.heading-title h2, 
	body.grain-blue div.heading-title h3, 
	body.grain-blue div.heading-title h4, 
	body.grain-blue div.heading-title h5, 
	body.grain-blue div.heading-title h6 {
		background:#dce4e9  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN GREY BACKGROUND 
	*/
	body.grain-grey,
	body.grain-grey #wrapper,
	body.grain-grey #topBar,
	body.grain-grey #header.fixed,
	body.grain-grey #header li.search .search-box, 
	body.grain-grey #header li.quick-cart .quick-cart-box,
	body.grain-grey div.heading-title h1, 
	body.grain-grey div.heading-title h2, 
	body.grain-grey div.heading-title h3, 
	body.grain-grey div.heading-title h4, 
	body.grain-grey div.heading-title h5, 
	body.grain-grey div.heading-title h6 {
		background:#f1f2f7  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN GREEN BACKGROUND 
	*/
	body.grain-green,
	body.grain-green #wrapper,
	body.grain-green #topBar,
	body.grain-green #header.fixed,
	body.grain-green #header li.search .search-box, 
	body.grain-green #header li.quick-cart .quick-cart-box,
	body.grain-green div.heading-title h1, 
	body.grain-green div.heading-title h2, 
	body.grain-green div.heading-title h3, 
	body.grain-green div.heading-title h4, 
	body.grain-green div.heading-title h5, 
	body.grain-green div.heading-title h6 {
		background:#e6eeea  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN ORANGE BACKGROUND 
	*/
	body.grain-orange,
	body.grain-orange #wrapper,
	body.grain-orange #topBar,
	body.grain-orange #header.fixed,
	body.grain-orange #header li.search .search-box, 
	body.grain-orange #header li.quick-cart .quick-cart-box,
	body.grain-orange div.heading-title h1, 
	body.grain-orange div.heading-title h2, 
	body.grain-orange div.heading-title h3, 
	body.grain-orange div.heading-title h4, 
	body.grain-orange div.heading-title h5, 
	body.grain-orange div.heading-title h6 {
		background:#fff4ea  url('../images/grain_bg.png') repeat;
	}
	/* 
		GRAIN YELLOW BACKGROUND 
	*/
	body.grain-yellow,
	body.grain-yellow #wrapper,
	body.grain-yellow #topBar,
	body.grain-yellow #header.fixed,
	body.grain-yellow #header li.search .search-box, 
	body.grain-yellow #header li.quick-cart .quick-cart-box,
	body.grain-yellow div.heading-title h1, 
	body.grain-yellow div.heading-title h2, 
	body.grain-yellow div.heading-title h3, 
	body.grain-yellow div.heading-title h4, 
	body.grain-yellow div.heading-title h5, 
	body.grain-yellow div.heading-title h6 {
		background:#ffffe6  url('../images/grain_bg.png') repeat;
	}

	/* essentials.css rewrite : heading shortcode */
	body.grain-blue div.heading-title.heading-line-single:before,
	body.grain-grey div.heading-title.heading-line-single:before,
	body.grain-green div.heading-title.heading-line-single:before,
	body.grain-orange div.heading-title.heading-line-single:before,
	body.grain-yellow div.heading-title.heading-line-single:before,

	body.grain-blue div.heading-title.heading-line-double:before,
	body.grain-grey div.heading-title.heading-line-double:before,
	body.grain-green div.heading-title.heading-line-double:before
	body.grain-orange div.heading-title.heading-line-double:before,
	body.grain-yellow div.heading-title.heading-line-double:before {
		border-top: 3px double #ccc;
	}


	/* color header */
	body.grain-blue #header,
	body.grain-grey #header,
	body.grain-green #header,
	body.grain-orange #header,
	body.grain-yellow #header {
		background-color:rgba(0,0,0,0.16);
	}

	body.grain-blue #header.dark,
	body.grain-grey #header.dark,
	body.grain-green #header.dark,
	body.grain-orange #header.dark,
	body.grain-yellow #header.dark {
		background-color:rgba(33,33,33,0.8);
	}
		body.grain-blue #header.dark.fixed,
		body.grain-grey #header.dark.fixed,
		body.grain-green #header.dark.fixed,
		body.grain-orange #header.dark.fixed,
		body.grain-yellow #header.dark .fixed{
			background-color:#333;
		}

	body.grain-blue section.page-header,
	body.grain-grey section.page-header,
	body.grain-green section.page-header,
	body.grain-orange section.page-header,
	body.grain-yellow section.page-header {
		border:0;
	}







/** Slide Top
 **************************************************************** **/
#slidetop {
	color:#888;
	font-size:13px;
	background-color:#363839;
	z-index: 1500;
	position: absolute;
	top: 0; right: 0; left:0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	#slidetop h1,
	#slidetop h2,
	#slidetop h3,
	#slidetop h4,
	#slidetop h5,
	#slidetop h6 {
		font-size:13px;
		line-height:20px;
		color:#fff;
	}
	
	#slidetop ul {
		margin:0;
	}
	#slidetop a {
		color:#ccc;
		text-decoration:none;
	}
	#slidetop ul>li>a {
		display:block;
		overflow:hidden; 
		text-overflow:ellipsis; 
		white-space: nowrap;
		width:100%;
	}
	#slidetop ul>li>a>i {
		margin-right:6px;
	}
	#slidetop h1>i,
	#slidetop h2>i,
	#slidetop h3>i,
	#slidetop h4>i,
	#slidetop h5>i,
	#slidetop h6>i {
		margin-right:8px;
	}
	#slidetop a:hover {
		color:#fff;
	}
#slidetop .container {
	display:none;
	height: auto;
	padding:30px 0;
}

#slidetop a.slidetop-toggle {
	height:35px;
	position: absolute;
	right: 0; bottom:-35px;
	border-top: 35px solid #363839;
	border-left: 35px solid transparent;

	display:inline-block;
	text-decoration:none;
	color:#fff;
	text-align:center;
}
#slidetop a.slidetop-toggle:after {
	font-family:FontAwesome;
	content: "\f067";
	height:18px;
	color:#fff;
	position:absolute; 
	top: -34px;
	left: -16px;
}
	#slidetop.active a.slidetop-toggle:after {
		content: "\f068";
	}

	
@media only screen and (max-width: 768px) {
	#slidetop {
		display:none !important;
	}
}



/** Parallax Social Icons
 **************************************************************** **/
#sidepanel {
	color:#888;
	font-size:13px;
	position: fixed;
	top: 0; right: -280px; bottom:0;
	width:280px;
	z-index: 3000;
	background-color:#363839;
	
	overflow:hidden;
	display:none;

	-webkit-transition: right .4s ease;
		 -o-transition: right .4s ease;
			transition: right .4s ease;

}
#sidepanel_overlay {
	position:fixed;
	left:0; top:0;
	right:0; bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:2999;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}

#sidepanel_close {
	color: #999;
	background-color:rgba(0,0,0,0.2);

	display: block;
	position: absolute;
	top: 0; right: 0;

	width: 40px; height: 40px;
	font-size: 18px;
	line-height: 40px;

	text-align: center;
}
#sidepanel_close:hover {
	color:#fff;
}
	#sidepanel.sidepanel-light #sidepanel_close {
		color:#777;
		background-color:rgba(0,0,0,0.1);
	}
	#sidepanel.sidepanel-light #sidepanel_close:hover {
		color:#333;
	}
	#sidepanel.sidepanel-theme-color #sidepanel_close {
		color:#ccc;
		background-color:rgba(0,0,0,0.1);
	}
	#sidepanel.sidepanel-theme-color #sidepanel_close:hover {
		color:#fff;
	}

	/* position */
	#sidepanel.sidepanel-inverse {
		right:auto;
		left: -280px;
	}
	/* colors */
	#sidepanel.sidepanel-dark {
		color:#ddd;
		background-color:#363839;
	}
	#sidepanel.sidepanel-light {
		color:#111;
		background-color:#ffffff;
	}
	#sidepanel.sidepanel-theme-color {
		color:#fff;
		background-color:#333;
	}

/* sidepanel content */
#sidepanel h1,
#sidepanel h2,
#sidepanel h3,
#sidepanel h4,
#sidepanel h5,
#sidepanel h6 {
	color:#ddd;
}
#sidepanel .sidepanel-content {
	margin:50px 30px;
	overflow-y:auto;
}
#sidepanel .sidepanel-title {
	font-size:18px;
	line-height:23px;
}

/* sidepanel menu */
#sidepanel ul>li>a {
	font-size:14px;
}
#sidepanel ul ul>li>a {
	font-size:11px;
}
#sidepanel ul {
	border-bottom:rgba(0,0,0,0.2) 1px solid;
	padding-bottom:30px;
}
#sidepanel ul ul {
	margin-top:6px;
	border-bottom:0;
	padding-bottom:0;
}
#sidepanel ul ul>li {
	padding:5px 0 5px 32px;
	
}

#sidepanel .list-group-item {
	background-color:transparent;
	border:0; padding:8px 0;
}
	#sidepanel .list-group-item a {
		color:#ddd;
		display:block;
		text-decoration:none;
	}
	#sidepanel ul li a[data-toggle="collapse"] {
		/* font-weight:bold; */
	}
	#sidepanel ul li a[data-toggle="collapse"].collapsed {
		color:#ddd;
		font-weight:normal;
	}
	#sidepanel ul li a>i.ico-dd {
		float:right;
	}
	#sidepanel ul li a>i.ico-category {
		width:20px;
	}
		#sidepanel .list-group-item a>i {
			margin-right:6px;
		}
	#sidepanel .list-group-item .badge {
		float:right;
	}


/* light */
#sidepanel.sidepanel-light ul  a,
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"].collapsed,
#sidepanel.sidepanel-light .list-group-item ul li a[data-toggle="collapse"].collapsed {
	color:#777 !important;
}
#sidepanel.sidepanel-light,
#sidepanel.sidepanel-light h1,
#sidepanel.sidepanel-light h2,
#sidepanel.sidepanel-light h3,
#sidepanel.sidepanel-light h4,
#sidepanel.sidepanel-light h5,
#sidepanel.sidepanel-light h6,
#sidepanel.sidepanel-light ul li a[data-toggle="collapse"],
#sidepanel.sidepanel-light ul a:hover {
	color:#111 !important;
}

/* theme color */
#sidepanel.sidepanel-theme-color ul  a,
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"].collapsed,
#sidepanel.sidepanel-theme-color .list-group-item ul li a[data-toggle="collapse"].collapsed {
	color:#eee !important;
}
#sidepanel.sidepanel-theme-color,
#sidepanel.sidepanel-theme-color h1,
#sidepanel.sidepanel-theme-color h2,
#sidepanel.sidepanel-theme-color h3,
#sidepanel.sidepanel-theme-color h4,
#sidepanel.sidepanel-theme-color h5,
#sidepanel.sidepanel-theme-color h6,
#sidepanel.sidepanel-theme-color ul li a[data-toggle="collapse"],
#sidepanel.sidepanel-theme-color ul a:hover {
	color:#fff !important;
}





/** Page Header
 **************************************************************** **/
section.page-header {
	position: relative;
	padding: 15px 0 15px 0;
	border-top: 0;
	margin-top: 0;
	margin-bottom: 0 !important;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 61%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 61%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 61%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	border-bottom: rgba(0,0,0,0.12) 1px solid;

	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
		 -o-transition: all 0s;
			transition: all 0s;
}

	/* shadows */
	section.page-header.shadow-after-1:before {
			content:' ';
			position:absolute;
			left:0; right:0;
			width:100%; height:60px;
			bottom:-60px;
			background-image:url('../images/misc/shadow1.png');
			background-size: 100% 100%;
	}
	section.page-header.shadow-after-2:before {
			content:' ';
			position:absolute;
			left:0; right:0;
			width:100%; height:60px;
			bottom:-60px;
			background-image:url('../images/misc/shadow2.png');
			background-size: 100% 100%;
	}
	section.page-header.shadow-after-3:before {
			content:' ';
			position:absolute;
			left:0; right:0;
			width:100%; height:60px;
			bottom:-60px;
			background-image:url('../images/misc/shadow3.png');
			background-size: 100% 100%;
	}


	section.dark.page-header {
		color:#fff;
		background-color:#151515;
	}
	section.light.page-header {
		color:#151515;
		background-color:transparent;
		border-top: rgba(0,0,0,0.05) 1px solid;
		
	}
	section.page-header.page-header-xs {
		padding: 20px 0 20px 0;
	}
	section.page-header.page-header-md {
		padding: 50px 0 50px 0;
	}
	section.page-header.page-header-lg {
		padding: 80px 0 80px 0;
	}
	section.page-header.page-header-xlg {
		padding: 130px 0 130px 0;
	}
	section.page-header.page-header-2xlg {
		padding: 250px 0 250px 0;
	}
	@media only screen and (max-width: 482px) {
		section.page-header.page-header-2xlg {
			padding: 130px 0 130px 0;
		}
	}

	/* page header tabs */
	.page-header.page-header-xs ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-21px;
		margin-top:40px;
	}
	.page-header.page-header-md ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-51px;
		margin-top:70px;
	}
	.page-header.page-header-lg ul.page-header-tabs {
		display:block;
		text-align:left;
		margin-bottom:-81px;
		margin-top:80px;
	}
	.page-header ul.page-header-tabs>li {
		background-color: rgba(0,0,0,0.02);
		padding:0;

		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		   -moz-border-top-left-radius: 3px;
		   -moz-border-top-right-radius: 3px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
	}
	.page-header ul.page-header-tabs>li>a {
		display:inline-block;
		padding:6px 20px;
		color:#111;
		text-decoration:none;
	}
	.page-header.page-header-xs ul.page-header-tabs li a>span.label {
		padding:1px 5px;
	}

	.page-header.dark ul.page-header-tabs>li {
		background-color:rgba(255,255,255,0.1);

		-webkit-transition: all .300s;
		   -moz-transition: all .300s;
			 -o-transition: all .300s;
				transition: all .300s;
	}
	.page-header.dark ul.page-header-tabs>li:hover {
		background-color:rgba(255,255,255,0.2);
	}
	.page-header.dark ul.page-header-tabs>li>a {
		color:#fff;
	}

	.page-header ul.page-header-tabs>li:hover {
		background-color:rgba(0,0,0,0.03);
	}
	.page-header ul.page-header-tabs.dark>li:hover {
		background-color:rgba(0,0,0,0.1);
	}

		.page-header ul.page-header-tabs>li.active>a {
			color:#000;
		}
		.page-header.dark ul.page-header-tabs>li.active:hover,
		.page-header ul.page-header-tabs>li.active {
			font-weight:bold;
			background-color:#fff;
		}
		.page-header ul.page-header-tabs.dark>li.active>a {
			color:#fff;
		}
		.page-header ul.page-header-tabs.dark>li.active {
			background-color: #212121;
		}




	@media only screen and (max-width: 767px) {
		.page-header ul.page-header-tabs {
			background-color:rgba(0,0,0,0.03);
			padding:6px;
			margin-left:-15px;
			margin-right:-15px;
		}
		.page-header ul.page-header-tabs.dark {
			background-color:rgba(0,0,0,0.1);
		}
		.page-header ul.page-header-tabs>li,
		.page-header ul.page-header-tabs>li>a {
			display:block;
			float:none !important;
			text-align:center;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		.page-header ul.page-header-tabs.dark>li {
			border:0;
		}
	}

	
	

section.page-header h1 {
	margin:0;
	padding:0;
	font-size:26px;
	font-weight:300;
}

section.page-header .breadcrumb {
	position:relative;
	font-size:12px;
	background:transparent;
	margin-bottom:0;
	z-index:10;
}
section.page-header .breadcrumb>li+li:before {
	content:"";
}
section.page-header .breadcrumb a {
	color:#333;
}
	section.page-header.parallax .breadcrumb li.active,
	section.page-header.parallax .breadcrumb a {
		color:#fff;
	}
section.page-header .breadcrumb {
	right:0; left:auto;
}
section.page-header .breadcrumb.breadcrumb-inverse {
	left:0; right:auto;
}
section.page-header .breadcrumb.breadcrumb-center {
	left:auto; right:auto;
	position:relative;
	margin-top:20px;
}
section.dark.page-header .breadcrumb a {
	color:#ccc;
}
section.page-header .breadcrumb li{
		width: 11%;
}
@media only screen and (max-width: 767px) {
	section.page-header {
		text-align:center;
	}
	section.page-header .breadcrumb {
		position:relative;
		display:block;
	
		margin:0;
	}
	section.page-header .breadcrumb li{
		width: auto;
	}
	section.page-header .container.text-right,
	section.page-header .container.text-left {
		text-align:center;
	}
}



/* options - like buttons */
section.page-header ul.page-options {
	position:absolute;
	font-size:24px;
	top:50%; left:0;
	margin-top:-15px;
	background:transparent;
	margin-bottom:0;
	z-index:10;
}
section.page-header ul.page-options a {
	color:#333;
	text-decoration:none;
}
	section.page-header.parallax ul.page-options li.active,
	section.page-header.parallax ul.page-options a {
		color:#fff;
	}
section.page-header ul.page-options {
	right:0; left:auto;
}
section.page-header ul.page-options.page-options-inverse {
	left:0; right:auto;
}
section.page-header ul.page-options.page-options-center {
	left:auto; right:auto;
	position:relative;
	margin-top:20px;
}
section.dark.page-header ul.page-options a {
	color:#ccc;
}

@media only screen and (max-width: 767px) {
	section.page-header  ul.page-options {
		position:relative;
		display:block;
		margin:0;
		margin-top:20px;
		font-size:28px;
	}
}



/** Top Nav
 **************************************************************** **/
#header {
	position: relative;
	left:0; top:0; right:0;
	z-index:1000;
	background-color:#fff;
	border-bottom: #eb6f91 1px solid;

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
	   -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important;
			box-shadow: 0 0 2px rgba(0,0,0,.1) !important;

	-webkit-transition: all .800s;
	   -moz-transition: all .800s;
		 -o-transition: all .800s;
			transition: all .800s;
}
#header a.logo>img, #header a.logo2>img {
	height:66px;
	padding: 5px 0;
	-webkit-transition: all .300s;
	   -moz-transition: all .300s;
		 -o-transition: all .300s;
			transition: all .300s;
}
#header a.logo.logo-responsive>img {
	height:100%; /* used on center - example: page-coming-soon-1.html */
}

/* force uppercase links */
#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
	text-transform:uppercase;
}


/* two logo images : light & dark */
#header a.logo>img:last-child {
	display:none;
}
#header a.logo>img:first-child {
	display:inline-block;
}
#header.fixed a.logo>img:first-child {
	display:none;
}
#header.fixed a.logo>img:last-child {
	display:inline-block;
}



	/* shadows */
	#header.shadow-after-1:before {
		content:' ';
		position:absolute;
		left:0; right:0;
		width:100%; height:60px;
		bottom:-60px;
		background-image:url('../images/misc/shadow1.png');
		background-size: 100% 100%;
	}
	#header.shadow-before-1:before {
		content:' ';
		position:absolute;
		left:0; right:0; top:0;
		width:100%; height:60px;
		background-image:url('../images/misc/shadow1.png');
		background-size: 100% 100%;
	}

	#header.shadow-after-2:before {
		content:' ';
		position:absolute;
		left:0; right:0;
		width:100%; height:60px;
		bottom:-60px;
		background-image:url('../images/misc/shadow2.png');
		background-size: 100% 100%;
	}
	#header.shadow-before-2:before {
		content:' ';
		position:absolute;
		left:0; right:0; top:0;
		width:100%; height:60px;
		background-image:url('../images/misc/shadow2.png');
		background-size: 100% 100%;
	}
	#header.shadow-after-3:before {
		content:' ';
		position:absolute;
		left:0; right:0;
		width:100%; height:60px;
		bottom:-60px;
		background-image:url('../images/misc/shadow3.png');
		background-size: 100% 100%;
	}
	#header.shadow-before-3:before {
		content:' ';
		position:absolute;
		left:0; right:0; top:0;
		width:100%; height:60px;
		background-image:url('../images/misc/shadow3.png');
		background-size: 100% 100%;
	}


	/** Search - Default
	 ********************** **/
	#header li.search {
		display:inline-block;
	}
	#header li.search .search-box {
		display:none;
		right: 0;
		left:auto;
		top: 100%;
		padding: 15px;
		background-color: #fff;
		position: absolute;
		box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
		width: 274px;
		margin-top: 36px;
		z-index: 22;
	}
	#header.header-md li.search .search-box {
		margin-top:25px;
	}
	#header.header-sm  li.search .search-box {
		margin-top:19px;
	}
	#header.fixed  li.search .search-box {
		margin-top:18px;
	}
		#header.fixed.header-sm  li.search .search-box {
			margin-top:18px;
		}
		#header.fixed.header-md  li.search .search-box {
			margin-top:15px;
		}

	#header li.search i.fa {
		color: #333;
		cursor: pointer;
		position: relative;
	}
	form.mobile-search {
		display:none;
	}


	/** Search - Fullscreen
	 ********************** **/
	#header li.search.fullscreen>.search-box {
		text-align:center;
		position:fixed;
		padding:30px;
		background-color:rgba(255,255,255,0.95) !important;
		left:0; top:0 !important; right:0; bottom:0;
		width:100%; 
		height:100%;
		margin:0 !important; 
		z-index:2000;
	}
	#header li.search.fullscreen>.search-box>form {
		max-width:800px;
		display:inline-block;
		margin:auto;
		margin-top:20%;
	}
	#header li.search.fullscreen>.search-box>form input {
		border: 0;
		background-color: rgba(0,0,0,0.1);
		padding-top: 15px;
		padding-bottom: 15px;
		height: 65px;
		font-size:24px;
		font-weight:300;
		color:#121212;
		border-right:rgba(0,0,0,0.2) 1px solid;
	}
	#header li.search.fullscreen>.search-box>form button {
		border: 0;
		font-size: 24px;
		padding: 15px 20px !important;
		height: 65px;
		background-color: rgba(0,0,0,0.1);
		color: #888;
	}
	#header li.search.fullscreen>.search-box>form button>i {
		color: #999;
		font-size: 22px;
	}
	#header li.search.fullscreen>.search-box>form button:hover>i {
		color: #121212;
	}
	#header li.search.fullscreen #closeSearch {
		background-color: rgba(0,0,0,0.05);
		text-decoration: none;
		text-align: center;
		width: 60px;
		height: 60px;
		line-height: 60px;
		position: absolute;
		top: -3px;
		left: 50%;
		margin-left: -30px;
		color: #888;
		font-size: 40px;
		z-index: 1000;


		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	#header li.search.fullscreen #closeSearch:hover {
		color:#111;
	}

	/* Dark */
	#header li.search.fullscreen.dark>.search-box {
		background-color:rgba(0,0,0,0.95) !important;
	}
	#header li.search.fullscreen.dark>.search-box>form input {
		color:#ddd;
		background-color: rgba(255,255,255,0.1);
		border-right-color:rgba(255,255,255,0.2);
	}
	#header li.search.fullscreen.dark>.search-box>form button {
		background-color: rgba(255,255,255,0.1);
	}
	#header li.search.fullscreen.dark>.search-box>form button>i {
		color: #999;
	}
	#header li.search.fullscreen.dark>.search-box>form button:hover>i {
		color: #fff;
	}
	#header li.search.fullscreen.dark #closeSearch {
		background-color: rgba(255,255,255,0.2);
		color: #888;
	}
	#header li.search.fullscreen.dark #closeSearch:hover {
		color:#fff;
	}

	@media only screen and (max-width: 480px) {
		#header li.search.fullscreen>.search-box>form {
			margin-top:30%;
		}
	}
	@media only screen and (max-height: 400px) {
		#header li.search.fullscreen>.search-box>form {
			margin-top:60px;
		}
	}



	/** Search - Header
	 ********************** **/
	#header .search-box.over-header {
		text-align:center;
		position:absolute;
		padding:0;
		background-color:#fff !important;
		left:0; top:0 !important; right:0; bottom:0;
		width:100%; 
		height:100%;
		margin:0 !important; 
		z-index:2000;
		border:0;
		display:none;
	}
	#header .search-box.over-header>form {
		display:block;
		z-index:0;
	}
	#header .search-box.over-header>form>input {
		font-size:32px;
		font-weight:bold;
		background-color:transparent;
		height:inherit;
		position:absolute;
		top:50%; left:0;
		width:100%;
		margin-top:-30px;
		padding-left:40px;
		padding-right:60px;
		border:0;
		box-shadow:none;
	}

	#header .search-box.over-header>form>input::-webkit-input-placeholder { 	/* WebKit browsers */
		color: #666;
		text-transform:uppercase;
	}

	#header .search-box.over-header>form>input:-moz-placeholder { 				/* Mozilla Firefox 4 to 18 */
		color: #666;
		text-transform:uppercase;
	}

	#header .search-box.over-header>form>input::-moz-placeholder { 			/* Mozilla Firefox 19+ */
		color: #666;
		text-transform:uppercase;
	}

	#header .search-box.over-header>form>input:-ms-input-placeholder {			/* Internet Explorer 10+ */
		color: #666;
		text-transform:uppercase;
	}

	#header .search-box.over-header #closeSearch {
		position:absolute;
		right:0;
		color:#333;
		background:transparent;
		top:50%; right:30px;
		font-size:20px;
		margin-top:-10px;
		z-index:1;
	}
	
	/* dark */
	#header.dark .search-box.over-header {
		background-color:#333 !important;
	}
	#header.dark .search-box.over-header>form>input {
		color:#fff;
	}
	#header.dark .search-box.over-header>form>input::-webkit-input-placeholder { 	/* WebKit browsers */
		color: #ddd;
		text-transform:uppercase;
	}

	#header.dark .search-box.over-header>form>input:-moz-placeholder { 				/* Mozilla Firefox 4 to 18 */
		color: #ddd;
		text-transform:uppercase;
	}

	#header.dark .search-box.over-header>form>input::-moz-placeholder { 			/* Mozilla Firefox 19+ */
		color: #ddd;
		text-transform:uppercase;
	}

	#header.dark .search-box.over-header>form>input:-ms-input-placeholder {			/* Internet Explorer 10+ */
		color: #ddd;
		text-transform:uppercase;
	}
	
	#header.dark .search-box.over-header #closeSearch {
		color:#fff;
	}

	#header.translucent #topMain,
	#header.dark.transparent #topMain {
		background-color:transparent;
	}

	@media only screen and (max-height: 760px) {
		#header .search-box.over-header>form>input {
			font-size:20px;
			margin-top:-20px;
			font-weight:300;
		}
	}



	/** Quick Shop Cart 
	 ********************** **/
	#header li.quick-cart .quick-cart-box {
		display:none;
		right: 0;
		left:auto;
		top: 100%;
		padding:10px 0;
		background-color: #fff;
		position: absolute;
		box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
		width: 274px;
		margin-top: 36px;
		z-index: 22;
	}
	#header.fixed  li.quick-cart .quick-cart-box {
		/*margin-top:18px;*/
	}
		#header.fixed.header-sm li.quick-cart .quick-cart-box {
			/*margin-top:18px;*/
		}
		#header.fixed.header-md li.quick-cart .quick-cart-box {
			/*margin-top:15px;*/
		}

	#header li.quick-cart .quick-cart-wrapper {
		max-height:400px;
		overflow-y:auto;
	}
	#header li.quick-cart .quick-cart-box h4 {
		font-size:17px;
		margin:0; 
		padding:0 10px 10px 10px;
		border-bottom:rgba(0,0,0,0.1) 1px solid;
	}
	#header li.quick-cart .quick-cart-box a {
		display:block;
		padding:15px 10px;
		border-bottom:rgba(0,0,0,0.04) 1px solid;
	}
	#header li.quick-cart .quick-cart-box a:hover {
		background-color:rgba(0,0,0,0.03);
	}
	#header li.quick-cart .quick-cart-box a>img {
		float:left;
		margin-right:10px;
	}
	#header li.quick-cart .quick-cart-box a h6 {
		margin:0; 
		padding:4px 0 0 0;

		text-overflow:ellipsis; 
		white-space: nowrap;
		overflow:hidden;
	}
	#header li.quick-cart .quick-cart-box a.btn {
		background-color:#151515;
		border:0; margin:0;
		padding-top:6px;
		padding-bottom:4px;
	}
	#header li.quick-cart .quick-cart-footer {
		padding:10px 10px 0 10px;
	}
	#header li.quick-cart .quick-cart-footer>span {
		display:inline-block;
		padding-top:3px;
		background-color:rgba(0,0,0,0.05);
		padding: 4px 3px;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}

	@media only screen and (min-width: 992px) { /* min-width */
		#header li.quick-cart .quick-cart-box {
			top:21px;
		}
		#header.header-sm li.quick-cart .quick-cart-box {
			margin-top:19px;
		}
		#header.header-md li.quick-cart .quick-cart-box {
			margin-top:26px;
		}
		#header li.quick-cart .quick-cart-wrapper {
			max-height:300px;
			overflow-y:auto;
		}
	}

	@media only screen and (max-width: 992px) { /* max-width */
		#header li.quick-cart .quick-cart-box {
			margin-top:18px;
		}
		#header.dark li.search .search-box {
			margin-top:38px !important;
		}

	}
	@media only screen and (max-width: 769px) {
		#header li.quick-cart .quick-cart-box {
			position:fixed;
			width:100%;
			left:0; right:0;
			top:60px;
			margin-top:0;
			border:rgba(0,0,0,0.08) 1px solid !important;
		}
		#header.dark li.quick-cart .quick-cart-box {
			border:rgba(255,255,255,0.08) 1px solid;
		}
		#header li.quick-cart .quick-cart-wrapper {
			max-height:200px;
			overflow-y:auto;
		}
		
		/** 
			Quick Cart & top Search Fix (if #topBar exists).
			.has-topBar - added by Javascript
		**/
		#header ul.has-topBar>li.quick-cart .quick-cart-box,
		#header ul.has-topBar>li.search .search-box {
			top:98px !important;
		}
	}




	/** Menu Vertical
	 ********************** **/
	body.menu-vertical.menu-vertical #wrapper .container {
		width:100%;
	}
	body.menu-vertical.menu-vertical #wrapper {
		margin-left:263px;
	}
	body.menu-vertical.menu-vertical.menu-inverse #wrapper {
		margin-right:263px;
		margin-left:0;
	}

	body.menu-vertical #mainMenu.sidebar-vertical {
		position:fixed;
		left:0; top:0; bottom:0;
		width:263px;
		background-color:#fff;
		z-index:100;
	}
	body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical {
		left:auto;
		right:0;
	}

	body.menu-vertical #mainMenu .navbar-collapse {
		background-color:#transparent;
		border-color:transparent;
	}

	body.menu-vertical #mainMenu .navbar-default {
		background-color:transparent !important;
		border:0;
	}

	body.menu-vertical #mainMenu .logo {
		display:block;
		margin:30px 0 30px 0;
		padding:30px 0;
	}


	/* Aside Vertical */ 
	body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
		border-bottom:#eee 1px solid;
		text-align:left;

		font-size:12px;
		text-transform:uppercase;
	}
		body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a.dropdown-toggle {
			background-image: url('../images/submenu_light.png');
			background-position:center right;
			background-repeat:no-repeat;
		}

	body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a>i {
		margin-right:13px;
		color:#666;
		float:left;
		width:20px;
		text-align:center;
		line-height:22px;
	}

	body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
		top:-1px;
		left:auto;
		right:-230px;
		padding:0;
		width:230px;
		overflow:hidden;
	}
	body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>li>a {
		border-bottom:#eee 1px solid;
		font-size:12px;
		text-transform:uppercase;
	}

	body.menu-vertical #mainMenu.sidebar-vertical li.dropdown.open>a {
		background-color:transparent !important;
		color:#111;
	}
		
	body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar {
		width:100%;
	}
	
	body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a, 
	body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:focus, 
	body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu>.active>a:hover,
	body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>.active>a,
	body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li:hover>a {
		background-color:rgba(0,0,0,0.01);
	}

	body.menu-vertical #mainMenu.sidebar-vertical .social-icons {
		padding:30px 15px;
	}

	body.menu-vertical #mainMenu .social-icon {
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	}

	/* Inline Search */
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form input.serch-input {
		background-color:rgba(255,255,255,0.2);
		border-color:rgba(255,255,255,0.1);
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .inline-search form button {
		border-left-color:rgba(255,255,255,0.1);
	}


	/* Column Menu / Mega Menu */
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
		min-width: 600px;
		width: auto !important;
		left: 262px;
		right:auto;
		
		background-position:top right;
		background-repeat:no-repeat;
	}
	body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
		min-width: 600px;
		width: auto !important;
		left: auto !important;
		right: 262px !important;
	}
	
	
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul li {
		list-style:none;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul {
		background-color:transparent;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu .row>div {
		padding:10px;
		min-width:100px;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.divider {
		border:0;
		background:none;
		margin-bottom:20px;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a {
		font-size:11px;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu ul,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li {
		border:0 !important;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h3,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h4,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h5,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a h6 {
		font-size:15px;
		line-height:15px;
		margin:0 0 8px 0;	
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h3,
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h4,
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h5,
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.nav ul.dropdown-menu.column-menu a h6 {
		color:#fff;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h3,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h3,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h4,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h4,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h5,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h5,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu a:hover h6,
	body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu li.active a h6 {
		text-decoration:underline;
	}

	@media only screen and (max-width: 768px) {
		body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu {
			background-image:none !important;
		}
	}

	
	/* Top Options */
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links {
		margin:10px;
		border:0 !important;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu {
		top: auto;
		left: auto;
		right: auto;
		width:auto;
		min-width:10px;
		border:0 !important;
		background-color:#fff !important;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li,
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li a {
		border:0 !important;
		color:#333 !important;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu li.divider {
		margin:0;
		background-color:rgba(255,255,255,0.1);
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links .dropdown-menu>li>a {
		padding: 3px 6px;
		font-size: 12px;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle {
		background-color:rgba(0,0,0,0.1) !important;
		padding:3px 6px !important;
		margin-bottom:3px;
		font-size:12px;

			-webkit-border-radius: 2px;
			   -moz-border-radius: 2px;
					border-radius: 2px;
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark ul.top-links a.dropdown-toggle {
		background-color:rgba(0,0,0,0.5) !important;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links a.dropdown-toggle>i {
		padding:0 6px 0 0;
	}
	body.menu-vertical #mainMenu.sidebar-vertical ul.top-links>li {
		margin:0;
		padding:0;
	}





	/* DARK */
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul,
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark {
		background-color:#333;
		color:#ccc;
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul {
		border-top-color:rgba(255,255,255,0.1);
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .dropdown-menu>li>a,
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a {
		border-bottom-color:rgba(255,255,255,0.1);
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a.dropdown-toggle {
		background-image: url('../images/submenu_dark.png');
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar li a {
		color:#ccc;
	}
	body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .navbar-default .navbar-nav>li>a>i {
		color:#ccc;
	}
	body.menu-vertical #mainMenu.sidebar-dark {
		border-color:rgba(255,255,255,0.08);
	}


	/* OPEN ON CLICK */
	body.menu-vertical.menu-vertical-hide #wrapper {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
		right:auto;
		left:-263px;
	}
		body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical {
			left:auto;
			right:-263px;
		}

	.fancy_big_btn,
	body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
		position:absolute; 
		right:-80px; 
		top:15px;
		display:inline-block;
		background:rgba(255,255,255,0.2);
		padding:6px;
		z-index:100;

		-webkit-transition: background 600ms;
		   -moz-transition: background 600ms;
			 -o-transition: background 600ms;
				transition: background 600ms;
	}
		.fancy_big_btn,
		body.menu-vertical.menu-vertical-hide.menu-inverse #mainMenu.sidebar-vertical #sidebar_vertical_btn {
			right:auto; 
			left:-80px; 
		}

	.fancy_big_btn:hover,
	.fancy_big_btn:active,
	body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover,
	body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:active {
		background:#fff;
	}

	.fancy_big_btn i,
	body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn i {
		display:block;
		width:54px; height:54px;
		background-image:url('data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs=');
		background-repeat:no-repeat;
		background-position:center;
		background-color:#000;

		-webkit-transition: background 300ms;
		   -moz-transition: background 300ms;
			 -o-transition: background 300ms;
				transition: background 300ms;

	}
	.fancy_big_btn:hover i,
	body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn:hover i {
		background-color:#f6f6f6;
		background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg==');
	}

	/* 
		for anywhere use 
		<button class="fancy_big_btn inverse"><i></i></button>
	*/
	.fancy_big_btn {
		right:auto;
		left:0;
		top:20px;
	}
	.fancy_big_btn.inverse {
		left:auto;
		right:0;
	}
		/* custom icon */
		.fancy_big_btn i.fa,
		.fancy_big_btn i.et,
		.fancy_big_btn i.glyphicon,
		.fancy_big_btn i.icon,
		.fancy_big_btn i.ico {
			background-image:none;
			color:#fff;
			font-size:30px;
			line-height:50px;
			margin:0;
			padding:0;

			-webkit-transition: all 300ms;
			   -moz-transition: all 300ms;
				 -o-transition: all 300ms;
					transition: all 300ms;
		}
		.fancy_big_btn:hover i.fa,
		.fancy_big_btn:hover i.et,
		.fancy_big_btn:hover i.glyphicon,
		.fancy_big_btn:hover i.icon,
		.fancy_big_btn:hover i.ico {
			color:#000;
		}



	/* Responsive */ 
	@media (min-width: 768px) {
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse {
			padding: 0;
			max-height: none;
		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul {
			float: none;
			border-top:#eee 1px solid;
		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar ul:not {
			display: block;

		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
			float: none;
			display: block;
		}
		body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a {
			padding-top: 8px;
			padding-bottom: 8px;
			color:#000;

			-webkit-transition: all .10s;
			   -moz-transition: all .10s;
				 -o-transition: all .10s;
					transition: all .10s; 

		}
		body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
			display:block;
		}
		body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu {
			left:-230px;
			right:auto;
		}
		

		/* uncomment if you would like the menu to be fixed */
		/* .navbar {
			position: fixed;
			width: 170px;
			z-index: 2;
		} */
	}
	@media (min-width: 992px) {
		body.menu-vertical #mainMenu.sidebar-vertical .navbar {
			width: 212px;
		}

	}
	@media only screen and (max-width: 1216px) {
		body.menu-vertical .container {
			width: 100%;
		}
	}
	@media (min-width: 1200px) {
		body.menu-vertical #mainMenu.sidebar-vertical .navbar {
			width: 262px;
		}
	}
	@media (min-width: 768px) {
		body.menu-vertical #mainMenu .navbar-default {
			border:0;
		}
		body.menu-vertical #mainMenu {
			border-right:#d6d6d6 1px solid;

			-webkit-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
			   -moz-box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
					box-shadow: 10px 0px 30px -2px rgba(0, 0, 0, 0.14);
		}

	}
	@media (max-width: 768px) {
		body.menu-vertical #mainMenu {
			position:relative;
			width:100%;
		}
		body.menu-vertical #mainMenu .navbar-nav {
			margin-bottom:0;
			margin-top:0;
		}
		body.menu-vertical #mainMenu .navbar-header {
			background-color:#fafafa;
		}
		body.menu-vertical #middle {
			padding:15px !important;
		}

		body.menu-vertical #mainMenu .logo {
			padding:0;
			margin:15px 0;
		}
		
		body.menu-vertical #wrapper {
			margin-left:0 !important;
			margin-right:0 !important;
		}
		body.menu-vertical #mainMenu.sidebar-vertical {
			position:relative;
			width:100%;
		}
		
		body.menu-vertical .navbar {
			margin-bottom:0;
		}
		
		body.menu-vertical #mainMenu.sidebar-vertical .dropdown-menu {
			width:100%;
		}

		
		body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
			left:0 !important; right:0;
		}
		body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical #sidebar_vertical_btn {
			display:none;
			
		}
			body.menu-vertical.menu-vertical-hide #mainMenu.sidebar-vertical {
				width:100% !important;
			}

	}

	.sidebar-vertical .sidebar-nav .navbar-header { 
		float: none; 
	}




	/** Mobile Button 
	 ********************** **/
	#topNav button.btn-mobile {
		display:none;
	}
		#topNav button.btn-mobile {
			color:#333;
			display: none;
			padding:6px 10px;
			float:right;
			margin-top:13px;
			margin-right:0;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}

		#topNav button.btn-mobile i {
			padding:0; margin:0;
			font-size:21px;
		}
	@media only screen and (max-width: 992px) {
		#topNav button.btn-mobile {
			display:inline-block;
		}
	}


	
	#header li.search .search-box,
	#header li.quick-cart .quick-cart-box {
		border:rgba(0,0,0,0.07) 1px solid;
		border-top:0;
	}


	/* Dark & Color Header */
	#header.dark {
		background-color:#333;
	}
	#header.dark #topMain.nav-pills>li>a {
		color:#ccc;
	}
	#header.dark #topMain.nav-pills>li.active>a,
	#header.dark #topMain.nav-pills>li>a:hover {
		color:#fff;
	}
	
	/* DARK CART & SEARCH */
	#header.dark li.search .search-box,
	#header.dark  li.quick-cart .quick-cart-box {
		background-color:#333;
	}
	#header.translucent li.search .search-box,
	#header.translucent  li.quick-cart .quick-cart-box {
		background-color:rgba(33,33,33,0.80);

		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#header.translucent li.search .search-box:hover,
	#header.translucent  li.quick-cart .quick-cart-box:hover {
		background-color:rgba(33,33,33,0.88);
	}

	#header.translucent ul.nav-second-main li i,
	#header.translucent li.search i.fa,
	#header.dark li.quick-cart .quick-cart-box a,
	#header.dark li.quick-cart .quick-cart-box a h6,
	#header.dark li.quick-cart .quick-cart-footer,
	#header.dark li.quick-cart .quick-cart-box h4 {
		color:#fff !important;
	}
	#header.dark li.quick-cart .quick-cart-box h4,
	#header.dark li.quick-cart .quick-cart-box a {	
		border-bottom: rgba(255,255,255,0.08) 1px solid;
	}
	#header.dark li.quick-cart .quick-cart-box a:hover {
		background-color:rgba(255,255,255,0.06);
	}
	#header.dark li.search .search-box input {
		color: #999;
		background-color: rgba(0,0,0,.2);
		border-color: rgba(0,0,0,.25);

		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#header.dark li.search .search-box input:focus,
	#header.dark li.search .search-box textarea:focus {
		background-color: rgba(0,0,0,.3);
	}



	/* Transparent Header */
	#header.transparent {
		position:absolute;
		background-color:transparent;
		border-bottom:rgba(255,255,255,0.3) 1px solid;

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	#header.transparent.color,
	#header.transparent.dark {
		border:0;
	}
	#header.transparent #topMain.nav-pills>li>a {
		color:#fff;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#header.transparent #topMain.nav-pills>li.active>a,
	#header.transparent #topMain.nav-pills>li>a:hover {
		background-color:rgba(0,0,0,0.03);
	}
	#header.transparent + section.page-header.page-header-lg,
	#header.transparent + section.page-header {
		/*margin-top:-100px;*/
		padding:180px 0;
	}
	#header.transparent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:350px;
	}
	
	#header.transparent + section.page-header.page-header-lg {
		padding-top:250px;
	}

	#header.transparent a.social-icon {
		background-color:rgba(0,0,0,0.2);
	}
	#header.transparent a.social-icon>i {
		color:#eaeaea;
	}
	
		/* on scroll */
		#header.fixed.transparent{
			background-color:#fff;
		}
		#header.fixed.dark,
		#header.fixed.dark.transparent {
			background-color:#333;
			border:0;
		}
		#header.fixed.transparent ul.nav-second-main li a,
		#header.fixed.transparent ul.nav-second-main li a>i,
		#header.fixed.transparent #topMain.nav-pills>li>a {
			color:#151515;
		}
		#header.fixed.dark.transparent ul.nav-second-main li a,
		#header.fixed.dark.transparent ul.nav-second-main li a>i,
		#header.fixed.dark.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 992px) {
		#header.transparent.fixed #topNav button.btn-mobile {
			color:#333 !important;
		}
		#header.transparent.dark.fixed #topNav button.btn-mobile {
			color:#fff !important;
		}
		#header.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}
		#header.transparent.dark #topMain.nav-pills>li>a {
			color:#fff;
		}
	}
	

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}

		/* force dark submenu */
		#header.transparent #topMain {
			background-color:#333 !important;
		}
		#header.transparent #topMain li.active>a {
			color:#fff !important;
		}
	}



	/* Transparent Header */
	#header.translucent {
		position:absolute;
		background-color:rgba(0,0,0,0.2);

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

	#header.translucent #topMain.nav-pills>li>a {
		color:#fff;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	#header.translucent #topMain.nav-pills>li.active>a,
	#header.translucent #topMain.nav-pills>li>a:hover {
		color:#fff;
		background-color:rgba(0,0,0,0.1);
	}
	#header.translucent + section.page-header {
		margin-top:-100px;
		padding:180px 0;
	}
	#header.translucent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:420px;
	}
	
	#header.translucent + section.page-header.page-header-lg {
		padding-top:350px;
	}

		/* on scroll */
		#header.fixed.translucent{
			background-color:#fff;
		}
		#header.fixed.dark,
		#header.fixed.dark.translucent {
			background-color:#333;
			border:0;
		}
		#header.fixed.translucent ul.nav-second-main li a,
		#header.fixed.translucent ul.nav-second-main li a>i,
		#header.fixed.translucent #topMain.nav-pills>li>a {
			color:#151515;
		}
		#header.fixed.dark.translucent ul.nav-second-main li a,
		#header.fixed.dark.translucent ul.nav-second-main li a>i,
		#header.fixed.dark.translucent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}
	}



	/* BOTTOM HEADER */
	#header.bottom {
		position:absolute;
		top:auto; bottom:0;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#header.bottom.fixed {
		top:0; bottom:auto;
	}
	#header.bottom.sticky {
		position:absolute;
	}
	#header.bottom.fixed.sticky {
		position:fixed;
	}
	#header.bottom.dropup #topMain>li>ul.dropdown-menu ul.dropdown-menu {
		bottom: auto;
		box-shadow:none;
	}
	#header.bottom.dropup ul.dropdown-menu {
		bottom:94px;
	}
		#header.header-md.bottom.dropup ul.dropdown-menu {
			bottom:68px;
		}
		#header.header-sm.bottom.dropup ul.dropdown-menu {
			bottom:58px;
		}
	#header.bottom.dropup.slim ul.dropdown-menu {
		bottom:53px;
	}
	#header.bottom.dropup .nav-second-main .quick-cart-box,
	#header.bottom.dropup .nav-second-main .search-box {
		top:auto; bottom:100%;
		margin-bottom:39px;
		box-shadow: 5px -5px rgba(91, 91, 91, 0.2);
		border-bottom:0
	}
		#header.bottom.header-md.dropup .nav-second-main .quick-cart-box,
		#header.bottom.header-md.dropup .nav-second-main .search-box {
			margin-bottom:23px;
		}
		#header.bottom.header-sm.dropup .nav-second-main .quick-cart-box,
		#header.bottom.header-sm.dropup .nav-second-main .search-box {
			margin-bottom:20px;
		}

	#header.bottom.dropup ul.dropdown-menu:before {
		top:auto;
		bottom: -10px !important;
		border-bottom:0 !important;
		border-top: rgba(255,255,255,1) 10px solid;
	}
	#header.bottom.dropup.dark ul.dropdown-menu:before {
		border-top: rgba(33,33,33,0.95) 10px solid !important;
	}

	#header.bottom  + #slider {
		margin-bottom:94px;
	}
		#header.header-md.bottom  + #slider {
			margin-bottom:70px;
		}
		#header.header-sm.bottom  + #slider {
			margin-bottom:60px;
		}
		#header.header-sm.bottom.transparent + #slider,
		#header.header-sm.bottom.translucent + #slider {
			margin-bottom:0;
		}

	#header.bottom + #slider > .swiper-container .swiper-pagination {
		top:0 !important;
		bottom:auto;
	}

	@media only screen and (max-width: 992px) {
		#header.bottom {
			top:0; bottom:auto;
		}
		#header.bottom.sticky {
			position:relative !important;
		}
		#header.bottom.transparent ul.nav-second-main li a,
		#header.bottom.transparent ul.nav-second-main li a>i,
		#header.bottom.transparent #topNav button.btn-mobile {
			color:#212121;
		}
		#header.bottom + #slider > .swiper-container .swiper-pagination {
			top:auto !important;
			bottom:10px;
		}
		#header.bottom.dropup .nav-second-main .quick-cart-box,
		#header.bottom.dropup .nav-second-main .search-box {
			bottom:auto;
		}
	}

	
	/* STATIC HEADER */
	#header.bottom.static + #slider {
		margin-bottom:0;
	}
	#header.bottom.static {
		border-top:rgba(0,0,0,0.15) 1px solid;
	}
	#header.bottom.static.dark {
		border-top:rgba(255,255,255,0.15) 1px solid;
	}
	#header.bottom.static .nav-second-main .quick-cart-box, 
	#header.bottom.static .nav-second-main .search-box,
	#header.bottom.static .nav-second-main .quick-cart-box, 
	#header.bottom.static .nav-second-main .search-box {
		border:rgba(0,0,0,0.15) 1px solid;
		border-bottom:0;
	}
	#header.bottom.static.dark .nav-second-main .quick-cart-box, 
	#header.bottom.static.dark .nav-second-main .search-box,
	#header.bottom.static.dark .nav-second-main .quick-cart-box, 
	#header.bottom.static.dark .nav-second-main .search-box {
		border:rgba(255,255,255,0.15) 1px solid;
		border-bottom:0;
	}
	@media only screen and (max-width: 992px) {
		#header.static {
			/*position:relative !important;*/
		}
	}



	/* fullwidth container */
	#topNav .full-container {
		display:block;
		margin:0 15px;
	}

	/* remove bootstrap issue */
	#topNav ul.dropdown-menu>li,
	#topNav ul.dropdown-menu>li a {
		background-color:transparent;
	}
	#topNav .nav-pills>li+li {
		margin-left:0;
	}

	/* search */
	#header li.search .search-box form {
		margin:0;
	}


	/* Medium Height : 70 */
	#header.header-md #topNav a.logo {
		height:70px;
		line-height:50px;
	}
	#header.header-md #topNav a.logo>img {
		height:70px;
	}
	#header.header-md #topNav #topMain>li>a {
		height:70px;
		line-height:50px;
	}
	@media only screen and (max-width: 992px) {
		#header.header-md #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-md #topMain.nav-pills>li.active>a,
		#header.header-md #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}


	/* Small Height : 60px */
	#header.header-sm #topNav a.logo {
		height:60px;
		line-height:50px;
	}
	#header.header-sm #topNav a.logo>img {
		height:60px;
	}
	#header.header-sm #topNav #topMain>li>a {
		height:60px;
		line-height:40px;
	}
	@media only screen and (max-width: 992px) {
		#header.header-sm #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-sm #topMain.nav-pills>li.active>a,
		#header.header-sm #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}


	/* Sticky 60px */
	#header.fixed {
		position:fixed;
		border-bottom:rgba(0,0,0,0.08) 1px solid;
	}
	#header.fixed #topNav a.logo, #header.fixed #topNav a.logo2 {
		height:60px;
		line-height:50px;
	}
	#header.fixed #topNav a.logo>img, #header.fixed #topNav a.logo2>img {
		height:60px;
	}
	#header.fixed #topNav #topMain>li>a {
		height:60px;
		line-height:40px;
	}


	/* Static */
	#header.static {
		position:fixed;
		border-bottom:rgba(0,0,0,0.08) 1px solid;
	}



	@media only screen and (max-width: 992px) {
		#header.header-sm #topMain.nav-pills>li>a,
		#header.header-md #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-sm #topMain.nav-pills>li.active>a,
		#header.header-sm #topMain.nav-pills>li>a:hover,
		#header.header-md #topMain.nav-pills>li.active>a,
		#header.header-md #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
		
		#header.transparent.header-sm #topMain.nav-pills>li>a,
		#header.transparent.header-md #topMain.nav-pills>li>a,
		#header.transparent.header-sm #topMain.nav-pills>li.active>a,
		#header.transparent.header-sm #topMain.nav-pills>li>a:hover,
		#header.transparent.header-md #topMain.nav-pills>li.active>a,
		#header.transparent.header-md #topMain.nav-pills>li>a:hover {
			color:#fff;
		}
		
		#header.dark .submenu-dark #topMain {
			background-color:#333;
		}
		#header.dark #topMain.nav-pills>li.active>a,
		#header.dark #topMain.nav-pills>li:hover>a,
		#header.dark #topMain.nav-pills>li>a {
			color:#fff;
		}
		#header.dark #topMain.nav-pills>li.active>a {
			background-color:rgba(0,0,0,0.1);
		}
	}



	/* 
		Top Bar
	*/
	#topBar {
		display:block;
		background-color:#fff;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar>.border-bottom {
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar>.border-top {
		border-top:rgba(0,0,0,0.05) 1px solid;
	}
	
	#topBar.dark {
		color:#ccc;
		background-color:#363839;
		border-bottom-color:rgba(255,255,255,0.1);
	}
	#topBar.dark .dropdown-menu a,
	#topBar.dark ul.top-links>li>a {
		color:#fff;
	}
	#topBar.dark .dropdown-menu a:hover {
		color:#fff !important;
		background-color:#333;
	}
	#topBar.dark ul.top-links>li {
		border-right: rgba(255,255,255,0.1) 1px solid;
	}

	body.boxed #topBar.dark ul.top-links>li {
		border-right:0;
	}
	#topBar.dark .dropdown-menu {
		background-color:#363839;
	}
	#topBar.dark .dropdown-menu .divider {
		background-color:#444;
	}
		#topBar.dark>.border-bottom {
			border-bottom-color:rgba(255,255,255,0.1);
		}
		#topBar.dark>.border-top {
			border-top-color:rgba(255,255,255,0.1);
		}
	
	/* Logo */
	#topBar .logo {
		display:inline-block;
	}
	#topBar .logo img {
		-webkit-transition: width .4s ease, height .4s ease;
			 -o-transition: width .4s ease, height .4s ease;
				transition: width .4s ease, height .4s ease;
	}
	#topBar .logo.has-banner {
		height:100px;
		line-height:100px;
		
	}
	
	/* banner */
	#topBar .banner {
		margin:5px 0;
		display:inline-block;
		padding-left:5px;
		border-left:rgba(0,0,0,0.05) 1px solid;
	}
	#topBar.dark .banner {
		border-left-color:rgba(255,255,255,0.05) 1px solid;
	}

	/* social Icon */
	#topBar .social-icon {
		margin:3px 0 0 0;
	}
	
	/* Links */
	#topBar ul.top-links {
		float:left;
		margin:0;
	}
	#topBar ul.top-links>li {
		padding:0;
		display:inline-block;
		margin-left:-3px;
		position:relative;
		border-right:rgba(0,0,0,0.1) 1px solid;
		
	}
	#topBar ul.top-links>li:hover >.dropdown-menu,
	#mainMenu ul.top-links>li:hover >.dropdown-menu {
		display:block !important;
	}
	#topBar ul.top-links>li .dropdown-menu {
		z-index:3000;
	}
	#topBar ul.top-links>li>a {
		padding:10px;
		font-size:12px;
		color:#151515;
		display:block;
		text-decoration:none;
	}
	#topBar ul.top-links>li>a:hover {
		background-color:rgba(0,0,0,0.01);
	}
	#topBar ul.top-links>li>a>i {
		margin-right:5px;
		filter: alpha(opacity=30);
		opacity:0.3;
	}
	@media only screen and (max-width: 768px) {
		#topBar {
			text-align:center;
		}
		#topBar ul.top-links {
			display:inline-block;
			float:none;
			margin:0 auto;
		}
		#topBar ul.top-links>li:last-child>a {
			border-right:0;
		}
	}
	#topBar ul.top-links li.text-welcome {
		padding:0 15px;
		font-size:12px;
	}

	/* Drop Downs & Lang */
	#topBar ul.dropdown-menu {
		min-width:50px;
		margin:0; padding:0;
		margin-left:-1px;
	}
	#topBar ul.dropdown-menu>li>a {
		padding:8px 6px;
		font-size:12px;
	}
	#topBar ul.dropdown-langs>li>a {
		padding:3px 6px;
		font-size:12px;
	}
	#topBar ul.top-links>li>a>img.flag-lang {
		float:left;
		margin-top:3px;
		margin-right:6px;
	}
	#topBar ul.dropdown-menu>li>a>i {
		margin-right:6px;
	}
	#topBar ul.dropdown-langs>li:hover>a {
		color:#000 !important;
		background-color:#eee;
	}
	#topBar ul.dropdown-menu>li.divider {
		margin:0; padding:0;
		border-bottom:0;
		height:1px;
	}




	/* 
		Nav Second Main 
		- search, etc
	*/
	#header ul.nav-second-main {
		border-left:rgba(0,0,0,0.1) 1px solid;
		padding-left:15px;
		margin-top: 39px;

		-webkit-transition: all .300s;
		   -moz-transition: all .300s;
			 -o-transition: all .300s;
				transition: all .300s; 
	}
	#header.fixed ul.nav-second-main {
		margin-top:20px;
	}
		#header.header-sm ul.nav-second-main {
			margin-top:20px;
		}
		#header.header-md ul.nav-second-main {
			margin-top:23px;
		}
	#header ul.nav-second-main li {
		padding-top:33px;
		padding:0 5px 0px 5px;
	}
	#header ul.nav-second-main li>a {
		background-color:transparent;
		color:#666;
		padding:0 3px;
		display:block;
	}
	#header ul.nav-second-main li i {
		font-size:18px;
		width: 20px;
		height: 20px;
		margin:0;
		padding:0;

		opacity:0.6;
		filter: alpha(opacity=60);

		-webkit-transition: all .300s;
		   -moz-transition: all .300s;
			 -o-transition: all .300s;
				transition: all .300s; 
	}
	#header ul.nav-second-main li:hover i {
		opacity:1;
		filter: alpha(opacity=100);
	}
	#header ul.nav-second-main li .badge {
		padding:3px 6px;
	}
	
	/* dark & color menu */
	#header.transparent ul.nav-second-main li a,
	#header.transparent ul.nav-second-main li a>i,
	#header.color ul.nav-second-main li a,
	#header.color ul.nav-second-main li a>i,
	#header.dark ul.nav-second-main li a,
	#header.dark ul.nav-second-main li a>i {
		color:#fff;

		opacity:1;
		filter: alpha(opacity=100);
	}

	@media only screen and (max-width: 992px) {
		#header ul.nav-second-main {
			margin:15px 0px 0 0;
			border:0;
			padding: 0;
		}
		#header ul.nav-second-main li {
			padding:0;
			padding-top:6px;
		}
		#header ul.nav-second-main {
			-webkit-transition: all 0s;
			   -moz-transition: all 0s;
				 -o-transition: all 0s;
					transition: all 0s; 
		}
		#header.fixed ul.nav-second-main li {
			padding-top:0;
		}
		#header.header-md ul.nav-second-main li>a,
		#header.header-sm ul.nav-second-main li>a {
			margin-top:-6px;
		}

	}


	/** ************************************************************* **/
	/* submenu */
	#topNav ul.dropdown-menu {
		text-align:left;
		margin-top:0;
		box-shadow:none;
		border:#eee 1px solid;
		border-top:#eee 0 solid;
		list-style:none;
		background-color:#fff;
		box-shadow:rgba(0,0,0,0.2) 0 6px 12px;
		min-width:200px;
		padding:0;

		border-color: #1ABC9C #fff #fff;

		-webkit-transition: top .4s ease;
			 -o-transition: top .4s ease;
				transition: top .4s ease;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

	#topNav ul.dropdown-menu li {
		position:relative;
		border-bottom: rgba(0,0,0,0.06) 1px solid;
	}
	/*
		#topNav .submenu-dark ul.dropdown-menu li {
			border-bottom-color: rgba(0,0,0,0.2);
		}
	*/
	#topNav ul.dropdown-menu li:last-child {
		border-bottom:0;
	}
	#topNav ul.dropdown-menu li a {
		margin:0;
		padding:7px 15px;
		font-weight:400;
		line-height:23px;

		color:#666;
		font-size:12px;
		display:block;
		text-decoration:none;
	}
	#topNav ul.dropdown-menu>li a i {
		margin-right:6px;
		font-size:12px;
	}
	#topNav ul.dropdown-menu a.dropdown-toggle {
		background-position: right center;
		background-repeat: no-repeat;
	}
	#topNav ul.dropdown-menu li.active>a, 
	#topNav ul.dropdown-menu li.active:hover>a, 
	#topNav ul.dropdown-menu li.active:focus>a, 
	#topNav ul.dropdown-menu li:hover>a, 
	#topNav ul.dropdown-menu li:focus>a, 
	#topNav ul.dropdown-menu li:focus>a {
		color:#000;
		background-color:rgba(0,0,0,0.05);
	}
	
	#topNav ul.dropdown-menu li.divider {
		margin:-1px 0 0 0;
		padding:0; border:0;
		background-color:rgba(0,0,0,0.1);
	}
	#topNav .nav li:hover>ul.dropdown-menu {
		padding:0;
		display:block;
		z-index:100;
	}
	#topNav ul.dropdown-menu li .label {
		margin-top:4px;
	}

	/* sub-submenu */
	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
		display:block;
		position:absolute;
		left:100%; top:0;
		padding:0; margin:0; 
		border-left:0 !important;
		border-right:0 !important;
		border-bottom:0 !important;
	}
	/** ************************************************************* **/


	/* onepage active link */
	#topMain.nav-onepage>li.active>a {
		font-weight:bold;
	}


	/** Responsive Top Nav
	 ********************* **/
	@media only screen and (max-width: 992px) {
		.navbar-collapse {
			height:100%;
		}
		form.mobile-search {
			display:block;
		}

		#topNav div.nav-main-collapse {
			padding:0; margin:0;
		}
		#topNav button.btn-mobile {
			display:block;
			float:right;
			margin-right:10px;
		}
			#header.dark #topNav button.btn-mobile,
			#header.transparent #topNav button.btn-mobile,
			#header.theme-color #topNav button.btn-mobile {
				color:#fff;
			}
		#topNav nav.nav-main {
			background-color:#fff;
		}
		#topNav div.nav-main-collapse,
		#topNav div.nav-main-collapse.in {
			width: 100%;
			margin:-1px 0 0 0;
		}
		#topNav div.nav-main-collapse {
			float: none;
			overflow-x:hidden;
			max-height:350px;
		}
		#topNav div.nav-main-collapse.collapse {
			display: none !important;
		}
		#topNav div.nav-main-collapse.in {
			display: block !important;
		}
		#topNav div.nav-main-collapse {
			position: relative;
		}



		#topMain>li>a>span {
			display:none !important;
		}
		#topMain li {
			display:block !important;
			float:none;
			text-align:left;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		#topMain li a {
			text-align:left;
			border:0;
			height:auto;
			line-height:15px;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		#topMain>li:hover,
		#topMain>li:hover>a {
			border-top:0 !important;
		}
		#topMain>li>a {
			height:auto;
			line-height:auto;
		}

		/* submenu */
		#topMain ul.dropdown-menu {
			position: static;
			clear: both;
			float: none;
			display: none !important;
			border-left:0 !important;

			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}

		#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
			display: block !important;
			margin-left:30px;
			margin-right:30px;
			padding:20px 0;
			border-right:0;
		}
		#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
			border-left:0;
		}

		#topNav ul.nav>li:hover>a:before, 
		#topNav ul.nav>li.active>a:before {
			background-color:transparent;
		}

		#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
			position:static;
		}

		#topNav div.submenu-dark ul.dropdown-menu {
			border-top:0;
		}

		/** sub menu */
		#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
			margin:0; padding:0;
		}
		#topNav nav.nav-main li > ul.dropdown-menu li a {
			padding-left:40px;
		}
		
		#topNav .dropdown-menu.pull-right,
		#topNav .dropdown-menu.pull-left {
			float:none !important;
		}
	}
	
	@media only screen and (max-width: 500px) {
		#topNav div.nav-main-collapse {
			max-height:400px;
			overflow-y:auto;
		}
	}



	/* Mega Menu */
	#topNav #topMain>li.mega-menu {
	  position: inherit;
	  color:#fff;

	}
	#topNav #topMain>li.mega-menu>ul {
	  max-width:100%;
	  width: 100%;
	}
	#topNav #topMain>li.mega-menu div.row {
		display:table;
		margin:0; 
		padding:0;
		width:100%;
	}
	#topNav #topMain>li.mega-menu div.row div {
		display:table-cell;
		border-left: rgba(0,0,0,0.1) 1px solid;
		margin-left: -1px;
		display: table-cell;
		vertical-align: top;
		float: none;

		margin:0; 
		padding:15px 0 0 0;
	}
	#topNav #topMain>li.mega-menu div.row>div:first-child {
		border-left:0 !important;
	}
	#topNav #topMain>li.mega-menu div.row div>ul>li>span {
		color:#111;
		font-weight:bold;
		display:block;
		padding:6px 15px 15px 15px;
	}
	#topNav #topMain>li.mega-menu div.row div:first-child {
		border-left:0;
	}


	/* LIGHT SUBMENU */
	#topNav ul.dropdown-menu a.dropdown-toggle {
		background-image: url('../images/submenu_light.png');
	}


	/* DARK SUBMENU */
	#topNav div.submenu-dark ul.dropdown-menu {
		background-color:#333;
	}
	#topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle {
		background-image: url('../images/submenu_dark.png');
	}
	#topNav div.submenu-dark ul.dropdown-menu li.active>a, 
	#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, 
	#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:hover>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:focus>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:focus>a {
		color:#fff;
		background-color:rgba(0,0,0,0.15);
	}
	#topNav div.submenu-dark ul.dropdown-menu li.divider {
		background-color:rgba(255,255,255,0.1);
	}
	#topNav div.submenu-dark ul.dropdown-menu>li a {
		color:#ccc;
	}
	#topNav div.submenu-dark #topMain>li.mega-menu div.row div>ul>li>span {
		color:#fff;
	}
	#topNav div.submenu-dark #topMain>li.mega-menu div.row div { 
		border-left: rgba(0,0,0,0.2) 1px solid;
	}






/** Page Menu
 **************************************************************** **/
#page-menu {
  position: relative;
  height: 44px;
  line-height: 46px;
  background-color:#333;
  color:#fff;
  text-shadow:rgba(0,0,0,.1) 1px 1px 1px;
  z-index:100;
  overflow:hidden;
}
#page-menu ul {
	margin:0;
	line-height: 44px;
}
#page-menu ul>li {
	line-height: 44px;
	float:left;
}
#page-menu ul>li>a {
	color:#fff;
	height:44px;
	padding:0 10px;
	display:inline-block;
	text-decoration:none;

	-webkit-transition: all .300s;
	   -moz-transition: all .300s;
		 -o-transition: all .300s;
			transition: all .300s; 
}
	#page-menu ul>li>a>i {
		margin-right:5px;
	}
#page-menu ul>li:hover,
#page-menu ul>li.active {
	background-color:rgba(0,0,0,0.3);
}
#page-menu nav {
	position:relative;
}
#page-menu ul.list-inline.dropdown-menu {
	display:block;
}
#page-menu-mobile {
	display:none;
	font-size:21px;

	background-color:rgba(0,0,0,0.2);
	height:44px;
	width:44px;
}
@media only screen and (min-width: 990px) {
	#page-menu ul {
		display:block !important;
	}
}
@media only screen and (max-width: 992px) {
	#page-menu {
		overflow:visible;
	}
	#page-menu ul>li {
		float:none !important;
	}

	#page-menu-mobile {
		display:inline-block;
	}
	#page-menu ul {
		display:none;
		position:absolute;
		min-width:200px;
	}
	#page-menu nav.pull-right ul {
		right:-15px;
		top:44px;
	}
	#page-menu nav.pull-left ul {
		left:-15px;
		top:44px;
	}
	#page-menu nav.pull-right #page-menu-mobile {
		margin-right:-15px;
	}
	#page-menu nav.pull-left #page-menu-mobile {
		margin-left:-15px;
	}
	#page-menu ul>li,
	#page-menu ul>li>a {
		color:#fff !important;
		display:block;
		float:none;
	}
	#page-menu ul>li>a {
		color:#ccc;
	}
}



	/* page menu light */
	#page-menu.page-menu-light {
		color:#151515;
		text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
		background-color:rgba(0,0,0,0.1);
	}
	#page-menu.page-menu-light ul {
		background-color:rgba(0,0,0,0.02) !important;
	}
	#page-menu.page-menu-light ul li {
		border-left:rgba(0,0,0,0.05) 1px solid;
	}
	#page-menu.page-menu-light ul li:hover {
		background-color:rgba(0,0,0,0.02);
	}
	#page-menu.page-menu-light ul li a {
		color:#151515;
	}
	#page-menu.page-menu-light ul li.active a {
		color:#fff;
	}


	/* page menu dark */
	#page-menu.page-menu-dark {
		background-color:#444;
	}
	#page-menu.page-menu-dark ul {
		background-color:#666 !important;
	}
	#page-menu.page-menu-dark ul li {
		border-left:#444 1px solid;
	}


	/* 
		page menu color 
	*/
	#page-menu.page-menu-color ul li {
		border-left:rgba(0,0,0,0.1) 1px solid;
	}

	/* page menu transparent */
	#page-menu.page-menu-transparent {
		color:#151515;
		border-top:rgba(0,0,0,0.05) 1px solid;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
		text-shadow:rgba(255,255,255,.1) 1px 1px 1px;
		background-color:transparent;
	}
	#page-menu.page-menu-transparent ul {
		background-color:transparent !important;
	}
	#page-menu.page-menu-transparent ul li {
		border-left:#fafafa 1px solid;
	}
	#page-menu.page-menu-transparent ul li a {
		color:#212121;
	}
	#page-menu.page-menu-transparent ul li:hover {
		background-color:rgba(0,0,0,0.01);
	}
	#page-menu.page-menu-transparent ul li.active {
		background-color:rgba(0,0,0,0.05);
		margin-bottom:-1px;
	}

	@media only screen and (max-width: 992px) {
		#page-menu.page-menu-light ul {
			background-color:#777 !important;
		}
		#page-menu.page-menu-transparent ul {
			background-color:#777 !important;
		}
		#page-menu.page-menu-transparent ul li.active {
			margin-bottom:0;
		}
		#page-menu ul li {
			border-left:0;
		}
	}





/** Scroll To Top
 **************************************************************** **/
#toTop {
	font-size:38px;
	line-height:33px;
	background-color: rgba(243,23,23,0.4);
	color: #FFF;
	position: fixed;
	height: 35px; width: 40px;
	right: 6px; bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration:none;
	display:none;
	z-index: 1000;

	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#toTop:hover {
	background-color: rgba(243,23,23,0.8);
}
#toTop:before {
	font-family: "fontawesome";
	content: "\f102";
}








/** Preloader
 **************************************************************** **/
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0; bottom: 0;
    right: 0; left: 0;

    background: #fff;
}

.inner {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;

    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

#preloader span.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(234,91,133, 0.08);
  border-right: 1px solid rgba(234,91,133, 0.08);
  border-bottom: 1px solid rgba(234,91,133, 0.08);
  border-left: 1px solid rgba(234,91,133, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}







/** Misc
 **************************************************************** **/
.img-hover img {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}
	.img-hover:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

ul.list-inline.list-separator>li:before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: .5;
}
ul.list-inline.list-separator>li:first-child:before {
	margin:0;
	content:'';
}

.dropdown-menu {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.navbar-toggle {
	border:0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#111;
}

/* infinite scroll */
#infscr-loading {
	position: fixed;
	top: 50%; left: 50%;
	width: 68px; height: 68px;
	line-height: 68px;
	font-size: 30px;
	text-align: center;

	color: #fff;
	margin: -34px 0 0 -34px;
	background-color: rgba(0,0,0,0.8);

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

form .row {
	margin-bottom:20px;
}
form label {
	font-weight:bold;
}
table a {
	color:#666;
}
section.dark table a {
	color:#ddd;
}



/* Featured OWL Carousel */
.owl-carousel.featured .thumbnail.pull-left {
	margin-right:20px;
}
.owl-carousel.featured .thumbnail.pull-right {
	margin-left:20px;
}
.owl-carousel.featured a {
	color:#333;
}
section.dark .owl-carousel.featured a {
	color:#999;
}

/* 
	increment / decrement - quantity shop like 

	<!-- QTY -->
	<span class="incrdcr">
		<a href="#" data-for="no" data-min="1" class="decr">-</a>
		<input id="no" type="text" name="qty" value="1" title="Number" >
		<a href="#" data-for="no" data-max="999" class="incr">+</a>
	</span>
	<!-- /QTY -->
*/
.incrdcr .incr,
.incrdcr .decr {
	color:#000;
	display: block;
	float: left;
	cursor: pointer;
	border: 0 transparent;
	padding: 0;
	width: 36px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,0.07);
	font-size: 16px;
	font-weight: 700;
	text-decoration:none;

	-webkit-transition: background-color .2s linear;
		 -o-transition: background-color .2s linear;
			transition: background-color .2s linear;
}
.incrdcr .incr:hover,
.incrdcr .decr:hover {
	background-color: rgba(0,0,0,0.1);
}

.incrdcr>input {
	float: left;
	width: 50px;
	height: 40px;
	line-height: 40px;
	border: 0;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.07);
	text-align: center;
	margin-bottom: 0;
}

/* Link List - example: page-faq-4.html */
ul.list-links>li>a {
	color:#111;
	font-weight:700;
	display:inline-block;
	padding:3px 0;
	font-size:16px;
}
ul.list-links>li>a>i {
	margin-right:6px;
}
section.dark ul.list-links>li>a {
	color:#fff;
}

/* Slimscroll */
.slimScrollBar {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
}


/* Canvas Particles */
#canvas-particle {
	position:absolute;
}

/* Youtube Background */
#video-volume {
	bottom: 85px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	z-index: 100;
	width: 30px;
	height: 30px;
	line-height: 26px;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: #FFFFFF;
	cursor: pointer;
}

/* Text Rotator */
h1>span.rotate,
h2>span.rotate,
h3>span.rotate,
h4>span.rotate,
h5>span.rotate,
h6>span.rotate {
	color:inherit !important;
}


/** EVENT LIST 

	Example Usage: index-thematics-music.html

	<div class="event-item">
		<div class="event-date-wrapper">
			<span class="event-date-day">02</span>
			<span class="event-date-month">April</span>
		</div>
		<div class="event-content-wrapper">
			<div class="event-content-inner-wrapper">
				<h3 class="event-title"><a href="#">Columbia, SC</a></h3>
				<div class="event-location">Colonial Life Arena w/ Aloe Blacc </div>
			</div>
			<div class="event-status-wrapper">
				<a href="#">Buy Now</a>
			</div>
		</div>
	</div>

**/
.event-item {
	margin-bottom:25px;
	padding:10px;
	display:block;
	background-color:rgba(0,0,0,0.04);
}
section.dark .event-item {
	background-color:rgba(0,0,0,0.06);
}

.event-item .event-date-wrapper {
	float: left;
	text-align: center;
	width: 55px;
	margin-right: 20px;
}
.event-item .event-date-wrapper .event-date-day {
    font-size: 43px;
    font-weight: bold;
    display: block;
    line-height: 1;
    margin-bottom: 4px;
}
.event-item .event-date-wrapper .event-date-month {
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.event-item .event-content-wrapper {
    padding-top: 6px;
    overflow: hidden;
    position: relative;
}
.event-item .event-content-wrapper .event-content-inner-wrapper {
    padding-right: 105px;
}
	.event-item .event-content-wrapper .event-content-inner-wrapper .event-title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.event-item .event-content-wrapper .event-location {
		font-size:13px;
	}
.event-item .event-content-wrapper .event-status-wrapper {
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: center;
    letter-spacing: 1px;
}
@media only screen and (max-width: 600px) {
	.event-item .event-content-wrapper .event-content-inner-wrapper {
		padding-right:0;
	}
	.event-item .event-content-wrapper .event-status-wrapper {
		position:relative;
		top:auto;
		right:auto;
		left:auto;
		text-align:left;
	}
}


/**  INLINE NEWS 

	Example Usage: index-thematics-music.html

	<div class="inews-item">
		<a class="inews-thumbnail" href="#">
			<span class="inews-sticky font-lato">
				<i class="fa fa-bullhorn"></i> 
				STICKY POST
			</span>
			<img class="img-responsive" src="assets/images/demo/thematics/music/i3-min.jpg" alt="image" />
		</a>
		
		<div class="inews-item-content">

			<div class="inews-date-wrapper">
				<span class="inews-date-day">29</span>
				<span class="inews-date-month">June</span>
				<span class="inews-date-year">2015</span>
			</div>

			<div class="inews-content-inner">

				<h3 class="size-20"><a href="#">Lorem Upsum Dolor</a></h3>
				<ul class="blog-post-info list-inline noborder margin-bottom-20 nopadding">
					<li>
						<a href="page-profile.html">
							<i class="fa fa-user"></i> 
							<span class="font-lato">By John Doe</span>
						</a>
					</li>
					<li>
						<i class="fa fa-folder-open-o"></i> 

						<a class="category" href="#">
							<span class="font-lato">Design</span>
						</a>
						<a class="category" href="#">
							<span class="font-lato">Photography</span>
						</a>
					</li>
				</ul>

				<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere....</p>
			</div>
			

		</div>
	</div>

**/
.inews-item {
	clear:both;
	margin-bottom:30px;
	min-height:132px;
	position:relative;
}
	.inews-item:after,
	.inews-item:before {
		display:table;
		content:" ";
	}
	.inews-item:after {
		clear: both;
	}
.inews-item .inews-thumbnail {
	border:0;
	padding:0;
	width: 35%;
	max-width:350px;
	margin: 0 20px 0 0;
	float:left;
	position:relative;
}
	.inews-item .inews-thumbnail .inews-sticky {
		position:absolute;
		left:0; bottom:-1px;
		background-color:#74c6de;
		color:#fff;
		font-size: 11px;
		font-weight: bold;
		padding: 5px 12px;
		text-shadow:#333 0 0 1px;
	}
	.inews-item .inews-thumbnail .inews-sticky>i {
		font-size:14px;
		margin-right:8px;
	}
.inews-item .inews-date-wrapper {
	text-align: center;
	position:absolute;
	left:0;
	margin-right: 20px;
	width: 65px;
	padding-bottom: 20px;
	background-color:rgba(0,0,0,0.1);
}
.inews-item .inews-date-wrapper:before {
	content:' ';
	position:absolute;
	right:-10px;
	top:6px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;

	border-left: 10px solid rgba(0,0,0,0.1);
}
	.inews-item .inews-date-wrapper .inews-date-day {
		display: block;
		font-size: 50px;
		line-height: 1;
		margin-bottom: 16px;
	}
	.inews-item .inews-date-wrapper .inews-date-month {
		display: block;
		font-size: 14px;
		line-height: 1;
		margin-bottom: 14px;
	}
	.inews-item .inews-date-wrapper .inews-date-year {
		display: block;
		font-size: 17px;
		line-height: 1;
	}
.inews-item .inews-item-content {
	overflow:hidden;
	padding-left:85px;
	position:relative;
}
	.inews-content-inner h3 {
		margin-bottom:8px;
		display:block;
		margin-top:3px;
	}
	.inews-content-inner .list-inline>li {
		padding:0;
	}

@media only screen and (max-width: 768px) {
	.inews-item {
		max-width:380px;
		margin-left:auto;
		margin-right:auto;
	}
	.inews-item .inews-thumbnail {
		float:none;
		display:block;
		margin-bottom:20px;
		width:100%;
	}
}


/** TEAM ITEM
	example usage:
	index-thematics-wedding.html


	<div class="team-item clearfix">
		<img class="team-item-image rounded" src="assets/images/demo/thematics/wedding/him-min.jpg" alt="wedding" width="150" height="150" />
		
		<div class="team-item-desc">
			<h4 class="nomargin">MIKE BAKER</h4>
			<h5><span>Groom</span></h5>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, pariatur, magni! Omnis reiciendis architecto, cupiditate fuga dolores nam accusamus iste molestias quos mollitia totam eius porro culpa incidunt, sunt rerum molestiae aliquid non hic.</p>
			<hr />

			<!-- Social Icons -->
			<div class="margin-top-20">
				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-facebook pull-left" data-toggle="tooltip" data-placement="top" title="Facebook">

					<i class="icon-facebook"></i>
					<i class="icon-facebook"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-twitter pull-left" data-toggle="tooltip" data-placement="top" title="Twitter">
					<i class="icon-twitter"></i>
					<i class="icon-twitter"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-gplus pull-left" data-toggle="tooltip" data-placement="top" title="Google plus">
					<i class="icon-gplus"></i>
					<i class="icon-gplus"></i>
				</a>

				<a href="#" class="social-icon social-icon-sm social-icon-transparent  social-linkedin pull-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
					<i class="icon-linkedin"></i>
					<i class="icon-linkedin"></i>
				</a>

			</div>
			<!-- /Social Icons -->

		</div>
	</div>

 ********************** **/
.team-item {
	position:relative;
}
.team-item .team-item-image {
	position:absolute;
	left:0;
	top:0;
}
.team-item .team-item-desc {
	padding-left:180px;
}
@media only screen and (max-width: 482px) {
	.team-item {
		text-align:center;
	}
	.team-item .team-item-desc {
		padding-left:0;
		margin-top:20px;
	}
	.team-item a.social-icon {
		float:none !important;
	}
	.team-item .team-item-image {
		position:relative;
	}
}


/* flot chart */
.flot-chart .legendLabel {
	padding:0 8px;
}


/* Vectorial Map */
svg {
    touch-action: none;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #333;
    padding: 4px 0;
    color: white;
    width: 40px;
    height: 40px;
	padding:0;
    cursor: pointer;
    line-height: 40px;
	font-size:24px;
    text-align: center;


	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
}
.jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
	background-color:#444;
}
.jvectormap-zoomin {
    top: 0;
}

.jvectormap-zoomout {
    top: 50px;
}

div.vector-map {
	background-color:rgba(0,0,0,0.06);
	border: rgba(0,0,0,0.06) 1px solid;
	padding:20px 10px;
	position:relative;
}





/** Landing Page
 **************************************************************** **/
form.landing-form {
    padding: 30px;
    border-radius: 3px;
	background: rgba(0,0,0,.3);
}



/** Featured Grid
 **************************************************************** **/
section.featured-grid div.row>div {
	padding-left:4px;
	padding-right:4px;
	overflow:hidden;
	position:relative;
}
section.featured-grid div.row>div img {
	width:100%;
}
section.featured-grid div.row>div .absolute {
	z-index:10;
	margin:20px;
}
section.featured-grid div.row>div .absolute p {
	margin:0;
}

section.featured-grid div.row>div div.relative {
	margin-bottom:10px;
}

section.featured-grid div.row>div h1,
section.featured-grid div.row>div h2,
section.featured-grid div.row>div h3,
section.featured-grid div.row>div h4,
section.featured-grid div.row>div h5,
section.featured-grid div.row>div h6 {
	margin:0;
	color:#000;
	line-height:1.1;
}
section.featured-grid div.row>div h1 {
	font-size:70px;
}
section.featured-grid div.row>div a:hover {
	color:#fff;
}

section.featured-grid div.row>div .absolute.top-right {
	top:0; bottom:auto;
	right:0; left:auto;
}
section.featured-grid div.row>div .absolute.top-left {
	top:0; bottom:auto;
	left:0; right:auto;
}
section.featured-grid div.row>div .absolute.bottom-right {
	bottom:0; top:auto;
	right:0; left:auto;
}
section.featured-grid div.row>div .absolute.bottom-left {
	bottom:0; top:auto;
	left:0; right:auto;
}
section.featured-grid div.row>div .absolute.top-center {
	bottom:auto; top:0;
	left:auto; right:auto;
}
section.featured-grid div.row>div .absolute.bottom-center {
	bottom:0; top:auto;
	left:auto; right:auto;
}


/* ribbon */
section.featured-grid div.row>div .ribbon {
	position: absolute;
	right: 4px;
	top: -3px;
	color: #fff;
	text-align:right;

	width: 33.5%;
	height: 33.5%;
}
section.featured-grid div.row>div .ribbon:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border: 150px solid #333;
	border-right: 0;
	border-bottom: 0;
	border-left: 150px solid transparent;
}
section.featured-grid div.row>div .ribbon h2,
section.featured-grid div.row>div .ribbon h3,
section.featured-grid div.row>div .ribbon h4 {
	color:#fff;
}


@media only screen and (max-width: 480px) {
	section.featured-grid div.row>div {
		margin:15px 0;
	}
}
@media only screen and (max-width: 600px) {
	section.featured-grid div.row>div h1 {
		font-size:40px;
	}
	section.featured-grid div.row>div h2 {
		font-size:25px;
	}
}




/** Captions
 **************************************************************** **/
.caption-default,
.caption-light,
.caption-dark,
.caption-color,
.caption-primary,
.caption-warning,
.caption-info,
.caption-danger {
	color:#fff;
	padding:10px;
	font-size:13px;
	background-color:rgba(0,0,0,0.9);
}
.caption-default {
	color:inherit;
	border:#666 1px solid;
	background-color:transparent;
}
.caption-light {
	color:#333;
	background-color:#eaeaea;
}
.caption-dark {
	color:#eee;
	background-color:#666;
}
.caption-primary,
.caption-warning,
.caption-info,
.caption-danger {
	color:#fff;
	background-color:#333;
}
	.caption-warning {
		background-color:#f0ad4e;
	}
 	.caption-info {
		background-color:#5bc0de;
	}
	.caption-danger {
		background-color:#d9534f;
	}

/* 
	Slider Default Caption 
	Example usage: shop-4col-left.html (top banner)
	
*/
.caption-slider-default {
	position:absolute !important;
	left:0; right:0;
	top:0; bottom:0;
	color:#000 !important;
}
.caption-slider-default .caption-container {
	margin:0 50px;
}
.caption-slider-default h1,
.caption-slider-default h2,
.caption-slider-default h3,
.caption-slider-default h4,
.caption-slider-default p {
	margin:0;
	color:#000 !important;
}
@media only screen and (max-width: 480px) {
	.caption-slider-default .caption-container {
		margin:0 30px;
	}
	.caption-slider-default h2 {
		font-size:16px;
	}
	.caption-slider-default p {
		display:none;
	}
}



 
/** Aside
 **************************************************************** **/
.tab-post {
	padding-bottom: 20px;
	margin: 0 0 20px 0;
	border-bottom: rgba(0,0,0,0.06) 1px solid;
}
.tab-post a {
	color:#666;
	text-decoration:none;
}
section.dark .tab-post a {
	color:#ddd;
}
.tab-post small {
	display: block;
	font-size: 12px;
}



	/** Aside Navigation
	 ********************* **/
	ul.side-nav span.badge {
		float:right;
		margin-top:3px;
		font-weight:400;
	}
	ul.side-nav>li>span.badge {
		margin-top:12px;
		margin-right:6px;
	}
	ul.side-nav li.list-group-item>a>.label {
		margin-right:20px;
	}

	ul.side-nav li {
		list-style:none;
	}
	ul.side-nav ul {
		margin:0 0 20px 0;
		padding:0;
	}
	ul.side-nav ul li {
		padding:0 15px;
	}
	ul.side-nav ul li:last-child {
		border-bottom:0;
	}
	ul.side-nav a {
		display:block;
		text-decoration:none;
		color:#333;
		font-size:13px;
		letter-spacing: 1px;
	}
	ul.side-nav a i.fa {
		width:10px;
	}
	ul.side-nav ul li a {
		padding:3px;
		font-size:12px;
	}
	ul.side-nav>li {
		padding:0;
	}
	ul.side-nav>li>a {
		padding:7px 10px;
	}
	ul.side-nav>li.list-group-item.active {
		border:0;
		background-color:transparent;
	}
	ul.side-nav>li.active>a {
		background-color:transparent;
	}
	ul.side-nav li.list-toggle.active:after,
	ul.side-nav > li.active>a {
		font-weight:700;
	}
	ul.side-nav li.list-toggle:after {
		content: "\f104";
		font-family: FontAwesome;
		position: absolute;
		font-size: 15px;
		right: 10px;
		top: 7px;
		font-weight:normal;
		color:#999;
	}
	ul.side-nav li.list-toggle.active:after {
		content: "\f107";
	}

	ul.side-nav .list-group-item {
		background-color:rgba(0,0,0,0);
		border-left:0;
		border-right:0;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	section.dark ul.side-nav .list-group-item {
		border-bottom-color:#333;
		border-top-color:#333;
	}



/** Masonry Gallery
 **************************************************************** **/
.masonry-gallery { 
	position: relative; 
}
.masonry-gallery a, 
.masonry-gallery img {
	display: block;
	height: auto!important;
}
.masonry-gallery a {
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden;
}
.masonry-gallery img {
	width: 100%;
	border-radius: 0!important;
	padding: 0 1px 1px 0;
}

	/* columns */
	.masonry-gallery.columns-2 a { 
		width: 50%; 
	}
	.masonry-gallery.columns-3 a { 
		width: 33.30%; 
	}
	.masonry-gallery.columns-4 a { 
		width: 25%; 
	}
	.masonry-gallery.columns-5 a { 
		width: 20%; 
	}
	.masonry-gallery.columns-6 a { 
		width: 16.60%; 
	}



/** Image Hover
 **************************************************************** **/
.image-hover {
	position:relative;
	display:table;
}
.image-hover>img {
    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);  
       -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		 -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
			transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
}
.image-hover:hover>img {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	/* IE 5-7 */
	filter: alpha(opacity=90);

	/* Netscape */
	-moz-opacity: 0.9;

	/* Safari 1.x */
	-khtml-opacity: 0.9;

	/* Good browsers */
	opacity: 0.9;
}

.image-hover-icon {
	position:absolute;
	left:0; top:0;
	bottom:0; right:0;
	z-index:3;

	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);

	/* Netscape */
	-moz-opacity: 0;

	/* Safari 1.x */
	-khtml-opacity: 0;

	/* Good browsers */
	opacity: 0;

    -webkit-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);  
       -moz-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		-ms-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000); 
		 -o-transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
			transition: all 0.2s cubic-bezier(0.310, 0.100, 0.570, 1.000);
}
	.image-hover-icon.image-hover-dark {
		background-color:rgba(0,0,0,0.3);
	}
	.image-hover-icon.image-hover-light {
		background-color:rgba(255,255,255,0.3);
	}
		.image-hover-icon.image-hover-light>i {
			color:#111;
		}
.image-hover-icon>i {
	font-size:40px;
	position:absolute;
	left:50%; top:50%;
	margin-left:-15px;
	margin-top:-15px;
	z-index:2;
	color:#fff;
}
.image-hover:hover>.image-hover-icon {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* IE 5-7 */
	filter: alpha(opacity=100);

	/* Netscape */
	-moz-opacity: 1;

	/* Safari 1.x */
	-khtml-opacity: 1;

	/* Good browsers */
	opacity: 1;
}





/** Sticky Side
 **************************************************************** **/
.sticky-side {
	position: fixed;
	top: 50%; left: 6px;
	width: 36px;
	z-index: 1;
}
.sticky-side .social-icon {
	margin:0;
}








/** Parallax Social icons
 **************************************************************** **/
ul.social-icons {
    display: inline-block;
    list-style: none;
	padding: 0;
}
ul.social-icons li {
	text-align:center;
	display: inline-block;
    padding: 15px 40px;
} 
ul.social-icons a h4 {
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
}
ul.social-icons a {
	color:#fff;
	text-decoration:none;
}
ul.social-icons a>span {
    font-size: 13px;
	color:#999;
}
ul.social-icons  a>i.fa {
    line-height: 1!important;
}
ul.social-icons a h4,
ul.social-icons a span {
    -webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
	transition: 0.2s all linear;
} 
ul.social-icons a>i.fa { 
    border-radius: 50% !important;
    width: 100px;
    height: 100px; 
	line-height:100px !important;
    margin: 0 auto 0 auto;
	
	font-size:60px;
    
	-webkit-transition: 0.16s all linear;
	-moz-transition: 0.16s all linear;
    -ms-transition: 0.16s all linear;
    -o-transition: 0.16s all linear;
	transition: 0.16s all linear;
}
ul.social-icons a:hover>i.fa {
    background: rgba(255,255,255,0.1);
    font-size: 50px;
	line-height:100px !important;
}
@media (max-width:482px) {
    ul.social-icons li { 
        padding: 15px 10px;
    }

}





/** Word Rotator
 **************************************************************** **/
.word-rotator {
	visibility: hidden;
	width: 100px;
	height: 0;
	margin-bottom:-11px;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	position: relative;
}


	h1 .word-rotator {
		bottom:-3px;
		height: 54px !important;	
	}
	section.page-header h1 .word-rotator {
		bottom:1px;
		height: 39px !important;	
	}
	h2 .word-rotator {
		bottom:0;
		height: 45px !important;
	}
	h3 .word-rotator {
		bottom:2px;
		height: 36px !important;
	}
	h4 .word-rotator {
		bottom:4px;
		height: 27px !important;
	}
	h5 .word-rotator {
		bottom:6px;
		height: 21px !important;
	}
	a .word-rotator {
		bottom:6px;
		height:21px;
	}
	p.lead .word-rotator {
		height:29px;
		bottom:4px;
	}
.word-rotator.active {
	visibility: visible;
	width: auto;
}
.word-rotator .items {
	position: relative;
	width: 100%;
}
.word-rotator .items span {
	display:block;
	margin-bottom:0;
}

/* Rotator Plugin */
.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}

.rotating.flip {
  position: relative;
}

.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0,0,1px);
  -moz-transform: translate3d(0,0,1px);
  -ms-transform: translate3d(0,0,1px);
  -o-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
}

.rotating.flip .front {
  z-index: 1;
}

.rotating .back {
  display: block;
  opacity: 0;
}

.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  -moz-transform: rotate(360deg) scale(0);
  -ms-transform: rotate(360deg) scale(0);
  -o-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}



.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
  -moz-transform: rotateY(180deg) translate3d(0,0,0);
  -ms-transform: rotateY(180deg) translate3d(0,0,0);
  -o-transform: rotateY(180deg) translate3d(0,0,0);
  transform: rotateY(180deg) translate3d(0,0,0);
}

.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
  -moz-transform: rotateX(180deg) translate3d(0,0,0);
  -ms-transform: rotateX(180deg) translate3d(0,0,0);
  -o-transform: rotateX(180deg) translate3d(0,0,0);
  transform: rotateX(180deg) translate3d(0,0,0);
}

.rotating.flip.cube .front {
  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
  transform: translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}







/** Sliders
 **************************************************************** **/
section#slider {
	display:block;
	padding:0;
	margin:0;
	box-shadow:none;
	background-color:#151515;
	overflow:hidden !important;
	border-bottom:0;
	z-index:0;

		-webkit-transition: all 0s;
		   -moz-transition: all 0s;
			 -o-transition: all 0s;
				transition: all 0s;
}
	section#slider.transparent {
		background-color:transparent;
	}
section#slider.parallax-slider:before {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


section#slider .slider-video {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
}
section#slider .slider-video video {
	position: absolute;
	top:0; bottom: 0; 
	left:0; right: 0;
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	overflow: hidden;
}
section#slider canvas {
	width:auto !important;
	height:auto !important;
}
section#slider a:hover {
	color:#fff;
}

/* slider form */
section#slider form .btn {
	margin:0;
}
/*****
section#slider input {
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(255,255,255,0.3);
}
*****/
section#slider .input-group-addon:first-child {
	color:#ccc;
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(255,255,255,0.3);
}
section#slider form.validate input.error {
	color:#333;
}
section#slider input:focus {
	border-color:rgba(255,255,255,0.3);
}
section#slider .btn-default {
	background-color:rgba(0,0,0,0.2);
	border-color:rgba(255,255,255,0.5);
}


	#slider h1,
	.slider h1,
	#slider h2,
	.slider h2,
	#slider h3,
	.slider h3,
	#slider h4,
	.slider h4,
	#slider h5,
	.slider h5,
	#slider h6,
	.slider h6 {
		color:#fff;
	}
	
	
/* slider top links */
#slider .slider-links,
.slider .slider-links {
	position:absolute;
	z-index:100;
	color:#fff;
}
#slider .slider-links li,
.slider .slider-links li {
	vertical-align:top;
	text-align:left;
	font-size:22px;
	color:#ddd;
	font-style:italic;
}
#slider .slider-links li a,
.slider .slider-links li a {
	color:#fff;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	border-left: 1px solid rgba(255,255,255,.15);
	margin-left: 15px;
	overflow: hidden;
	padding: 6px 0;
	padding-left: 15px;
	text-transform: uppercase;
	max-width:220px;
	display:inline-block;
	text-align:left;
	max-height:62px;
	text-shadow:none;

	opacity: 1;
	filter: alpha(opacity=100);
}
#slider .slider-links li:hover a,
.slider .slider-links li:hover a {
		opacity: 0.8;
		filter: alpha(opacity=80);
}



/* shadows - over image */
#slider .top-shadow,
.slider .top-shadow {
    padding: 50px 30px;
	min-height:150px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
	z-index:80;

    background-image: -moz-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -ms-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -o-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-gradient(linear, center top, center top, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
    background-image: linear-gradient(to top,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
}
#slider .bottom-shadow,
.slider .bottom-shadow {
    padding: 50px 30px;
	min-height:150px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
	z-index:80;

    background-image: -moz-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -ms-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -o-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.6)));
    background-image: linear-gradient(to bottom,rgba(51,51,51,0) 0, rgba(51,51,51,0.4) 50%, rgba(51,51,51,0.6) 100%);
}


	/** Next | Prev
	 ************************* **/
	.tparrows.round,
	.tp-leftarrow.round,
	.tp-rightarrow.round,
	.flex-prev,
	.flex-next,
	.camera_next,
	.camera_prev,
	.nivo-nextNav,
	.nivo-prevNav,
	.owl-prev,
	.owl-next,
	.swiper-button-next,
	.swiper-button-prev {
		background-image:none !important;
		border:0;
		color:#ccc;
		font-size:34px;
		line-height:55px;
		height:auto !important;
		width:56px !important;
		text-align:center;
		background-color:rgba(0,0,0,0.2);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;

		-webkit-transition: all .400s;
		   -moz-transition: all .400s;
			 -o-transition: all .400s;
				transition: all .400s;
	}
	.tp-rightarrow.round,
	.flex-next,
	.owl-next,
	.camera_next,
	.nivo-nextNav,
	.swiper-button-next {
		right:-3px;
	}
	.tp-leftarrow.round,
	.flex-prev,
	.owl-prev,
	.camera_prev,
	.nivo-prevNav,
	.swiper-button-prev {
		left:-3px;
	}
	.tp-leftarrow.round:hover,
	.tp-rightarrow.round:hover,
	.flex-next:hover,
	.owl-prev:hover,
	.owl-next:hover,
	.flex-prev:hover,
	.camera_next:hover,
	.camera_prev:hover,
	.nivo-nextNav:hover,
	.nivo-prevNav:hover,
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		color:#fff;
		background-color:rgba(0,0,0,0.5);
	}

	
	/** Flex Slider **/
	.flexslider[data-arrowNav="false"] ul.flex-direction-nav {
		display:none !important;
	}




	/** Swiper Slider
	 ************************* **/
    .swiper-container {
        width: 100%;
        height: 100%;
		position:relative;
    }

	.swiper-slide {
		color:#fff;
        font-size: 18px;
        background: #fff;
		position:relative;

		  background-position: center center;
			background-repeat: no-repeat;

		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   background-size: cover;
				box-sizing: border-box;
	}
	.swiper-pagination-bullet {
		width:20px !important;
		height:5px !important;
		background:#fff !important;
		opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;

		-webkit-border-radius: 0 !important;
		   -moz-border-radius: 0 !important;
				border-radius: 0 !important;
	}
	.swiper-pagination-bullet:hover,
	.swiper-pagination-bullet-active {
		-webkit-transition: all .200s;
		   -moz-transition: all .200s;
			 -o-transition: all .200s;
				transition: all .200s;

		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
	}
	
	.swiper-caption {
		color:#fff;
		position:absolute;
		opacity: .85;
		bottom: 0;
		left:0; 
		right:0;
		height: 80px;
		line-height:20px;
		padding:30px 15px;
		text-shadow: 1px 1px 1px rgba(0,0,0,.3);

		background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.85)));
		background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.85) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	}
	@media only screen and (max-width: 480px) {
		.swiper-caption {
			font-size:15px;
		}
	}
	
	.swiper-container.has-fixed-footer .swiper-button-next,
	.swiper-container.has-fixed-footer .swiper-button-prev {
		margin-top:-80px;
	}




	/** Nivo Slider
	 ************************* **/
	.nivo-controlNav {
		display: none1;
	}
	.nivo-caption {
		left: 20px;
		bottom: 20px;
		display:inline-block;
		color: #fff;
		background-color:rgba(0,0,0,0.7);
		font-family:'Lato',Arial,Helvetica,sans-serif;
		font-weight:300;
		padding: 6px 15px 8px 15px;
		opacity: 1;
		width:auto;
		max-width:500px;
		font-size:21px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	.nivo-controlNav {
		text-align: center;
		padding: 20px 0;
	}
	.nivo-controlNav a {
		display:inline-block;
		width:22px;
		height:22px;
		background:url('../images/plugins/slider.nivo/bullets.png') no-repeat;
		text-indent:-9999px;
		border:0;
		margin: 0 2px;
	}
	.nivo-controlNav a.active {
		background-position:0 -22px;
	}

	@media only screen and (max-width: 768px) {
		.nivo-caption {
			display:none;
		}
	}



	/** Camera Slider
	 ************************* **/
	.camera_wrap {
		overflow:hidden;
	}
	.camera_wrap .camera_pag .camera_pag_ul {
		padding: 0;
		position: absolute;
		right: 20px; bottom: -8px;
		list-style: none;
	}
	.camera_caption {
		font-family:'Lato',Arial,Helvetica,sans-serif;
		font-size:22px;
		font-weight:300;
	}

	.camera_commands {
		display:none !important;
	}
	.camera_pie canvas {
		margin:10px;
	}
	@media only screen and (max-width: 768px) {
		.camera_caption {
			display:none !important;
		}
	}
	




	/** Elastic Slider
	 ************************* **/
	.ei-title h2 {
		font-size: 40px;
		line-height: 50px;
		color: #fff;
		font-weight:300;
		margin:0;
	}
	.ei-title h3 {
		font-size: 60px;
		line-height: 60px;
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
		font-weight:300;
		color: #fff;
		margin:0;
	}
	.ei-slider-thumbs {
		margin:0 auto; 
		padding:0;
		top:-30px;
		position:relative;
		z-index:10;
		height:4px;
	}
	.ei-slider-thumbs li:hover img{
		bottom:4px;
	}
	.ei-container-thumbs {
		display:block;
	}
	.ei-slider-thumbs li {
		border-left:transparent 6px solid;
	}
	.ei-slider-thumbs li a {
		background-color:#fff;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.ei-slider-thumbs li img {
		-webkit-box-reflect: none;
		-ms-filter: none;
	}

	@media only screen and (max-width: 768px) {
		.ei-title {
			display:none;
		}
	}

	
	
	
	/** Revolution Slider
	 ************************* **/
	.tp-caption {
		text-shadow:#000 1px 1px 1px;
	}
	.tp-caption.text_white, 
	.tp-caption.text_black, 
	.tp-caption.block_white, 
	.tp-caption.block_theme_color, 
	.tp-caption.block_black {
		white-space: nowrap;
		line-height: 34px;
		border-width: 0px;
		margin: 0px;
		padding: 1px 10px;
		letter-spacing: 0px;
		font-size: 22px;
		color: #fff;
		text-shadow:none;
	}
	
	.tp-caption.block_white {
		background-color: #fff;
	}
	.tp-caption.block_black {
		background-color: #000;
	}
	.tp-caption.text_white {
		color: #fff;
	}
	.tp-caption.text_black {
		color: #111;
	}

	.tp-bannertimer {
		background:rgba(0,0,0,0.5) !important;
		height:2px !important;
	}

	.tparrows.round:before {
		font-family: 'revicons';
	}
	.tparrows {
		top:50% !important;
		margin-top:-25px;
	}
	.tparrows.preview1 {
		margin-top:-50px !important;
	}

	.tparrows.preview4 {
		margin-top:-50px !important;
	}

	.tparrows.preview2 {
		line-height:1;
	}

	.tparrows:hover {
		color: #fff;
	}
	.tp-leftarrow.round:before {
		content: '\e824';
	}
	.tp-rightarrow.round:before {
		content: '\e825';
	}
	.tparrows.tp-rightarrow:before {
		margin-left: 1px;
	}
	/* bullets */
	.tp-bullets.simplebullets.round {
		bottom:20px !important;
	}
	.tp-bullets.simplebullets.round .bullet {
		background:none;
		background-color:#fff;
		height:5px;
	}
	.tp-bullets.simplebullets.round .bullet.selected {
		background-color:#000;
	}
	
	/* revslider 5+ */
	.rev_slider_wrapper.arrows-bottom .tparrows {
		top:100% !important;
	}
	.rev_slider_wrapper .tp-caption {
		text-shadow:none;
	}
	.rev_slider_wrapper .inner {
		bottom:inherit !important;
		right:auto !important;
		width:auto !important;
		height:auto !important;
	}
	.rev_slider_wrapper.bottom-noinherit .inner {
		bottom:0 !important;
	}
	.tp-tabs,
	.tp-tab-mask,
	.tp-thumb-mask {
		z-index:1001;
	}
	.tp-thumbs {
		width:auto;
	}
	
	.rev_slider_wrapper.bottom-noinherit .tp-tab-mask {
		transform: matrix(1, 0, 0, 1, 0, 100) !important;
		height:100% !important;
		max-height:100% !important;
	}
	.rev_slider_wrapper.tparrows-bottom  .tparrows {
		top:auto !important;
		bottom:-80px !important;
		margin-top:0 !important;
	}




	/** Layer Slider
	 ************************* **/
	.ls-borderlessdark .ls-thumbnail-inner, 
	div.ls-thumbnail-slide-container {
		background-color:rgba(0,0,0,0.1) !important;

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	.ls-thumbnail-slide img {
		width:100%;
	}
	.ls-container .ls-thumbnail-wrapper {
		margin-bottom:100px;
	}



	/** Slider Featured Text
	 ************************ **/
	#slider div.slider-featured-text {
		padding:30px;
	}
	#slider div.slider-featured-text h1 {
		text-shadow:rgba(33,33,33,0.5) 1px 1px 3px;
		font-size:90px;
		line-height:90px;
		margin:0;
		font-family:Arial,Helvetica,sans-serif;
	}
	#slider div.slider-featured-text h2 {
		text-shadow:#333 1px 1px 3px;
		font-size:30px;
		line-height:30px;
	}
	#slider div.slider-featured-text h1 em,
	#slider div.slider-featured-text h2 em {
		font-style:normal;
	}
	#slider div.slider-featured-text .btn {
		color:#333 !important;
		background-color:#fff !important;
		border:0 !important;
	}
	#slider div.slider-featured-text .btn:hover,
	#slider div.slider-featured-text .btn:active {
		opacity:0.9;
	}
@media only screen and (max-width: 768px) {
	#slider div.slider-featured-text {
		text-align:center !important;
		width:100%;
	}
	#slider div.slider-featured-text h1 {
		font-size:30px;
		line-height:35px;
		text-align:center;
	}
	#slider div.slider-featured-text h2 {
		font-size:27px;
		line-height:27px;
		text-align:center;
	}
}


	/** **/
	#slider img.img-responsive {
		display:inline-block;
	}

	#slider h1,
	#slider h2,
	#slider h3,
	#slider h4,
	#slider h5,
	#slider h6,
	#slider p {
		/*color:#fff;
		text-shadow:rgba(0,0,0,0.16) 1px 1px 1px;*/
	}
	#slider h1 {
		font-size:60px;
		line-height:60px;
	}
	#slider h2 {
		font-size:40px;
		line-height:40px;
	}
	#slider h3 {
		font-size:30px;
		line-height:30px;
	}
	#slider .btn {
		/*margin-top:30px;*/
	}
	#slider .btn-default,
	.slider .btn-default {
		color:#fff;
		background-color:transparent;
		border-color:#fff;
		border-width:2px;
	}
	#slider .btn-default:hover,
	.slider .btn-default:hover {
		background-color:rgba(255,255,255,0.1);
	}
	#slider .btn,
	.slider .btn {
		color:#fff !important;
	}

@media only screen and (max-width: 768px) {
	#slider h1 {
		font-size:30px;
		line-height:35px;
		text-align:center;
	}
	#slider h2 {
		font-size:27px;
		line-height:27px;
		text-align:center;
	}
	#slider h3 {
		font-size:20px;
		line-height:20px;
		text-align:center;
	}
}






/** Standard Forms Messages

	USAGE:
		<p id="alert_success" class="alert alert-success alert-mini">Message sent! Thank You!</p>
 **************************************************************** **/
#alert_newsletter,
#alert_mandatory,
#alert_success,
#alert_failed {
	display:none;
}





/** Portfolio
 **************************************************************** **/
/* do not move from here - we rewrite this below */
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
	font-size:18px;
	line-height:21px;
	margin:0;
	padding:0;
}
.item-box .owl-carousel {
	margin-top:0px !important;
}



#portfolio {
	overflow:hidden;
}
#portfolio h2,
#portfolio h3 {
	font-size:18px;
	line-height:20px;
	margin:0;
	color:#111;
}

#portfolio .portfolio-item h2,
#portfolio .portfolio-item h3 {
	text-overflow:ellipsis; 
	white-space: nowrap;
}


#portfolio div.col-md-3 h2,
#portfolio div.col-md-3 h3 {
	font-size:18px;
	line-height:18px;
}
#portfolio div.col-md-5th h2,
#portfolio div.col-md-5th h3 {
	font-size:15px;
	line-height:15px;

	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space: nowrap; 
}
#portfolio div.col-md-2 h2,
#portfolio div.col-md-2 h3 {
	font-size:13px;
	line-height:13px;
}
#portfolio div.col-md-2 .item-box-desc,
#portfolio div.col-md-2 .item-box-desc {
	padding:20px 6px 0 15px !important;
}
	section.dark #portfolio h2,
	section.dark #portfolio h3 {
		color:#fff;
	}
#portfolio.portfolio-title-over div.col-md-2 .item-box .item-hover .inner {
	margin-top:-20px !important;
}

#portfolio div.col-md-2 ul.categories>li>a,
#portfolio div.col-md-5th ul.categories>li>a {
	font-size:11px;
	line-height:11px;
}


/* dark section */
section.dark#portfolio h2,
section.dark #portfolio h2,
section.dark#portfolio h3,
section.dark #portfolio h3 {
	color:#fff !important;
}

#portfolio .mix-grid>.row.mix {
	border-bottom:rgba(0,0,0,0.1) 1px solid;
	margin-bottom:60px;
	padding-bottom:60px;
}
#portfolio .mix-grid>.row.mix:last-child {
	border-bottom:0;
}
#portfolio .mix-grid>.row>div:last-child {
	margin-bottom:0 !important;
}
#portfolio .item-box-desc h2,
#portfolio .item-box-desc h3 {
	font-size:18px;
	line-height:20px;
}

#portfolio .item-box-overlay-title {
	display:block;
	position:absolute;
	left:0; right:0;
	bottom:0;
	padding:8px;
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	z-index:100;
}
#portfolio .item-box-overlay-title h2,
#portfolio .item-box-overlay-title h3,
#portfolio .item-box-overlay-title h4,
#portfolio .item-box-overlay-title a {
	color:#fff;
}
#portfolio .item-box-overlay-title a:hover {
	color:#fff !important;
}
#portfolio .controlls-over .owl-pagination {
	bottom:auto;
	top:10px;
	right:10px;
	left:auto;
	width:auto;
}

@media only screen and (max-width: 992px) {
	#portfolio div.col-md-5>h2,
	#portfolio div.col-md-5>h3 {
		margin-top:30px;
	}
}
@media only screen and (max-width: 480px) {
	#portfolio.portfolio-title-over .item-box .item-hover .inner {
		margin-top:-40px !important;
	}
}

	/** Gutter
	 ****************** **/
	#portfolio.portfolio-gutter .item-box {
		margin-bottom:30px;
	}

	#portfolio.portfolio-nogutter .row>div, 
	#portfolio.portfolio-nogutter .item-box {
	  padding: 0 !important;
	  margin: 0 !important;
	}

	#portfolio.portfolio-gutter .item-box .item-box-desc  {
		margin-bottom:0 !important;
		padding-bottom:0 !important;
	}


	/** Isotope Portfolio 
	 ****************** **/
	#portfolio.portfolio-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#portfolio.portfolio-isotope .item-box-desc {
		margin-bottom:0;
	}
	#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,
	#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,
	#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {
		margin-top:-36px !important;
	}
	#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {
		margin-top:-26px !important;
	}
	
	/* 2 columns */
	#portfolio.portfolio-isotope-2 .portfolio-item {
		margin: 0 20px 20px 0;
		float:left;
	}
		#portfolio.portfolio-isotope-2 .item-box-desc {
			padding:20px;
		}
	
	/* 3 columns */
	#portfolio.portfolio-isotope-3 .portfolio-item {
		margin: 0 15px 15px 0;
	}
		#portfolio.portfolio-isotope-3 .item-box-desc {
			padding:20px;
		}
	
	/* 4 columns */
	#portfolio.portfolio-isotope-4 .portfolio-item {
		margin: 0 12px 12px 0;
	}
		#portfolio.portfolio-isotope-4 .portfolio-item h3,
		#portfolio.portfolio-isotope-4 .portfolio-item h4 {
			font-size:17px;
			line-height:17px;
		}
		#portfolio.portfolio-isotope-4 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	/* 5 columns */
	#portfolio.portfolio-isotope-5 .portfolio-item {
		margin: 0 10px 10px 0;
	}
		#portfolio.portfolio-isotope-5 .portfolio-item  h3,
		#portfolio.portfolio-isotope-5 .portfolio-item  h4 {
			font-size:16px;
			line-height:16px;
		}
		#portfolio.portfolio-isotope-5 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	/* 6 columns */
	#portfolio.portfolio-isotope-6 .portfolio-item {
		margin: 0 6px 6px 0;
	}
		#portfolio.portfolio-isotope-6 .portfolio-item h3,
		#portfolio.portfolio-isotope-6 .portfolio-item h4 {
			font-size:15px;
			line-height:15px;
		}
		#portfolio.portfolio-isotope-6 .item-box-desc {
			padding:20px 10px 20px 10px;
		}

	#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {
		margin:0;
	}




	/** Ajax Portfolio 
	 ****************** **/
	#portfolio_ajax_container {
		position:relative;
	}
	#portfolio_ajax_container .overlay>span {
		position: absolute;
		top: 50%; left: 50%;
		width: 68px; height: 68px;
		line-height: 76px;
		text-align: center;
		
		margin: -34px 0 0 -34px;
		background-color: rgba(0,0,0,0.8);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	#portfolio_ajax_container .overlay>span>i {
		color: #fff;
		font-size: 30px;
	}
	div.portfolio-ajax-page {
		margin-bottom:80px;
		padding:10px 0;
	}
	div.portfolio-ajax-page header {
		position:relative;
	}
	div.portfolio-ajax-page header>ul {
		margin:0;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-10px;
	}
	div.portfolio-ajax-page header>ul a {
		font-size:18px;
	}
	div.portfolio-ajax-page header>ul a.portfolio-ajax-close {
		margin-left:20px;
	}
	div.portfolio-ajax-page header a {
		color:#888;
		text-decoration:none;
	}
	div.portfolio-ajax-page header a:hover {
		color:#000;
	}
	div.portfolio-ajax-page header h2,
	div.portfolio-ajax-page header h3 {
		margin:0;
	}

	section.dark 	.portfolio-ajax-page header a:hover {
		color:#fff;
	}

	@media only screen and (max-width: 768px) {
		div.portfolio-ajax-page header {
			text-align:center;
		}
		div.portfolio-ajax-page header>ul {
			position:relative;
			margin-top:30px;
		}
		div.portfolio-ajax-page header h2,
		div.portfolio-ajax-page header h3 {
			font-size:24px;
			line-height:24px;
		}
	}




	/** Portfolio Single
	 ****************** **/
	ul.portfolio-detail-list span {
		display: inline-block;
		font-weight: bold;
		width: 150px;
	}
	ul.portfolio-detail-list span>i {
		position: relative;
		top: 1px;
		width: 14px;
		text-align: center;
		margin-right: 7px;
	}






/** Item Box
 **************************************************************** **/
.item-box {
	overflow:hidden;
	margin:0;
	position:relative;
	box-shadow:rgba(0,0,0,0.1) 0 0 5px;


	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.mix-grid .item-box,
#portfolio .item-box {
	box-shadow:none;
}
	.item-box.fullwidth {
		max-width:100%;
	}
	section.alternate .item-box {
		background-color:rgba(0,0,0,0.05);
	}


.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
	.item-box.fixed-box figure img {
		width:100%;
		height:auto;
	}

.item-box-desc {
	padding:30px 20px 20px 20px;
	overflow:hidden;
	margin-bottom:10px;
	text-align:left !important;
}
.item-box-desc p {
	margin-top:20px;
	display:block;
	overflow:hidden; 
	text-overflow:ellipsis;
	/*white-space: nowrap;*/
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h2,
.item-box-desc h3,
.item-box-desc h4,
.item-box-desc h5 {
	padding:0; margin:0;
}
.item-box .item-box-desc small {
	display:block;
}

.item-box.fixed-box .item-box-desc {
	height:256px;
}

.item-box.fixed-box figure {
	max-height:263px;
}

.item-box .socials {
	border-top:#eee 1px solid;
	text-align:center;
	display:block;
}


/* hover */
.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	text-align:center;
	color:#fff;

	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
	color:#fff;
}
.item-box .item-hover .inner {
	position:absolute;
	display:block;
	left:0; right:0; top:50%;
	margin-top:-10px;
	margin-bottom:0;
	width:100%;
	z-index:100;
	line-height:23px;
}
.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-box .item-hover .inner .ico-rounded>span {
	color:#666;
	background-color:#fff;
	width:50px; 
	height:50px;
	line-height:50px !important;
	margin:-20px  5px 0 5px;

	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;

	-webkit-border-bottom-right-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
			-moz-border-radius-topleft: 20px;
			border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
}


.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
	color:#333;
	background-color:rgba(0,0,0,0.07);
}








/** Mixitup
 **************************************************************** **/
.mix-grid .mix {
	opacity: 0;
	display: none;
}
.mix.nogutter,
.mix.nogutter>.item-box  {
	padding:0 !important;
	margin:0 !important;
	line-height:0;
}





/** Blog
 **************************************************************** **/
.blog-post-item {
	display:block;
	margin-bottom:80px;
	padding-bottom:60px;
	border-bottom:#eee 1px solid;
	position:relative;
}
	section.dark .blog-post-item {
		border-bottom:#444 1px solid;
	}

h1.blog-post-title,
.blog-post-item h2 {
	letter-spacing:0;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:22px;
	margin-bottom:15px;
}
ul.blog-post-info {
	display:block;
	border-bottom:#eaeaea 1px dotted;
	padding-bottom:20px;
}
section.dark ul.blog-post-info {
	border-bottom-color:#444;
}
ul.blog-post-info li {
	margin-right:20px;
}
ul.blog-post-info li>a {
	color:#888;
}
ul.blog-post-info li i {
	color:#888;
	margin-right:5px;
}
ul.blog-post-info li a:after {
	content:' , ';
}
ul.blog-post-info li a:last-child:after {
	content:'';
}

/* blog misc */
.blog-post-item .flexslider {
	margin-bottom:20px;
}
h1.blog-post-title {
	font-size:24px;
	margin-bottom:0;
}




	/** Blog Small Image
	 ****************** **/
	.blog-post-item .blog-item-small-image {
		width:300px;
		float:left;
	}
	.blog-post-item .blog-item-small-image + .blog-item-small-content {
		padding-left:330px;
	}
		.blog-post-item.blog-post-item-inverse .blog-item-small-image {
			width:300px;
			float:right;
		}
		.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding-left:0;
			padding-right:330px;
		}

	.blog-both-sidebar .blog-post-item .blog-item-small-image {
		width:200px;
	}
	.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
		padding-left:230px;
	}

		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image {
			width:200px;
			float:right;
		}
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding-left:0;
			padding-right:230px;
		}

	@media only screen and (max-width: 768px) {
		.blog-post-item .blog-item-small-image,
		.blog-post-item.blog-post-item-inverse .blog-item-small-image,
		.blog-both-sidebar .blog-post-item .blog-item-small-image,
		.blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content {
			width:100%;
			display:block;
			float:none;
		}
		.blog-post-item .blog-item-small-image + .blog-item-small-content,
		.blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content,
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image,
		.blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content {
			padding:0;
		}
	}



	/** Isotope Blog 
	 ****************** **/
	#blog.blog-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#blog.blog-isotope-3 .blog-post-item .flexslider,
	#blog.blog-isotope-4 .blog-post-item .flexslider,
	#blog.blog-isotope-5 .blog-post-item .flexslider,
	#blog.blog-isotope-6 .blog-post-item .flexslider {
		margin-bottom:20px;
	}
	
	/* 2 columns */
	#blog.blog-isotope-2 .blog-post-item {
		margin: 0 20px 20px 0;
		float:left;
		border:0;
	}
		#blog.blog-isotope-2.blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 3 columns */
	#blog.blog-isotope-3 .blog-post-item {
		margin: 0;
		border:0;
	}
		#blog.blog-isotope-3 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 4 columns */
	#blog.blog-isotope-4 .blog-post-item {
		margin: 0;
		padding:0 15px 60px 15px;
		border:0;
	}
		#blog.blog-isotope-4 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}

	/* 5 columns */
	#blog.blog-isotope-5 .blog-post-item {
		margin: 0 10px 10px 0;
		border:0;
	}
		#blog.blog-isotope-5 .blog-post-item  h2 {
			font-size:16px;
			line-height:16px;
		}

	/* 6 columns */
	#blog.blog-isotope-6 .blog-post-item {
		margin: 0 6px 6px 0;
		border:0;
	}
		#blog.blog-isotope-6 .blog-post-item h2 {
			font-size:15px;
			line-height:15px;
		}
	
	
	

	/** Blog Single
	 ****************** **/
	.blog-single-small-media {
		width:350px;
		float:left;
		margin-right:30px;
		margin-bottom:20px;
	}
	.blog-single-small-media.inverse {
		float:right;
		margin-right:0;
		margin-left:30px;
	}


/** Comments
 **************************************************************** **/
.comments {
	margin-top:60px;
}
.comments .comment-item {
	margin:5px 0px 40px 0px;
	padding-bottom: 15px;
	border-bottom: rgba(0,0,0,0.1) 1px solid;
}
.comments .comment-reply {
	float:right;
	font-size:11px;
	color: rgba(0,0,0,0.3);
	text-transform:uppercase;
}
.comments span.user-avatar {
	background:#eee;
	width:64px; 
	height:70px;
	overflow: hidden;
	float:left;
	margin-right:10px;
}
	section.dark .comments span.user-avatar {
		background:transparent;
	}
.comments small {
	font-size:12px;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	color:#aaa;
}
.comments h4 {
	font-size:15px;
}
section.dark .comments small {
	color:#666;
}


	/* BORDERED COMMENTS */
	.comment-list p,
	.comment-list .row {
		margin-bottom: 0px;
	}
	.comment-list .panel .panel-heading {
		padding: 4px 15px;
		position: absolute;
		border:none;
		border-top-right-radius:0px;
		top: 1px;
	}
	.comment-list .panel .panel-heading.right {
		border-right-width: 0px;
		border-top-left-radius:0px;
		right: 16px;
	}
	.comment-list .panel .panel-heading .panel-body {
		padding-top: 6px;
	}
	.comment-list figcaption {
		/*For wrapping text in thumbnail*/
		word-wrap: break-word;
	}
	/* Portrait tablets and medium desktops */
	@media (min-width: 768px) {
		.comment-list .arrow:after, 
		.comment-list .arrow:before {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent;
		}
		.comment-list .panel.arrow.left:after, 
		.comment-list .panel.arrow.left:before {
			border-left: 0;
		}
		/*****Left Arrow*****/
		.comment-list .panel.arrow.left:before {
			left: 0px;
			top: 30px;
			border-right-color: inherit;
			border-width: 16px;
		}
		/*Background color effect*/
		.comment-list .panel.arrow.left:after {
			left: 1px;
			top: 31px;
			border-right-color: #FFFFFF;
			border-width: 15px;
		}
		/*****Right Arrow*****/
		.comment-list .panel.arrow.right:before {
			right: -16px;
			top: 30px;
			border-left-color: inherit;
			border-width: 16px;
		}
		/*Background color effect*/
		.comment-list .panel.arrow.right:after {
			right: -14px;
			top: 31px;
			border-left-color: #FFFFFF;
			border-width: 15px;
		}
		
		section.dark .comment-list .thumbnail {
			border-color:#666;
			background-color:#666;
		}
		section.dark .comment-list .panel.arrow.left:after {
				border-right-color: #212121;
		}
		section.dark .comment-list .panel.arrow.right:after {
				border-left-color: #212121;
		}
	}

	.comment-list .comment-post {
		margin-top: 6px;
	}



/* 
	article default comments 
	usage example: page-profile-comments.html
*/
ul.comment {
	margin-bottom:30px;
}
li.comment {
	position:relative;
	margin-bottom:25px;
	font-size:13px;
}
li.comment p {
	margin:0; padding:0;
}
li.comment img.avatar {
	position:absolute;
	left:0; top:0;
	display:inline-block;
}
li.comment.comment-reply img.avatar {
	left:6px; top:6px;
}
li.comment .comment-body {
	position:relative;
	padding-left:60px;
}
li.comment.comment-reply {
	margin-left:60px;
	background-color:rgba(0,0,0,0.04);
	padding:6px;
	margin-bottom:6px;
}
li.comment a.comment-author {
	margin-bottom:6px;
	display:block;
}
li.comment a.comment-author span {
	font-size:15px;
}







/** Timeline
 **************************************************************** **/
.timeline {
	position:relative;
	padding-left:100px;
}
.timeline.timeline-inverse {
	padding-left:0;
	padding-right:100px;
}
.timeline .timeline-item {
	position:relative;
	min-height:150px;
	display:block;
	margin-bottom:30px;
}
.timeline .timeline-item-bordered {
	border-left:#ccc 1px dashed;
	padding-left:20px;
}
	section.dark .timeline .timeline-item-bordered {
		border-left:rgba(255,255,255,0.2) 1px dashed;
	}

.timeline.timeline-inverse .timeline-item-bordered {
	border-right:#ccc 1px dashed;
	border-left:0;
	padding-right:20px;
	padding-left:0;
}

/* horizontal line [left|center|right] */
.timeline>.timeline-hline {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	margin-left: 30px;
	width: 1px;
	border-left:rgba(0,0,0,0.1) 1px dashed;
	height: 100%;
}
	section.dark .timeline>.timeline-hline {
		border-left-color:rgba(255,255,255,0.2);
	}

.timeline.timeline-inverse>.timeline-hline {
	left:auto;
	right:0;
	margin-left:0;
	margin-right:30px;
	border-left:0;
	border-right:rgba(0,0,0,0.1) 1px dashed;
}
	section.dark .timeline.timeline-inverse>.timeline-hline {
		border-right-color:rgba(255,255,255,0.2);
	}

/* timeline entry */
.timeline .timeline-entry {
	display: block;
	border:rgba(0,0,0,0.1) 3px solid;
	background-color:#fff;
	padding-top: 10px;
	top: 20px;
	z-index:10;

	position:absolute;
	left: -102px;
	right: auto;
	width: 64px;
	height: 64px;
	font-size: 26px;
	text-align:center;
	line-height:1;
	color:#ccc;
	font-weight:bold;
	font-family:'Lato','Open Sans',Arial,Helvetica,sans-serif;
}
.timeline .timeline-entry>.timeline-vline {
	position: absolute;
	top: 50%; 
	margin-top:-1px;
	right: -40px;
	width: 40px;
	height: 0;
	border-top: 1px dashed #CCC;
}
	.timeline.timeline-inverse .timeline-entry {
		right: -102px;
		left: auto;
	}
	.timeline.timeline-inverse .timeline-entry>.timeline-vline {
		right:auto;
		left: -40px;
	}

.timeline .timeline-entry>span {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	font-weight:300;
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
}
section.alternate .timeline .timeline-entry {
	background-color:#F9F9F9;
}
section.dark .timeline .timeline-entry {
	color:#666;
	background-color:#212121;
	border-color:rgba(255,255,255,0.2);
}

section.dark .timeline .timeline-entry>.timeline-vline {
	border-top-color:rgba(255,255,255,0.2);
}
section.dark.alternate .timeline .timeline-entry {
	background-color:#151515;
}


	/* timeline center */
	.timeline_center { 
		margin: 0; 
		position: relative;  
		background: url('../images/timeline/timeline_top.png') no-repeat top center; 
		padding-top: 9px; 
	}
	.timeline_center:after { 
		content: ""; 
		width: 0px; 
		height: 0px; 
		border-width: 3px; 
		border-style: solid; 
		position: absolute; 
		left: 50%; 
		bottom: -10px; 
		margin-left: -3px; 
		display: block; 
		z-index: 1; 
		
		-webkit-border-radius: 100%; 
				border-radius: 100%; 
	}
	.timeline_center li { 
		padding: 0 0 25px 55%; 
		position: relative; 
		background: url('../images/timeline/timeline_right.png') no-repeat top center; 
	}
	.timeline_center li:nth-child(even) { 
		padding: 0 55% 25px 0; 
		background: url('../images/timeline/timeline_left.png') no-repeat top center; 
		text-align:right;
	}

	.timeline_center li h3 { 
		font-size: 30px; 
		line-height: 35px; 
	}
	.timeline_center li h3 span { 
		position: absolute; 
		right: 55%; 
		top: 0px; 
		font-size:13px;
	}
	.timeline_center li h3:before { 
		content: ""; 
		width: 15px; 
		height: 15px; 
		border-width: 4px; 
		border-style: solid; 
		position: absolute; 
		left: 50%; 
		top: 11px; 
		margin-left: -7px; 
		display: block; 
		z-index: 1; 
		
		-webkit-border-radius: 100%; 
				border-radius: 100%; 
	}
	.timeline_center li:nth-child(even) h3 { 
		text-align: right; 
	}
	.timeline_center li:nth-child(even) h3 span { 
		left: 55%; 
		right: auto;
	}

	.timeline_center li .timeline-desc { 
		position: relative; 
		font-size: 15px; 
		line-height: 31px; 
	}
	.timeline_center li .timeline-desc:before { 
		content: ""; 
		width: 100%; 
		height: 100%; 
		position: absolute; 
		left: -122%; 
		top: 0; 
	}
	.timeline_center li .timeline-desc.timeline-desc-line {
		background: url('../images/timeline/textline.png') repeat-y; 
	}
	.timeline_center li:nth-child(even) .timeline-desc:before { 
		left: auto; 
		right: -122%; 
	}
	.timeline_center li:nth-child(even) .timeline-desc { 
		text-align: right; 
	}

	.timeline_center li h3:before, 
	.timeline_center:after {
		border-color: #333;
	}

	@media only screen and (max-width: 650px) {
		.timeline_center { background-position: 11px top; }
		.timeline_center li { padding: 0 0 25px 70px !important; background: url('../images/timeline/timeline_right.png') no-repeat !important; background-position: -30px top !important; width: auto; }
		.timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; }
		.timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; }
		.timeline_center li h3 { font-size:24px; line-height:24px; }
		.timeline_center li h3,
		.timeline_center li:nth-child(even) h3 { text-align: left; }
		.timeline_center li h3:before { left: 13px; }
		.timeline_center li .timeline-desc,
		.timeline_center li:nth-child(even) .timeline-desc { text-align: left; }
		.timeline_center li .timeline-desc:before { display: none; }
		.timeline_center:after { left: 13px; }
	}






/** Contact
 **************************************************************** **/
.contact-over-map {
	position:absolute;
	z-index:1;
	top:0; right:0;
	bottom:0; left:0;
	height:100%;
}

.contact-over-box {
	position:relative;
	z-index:5;
	background-color:#fff;
	width:100%;
	max-width:380px;
	min-height:300px;
	padding:20px;
	box-shadow:#888 0 0 16px;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

section.dark .contact-over-box {
	background-color:#212121;
}







/** Error 404
 **************************************************************** **/
.error-404 {
	content: '404';
	font-size:200px;
	line-height:200px;
	font-weight:bold;
	color:#ddd;
	text-align:center;
	left:0; right:0;
	top:0; bottom:0;
}
section.dark .error-404 { 
	color:#666;
}
.inline-search-404 {
	margin-top:60px;
}

@media only screen and (max-width: 482px) {
	.inline-search-404 {
		margin-top:20px;
	}
	footer.footer-err-404 {
		display:none;
	}
	.err-404-row>div {
		margin-bottom:15px !important;
	}
}



/** Maintenance
 **************************************************************** **/
.maintenance {
	padding: 20px;
	margin-top: 10%;
	background-color: rgba(0,0,0,0.05);
	font-family:'Open Sans';
	font-size:14px; 
	line-height:23px;
	text-align: center;
	font-weight:300;
}
.maintenance h1 {
	font-size:50px;
	line-height:50px;
	font-weight:300;
	margin-bottom:6px;
}
@media only screen and (max-width: 480px) {
	.maintenance h1 {
		font-size:40px;
		line-height:40px;
	}
}



/** Login & Register
 **************************************************************** **/
ul.login-features>li {
	content: ' ';
	clear: both;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
}
ul.login-features>li>i {
	font-size:30px;
	float:left;
	padding-right:20px;
}
.login-forgot-password {
  display: inline-block;
  margin-top: 8px;
}
.modal-short {
	max-height: 400px;
	overflow: auto;
}
@media only screen and (max-width: 992px) {
	form div.col-xs-6>button {
		margin:0 !important;
	}
}
.modal .text-left {
	margin-left:15px;
	margin-right:15px;
}





/** Search Page
 **************************************************************** **/
div.search-result {
	padding:20px 0;
	border-bottom:#eee 1px solid;
}
div.search-result p {
	margin:0; padding:0;
}
div.search-result img {
	float:left; 
	margin-right:10px;
	margin-top:6px;
}
.search-title-aside {
	margin-top:20px;
	font-size:17px;
	line-height: 20px;
	color:#888;
	font-weight:400;
}
ul.search-history {
	border-bottom:#eee 1px solid;
	margin-bottom:0;
	padding-bottom:6px;
}





/** Block Review
	example usage: page-forum-post.html
 **************************************************************** **/
.block-review-content div.block-review-body {
	position:relative;
	padding:20px 0 20px 150px;
}
.block-review-content div.block-review-avatar {
	width:130px;
	float:left;
	margin-left:-140px;
}
@media only screen and (max-width: 482px) {
	.block-review-content div.block-review-body {
		padding:20px 0 20px 100px;
	}
	.block-review-content div.block-review-avatar {
		width:80px;
		margin-left:-90px;
	}
	.block-review-content div.block-review-avatar img {
		width:70px;
	}
}



/** Footer
 **************************************************************** **/
#footer {
	color: rgba(0,0,0,0.6);
}
#footer>.container {
	padding-top:60px;
	margin-bottom:60px;
}

#footer>.copyright {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding:25px 0;
	font-size:13px;
	display:block;
}

#footer>.copyright.has-social {
	padding:8px;
}
#footer>.copyright.has-social .social-icon {
	margin-top:8px;
	margin-bottom:0;
	line-height:0;
}
#footer>.copyright .copyright-text {
	margin-top:14px;
}
#footer canvas {
	width:auto !important;
	height:auto !important;
}


	/* Footer Logo */
	#footer img.footer-logo {
		margin-bottom:20px;
		display:block;
	}

	#footer .footer-logo.footer-2 {
		float:left;
		margin:0 20px 10px 0;
		border-right:rgba(255,255,255,0.1) 1px solid;
		padding-right:20px;
	}

	/* Footer Typography */
	#footer h2 {
		font-size:26px;
		text-shadow:rgba(0,0,0,0.3) 3px 3px 5px;
	}
	#footer h3 {
		font-size:18px;
		margin-bottom:25px;
	}
	#footer h4 {
		font-size:15px;
		margin-bottom:25px;
	}

	#footer a {
		color: rgba(0,0,0,0.6);
		text-decoration:none;
	}
	#footer a:hover {
		color: rgba(255,255,255,0.9);
	}

	#footer  p {
		margin-top:0;
	}
	
	#footer ul {
		margin-bottom:0;
	}

	#footer hr {
		border:0;
		margin:20px 0;
		border-bottom:rgba(255,255,255,0.1) 1px solid;
		border-top:rgba(0,0,0,0.4) 1px solid;
	}

	#footer address {
		margin-bottom:0;
	}

	#footer h1,
	#footer h2,
	#footer h3,
	#footer h4,
	#footer h5,
	#footer h6 {
		color: rgba(255,255,255,0.8);
		font-weight:600;
	}

	/* footer form */
	#footer form input,
	#footer form textarea {
		color: #999;
		background-color: rgba(0,0,0,.2);
		border-color: rgba(0,0,0,.25);
		margin-bottom:6px;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	#footer form input[type="submit"]:hover,
	#footer form input:focus,
	#footer form textarea:focus {
		background-color: rgba(0,0,0,.3);
	}
	#footer form .input-group-addon {
		color: #999;
		background-color: rgba(0,0,0,.4);
		border-color: rgba(0,0,0,.25);
	}
	#footer form .input-group input,
	#footer form .input-group textarea {
		margin-bottom:0;
	}

	@media only screen and (max-width: 480px) {
		#footer h4 {
			margin-top:60px;
			display:block;
		}
		#footer .mobile-block {
			margin-bottom:25px !important;
		}
		#footer.footer-fixed .mobile-block {
			margin-bottom:0 !important;
		}
		#footer .copyright {
			text-align:center;
		}
	}

	/* footer list links */
	#footer ul.footer-links>li {
		padding-bottom:10px;
		font-weight:300;
	}
	#footer ul.footer-links>li>a {
		color: rgba(255,255,255,0.6);
	}
	#footer ul.footer-links>li>a:hover {
		color: rgba(255,255,255,0.9);
	}
	#footer ul.footer-links>li>a:before {
		content: "\f105";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		padding-right:10px;
	}

	/* footer news list */
	#footer ul.footer-list li {
		padding:10px 0;
		border-bottom:rgba(0,0,0,0.2) 1px solid;
	}
	#footer ul.footer-list li small {
		display:block;
		font-family:'Open Sans',Arial,Helvetica,sans-serif;
		color:#ddd;
	}

	#footer ul.footer-list.half-paddings li {
		padding:6px 0;
	}
	#footer ul.footer-list.half-paddings.noborder li {
		border:0;
	}

	/* footer posts */
	#footer ul.footer-posts>li {
		padding: 15px 0;
		border-bottom:rgba(255,255,255,0.07) 1px solid;
	}
	#footer ul.footer-posts>li:first-child {
		padding-top:0;
	}
	#footer ul.footer-posts>li:last-child {
		border-bottom:0;
	}
	#footer ul.footer-posts>li>small {
		display:block;
	}

	/* footer contact text */
	#footer address {
		background:url('../images/world-map.png') no-repeat center;
	}
	#footer address .footer-sprite {
		margin-bottom:20px;
		padding-left:30px; 
		background:url('../images/footer_sprite.png') no-repeat 0 0;
	}
		#footer address .footer-sprite:last-child {
			margin-bottom:0;
		}
	#footer p {
		line-height:18px;
	}
	#footer p.contact-desc {
		margin:0 0 30px 0; 
		padding:0 0 10px 0;
		border-bottom:#403E44 1px dashed;
	}
	#footer address .footer-sprite.address {
		background-position:0 0;
	}
	#footer address .footer-sprite.phone {
		background-position:0 -138px;
		line-height:30px;
	}		
	#footer address .footer-sprite.email {
		background-position:0 -247px;
	}


	/* footer links - breadcrumbs like */
	#footer ul.inline-links>li+li:before {
	  padding: 0 5px 0 0;
	  content: "/\00a0";
	  color:rgba(255,255,255,0.3);
	}


	/* footer images gallery */
	#footer .footer-gallery>a {
		display:inline-block;
		margin-bottom:3px;
		margin-right:3px;
		float:left;
	}
	#footer .footer-gallery>a:hover {
		opacity:0.8;
	}


	@media only screen and (max-width: 768px) {
		#footer .footer-gallery {
			text-align:center;
		}
		#footer .footer-gallery>a,
		#footer .footer-gallery>img {
			float:none;
			margin-right:0;
		}
		
		#footer .row>div {
			margin-bottom:60px;
		}
	}

	/* sticky footer */
	footer.sticky {
		width: 100%;
	}
	@media only screen and (max-width: 768px) {
		footer.sticky {
			top:auto !important;
			position:relative !important;
		}
	}

#footer .btn,
#footer .form-control {
	height:36px;
}
#footer .btn-sm,
#footer .btn-xs,
#footer .btn-lg,
#footer .btn-xlg {
	height:auto;
}


#footer .copyright ul.list-social-icons {
	height:30px;
}
#footer .copyright ul.list-social-icons a.social-icon {
	margin:0;
}
	
	

/** Footer Light
 ** ************************ **/
#footer.footer-light {
	color:#666;
	background-color:#ddd;
}
#footer.footer-light form input,
#footer.footer-light form textarea,
#footer.footer-light form .input-group-addon {
	color:#eaeaea;
}
#footer.footer-light .copyright,
#footer.footer-light .copyright a {
	color:#414141;
}
#footer.footer-light h1,
#footer.footer-light h2,
#footer.footer-light h3,
#footer.footer-light h4,
#footer.footer-light h5,
#footer.footer-light h6 {
	color:#414141;
}
#footer.footer-light p,
#footer.footer-light a,
#footer.footer-light ul.footer-links>li>a {
	color:#666;
}
#footer.footer-light a:hover,
#footer.footer-light ul.footer-links>li>a:hover {
	color:#000;
}
#footer.footer-light ul.footer-posts>li {
	border-bottom-color:rgba(0,0,0,0.07);
}
#footer.footer-light form textarea::-webkit-input-placeholder,
#footer.footer-light form input::-webkit-input-placeholder {
	color: #eaeaea; /* WebKit browsers */
}

#footer.footer-light form textarea:-moz-placeholder,
#footer.footer-light form input:-moz-placeholder { 			
	color: #eaeaea;	/* Mozilla Firefox 4 to 18 */
}

#footer.footer-light form textarea::-moz-placeholder,
#footer.footer-light form input::-moz-placeholder { 		
	color: #eaeaea;	/* Mozilla Firefox 19+ */
}

#footer.footer-light form textarea:-ms-input-placeholder,
#footer.footer-light form input:-ms-input-placeholder {		
	color: #eaeaea;	/* Internet Explorer 10+ */
}




/** Fixed Footer
 ** ************************ **/
#footer.footer-fixed {
	position:fixed;
	left:0; right:0;
	bottom:0;
	width:100%;
	z-index:30;
	padding:10px 0;

	filter: Alpha(Opacity=95);
	opacity:0.95;
}
#footer.footer-fixed .social-icon {
	margin-top:0;
	margin-bottom:0;
}
#footer.footer-fixed .footer-links>span,
#footer.footer-fixed .footer-links>a {
	line-height:30px;
	font-size:13px;
	padding:6px 10px;
	border-right:rgba(255,255,255,0.1) 1px solid;
}
#footer.footer-fixed.footer-light .footer-links>a {
	border-right:rgba(0,0,0,0.1) 1px solid;
}



/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 992px) {
	#header.header-sm #topNav button.btn-mobile {
			margin-top:16px;
	}
	#header.header-sm #topNav button.btn-mobile {
			margin-top:11px;
	}
	#topNav #topMain>li.mega-menu div.row div {
		display:block !important;
		border:0 !important;
	}
	.block-md {
		display:block;
	}
	.text-center-md {
		text-align:center !important;
		float:none !important;
	}

	#header .nav-second-main .quick-cart-box, 
	#header .nav-second-main .search-box {
		box-shadow:none !important;
	}


	/* fullwidth button fix */
	body>.btn.fullwidth,
	#wrapper>.btn.fullwidth {
		padding-top:0!important;
		padding-bottom:20px!important;

		white-space: pre;           /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap;  /* HP Printers */
		word-wrap: break-word;      /* IE 5+ */
	}
	body>.btn.fullwidth>span,
	#wrapper>.btn.fullwidth >span {
		line-height:30px !important;
	}

}

@media only screen and (max-width: 768px) {
	#header.fixed {
		position:fixed;
	}
	
	#header.transparent + #slider h1 {
		margin-top:80px !important;
	}
	section div.row>div {
		margin-bottom:10px;
	}
	section div.row.lightbox>div {
		margin-bottom:0;
	}
	section form div.row>div.form-group>div,
	section form div.row>div {
		margin-bottom:15px;
	}
	section form div.row>div.form-group>div:last-child,
	section form div.row>div:last-child {
		margin-bottom:0;
	}

	.block-sm {
		display:block;
	}
	.text-center-md {
		text-align:center !important;
	}
	
	form.landing-form >div {
		margin-bottom:5px !important;
	}
}

@media only screen and (max-width: 480px) {
	.mobile-block {
		display:block;
		float:none !important;
		position:relative;
	}
	.mobile-block>.social-icon {
		float:none !important;
	}
	.block-xs {
		display:block;
	}
	.text-center-xs {
		text-align:center !important;
		float:none !important;
	}
	.modal-short {
		max-height: 320px;
		overflow: auto;
	}
	
	.size-50 {
		font-size:30px !important;
		line-height:36px !important;
	}
	.size-40 {
		font-size:30px !important;
		line-height:36px !important;
	}
	.size-30 {
		font-size:23px !important;
		line-height:26px !important;
	}

}













/** DEMO ONLY
	DO NOT USE THIS CSS - USED FOR DEMO ONLY!
 **************************************************************** **/
.iconsPreview a {
	text-decoration:none;
}
 .iconsPreview .fa-hover a {
	display:block;
	padding:4px;
	text-decoration:none;
}
.iconsPreview .fa-hover a:hover {
	background-color:#f3f3f3;
}
.iconsPreview .fa-hover i {
	width:20px;
	margin-right:10px;
	color:#333 !important;
}
.iconsPreview .fa-hover a span { 
	color:#666;
}
/** *** **/

.iconFlags a {
	text-decoration:none;
}
.iconFlags .flag-icon {
	padding-top:4px;
	padding-bottom:4px;
	cursor:pointer;
	display:block;
}
.iconFlags .flag-icon img {
	display:inline-block;
	margin-right:6px;
}
.iconFlags .flag-icon:hover {
	background-color:#f3f3f3;
}

.bs-glyphicons a {
	text-decoration:none;
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}
.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9;
	cursor:pointer;
	padding-top: 20px;
}
.bs-glyphicons li:hover {
	background-color:#f3f3f3;
}
@media (min-width: 769px) {
	.bs-glyphicons li {
		width: 12.5%;
		font-size: 12px;
	}
}
.iconExamples a {
	text-decoration:none;
}
.iconExamples .example {
	text-align: center;
	cursor:pointer;
	padding:6px 3px;
}
.iconExamples .example:hover {
	background-color:#f3f3f3;
}
.iconExamples .example:before, 
.iconExamples .example:after {
	content: " ";
	display: table;
}
.iconExamples .example .icon {
	font-size: 20px;
	float: left;
	width: 35px;
}
.iconExamples .example .class {
	text-align: center;
	float: left;
	margin-top: 0;
	font-weight: 400;
	margin-left: 10px;
	color: #333;
}



/** *** **/
.row.show-grid,
.row.show-grid>div {
	padding:0;
}
.grid-block {
	background-color: #EEE;
	border: 1px solid #FFF;
	display: block;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
}
.grid-color span {
	display:block;
	padding: 10px 0;
	text-align: center;
	background-color:rgba(0,0,0,0.1);
}
.grid-demo [class*="col-"] {
	background: #fafafa;
	border: 1px solid;
	border-color: #ddd;
	padding: 10px;
	text-align: center;
	margin-bottom:20px;
}
.grid-demo .row {
	margin-left:0;
	margin-right:0;
}

/** *** **/
.linecon a {
	text-decoration:none;
}
.linecon .icon {
	width: 12.5%;
	float: left;
	height: 115px;
	text-align: center;
	padding: 22px 10px;
	margin: 0 -1px -1px 0;
	border: 1px solid #fff;
	background-color: #f6f6f6;
	word-wrap: break-word;
	cursor:pointer;
}
.linecon .icon:hover {
	background-color:#f3f3f3;
}
.linecon .icon i {
	display: block;
	font-size: 30px;
	margin-bottom: 10px;
}

/** *** **/
.colors-bg-demo {
	padding:3px;
	margin-top:3px;
}


/** et line icons */


.et-line-icons li>i {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 26px;
	display:block;
	text-align:center;
	color:#000;
	margin-top:25px;
}
.et-line-icons li>span {
	font-size:13px;
}
.et-line-icons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9;
	cursor:pointer;
}
.et-line-icons li:hover {
	background-color:#f3f3f3;
}
@media (min-width: 769px) {
	.et-line-icons li {
		width: 12.5%;
		font-size: 12px;
	}
}

/** 2016/12/28 jack css */
.search-photo{
	display: block;
	margin-bottom:20px;
}
.search-photo .profile{
	display: block;
	height: 200px;
	overflow: hidden;
	border: rgba(255,255,255,1) 2px solid;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
	border-radius: 5px; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	position: relative;
	background: #fff;
}
.search-photo .profile:active, .search-photo .profile:focus{
	opacity: .7;
	transition: all ease 0.3s;
}
/*.search-photo .profile .img-responsive{
	min-height: 100% !important;
	min-width: 100% !important;
}*/
.search-photo .profile .profile-pic { 
   height:200px;
   overflow: hidden;
}
.search-photo .photo-text{
	bottom: 4px;
}
.photo-text, .photo-text2{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	padding: 1px 0;
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	font-size: 9px; 
	overflow: hidden;
	white-space:nowrap;
}

.photo-text2{
	border-bottom-right-radius: 0px; 
	border-bottom-left-radius: 0px; 
}
.color-gray{
	color: #dcdddd !important;
	border:1px solid #dcdddd !important;
}
.membership01, .membership02, .membership03, .membership04, .membership05{
	position: relative;
	width: 200px;
	height: 15px;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	background: url(../images/membership01.png);
}
.membership02{
	background: url(../images/membership02.png);
}
.membership03{
	background: url(../images/membership03.png);
}
.membership04{
	background: url(../images/membership04.png);
}
.membership05{
	background: url(../images/membership05.png);
}
.membership01:before, .membership02:before, .membership03:before, .membership04:before, .membership05:before{
	position: absolute;
	content: "";
	width: 191px;
	height: 46px;
	left:0;
	bottom: -42px;
	background: url(../images/membership01-1.png);
	z-index: 10;
}
.membership02:before{
	background: url(../images/membership02-1.png);
}
.membership03:before{
	background: url(../images/membership03-1.png);
}
.membership04:before{
	background: url(../images/membership04-1.png);
}
.membership05:before{
	background: url(../images/membership05-1.png);
}
.match-percent{
	position: absolute;
	bottom: 3px;
	right: 5px;
	color: #e60013;
	font-size: 24px;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	background:rgba(200,200,200,0.5);
}
.btn-main {
  color: #fff;
  background-color: #ea565e;
  border-color: #db4a52;
}
.btn-main:focus,
.btn-main.focus {
  color: #fff;
  background-color: #cf4a51;
  border-color: #c3444b;
}
.btn-main:hover {
  color: #fff;
  background-color: #cf4a51;
  border-color: #c3444b;
}
.send-giftbox{
 position: relative;
 width: 100%;
 height: auto;
 overflow: hidden;
 background: #fff;
 border-radius: 3px; 
 border: rgba(0,0,0,0.1) 1px solid;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.send-giftbox .btn-main{
	float: left;
}
.send-giftbox .btn-main + .btn-main{
	margin-left: 1.2%;
}
.photo-file{
	display: block;
	position: relative;
	max-width: 95px;
	height:95px;
  overflow: hidden;	
}
.photo-file img{
	width: 100%;	
}
.gift-icon{
	float: left;
	max-width: 50px;
	margin-right: 8px;
	margin-bottom: 5px; 
}
.gift-icon-text{
	float: left;
}
.gift-icon-small{
	max-width: 100%;
	margin: 0 auto 3px auto;
	display: block; 
}
.gift-icon-small img{
	max-width: 100%;
}
.gift-choice{
	margin-bottom: 10px;
	padding: 5px 0 0 0;
	overflow: hidden;
}
.gift-choice:hover {
	border-radius: 4px; 
	transition: all 0.3 ease;
	background-color:#fff;
}
.gift-choice:active {
	border-radius: 4px; 

	background-color:#f0f0f0;
}
.gift-choice-alive {
	border-radius: 4px; 	
	background-color:#f0f0f0;
}
.user-avatar img{
	max-width: 64px;
}
.user-avatar img::after{
	content: '';
	display: table;
	clear: both;
}
.myprofile-data a{
	color: #29a7e1;
}
.myprofile-rank{
	padding: 20px 10px 20px 10px;
	background-color: #dcdddd;
	border-radius: 5px; 
}
.bg-member-01, .bg-member-02, .bg-member-03, .bg-member-04, .bg-member-05{
	background-color: #29a7e1;
	color: #fff;
	padding: 8px 12px;
	font-size: 15px;
}
.bg-member-02{
	background-color: #ae89bd;
}
.bg-member-03{
	background-color: #f8b62c;
}
.bg-member-04{
	background-color: #ea5b85;
}
.bg-member-05{
	background-color: #94b304;
}
.form-bg-gray{
	background-color: #c9caca;
	color: #fff;
	width: 20%;
}
.form-bg-white{
	width: 30%;
}
.new-member {
	width: 55px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 1;
}
.new-member .new-member-inner {
	width: 85px;
	left: -26px;
	top: 5px;
}
.new-member-inner {
	font-family: "微軟正黑體",Helvetica,Arial,sans-serif;

	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
		 -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);

	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);

	background: #29a7e1;
	text-align: center;
	position: relative;
	font-size: 14px;
	padding: 1px 0px 2px 0px;
	width: 100px;
	color: #fff;
	z-index: 1;

}
section .body-title{
	display: block;
	margin-bottom: 0;
}
.bg-gradient01{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 60%, #e6bbcf 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 1%,#ffffff 60%,#e6bbcf 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 1%,#ffffff 60%,#e6bbcf 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6bbcf',GradientType=0 ); /* IE6-9 */
}
.mark-label01, .mark-label02{
	padding: 6px 10px;
	margin-left: 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color: #898989;
	color: #fff; 
	width: 200px;
}
.mark-label02{
	background-color: #c2267d; 
}
.box-silver{
	color:#111;
	background-color: rgba(0,0,0,0.05);
	box-shadow: 0px 0px 15px 10px white inset;
}
.box-kitty{
	color:#111;
	background-color: rgba(251,224,233,0.4);
	box-shadow: 0px 0px 15px 10px white inset;
}
.member-register{
	display: none;
	margin-bottom: 15px;
}
.box-special{
	position: relative;
}
.box-special:before{
	position: absolute;
	content: "";
	width: 43px;
	height: 161px;
	left: -43px;
	top: 0;
	background-image: url(../images/label01.jpg);
}
.box-special:after{
	position: absolute;
	content: "";
	width: 43px;
	height: 161px;
	right: -43px;
	top: 0;
	background-image: url(../images/label02.jpg);
}
.index-login{
	position: absolute;
	width: 350px;
	padding: 15px 24px;
	background-color: rgba(0,0,0,0.5);
	z-index: 9999;
	right:7%;
	top: 20px;
	border-radius: 12px;
	box-sizing: border-box;
}
.index-login header{
	margin-bottom: 30px;
}
.rwd-button{
	display: none;
}
.rwd-login{
	display: none;
}
.rwd-login-input, .bottom-login{
	width: 100%;
	height: auto;
	padding: 20px 24px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 12px;
	box-sizing: border-box;
	color: #fff;
}
.bottom-login{
	width: 400px;
	float: right;
}
.rwd-login-input header, .bottom-login header{
 	margin-bottom:30px;
 }
.bg-flower{
	background-image: url(../images/bg01.jpg);
	padding: 40px 0px;
	background-attachment: fixed;
	overflow: hidden;
}
.rwd-science{
	position: relative;
	width: 773px;
	height: 322px;
	margin: 0 auto;
	background-image: url(../images/science.jpg);
}
.rwd-science-text{
	position: absolute;
	right:0;
	bottom:0; 
	width: 600px;
}
.rwd-img{
	display: none !important;
	padding:0px;
}
.rwd-img-v{
	display: block !important;
}
.expert-coming{
	color: #fff;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	min-height: 300px;
}
.expert-img{
	position: absolute;
	left:50px;
	top:0px;
}
.expert-img-flipH{
	position: absolute;
	right:50px;
	top:0px;
	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}
.expert-title{
	margin-bottom:15px; 
	-webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));
    z-index: 9999;
}
.happiness-bg{
	background-image: url(../images/happiness.jpg);
	background-repeat: no-repeat;
	background-color: #f9eef3;
	background-position: center;

	padding: 40px 0px;
}
.happiness-box{
	border: 1px solid rgba(0,0,0,0.1) ;
	padding: 15px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	height: 480px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.datting-item .inner{
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	margin: -30px 0 0 0;
	z-index: 100;
	text-align: center;
	line-height: 15px;
	transition: all 0.2s;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
.datting-hover{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 0.3s;
}
.datting-item:hover .inner{
	opacity: 1;
	text-shadow:none;
	transition: all 0.3s;
}
.datting-item:hover .overlay, .datting-item:hover .overlay.dark3{
	background-color: rgba(0,0,0,0);
	transition: all 0.3s;
}
.datting-item .img-responsive{
	width: 100%;
}
.index-logo{
	text-align: center;
	transition: all 0.3s;
}
.index-logo:hover{
	animation-name:swing;
	animation-delay:0.1s;
	animation-duration:1s;
}
.address-box{
	position: relative;
	border:1px solid #d861a0;
	border-radius: 12px; 
	padding: 12px 18px 12px 200px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.address-left-icon{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	width: 190px;
	background-color: #d861a0;
	border-top-left-radius: 12px; 
	border-bottom-left-radius: 12px; 
	padding: 30px 0 0 30px;
}
.bottom-login-bg{
	background-image: url(../images/bg02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 40px 0px;
	background-attachment: fixed;
	overflow: hidden;
}
.singleparty-bg{
	background-image: url(../images/bg03.jpg);
	background-repeat: repeat;
	padding: 40px 0px;
	background-attachment: fixed;
	overflow: hidden;
}
.fill-bgcolor .fill-block:nth-child(odd){
	background-color: rgba(194,44,125,0.1);
}
.fill-block{
	padding: 20px 0;
	margin-bottom: 15px; 
}
.fill-break-word{
	white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
.profile-thumbnail{
	overflow: hidden;
	height: 110px;
}
.profile-thumbnail img{
	width: 100%;
}
.upload-main img{
	width: 100%;
}
.upload-pic{
	height: 300px;
	overflow: hidden;
	width: 100%;
}
.upload-pic img{
	width: 100%;
}
.login-logo-hover{
	display: block;
}
.login-logo-hover:hover, .login-logo-hover:active{
	opacity: .7;
	transition: all .3s;
}
.login-box{
	padding: 30px;
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	margin: 40px 0 40px 0; 
	border-radius: 3px;
}
.login-button-other{
	color: #ea565e;
	font-weight: bold;
	font-size: 16px;
	padding: 8px 0px;
	text-align: center;
	display: block;
	width: 100%;
	border: 1px solid #bebaba;
	border-radius: 3px;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 51%, #eaeaea 50%, #dcdcdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 51%,#eaeaea 50%,#dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%,#fafafa 51%,#eaeaea 50%,#dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.blog-post-item:after{
	position: absolute;
	bottom: 20px;
	width: 100%;
	height:1px;
	display: block;
	content: "";
	border-bottom: 1px dashed #b6b6b6;
}
.blog-post-item {
 min-height:500px;
}
.event-img {
 min-height: 230px;
 height: 210px;
 overflow: hidden;
 width: 100%;
 margin-bottom: 20px;
}
.event-img .location{
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 100;
	width: 100px;
}
.event-img .location .label{
	box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.5);
}
.salon-title {
 font-size: 24px;
 line-height: 1.1;
 height: 50px;
 overflow:hidden
}
.salon-img {
 height: 230px;
 overflow: hidden;
 width: 100%;
}
.salon-note {
 min-height:120px;
 margin-top: 5px;
 line-height: 25px;
}
@media only screen and (max-width: 640px){
  .index-login{ 
    display: none;
  }
}
@media only screen and (max-width: 992px){
  .body-title{
  	display: none !important;
  }
  .member-register{
  	display: block !important;
  }
  .login-img img{
  	width: 100%;	
  }
  .member-register2{
  	display: none !important;
  }
  .rwd-button{
  	display: block !important;
  	margin: 0 auto;
  }
  .rwd-login{
  	display: block !important;
  	margin: 0 auto;
  }
  .index-login{ 
  	width: 300px;
    height: auto;
    right:5%;
    top:10px;
  }
  .index-login header{
  	margin-bottom: 20px;
  }
  .index-login .form-control{
  	height: 25px;
  	padding: 3px 6px;
  }
  .index-login .btn-lg{
  	padding: 4px 6px;
  	font-size:14px;
  }
  .rwd-text-center{
  	text-align: center;
  }
  .rwd-science{
	position: relative;
	width: 423px;
	height: 383px;
	margin: 0 auto;
	background-image: none !important;
  }
  .rwd-science-text{
	position: relative;
	right:0;
	bottom:0; 
	width: auto;
  }
  .rwd-science{
	position: relative;
	width: auto;
	height: auto;
	background-image: none !important;
  }
  .rwd-science{
	display: block !important;
  }
  .rwd-science-text{
	position: relative;
	width: auto;
  }
  .rwd-img{
	display: block !important;
	max-width: 100%;
  }
  .rwd-img-v{
	display: none !important;
	max-width: 100%;
  }
  .expert-img{
	position: absolute;
	left:-5px;
	top:-20px;
  }
  .expert-img-flipH{
	position: absolute;
	right:-5px;
	top:-20px;
   }
   .expert-img img, .expert-img-flipH img{
   	max-width: 50%;
   	opacity: .5;
   }
   .search-photo .profile .img-responsive{
	width: 100% !important;
   }
   .search-photo .profile{
   	height: 110px;
   }
   .address-box{
	border:none;
	border-radius: none; 
	padding: 0;
	}
	.bottom-login{
	width: 100%;
	float: none;
	}
	.fill-block h1{
	font-size: 25px; 
	}
	.fill-break-word{
	white-space:normal;
	}
	.profile-thumbnail{
	height: 90px;
	}
	.upload-pic{
	height: 100px;
	}
	.upload-buttons .btn-lg{
		font-size: 12px;
		padding: 5px 2px; 
	}
	.login-box{
		padding: 15px 5px 15px 5px;
		background-color: transparent;
		border:0;
		margin: 0; 
		width: 100%;
	}
	.search-photo .profile .profile-pic {
		height: 110px;
	}
	.happiness-txt{
		padding: 0 !important;
	}
}

/***********2017-02-15新增************/
.notice-list{
	list-style: none;
	padding-left: 32px;
}
.notice-list li{
	position: relative;
	transition: all .2s;
	padding: 2px 5px;
	margin-bottom: 3px;

}
.notice-list li:hover{
	background: #f7f7f7;
	transition: all .2s;
}
.notice-list li.unread a, .notice-list li.unread{
	font-size: 14px;
	color: #353535;
}
.notice-list li.read a, .notice-list li.read{
	font-size: 14px;
	color: #9d9d9d;
}
.notice-list li.unread:before{
	content: "\f27a";
	font-family: FontAwesome;
	position: absolute;
	font-size: 18px;
	left: -28px;
	top: 0px;
	color: #c75252;
}
.notice-list li.read:before{
	content: "\f27b";
	font-family: FontAwesome;
	position: absolute;
	font-size: 18px;
	left: -28px;
	top: 0px;
	color: #9d9d9d;
}
/**月曆CSS-START**/
.box-calendar{
	border-radius: 3px;
	border: 2px solid #dcdcdc;
	padding: 24px 10px; 
}
#calendar
{
	cursor: default;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	width: 100%;
}
#year, #week th
{	
	text-align: center;
	padding: 5px 10px;
}
#week th{
	border-top:1px solid #cfcfcf; 
	border-bottom:1px solid #cfcfcf; 
	color: #8e8e8e;
}
#year, #lastMonth, #nextMonth
{
	position: relative;
	padding: 8px 0px 20px 0px;
}
#year{
	font-size: 22px;
}
#lastMonth{
	cursor: pointer;
}
#nextMonth{
	cursor: pointer;
}
/*tbody*/
#calendar{
	
}
#calendar tbody td{
	z-index: 1;
	position: relative;
	cursor: pointer;
	padding: 10px 5px;
	-webkit-transition: background-color 0.1s linear;
	   -moz-transition: background-color 0.1s linear;
		 -o-transition: background-color 0.1s linear;
			transition: background-color 0.1s linear;
}
#calendar .weekday{
	color: #c2267d;
}
#calendar tbody td:hover {background-color:;}
#calendar #ignoreData {visibility: hidden;}
#calendar .selected{
	color: #000;
	font-weight: bold;
}
#calendar .selected:before{
	position: absolute;
	top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
	content: '';
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px solid #000;
}
#calendar caption{
	padding: 10px;
	font-size: 13px;
}
.calendar-event:after, .calendar-event-past:after{
	position: absolute;
	top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
	content: '';
	border-radius: 50%;
	 background: #f6bdf3;
	 width: 35px;
	 height: 35px;
	 z-index: -2;
}
.calendar-event-past:after{
 background: #f2f2f2;
}
/**月曆CSS-END**/
.happiness-txt{
	line-height: 1.7;
	padding: 0 20px 0 20px;
}

/**20170317-新增常見問題**/
.quest-style-label{
	background: #ffdff1 !important;
	color: #c8418d !important;
	border: 1px solid rgba(0,0,0,0.15) !important;
}
.quest-style-content{
	background: #fcf3f8 !important;
}
.quest-help-btn{
	padding-top: 25px;
	border-top: 1px dashed rgba(0,0,0,0.1);
}
.quest-help-btn .quest-help-txt{
	color: #c8418d;
	font-size: 16px;
}
.btn-quest{
	background: #f2a1cf;
	color: #fff;
	width: 100px;
	transition: all .3s;
}
.btn-quest:hover{
	background: #d67baf;
	color: #fff;
	transition: all .3s;
}
.btn-quest:active, .btn-quest:focus, .btn-quest-no:active, .btn-quest-no:focus{
	color: #fff;
}
.btn-quest-no{
	background: #c2bbbf;
	color: #fff;
	width: 100px;
	transition: all .3s;
}
.btn-quest-no:hover{
	background: #ada7aa;
	color: #fff;
	transition: all .3s;
}

/**20170321-修改**/
.blog-post-item {
	padding-right: 30px; 
}
@media only screen and (max-width: 480px){
	.blog-post-item {
	padding-right: 0px; 
	}
}


/**20170323-修改**/
.box-kitty, .box-silver{
	box-shadow:none;
}
.member-register{
	display: block;
}

/**20170612-會員獨享頁面**/
.coupon_menu{
 position: relative;
 display: block;
 width: 100%;
 height: 48px;
 z-index: 10; 
}
.coupon_menu .menu_left{
	float: left;
	background:rgba(0,0,0,0.9); 
	width:75%;
	height: 48px;
	color: #fff;
	line-height: 48px;
	overflow: hidden;
	color: #fff;
	font-size: 15px;
}
.coupon_menu .menu_right{
	float: left;
	background:#c2267d; 
	width:25%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	color: #fff;
	font-size: 15px;
}
.menu_right a{
	color: #fff;
}
.menu_right a:hover, .menu_right a:focus:not(.btn), .menu_right a:active{
	color: #fff;
	text-decoration: underline;
}
.menu_right a:nth-of-type(1):after{
	display: inline-block;
	content: "|";
	margin: 0 12px;
	color: rgba(255,255,255,0.4);
	font-size: 12px;
}
.coupon_search_section{
	border: none;
	padding: 5px 0px 0px 0px;
}
.coupon_menu_select{
	float: left;
	margin-left: 10px;
	width: 20%;
	height: 48px;
	line-height: 48px;
}
.coupon_search_section .black_select{
	background: rgba(0,0,0,0.5);
	height: 28px;
	padding: 1px 5px;
	border: 1px solid rgba(255,255,255,0.8);
	color: rgba(255,255,255,.7);
	margin: 10px 0;
}
.coupon_menu_number{
	float: left;
	font-family: "微軟正黑體", century;
	margin-left: 10px;
	width: 30%;
	overflow: hidden;
	white-space: nowrap;
}
.coupon_menu_number span{
	color: #c2267d;
	font-size: 24px;
	font-weight: bold;
	font-family: "century";
}
.coupon_menu_txt{
	float: left;
	margin:0px 10px 0px 30px;
	width: 40%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: 3px;
}
.coupon_item_wrap{

}
.coupon_item{
	position: relative;
	padding: 12px !important;
	min-height: 325px !important;
	margin-bottom:30px !important;
}
.coupon_item:before{
	position: absolute;
	display: block;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '';
	width: 98%;
	height: 98%;
	border: 1px solid #f2f2f2;
	z-index: -1;
}
.coupon_item_wrap .blog-post-item:after{
	border: 0;
}
.coupon_item_title{
	background: #c2267d;
	font-weight: bold;
	font-size: 18px !important;
	color: #fff;
	height: 35px;
	line-height: 35px !important;
	width: 100%;
	text-indent: 10px;
	font-family: "微軟正黑體", century;
}
.coupon_item_title a, .coupon_item_title a:hover, .coupon_item_title a:active, .coupon_item_title a:focus{
	color: #fff !important;
	font-family: "微軟正黑體", century;
}
.coupon_info{
	margin-bottom:10px;
	min-height: 26px; 
}
.coupon_item > figure > a:hover{
	opacity: .8;
	transition: all .3s;
}
.btn-coupon{
	color: #be8844;
	border: 1px solid #be8844;
}
.btn-coupon:hover, .btn-coupon:active, .btn-coupon:focus{
	color: #be8844;
	background: rgba(217,188,151,0.2);
}
.coupon_item > p {
	margin-bottom: 20px;
	height: 38px;
	overflow: hidden; 
}
.coupon_item > p > a{
	color: #000;
}
.coupon_print{
	background: #c2267d;
	padding: 10px;
	margin-bottom: 20px; 
}
.coupon_print_head{
	margin-bottom:5px; 
}
.coupon_print_body{
	background: #fff;
	border-radius: 10px;
	padding: 6px; 
}
.coupon_print_body2{

}
.photo_wrap{
	width: 100%;
	margin-bottom: 10px; 
}
.photo_wrap:after, .content_wrap:after{
	display: table;
	content: '';
	clear: both;
}
.photo_inner{
	width: 100%;
}
.photo_inner img{
	border-radius: 3px;
	width: 100%;
}
.date_deadline{
	width: 100%;
	vertical-align: bottom;
	color: #fff;
	font-family: 'Lato', sans-serif;
	text-align: right; 
}
.date_deadline ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.date_deadline ol li{
	display: inline-block;
	margin-right: 7px; 
}
.date_deadline ol li:nth-of-type(4){
	margin-right: 0; 
}
.date_deadline .date_word {
	font-family: '微軟正黑體', sans-serif;
	font-size: 12px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px; 
	padding: 0 10px;
}
.date_deadline .date_start{
	color: #fff;
}
.date_deadline .date_end{
	color: #fff;
}
.date_deadline .date_to{
	color: #fff;
}
.txt_large{
	font-size: 24px;
}
.content_wrap{

}
.content_wrap h3{
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #c2267d;
	border: 3px solid #c2267d;
	padding: 0px 8px;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 8px; 
}
.coupon_memo{
	padding: 0;
	margin: 0;
	list-style: none;
	color: #c2267d;
}
.coupon_memo:before{
	display: block;
	content:'';
	margin-bottom: 5px;
	background: url(../images/coupon_memo.png) left;
	background-repeat: no-repeat; 
	width: 100%;
	height: 27px;
}
.coupon_memo li{
	color: #c2267d;
}
.coupon_print_btn{

}
.coupon_for_print{
	display: block;
	width: 374px;
	margin: 20px auto;
}
.img-print{
	display: none !important;
}
.coupon_item figure{
	height: 185px;
	overflow: hidden;
}
@media print {
	.coupon_print, .coupon_print_body, .coupon_print_body2{
		border:1px solid #000; 
	}
	.img-print{
		display: block !important;
	}
	.img-print-none{
		display: none !important;
	}
	.coupon_memo:before{
		content:'活動說明：';
	}
}
@media only screen and (max-width: 768px)  {
	.coupon_menu_txt, .coupon_menu_number{
    display: none;
  	}
  	.coupon_menu_select{
  	width: 90%;
  }
  .coupon_menu .menu_right{
  	position: absolute;
  	left: 0;
  	top: 40px;
  	width: 100%;
   	background: none;
  	color: #c2267d; 
  	font-size: 13px;
  }
  .menu_right a:nth-of-type(1):after{
	display: inline-block;
	content: "|";
	margin: 0 12px;
	color: #c2267d;
	font-size: 12px;
	}
  .menu_right a{
	color: #c2267d;
	}
	.menu_right a:hover, .menu_right a:focus:not(.btn), .menu_right a:active{
	color: #c2267d;
	text-decoration: underline;
	}
  .coupon_menu .menu_left{
  	width: 100%;
 	}
  .date_right > .date_start{
	line-height: 20px;
	font-weight: bold;
	}
	.date_right > .date_end{
	 line-height: 20px;
	}
	.date_right > .date_to{
	 line-height: 5px;
	}
    .txt_large{
  	  font-size: 18px;
    }
    .coupon_for_print{
    	width: 100%;
    	padding:0px 10px;
    }
    .coupon_item figure{
    	height: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .coupon_menu_txt, .coupon_menu_number{
    display: none;
  }
  .coupon_menu_select{
  	width: 80%;
  }
  .coupon_menu .menu_right{
  	width: 50%;
  }
  .coupon_menu .menu_left{
  	width: 50%;
  }
  .coupon_item figure{
    height: auto;
  }
}

/**20170616-廣告頁面**/
.promo-head{
	padding: 20px 0px 15px 0px;
}
.promo-head a:hover{
	opacity: .7;
}
.arrow-shadow{
	margin-top:10px; 
}
.arrow-shadow-bottom{
	height: 20px;
	background: url(../images/divider-arrow-shadow.png) no-repeat no-repeat center top;
}
.promo-bigbanner{
	padding: 0;
	border: none; 
}
.promo-bigbanner-title{
	margin-bottom: 20px;
	text-align: center;
}
.promo-bigbanner-title h3{
	color: #e4007f;
	font-family: '微軟正黑體', sans-serif;
	font-size: 45px;
	font-weight: bold;
	margin: 0;
}
.promo-bigbanner-title h4{
	color: #000;
	font-family: '微軟正黑體', sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin: 0;
}
.promo-bigbanner-pics{
	position: relative;
}
.promo-window{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 30px 80px;
	background: #e4007f;
	width: 540px;
	height: 300px;
	text-align: center;
	font-family: '微軟正黑體', sans-serif;
	color: #fff;
	border: 5px solid #fff;
	border-radius: 12px;
	box-shadow: 10px 10px 15px rgba(0,0,0,0.5);
}
.promo-window-btn{
	width: 80%;
	margin: 30px auto 0 auto; 
}
.promo-btn01{
	background:#fff;
	color:#e4007f;
	border-radius: 25px;
	font-weight: bold;
	font-size: 22px;
	width: 100%;
	line-height: 1;
}
.promo-what{
	padding: 70px 0px 40px 0px;
	border: none; 
}
.promo-what-title{
	text-align: center;
	margin-bottom: 50px;
}
.promo-what-title p{
	margin: 0;
}
.promo-what-title h3{
	color:#e4007f;
	font-weight: bold;
	font-size: 42px;
	margin: 0;
}
.promo-what-content{
	padding: 0px 40px;
}
.promo-what-txt{
	color: #000;
	font-size: 20px;
	line-height: 1.9;
	font-family: '微軟正黑體', sans-serif;
	margin: 30px 0px 20px 0px; 
}
.promo-date{
	padding: 40px 0px;
	border: 0;
}
.promo-date-title{
	position: relative;
	font-family: '微軟正黑體', sans-serif;
	font-weight: normal;
	color: #be8844;
	font-size: 24px;
	text-align: center;
}
.promo-date-title::before{
	position: absolute;
	content: '';
	top:13px;
	left:1px;
	width: 1137px;
	height: 8px;
	background: url(../images/bg_hr.png)no-repeat center;
}
.promo-date-item{
	text-align: center;
	margin-bottom: 15px; 
}
.promo-date-item .promo-date-img{
	width: 100%;
	margin-bottom: 10px; 
}
.promo-date-item h4{
	font-weight: normal;
	color: #be8844;
	font-size: 20px;
	margin-bottom: 0px; 
}
.promo-date-item p{
	color: #000;
}
.promo-reason{
	padding: 40px 0px 40px 0px;
	border: 0;
}
.reason-border{
	border-top: 1px solid #be8844;
	position: relative;
	width: 100%;
	height: 3px; 
	display: block;
	margin-top: -40px;
	margin-bottom: 50px; 
}
.reason-border:after{
	position: absolute;
	height: 3px;
	width: 100%;
	top: 3px;
	left: 0px;
	background: #be8844;
	display: block;
	content: '';
}
.promo-btn{
	background: #e4007f;
	color: #fff;
	width: 50%;
	border-radius: 8px;
}
.promo-btn:hover, .promo-btn:active, .promo-btn:focus{
	color: #fff;
}
.promo-register{
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background: #f0f0f0;
}
.promo-register-input{

}
.promo-register-title{
	color: #e4007f;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
}
.promo-register-left{
	padding-right: 60px; 
}
.promo-register-right{
	padding-left: 60px; 
}
.promo-register-right:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	border-left: 1px dashed rgba(0,0,0,0.3); 
}
@media only screen and (max-width: 768px)  {
	.promo-bigbanner-title h3{
		font-size: 26px;
	}
	.promo-bigbanner-title h4{
		font-size: 17px;
	}
	.promo-window{
		width: 70%;
		height: 70%;
		margin-top: 5%;
		border: 2px solid #fff;
		padding: 12px 30px;
	}
	.promo-window-btn{
		width: 95%;
		margin: 10px auto 0 auto; 
	}
	.promo-btn01{
		height: 25px;
		padding: 5px;
		font-size: 12px;
	}
	.pics{
		margin: 0 -15px;
	}
	.promo-what{
		padding: 15px 0px;
	}
	.promo-what-title{
		margin-bottom: 20px;
	}
	.promo-what-title p{
		width: 25%;
		margin: 0 auto;
	}
	.promo-what-title p img{
		width: 100%;
	}
	.promo-what-title h3{
		font-size: 24px;
	}
	.promo-what-content{
		padding: 0;
	}
	.promo-what-txt{
		font-size: 14px;
		line-height: 1.7;
		margin:0px 0px 20px 0px; 
	}
	.promo-date-title{
		font-size: 16px;
	}
	.promo-date-title::before{
		top:10px;
		width: 100%;
		height: 4px;
		background: url(../images/bg_hr_sp.png)no-repeat center;
		background-size: 295px 4px;
	}
	.promo-date-row:after{
		display: table;
		content: '';
		clear: both;
	}
	.promo-register-title{
		font-size: 24px;
	}
	.promo-btn{
		width: auto;
	}
	.promo-register-left{
		padding-right: 8px;
		margin-bottom: 80px; 
	}
	.promo-register-left:after{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	.promo-register-right{
		padding-left: 8px; 
	}
	.promo-register-right:after{
		border-left: none; 
	}
}


/**20170615-企業福委頁面**/
.enterprise_banner{
	background: #f9faf9; 
	padding: 0;
	border: none;
}
.enterprise_banner_all{
	position: relative;
	height: 690px;
	width: 100%;
}
.enterprise_banner_txt{
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 999;
}
.enterprise_banner_pic{
	position: absolute;
	right: -40px;
	bottom: 0;
}
.enterprise_title{
	margin-bottom: 50px;
}
.enterprise_txt{
	font-family: '微軟正黑體', sans-serif;
	color: #353535;
	font-size: 17px;
}
.enterprise_txt_a{
	font-weight: bold;
	margin-bottom:10px; 
}
.enterprise_txt_b{
	line-height: 1.9;
	list-style: none;
	padding-left: 0px;
}
.enterprise_txt_b li:before{
	display: inline-block;
	content: "\f054";
	color: #c2267d; 
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 12px;
	margin-left: 5px; 
}
.enterprise_txt_red{
	color: #c2267d;
}
.enterprise_section_a{
	background: url(../images/enterprise_banner_bg.jpg);
	padding: 100px 0px;
}
.section_a_head{
	text-align: center;
	border-bottom:1px solid rgba(0,0,0,0.2); 
}
.section_a_head h3{
	width: 100%;
	color: #353535;
	font-size: 30px;
	margin-bottom: 15px; 
}
.section_a_head h4{
	color: #353535;
	font-size: 16px;
}
.section_a_head .e_red{
	color: #c2267d;
}
.section_a_head .e_blue{
	color: #04b3cb;
}
.section_a_body{
	text-align: center;
}
.section_a_body h3{
	position: relative;
	display: inline-block;
	color: #353535;
	font-size: 18px;
}
.section_a_body {
	margin-top: 30px;
}
.section_a_body h3{
	margin-bottom: 15px;
}
.section_a_body h3:before{
	position: relative;
	display: inline-block;
	content: '';
	width: 56px;
	height: 51px;
	background: url(../images/enterprise_check.png) no-repeat center;
	margin-right: 5px;
	bottom: -7px;
}
.enterprise_section_b{
	background: url(../images/bg_pink_slash.png) repeat left top;
	padding: 50px 0px;
	position: relative;
}
.enterprise_section_b:before{
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 16px;
	border-color: transparent transparent #ff558e;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: auto;
}
.enterprise_lady{
	display: block;
	position: absolute;
	bottom: -50px;
}
.enterprise_section_b_txt{
	padding: 0px 0px 0px 450px;
}
.enterprise_section_b_txt h3{
	color: #fff;
	font-size: 32px;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	position: relative;
	margin-bottom: 40px;
}
.enterprise_section_b_txt h3:after {
	display: table;
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 2px;
	background: url(../images/bg_line1.png) repeat-x left bottom;
}
.enterprise_section_b_txt h3 span{
	font-size: 55px;
	color: #fff;
}
.enterprise_section_b_txt ul{
	padding: 0;
	list-style: none;
}
.enterprise_section_b_txt ul li{
	color: #fff;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 20px;
}
.enterprise_section_b_txt ul li span{
	display: inline-block;
	margin-right: 10px; 
	background: #141414;
	color: #cc9146;
	border-radius: 12px 0 0 12px;
	padding: 8px 15px;
}
.enterprise_section_b_txt ul li b{
	font-weight: normal;
}
.enterprise_section_c{
	background: url(../images/enterprise_banner_bg2.jpg);
	padding: 80px 0px;
}
.enterprise_logo_window{
	background: #fff;
	border-radius: 12px;
	padding: 30px 45px;
}
.enterprise_logo_window h3{
	color: #383838;
	font-size: 30px;
	letter-spacing: 2px;
	text-align: center;
}
.enterprise_joinus_title{
	position: relative;
	margin-bottom: 50px;
}
.enterprise_joinus_title:after{
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	border-bottom: 1px solid rgba(0,0,0,0.1) 
}
.enterprise_joinus_title h3{
	text-align: center;
	color: #323232;
	font-size: 24px;
	margin-bottom: 10px;
}
.enterprise_joinus_title h3 span, .enterprise_joinus_title h4 span{
	color: #c2267d;
}
.enterprise_joinus_title h4{
	font-size: 15px;
	color: #919191;
	font-weight: normal;
	text-align: center;
}
.enterprise_joinus{
	padding: 80px 0px;
	background: #f9f9f9;
}
.enterprise_joinus_bottom{
	margin-top:40px; 
}
.enterprise_joinus_red{
	color: #c2267d;
}
.enterprise_joinus_btn{
	background: #c2267d;
	color: #fff;
}
.enterprise_joinus_btn:hover, .enterprise_joinus_btn:active, .enterprise_joinus_btn:focus{
	opacity: .8;
	color: #fff;
}
@media only screen and (max-width: 768px)  {
	.enterprise_banner_all{
		height: 340px;
	}
	.enterprise_title{
		margin-bottom: 20px; 
	}
	.enterprise_banner_txt{
		top: 30px;
	}
	.enterprise_txt_b li, .enterprise_txt_b li:before{
		font-size: 12px;
	}
	.enterprise_banner_pic{
		right: 0;
		text-align: right;
	}
	.enterprise_banner_pic img{
		width: 40%;
	}
	.section_a_head h3{
		font-size: 20px;
		margin-bottom: 15px; 
	}
	.section_a_head h4{
		font-size: 13px;
	}
	.enterprise_section_a{
		padding: 40px 0px;
	}
	.section_a_body h3{
		font-size: 13px;
	}
	.section_a_body h3:before{
		width: 30px;
		height: 27px;
		background-size: 30px 27px; 
		bottom: -7px;
	}
	.enterprise_section_b{
		padding: 40px 0px; 
	}
	.enterprise_lady{
		display: none;
	}
	.enterprise_section_b_txt{
		padding: 0;
	}
	.enterprise_section_b_txt h3{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.enterprise_section_b_txt h3 span{
		font-size: 20px;
	}
	.enterprise_section_b_txt ul li{
		font-size: 14px;
		margin-bottom: 30px;
	}
	.enterprise_section_b_txt ul li span{
		margin-bottom: 5px;
	}
	.enterprise_section_b_txt ul li b{
		display: block;
		width: 100%;
		font-weight: normal;
		line-height: 1.5;
	}
	.enterprise_section_c{
		padding: 40px 0px;
	}
	.enterprise_logo_window{
		padding: 20px 20px;
	}
	.enterprise_joinus{
		padding: 50px 0px;
	}
	.enterprise_joinus_title h3{
		font-size: 18px;
	}
}

.count-number01{
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background: #000;
	color: #fff;
	display: block;
	font-style:normal;
	text-align: center;
}
.count-number02{
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background: #e16097;
	color: #fff;
	display: block;
	font-style:normal;
	text-align: center;
}
.question-01{
	width: 100%;
	padding:15px 5px;
	border-radius: 15px; 
	border: 3px solid rgba(248,219,230,0.9);
	background: rgba(255,255,255,0.9);
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	   background-size: cover !important;
			box-sizing: border-box !important;
	margin-bottom: 15px; 
}
.question-01:nth-of-type(odd){
	border: 3px solid rgba(248,219,230,0.5);
	background: rgba(255,255,255,0.5);
}
.piechart{
	background: #fff;
	border-radius: 50%; 
}
.anwser-block{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 15px; 
	padding:15px 5px;
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	   background-size: cover !important;
			box-sizing: border-box !important;
	margin-bottom: 15px; 
}

/**20170718-新增手指**/
.promo-window-btn{
	position: relative;
}
.finger-point{
	position: absolute;
	right: -15px;
	top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
 .search-photo .profile{
  height: 260px;
 }
 .search-photo .profile .profile-pic {
  height: 260px;
 }
}

/**20170921-修改文章樣式**/
.note_show{
	padding-right: 55px; 
}
.note_show p{
	line-height: 1.75em;
	font-size: 18px;
	padding-right: 12%; 
	letter-spacing: normal;
}
.note_show img{
	max-width: 100%;
}
.note_register{
	display: block;
	background: rgba(0,0,0,0.06);
	border-radius: 5px;
	margin: 15px 12% 10px 0px; 
	padding: 20px 12px 20px 12px; 
}
.note_register h3{
	color: #5c5c5c;
	font-size: 18px;
	margin-bottom: 0px;
	text-align: center;
}
.note_register h4{
	color: #5c5c5c;
	font-size: 15px;
	text-align: center;
	margin-bottom: 14px;
}
.note_register span.red{
	color: #ca2882;
}
.img-original{
	width: 90%;
}
p.register_agree{
	display: block;
	margin: 15px 0px 0px 0px;
	font-size: 12px;
	color: #5c5c5c;
	text-align: center;
	padding: 0;
}
p.register_agree a{
	color: #5c5c5c;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.note_show{
		padding-right: 30px; 
	}
}
@media only screen and (max-width: 768px) {
	.note_register{
		margin: 15px 0px 10px 0px; 
	}
	.note_show{
		padding-right:8px; 
	}
	.note_show p{
		padding-right: 0;
	}
	.register-bot{
		margin-bottom: 10px; 
		text-align: center;
	}
	.img-original{
		width: 100%;
	}
	blockquote {
		margin: 25px 0px ;
	}
}


/**20171130-真人認證 限時免費**/
.certificate-main-banner{
	position: relative;
	background: url(../images/certificate/main-banner.jpg) center;
	width: 100%;
	height: 640px;
	padding: 0;
	border: 0;
}
.certificate-main-banner .container{
	height: 640px;
}
.certificate-main-banner h1{
	position: absolute;
	left: 15px;
	bottom: 15px;
	margin: 0;
}
.certificate-main-banner .heart{
	display: block;
	position: absolute;
	left: 400px;
	top:100px;
	width: 156px;
	height: 143px;
	animation: bounceIn 1s;
	-moz-animation: bounceIn 1s;	
	-webkit-animation: bounceIn 1s;	
	-o-animation: bounceIn 1s;	
	animation-iteration-count: 5;
	animation-direction: alternate;
	animation-delay: 0.5s;
}
.certificate-main-banner p{
	position: absolute;
	margin: 0;
	left: 580px;
	bottom: 45px; 
}
.certificate-main-banner .main-btn{
	position: relative;
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 168px;
	height: 168px;
	cursor: pointer;
	transition: all .3s;	
}
.certificate-main-banner .main-btn:hover, .certificate-main-banner .main-btn:active, .certificate-main-banner .main-btn:focus{
	-webkit-filter:brightness(140%);
	filter:brightness(140%);
	transition: all .3s;
}
.certificate-main-banner .main-btn:before{
	display: block;
	content: '';
	position: absolute;
	width: 48px;
	height: 42px;
	left: -15px;
	top: 60px;
	background: url(../images/certificate/point-icon.png);
}
.certificate-mobile-banner{
	display: none;
	width: 100%;
	transition: all .3s;	
}
.certificate-mobile-banner img{
	width: 100%;
	cursor: pointer;
}
.certificate-mobile-banner:hover, .certificate-mobile-banner:active, .certificate-mobile-banner:focus{
	-webkit-filter:brightness(120%);
	filter:brightness(120%);
	transition: all .3s;	
}
.certificate-features{
	width: 100%;
	padding: 30px 0;
	border: 0;
	background: #f8f8f8;
} 
.features-box{
	position: relative;
	display: block;
	background: #fff;
	width: 100%;
	box-shadow: 0px 3px 1px rgba(0,0,0,0.1);
	padding: 25px 20px;
}
h3.features-title{
	text-align: center;
	margin: 0 0 20px 0;
	font-family: '微軟正黑體', sans-serif;
	font-size: 36px;
	letter-spacing: 1px;
	color: #000;
	font-weight: bold;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
}
h3.features-title:after{
	display: block;
	content: '';
	width: 100%;
	height: 13px;
	background: url(../images/certificate/title-line.png) center;
	margin-top: 10px; 
}
h3.features-title > span {
	color: #f73ba4;
}
.features-box p{
	margin: 0;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}
.features-box p.first{
	color: #000;
	font-size: 18px;
}
.features-box .woman{
	position: absolute;
	left: 150px;
	top: 40px;
	z-index: 10;
}
.certificate-address{
	position: relative;
	margin-top: 30px; 
}
.certificate-address h4{
	display: block;
	text-align: center;
	background: #000;
	margin:0;
	color: #fff;
	font-family: '微軟正黑體', sans-serif;
	font-size: 14px;
	padding: 6px 0;
	line-height: 1;
	border-bottom: 2px solid #fff;  
}
.certificate-address ul{
	float: left;
	width: 33.33%;
	list-style: none;
	margin:0;
	padding: 13px 10px 2px 20px;
	color: #fff;
	text-align: left;
	min-height: 80px;  
}
.certificate-address ul.box-1{
	background: #f679bf;
	border-right: 2px solid #fff; 
}
.certificate-address ul.box-2{
	background: #ff9933;
	border-right: 2px solid #fff; 
}
.certificate-address ul.box-3{
	background: #66cc66;
	font-size: 11px;
}
.certificate-address ul li > span{
	color: #000;
}
.certificate-address:after{
	display: table;
	content: '';
	clear: both;
}
.certificate-benefit{
	padding: 35px 0;
	border: 0;
	background: #fff;
}
.certificate-how{
	display: block;
	position: relative;
	background: #f6f6f6;
	padding: 25px 0px 15px 0px;
	height: 264px;
}
.certificate-how .left-img{
	position: absolute;
	left: 0;
	top: 0;
}
.certificate-how .right-txt{
	margin: 0 0 0 550px;
	width: 550px;
	text-align: center; 
}
.certificate-how p{
	color: #666;
	font-size: 14px;
	margin-bottom: 15px;
}

.certificate-stitle{
	line-height: 1;
	padding: 0 1px 2px 1px;
	border-bottom: 2px solid #f73ba4; 
	font-family: '微軟正黑體', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.certificate-stitle:after{
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	margin-bottom: 0;
}
.certificate-explan{
	margin-top: 40px; 
	text-align: center;
	width: 100%;
}
.five-box{
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin:0; 
}
.five-box:after{
	display: table;
	content: '';
	clear: both;
}
.five-box li{
	display: block;
	float: left;
	width: 20%;
	text-align: center;	
}
.five-box li > p{
	padding: 5px 15px 0px 15px;
	margin:0; 
}
.go-register{
	margin-top: 30px;
	text-align: center; 
}
.benefit-btn {
	position: relative;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	color: #f73ba4;
	text-align: center;
	margin: auto;
	padding: 10px 15px;
	border: 1px solid #f73ba4;
	transition: all .3s;  
}
.benefit-btn:before{
	display: block;
	content: '';
	position: absolute;
	width: 48px;
	height: 42px;
	left: -35px;
	top: 0px;
	background: url(../images/certificate/point-icon.png);
}
.benefit-btn:hover, .benefit-btn:focus, .benefit-btn:active{
	background: #f73ba4;
	color: #fff !important;
	transition: all .3s;
}
.certificate-register{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 40px 0;
	background: #f8f8f8;  
}
.certificate-register p.first-p{
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 30px;
}
.c-title-content{
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
.c-small-title{
	position: relative;
	font-size: 18px;
	line-height: 1;
	color: #000;
	font-weight: normal;
	font-family: '微軟正黑體', sans-serif;
	text-align: center;
}
.c-small-title > span {
	color: #f73ba4;
}
.c-small-title:before, .c-small-title:after{
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 20px;
	overflow: hidden;
}
.c-small-title:before{
	background: url(../images/certificate/l-line.png);
	left: -17px;
	top: 2px;
}
.c-small-title:after{
	background: url(../images/certificate/r-line.png);
	right: -17px;
	top: 2px;
}
.reservation-box, .interview-box{
	background: #fff;
	border: 2px solid #f73ba4;
	padding: 0 100px 10px 100px;
	margin-bottom: 30px;
}
.reservation-box h3, .interview-box h3{
	position: relative;
	color: #000;
	font-weight: bold;
	font-size: 22px;
	font-family: '微軟正黑體', sans-serif;
	text-align: center; 
}
.reservation-box h3:before, .interview-box h3:before{
	display: block;
	content: '';
	height: 20px;
	width: 230px;
	background: #f73ba4;
	margin: 0 auto 2px auto; 
}
.c-form-label{
	line-height: 40px;
}
.reservation-box form .row, .interview-box form .row{
	margin-bottom: 10px;
}
.interview-box{
	border: 2px solid #ff9933;
}
.interview-box h3:before{
	background: #ff9933;
}
.interview-box h4{
	position: relative;
	display: block;
	color:  #ff9933;
	font-weight: bold;
	width: 100%;
	font-size: 15px;
	font-family: '微軟正黑體', sans-serif;
	margin-left: -50px;
}
.interview-box h4:after{
	position: absolute;
	top:50%;
	right: -80px;
	display: block;
	content: '';
	height: 1px;
	width: 100%;
	border-top: 1px solid #ff9933; 
}
.interview-box h4:nth-of-type(2), .interview-box h4:nth-of-type(3){
	margin-top: 20px;
}
.confirm-box{
	background: transparent;
	padding: 20px 20px 0px 20px; 
}
.confirm-box p{
	color: #666;
	font-size: 14px;
	text-align: center;
	margin:0; 
}
.confirm-box p > a{
	color: #666;
}
.confirm-box p > a:hover{
	text-decoration: underline; 
}
.btn-forman, .btn-forwoman{
	width: 100%;
	color: #000;
	background: #66cc66;
	font-size: 20px;
	font-family: '微軟正黑體', sans-serif;
	font-weight: bold;
	border-bottom: 3px solid rgba(0,0,0,0.3);
	height: 60px; 
}
.btn-forwoman{
	background: #f73ba4;
}
.btn-forman:hover, .btn-forman:active, .btn-forman:focus, .btn-forwoman:hover, .btn-forwoman:active, .btn-forwoman:focus{
	color: #000;
	-webkit-filter:brightness(130%);
	filter:brightness(130%);
}

@media only screen and (max-width: 768px) {
	.certificate-main-banner{
		display: none;
	}
	.certificate-mobile-banner{
		display: block;
	}
	h3.features-title{
		font-size: 22px;
		letter-spacing: 0px;
	}
	.features-box .woman{
		display: none;
	}
	.certificate-address ul{
		width: 100%;
		padding: 13px 10px 13px 13px;
	}
	.certificate-address ul.box-1{
		border-right: 0;
		border-bottom: 1px solid #fff;  
	}
	.certificate-address ul.box-2{
		border-right: 0;
		border-bottom: 1px solid #fff;  
	}
	.certificate-address ul.box-3{
		font-size: 14px;
	}
	.certificate-how .left-img{
		display: none;
	}
	.certificate-how .right-txt{
		margin: 0 auto;
		width: 85%;
		text-align: center; 
	}
	.certificate-how{
		height: auto;
	}
	.certificate-stitle{
		font-size: 16px;
	}
	.five-box li img{
		max-width: 100%;
	}
	.five-box li{
		padding: 0 10px;
		width: 100%;
		margin-bottom: 25px;	
	}
	.benefit-btn {
		font-size: 13px;
	}
	.c-small-title{
		font-size: 12px;
	}
	.reservation-box, .interview-box{
		padding: 0 30px 10px 30px;
		margin-bottom: 20px;
	}
	.reservation-box h3, .interview-box h3{
		font-size: 18px;
	}
	.reservation-box h3:before, .interview-box h3:before{
		width: 150px;
	}
	.c-form-label{
		line-height: 1.7;
	}
	.interview-box h4{
		margin-left: -20px;
	}
	.interview-box h4:after{
		width: 85%;
		right: -30px;
	}
	.btn-forman, .btn-forwoman{
		font-size: 16px;
		height: 50px;
	}
}

/**20180420-改版活動頁修改**/
.eventbox-title{
	font-size: 20px;
	line-height: 1.4;
	height: 25px;
	margin-bottom: 10px; 
	overflow:hidden;
}
.event-activebtn{
	padding: 8px 30px;
	font-size: 16px;
	line-height: 1.33 !important;
	background: #cfcfcf;
	color: rgba(0,0,0,0.4);
	transition: .3s;
}
.event-datebtn{
	padding: 8px 30px;
	font-size: 16px;
	line-height: 1.33 !important;
	background: #c63385;
	color: #fff;
	transition: .3s;
}
.event-ebtn{
	padding: 8px 30px;
	font-size: 16px;
	line-height: 1.33 !important;
	background: #15a9a1;
	color: #fff;
	transition: .3s;
}
.event-datebtn-active{
	padding: 8px 30px;
	font-size: 16px;
	line-height: 1.33 !important;
	background: #9d2a6a;
	color: #fff;
	transition: .3s;	
}
.event-ebtn-active{
	padding: 8px 30px;
	font-size: 16px;
	line-height: 1.33 !important;
	background: #0e7670;
	color: #fff;
	transition: .3s;
}
.event-datebtn:hover, .event-datebtn:active, .event-datebtn:focus, .event-ebtn:hover, .event-ebtn:active, .event-ebtn:focus, .event-datebtn-active:hover, .event-datebtn-active:active, .event-datebtn-active:focus, .event-ebtn-active:hover, .event-ebtn-active:active, .event-ebtn-active:focus{
	color: #fff;
	filter: brightness(120%);
	transition: .3s;
}
.date-type{
	position: absolute;
	overflow: hidden;
	width: 80px;
	height: 80px;
	top: 0;
	right: 8px;
}
.date-type .type-d, .date-type .type-a{
	position: relative;
	top: -10px;
	right: -15px;
	padding: 30px 0px 3px 0px;
	text-align: center;
	width: 100px;
	line-height: 1;
	color: #fff;
	font-size: 12px;
	background: rgba(198,51,133,0.8);
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.date-type .type-a{
	background: rgba(21,169,161,0.8);
}
.blog-event-post{
	margin: 0px 0px 10px 0px;
	padding: 0;
	height: 22px;
	overflow: hidden;
	list-style: none;
}
.blog-event-post > li{
	font-size: 11px;

	color: rgba(0,0,0,0.3);
	display: inline-block;
}
.blog-event-post > li + li{
	padding-left: 10px; 
}
.blog-event-post > li > i{
	margin-right: 2px;
}
.event-blog{
	background: #fff;
}
.eventbox{
	padding: 20px 16px 16px 20px;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	border-radius: 3px; 
	margin-bottom: 40px; 
}
.eventbox + .eventbox{
	border-left: 0;
}
.eventbox .eventbox-txt{
	height:50px;
	letter-spacing: 2px;
	line-height: 1.8;
	margin-bottom: 30px;
	overflow: hidden;  
}
.event-slider{
	background: #efefef;
}
.event-slider .container{
	padding: 0px;
}
.event-slider .container .flexslider{
	border-radius: 0; 
}
.btn-event{
	background: #fff;
	color: #e39fb3;
	border: 1px solid #e39fb3;
	padding-left: 25px;
	padding-right: 25px; 
}
.event-type, .event-location{
	text-align: center;
	margin-bottom: 5px; 
}
.event-img .location {
	left: 20px;
	top: 14px;
}
.event-img .location .label{
	box-shadow:none;
}
.nav-date{
	text-align: center;
}
.nav-date li{
	display: inline-block;
}
.nav-date li > a{
	color: rgba(255,255,255,0.4);
	padding: 10px 80px;
	font-size: 18px;
}
.nav-date li > a:active, .nav-date li > a:focus, .nav-date li > a:hover{
	color: rgba(255,255,255,0.4);
}
.nav-date li.active > a{
	position: relative;
	color: #fff;
}
.nav-date li a.date{
	background: #982164;
}
.nav-date li.active a.date{
	background: #c2267d;
}
.nav-date li a.sub-date{
	background: #17525b;
}
.nav-date li.active a.sub-date{
	background: #1d6f7b;
}
.event-blog .tab-content{
	padding: 0px 0px 15px 0px;
}
.tab-content div#date {
	padding-top: 15px; 	
	border-top: 3px solid #c2267d;
}
.tab-content div#sub-date {
	padding-top: 15px; 	
	border-top: 3px solid #1d6f7b;
}
.event-img {
	 min-height: auto;
}
.event-list{
	margin-top: 20px; 
}

@media only screen and (max-width: 768px) {
	.event-img{
		height: auto;
	}
	.blog-event-post{
		height: auto;
		overflow: visible;
	}
	.blog-event-post > li + li{
		padding-left: 0; 
	}
	.nav-date li > a{
		padding: 10px 35px;
	}

}
/****20180515新首頁****/
.smoothscroll{
	/* background: url(../images/20180515/newbg.jpg) no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: 100% 100%; */
}
.smoothscroll #wrapper{
	width: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	background: #fff; 
	margin: 0 auto; 
}
#header.fixed{
	/* width: 1170px; */
	margin: 0 auto;
}
.member-recommend{
	padding: 40px 0px;
	border: 0;
	background: #0c2b59;
}
.member-recommend h3.title, .event-promo h3.title{
	color: #fff;
	font-size: 27px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.member-recommend p.txt, .event-promo p.txt{
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
.photo-item{
	padding: 0px 10px;
}
.photo-item a{
	display: block;
	width: 100%;
}
.photo-item .photo{
	position: relative;
	width: 100%;
	height: 185px;
	overflow: hidden;
	border-radius: 5px;
	border: 8px solid #fff;
}
.photo-item .photo img{
	max-width: 100%;
	height: auto;
}
.photo-item .photo .name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	padding: 5px 2px;
	text-align: center;
	color: #fff;
	white-space:nowrap;
	background: rgba(0,0,0,0.5);
	font-size: 18px;
}
section:not(.topslider) .owl-theme .owl-controls .owl-buttons div{
	border: 0;
	background: none;
}
.owl-carousel.featured .owl-prev:hover, .owl-carousel.featured .owl-next:hover{
	color: #fff !important;
}
.member-go, .event-go{
	width: 100%;
	text-align: center;
}
.btn-friend, .btn-event{
	background: #f0d076;
	color: #0c2b59;
	font-size: 18px;
	padding: 10px 30px;
	height: auto;
	transition: all .3s;
}
.btn-event{
	background: #0c2b59;
	color: #fff;
}
.btn-friend:hover, .btn-friend:active, .btn-friend:focus{
	filter: brightness(120%);
	transition: all .3s;
}
.btn-event:hover, .btn-event:active, .btn-event:focus{
	filter: brightness(120%);
	transition: all .3s;
	color: #fff;
}
#wrapper .flexslider{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.event-promo{
	padding: 40px 0px;
	background: #ea5b85;
	border: 0;	
}
.flex-prev:hover, .flex-prev:focus, .flex-prev:active, .flex-next:hover, .flex-next:focus, .flex-next:active{
	color: #fff !important;
}
.eventbox-item{
	padding: 0px 10px;
}
.event-box{
	position: relative;
	background: #fff;
	padding: 15px 15px 25px 15px;
}
.event-box-photo{
	margin-bottom: 10px;
	width: 315px;
	height: 290px;
	margin: 0px auto 10px auto;
	overflow: hidden;
}
.event-box-photo img{
	max-width: 100%;
}
.event-box-txt{
	text-align: left !important;
	padding: 0px 15px;
	margin-bottom: 15px; 	
}
.event-box-txt h3{
	color: #EA5B85;
	font-size: 20px;
	margin-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
}
.event-box-txt p{
	margin-bottom: 0px;
	color: #888;
	font-size: 12px;
	height: 37px;
	overflow: hidden;
}
.event-box-txt .post{
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	color: #888;
	font-size: 12px;
}
.event-box-go{
	padding: 0px 15px;
	text-align: left !important;
}
.event-promo .owl-carousel .owl-prev, .event-promo .owl-carousel .owl-next{
	color: rgba(255,255,255,0.7) !important;
}
.btn-event-go{
	color: #fff !important;
	padding: 6px 20px;
	background: #EA565E;
}
.btn-event-go:hover, .btn-event-go:focus, .btn-event-go:active{
	filter: brightness(120%);
	transition: all .3s;
}
.nation-platform{
	padding: 40px 0px;
	border: 0;
	background: radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -moz-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -webkit-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -o-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
}
.nation-platform h3.title, .nation-brands h3.title{
	color: #fff;
	font-size: 50px;
	line-height: 1;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	margin-bottom: 5px;
}
.nation-platform p.txt, .nation-brands p.txt{
	color: #fff;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	margin-bottom: 25px;
}
.nation-item{
	text-align: center;
}
.nation-item .photo{
	margin-bottom: 15px;
}
.nation-item .photo img{
	max-width: 100%;
}
.nation-item h4{
	color: #C79B68;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 4px;
	margin-bottom: 0px;
}
.nation-item p{
	color: #000;
	font-size: 16px;
	margin-bottom: 0;
}
.nation-platform .owl-carousel.featured .owl-controls{
	text-align: center;
	margin: 15px 0 0 0;
	top: initial;
	right: initial;
	position: relative;
}
.nation-go{
	text-align: center;
}
.btn-nation-go{
	color: #fff;
	background: #0C2B59;
	font-size: 18px;
	padding: 10px 30px;
	height: auto;
}
.btn-nation-go:hover, .btn-nation-go:focus, .btn-nation-go:active{
	color: #fff;
	filter: brightness(120%);
}
.btn-nation-go .yellow{
	color: #FFE100;
}
.nine-reason{
	padding: 40px 0;
	border: 0;
	background: #fff;
}
.nine-reason .title{
	text-align: center;
	margin-bottom: 20px;
}
.nine-reason .title img, .reason-img img{
	max-width: 100%;
}
.reason-txt{
	padding-top: 10px; 
}
.reason-img{
	text-align: center;
}
.nation-brands{
	padding: 40px 0;
	border: 0;
	background: #808080;
}
.nation-brands ul.logos{
	list-style: none;
	padding: 0;
	margin: 0 auto 10px 0;
	text-align: center;
	background: none; 
}
.nation-brands ul.logos:after, .nation-brands .address:after{
	content: '';
	display: table;
	clear: both;
}
.nation-brands ul.logos li{
	display: inline-block;
}
.nation-brands ul.logos li img{
	max-width: 100%;
}
.nation-brands ul.logos li + li{
	margin-left: 15px; 
}
.nation-brands p.txt{
	margin-bottom: 40px;
}
.nation-brands ul.logos li a:hover{
	opacity: .7;
}
.nation-brands .address{
	margin-top: 20px;
	padding: 0px 20px; 
}
.nation-brands .address div{
	color: #fff;
	font-size: 12px;
}
#header #topNav a.logo2 img:nth-child(2){
	display: none;
}
.consult-main{
	padding: 40px 0px;
	border: 0;
}
.consult-main .title, .consult-slider .title{
	color: #EA5B85;
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
}
.consult-main .txt, .consult-slider .txt{
	color: #666;
	font-size: 19px;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 200px;
}
.consult-main .photowall{
	width: 100%;
	text-align: center;
}
.consult-main .photowall img{
	max-width: 100%;
	margin: auto;
}
.consult-item{
	padding: 0px 10px 30px;
	width: 750px;
	margin: 0 auto;
}
.consult-item .wbox{
	background: #fff;
	border: 2px solid #B3B3B3;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	padding: 20px 20px 40px 20px;
}
.consult-item .wbox:after{
	content: '';
	display: table;
	clear: both;
}
.consult-item .wbox .consult-photo{
	overflow: hidden;
	text-align: center;
}
.consult-item .wbox .consult-txt{
	text-align: left; 
}
.consult-txt .name{
	color: #000;
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 30px;
}
.consult-txt .t5{
	color: #EA5B85;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
}
.consult-txt p{
	color: #666;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 15px;
}
.btn-consult{
	color: #fff;
	font-size: 17px;
	background: #EA5B85;
	margin-top: 20px;
	padding: 8px 30px;
	height: auto;
}
.btn-consult span{
	color: #FFFF00;
}
.btn-consult:hover, .btn-consult:active, .btn-consult:focus{
	filter: brightness(120%);
	transition: all .3s;
	color: #fff;
}
.consult-slider{
	padding: 40px 0;
	border: 0;
}
.consult-table{
	width: 950px;
	margin: auto;
}
.consult-slider .nav-consult{
	border: 0;
}
.consult-slider .nav-consult > li.active > a, .consult-slider .nav-consult > li.active > a:hover, .consult-slider .nav-consult > li.active > a:focus{
	border: 0;
}
.consult-slider .nav-consult > li{
	margin-bottom: 0;
	float: none;
	display: inline-block;
	width: 160px;
	height: 25px;
	overflow: hidden;
	text-align: left;
}
.consult-slider .nav-consult>li>a {
	color: #a3a3a3;
	font-weight: normal;
	padding: 0px 2px;
	margin-bottom: 2px;
	font-size: 15px;
	border: 0;
}
.consult-slider .nav-consult > li + li{

}
.consult-slider .nav{
	margin: auto;
	text-align: center;
	padding: 0px 20px;
}
.consult-table{
	width: 950px;	
}
.consult-table .table-striped > tbody > tr:nth-of-type(even){
	background: #f0f0f0;
}
.consult-table .table-striped > tbody > tr:nth-of-type(odd){
	background: #fdebf0;
}
.consult-table .table-bordered > thead > tr > th, .consult-table .table-bordered > tbody > tr > th, .consult-table .table-bordered > tfoot > tr > th, .consult-table .table-bordered > thead > tr > td, .consult-table .table-bordered > tbody > tr > td, .consult-table .table-bordered > tfoot > tr > td{
	border: 2px solid #fff;
}
#wrapper .container .row{
	/* margin: 0; */
}
#wrapper section .container {
	/* padding-left: 30px;
	padding-right: 30px;   */
}
#wrapper #header header .container{
	padding-left: 15px;
	padding-right: 15px;  
}
.consult-social {
	text-align: center;
	vertical-align: middle;
}
.consult-social .share{
	position: relative;
	top: -15px;
	display: inline-block;
}
.consult-popular{
	padding: 40px 0px;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
}
.article-wrap {
	padding: 0px 30px;
}
.article-box h4{
	font-size: 21px;
	color: #EA5B85;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 2px solid #EA5B85;
}
.article-item{
	padding-bottom:20px;
	margin:0 0 20px 0;
	border-bottom: rgba(0,0,0,0.06) 1px solid;
}
.article-item:after, .article-box:after{
	display: table;
	content: '';
	clear: both;
}
.article-item a{
	text-decoration:none;
	color: #666; 
}
.article-item a:hover, .article-item a:focus, .article-item a:active{
	color: #EA5B85;
}
.article-item .photo{
	height: 70px;
	overflow: hidden;
}
.article-item .photo img{
	max-width: 100%;
}
.article-item .txt{

}
.article-item .txt a{
	display: block;
	max-height: 40px;
	overflow: hidden;
}
.article-item .txt small{
	display: block;
	font-size:12px;
}
#footer a:hover, #footer a:focus, #footer a:active{
	color: #666;
}

@media only screen and (max-width: 768px) {
	.smoothscroll #wrapper{
		width: 100%;
		border: none;
		box-shadow: none;
	}
	.member-recommend p.txt, .event-promo p.txt{
		font-size: 14px;
	}
	.photo-item{
		padding: 0px 5px;
	}
	.photo-item .photo{
		border: 5px solid #fff;
		height: 110px; 
	}
	.photo-item .photo .name{
		font-size: 12px;
		padding: 2px 1px;
	}
	.owl-controls{
		text-align: center;
	}
	.event-box-photo{
		width: 100%;
		height: 270px;
	}
	.event-box-txt, .event-box-go{
		padding: 0px;
	}
	.nation-brands ul.logos li + li{
		margin-left: 0px;
	}
	.nation-brands ul.logos li{
		display: block;
		float: left;
		width: 25%;
		padding: 10px;
		text-align: center;
	}
	.nation-brands .address{
		padding: 0;
	}
	.nation-brands ul.logos li img{
		
	}
	div#header{
		background: linear-gradient(90deg, #b60d8a, #622a8c);
		border-bottom: 0; 

	}
	.nav-second-main .text-pink{
		color: #fff !important;
	}
	#header button.text-pink{
		color: #fff !important;
	}
	#header #topNav .text-pink{
		color: #fff !important;
	}
	#header #topNav a.logo2{
		display: block !important;
		width: 150px;
		margin: 0 auto;
	}
	#header #topNav a.logo2 img:nth-child(1){
		display: none !important;
	}
	#header #topNav a.logo2 img:nth-child(2){
		display: block;
	}
	.consult-main .txt, .consult-slider .txt{
		font-size: 15px;
		padding: 0 10px;
	}
	.consult-item{
		padding: 0px 0px 20px;
		width: 100%;
	}
	.consult-item .wbox{
		box-shadow: 0;
	}
	.consult-photo{
		text-align: center;
		margin-bottom: 30px;
	}	
	.consult-slider .nav{
		padding: 0;
	}
	#wrapper section .container {
		padding-left: 15px;
		padding-right: 15px;  
	}
	.consult-popular{
		padding: 20px 0px;
	}
	.article-wrap {
		padding: 0px;
	}
	.article-box{
		margin-bottom: 20px;
	}
	.article-item{
		padding-bottom:15px;
		margin:0 0 15px 0;
	}
	.article-item .photo{
		height: 50px;
	}
	.consult-slider .nav-tabs>li>a {
		font-size: 14px;
	}

}

/**20180525-戀愛達人**/
.consult-slider .consult-item {
	padding-top: 10px;
}
.consult-slider .owl-carousel{
	position: relative;
}
.consult-slider .owl-carousel .owl-controls{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin:auto;
	text-align: center;
}
.consult-slider .owl-carousel .owl-controls .owl-buttons div{
	display: block;
	width: 30px !important;
	height: 30px !important;
	font-size:45px;
	line-height: 25px;
	padding: 0;
	color: rgba(0,0,0,0.3);
}
.consult-slider .owl-carousel .owl-controls .owl-buttons div:hover{
	color: rgba(0,0,0,0.7);
}
.consult-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev{
	position: absolute;
	left: 120px;
	top: 150px;
}
.consult-slider .owl-carousel .owl-controls .owl-buttons div.owl-next{
	position: absolute;
	right: 120px;
	top: 150px;
}
@media only screen and (max-width: 768px) {
	.consult-item .wbox{
		box-shadow: none;
	}
	.consult-slider .owl-carousel .owl-controls .owl-buttons div.owl-prev{
		left: 10px;
	}
	.consult-slider .owl-carousel .owl-controls .owl-buttons div.owl-next{
		right: 10px;
	}
}

/**20180525-個人資料頁**/
.user-profile{
	padding: 20px 0px;
	background: #43a0b5;
}
.user-profile .nav-tabs>li.active>a{
	color: #000 !important;
	background: #fff;
		box-shadow: 5px 0px 5px rgba(0,0,0,0.2);
}
.user-profile .box-calendar{
	background: rgba(255,255,255,1);
	border: 2px solid rgba(67,160,181,0.5)
}
.user-profile #schedule .box-light{
	background: rgba(255,255,255,0.5);
}
.user-profile #mycalendar .box-light{
	background: rgba(255,255,255,0.5);
}
.user-profile #mycalendar .box-light .box-inner{
	background: rgba(255,255,255,0.5);
}
.profile-wrap{
	padding: 0px 100px;
}
.profile-wrap:after, .profile-wrap ol.rank:after, .profile-photo-box:after, .user-profile #profile:after, .user-profile #schedule:after, .user-profile #mycalendar:after, .user-menu-btn:after, .user-menu-btn .menu:after{
	content: '';
	display: table;
	clear: both;
}
.profile-wrap ol.rank{
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}
.profile-wrap ol.rank > li.type{
	float: left;
	color: #fff;
	font-size: 18px;
}
.profile-wrap ol.rank > li.type span{
	font-size: 30px;
}
.profile-wrap ol.rank > li.go{
	float: right;
}
.btn-upgrade{
	font-size: 18px;
	color: #FFFF00;
	background: #000;
}
.btn-upgrade:hover, .btn-upgrade:focus, .btn-upgrade:active{
	color: #FFF;
}
#schedule .notice-list{
	margin-bottom: 0;
}
#schedule .pagination>li.active>a:hover, #schedule .pagination>li.active>a:active, #schedule .pagination>li.active>a:focus{
	background: #e7315b;
	border:1px solid #e7315b;
}
#schedule .pagination>li>a:hover{
	background: #cacaca;
	border:1px solid #cacaca;
}
#schedule .pagination>li>a:active, #schedule .pagination>li>a:focus{
	background: #f2f2f2;
}
.user-profile .nav-tabs{
	margin-top: 10px;
}
.user-profile .nav-tabs > li > a{	
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
}
.user-profile .tab-content{
	margin-top: 40px;
}
.profile-photo-box{
	border-radius: 8px;
	background: #428395;
	border: 1px solid #fff;
	padding: 20px; 
	margin-bottom: 20px;
}
.profile-photo-box .photo-box{
	text-align: center;
}
.profile-photo-box .photo{	
	width: 200px;
	height: 200px;
	margin: auto;
	overflow: hidden;
	border-radius: 50%; 
}
.profile-photo-box .photo img{
	max-width: 100%;
}
.profile-photo-box .txt-box{

}
.profile-photo-box .txt-box .txt{
	list-style: none;
	padding: 0;
	margin: 0;
}
.profile-photo-box .txt-box .txt > li{
	color: #fff;
	font-size: 20px;
	margin-bottom: 5px;
}
.profile-photo-box .txt-box .txt > li.match{
	margin-bottom: 10px;
}
.profile-photo-box .txt-box .txt > li.match > span{
	color: #FFFF00;
	font-size: 33px;
}
.profile-photo-box .txt-box .txt > li.update > a{
	color: #FFFF00;
	text-decoration: underline;
}
.profile-photo-box .txt-box .txt > li.update > a:hover{
	color: #ffff9e;
}
.user-profile .profile-message{
	color: #fff;
}
.user-profile .profile-message h3{
	font-size: 27px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
}
.user-profile .profile-message .message h5{
	font-size: 17px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
}
.user-profile .profile-message .message > ol{
	list-style: none;
	padding: 0;
	margin: 0;
}
.user-profile .profile-message .message > ol > li{
	font-size: 17px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;
}
.user-profile .profile-message .message > ol > li > a{
	color: #FFF100;
	text-decoration: underline;
}
.user-profile .profile-message .message > ol > li:before{
	display: block;
	float: left;
	content: "\f0da";
	padding: 4px 4px 0px 2px;
	font: normal normal normal 17px/1 FontAwesome;
	color: #fff;
	font-weight: normal;
}
.user-menu-btn{
	display: block;
	width: 100%;
}
.user-menu-btn .menu{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.user-menu-btn .menu > li{
	display: block;
	float: left;
	width: 20%;
}
.user-menu-btn .menu > li > a{
	display: block;
	vertical-align: middle;
	width: 100%;
	height: 80px;
	padding-top: 16px; 
	background: url(../images/20180515/user-btn-bg.jpg);
	background-size: cover;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.user-menu-btn .menu > li > a:hover{
	filter: brightness(120%);
}
.user-menu-btn .menu > li > a > span{
	display: block;
	color: #EACC85;
	font-size: 13px;
	font-weight: normal;
}
.new-message{
	background-color: #ea565e;
	margin-left: 5px;
	position: relative;
	top: -5px;
}

@media only screen and (max-width: 768px) {
	.profile-wrap{
		padding: 0px 0px;
	}
	.user-profile .nav-tabs>li>a :focus, .user-profile .nav-tabs>li.active>a{
		background: #fff;
	}
	.user-profile .nav-tabs.nav-justified > li{
		float: left;
		width: 33.33%;
	}
	.user-profile .nav-tabs.nav-justified > li > a{
		border-bottom: 1px solid #fff !important; 
	}
	.user-profile .profile-message .message{
		margin-bottom: 30px;
	}
	.user-menu-btn .menu{
		margin: 0px -15px 20px -15px;
		background-color: #c33866;
	}
	.user-menu-btn .menu > li{
		width: 20%;
		height: 80px;
	}
	.user-menu-btn .menu > li > a{
		font-size: 14px;
		font-weight: normal;
	}
	.user-profile .tab-content{
		margin-top: 10px;
	}
	.profile-wrap ol.rank > li.type{
		font-size: 15px;
	}
	.profile-wrap ol.rank > li.type span{
		font-size: 24px;
	}
	.btn-upgrade{
		font-size: 15px;
	}

}

/**20180525-活動內頁**/
.event-path {
	padding: 20px 0px;
	border: 0;
}
.event-path .path{
	list-style: none;
	padding: 0;
	margin: 0;
}
.event-path .path li{
	position: relative;
	float: left;
}
.event-path .path li > a.back{
	color: #666;
}
.event-path .path li > a.event-a{
	color: #c83b8a;
}
.event-path .path li > a.event-b{
	color: #1d6f7b;
}
.event-path .path li > a:hover ,.event-path .path li > a:active ,.event-path .path li > a:focus{
	text-decoration: underline;
}
.event-path .path li +li{
	margin-left: 15px;
}
.event-path .path li + li:before{
	display: inline-block;
	content: '∣';
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 15px;
	color: rgba(0,0,0,0.1);
}
.event-page{
	padding: 0px 0px 20px 0px;
	border-top: 0; 
}
.subject-box{
	position: relative;
	width: 100%;
	padding:40px 20px 30px 20px;
	border: 2px solid #e9e9e9;
 	background: #fff;
}
.subject-box:after{
	display: table;
	content: '';
	clear: both;
}
.subject-box .arrow{
	display: block;
	position: absolute;
	left: 50%;
	bottom: -12px;
	right: 0;
	margin: 0 0 0 -11px;
	border-top: 2px solid #e9e9e9;
	border-left: 2px solid #e9e9e9;
	background-color: #fff;
	width: 22px;
	height: 22px;
	transform: rotate(-135deg);
}
.subject-box h1.title{
	color: #000;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
}
.subject-type{
	position: absolute;
	width: 90px;
	height: 57px;
	left: 0;
	top: 0;
	overflow: hidden;
}
.subject-type .type-1, .subject-type .type-2{
	position: relative;
	display: block;
	background: #c83b8a;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	width: 130px;
	text-align: center;
	transform:rotate(-30deg);
	left: -42px;
	top: -15px;
	padding: 30px 0px 3px 0px;
}
.subject-type .type-2{
	background: #17525b;
}
.subject-info{
	display: block;
}
.subject-info .pic{
	float: left;
	display: block;
	max-height: 280px;
	overflow: hidden;
}
.subject-info .pic:after, .subject-info:after{
	content: '';
	display: table;
	clear: both;
}
.subject-info .pic img{
	max-width: 100%;
}
.subject-info .info{
	padding: 0;
	float: left;
	border: 1px solid #e9e9e9;
}
.subject-info .info > div{
	border-bottom: 1px solid #e9e9e9;
	text-indent: 10px;
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 10px; 
}
.subject-info .info > div:last-of-type{
	border-bottom: 0;
}
.subject-info .info > div > label{
	color: #9c9c9c;
	font-size: 14px;
}
.subject-info .info > div > p{
	color: #000;
	font-size: 16px;
	margin-bottom: 0;
}
.subject-info .info > div > p.red{
	color: #fa000c;
}
.subject-info .info > div > p.male > i{
	color: #6aadfe;
	text-indent: 0;
}
.subject-info .info > div > p.female > i{
	color: #e40381;
	text-indent: 0;
}
.subject-info .info > div > p.male > span, .subject-info .info > div > p.female > span{
	color: #ca9645;
	font-size: 12px;
}
.subject-info .apply{
	text-align: center;
	margin-top:20px; 
}
.btn-apply{
	padding: 14px 35px;
	font-size: 18px;
	color: #fff;
	height: 60px;
	background: #ea565e;
}
.btn-apply + .btn-apply{
	margin-left: 10px; 
}
.btn-apply > span{
	font-weight: bold;
	color: #fffc2a;
}
.btn-apply:hover, .btn-apply:active, .btn-apply:focus{
	filter: brightness(120%);
	color: #fff;
}
.event-info-list{
	line-height: 1.6;
	margin-top: 40px;
}
.event-info-list h4{
	color: #ef8ea8;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.event-info-list h4:before{
	display: inline-block;
	content: '▍';
	clear: both;
}
.event-info-list p{
	font-size: 15px;
	margin-bottom:30px;
}
.event-page-more{
	padding-left: 40px;
}
.event-page-more .tab-content{
	
}
.tab-post{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	padding-bottom: 15px !important;
}
.event-info-bot{
	list-style: none;
	padding: 0;
	margin:50px 0px 30px 0px; 
}
.event-info-bot > li{
	display: inline-block;
}
.btn-event-back, .btn-event-pre, .btn-event-next{
	padding: 6px 25px;
}
.btn-event-back{
	background-color: #e6e3e3;
	color: #666;
}
.btn-event-pre{
	background-color: #0c2b59;
	color: #fff;
}
.btn-event-next{
	background-color: #ea565e;
	color: #fff;
}
.btn-event-back:hover, .btn-event-back:active, .btn-event-back:focus{
	
}
.btn-event-pre:hover, .btn-event-pre:active, .btn-event-pre:focus, .btn-event-next:hover, .btn-event-next:active, .btn-event-next:focus{
	filter: brightness(120%);
	color: #fff;
}
@media only screen and (max-width: 768px) {
	.subject-box{
		padding: 40px 5px 20px 5px;
	}
	.subject-info .pic {
		max-height: 200px;
		float: none;
	}
	.subject-info .info{
		float: none;
		margin: 10px 8px 10px 8px;
	}
	.btn-apply{
		width: 100%;
	}
	.btn-apply + .btn-apply{
		margin-left: 0px; 
	}
	.event-page-more{
		padding-left: 0px;
	}
	.event-info-bot{
		margin:50px 0px 70px 0px; 
	}
	.btn-event-back, .btn-event-pre, .btn-event-next{
		padding: 6px 12px;
	}
}

/**20180529-報名表+註冊**/
.application-form{
	padding: 40px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.1); 
	background: #efefef;
}
.apply-box{

}
.apply-header{
	width: 100%;
	background: #ea5b85;
	padding: 30px;
	color: #fff;
}
.apply-header h3{
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 5px;
}
.apply-header .box{
	padding: 15px;
	border: 1px solid #fff;
	margin: 0;
	list-style: none; 
}
.apply-header .box li{
	color: #fff;
	font-size: 19px;
}
.apply-header p.note{
	color: #FFFF00;
	font-size: 15px;
	margin-bottom: 0;
	text-align: center;
}
.apply-header p.note:first-of-type{
	margin-top:15px; 
}
.apply-body{
	padding: 30px 30px;
	background: #fff;
}
.apply-body h3{
	text-align: center;
	color: #EA5B85;
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 30px;
}
.apply-body .process-wizard{
	margin-top: 20px;
}
.apply-body .process-wizard:after, .apply-body .apply-form:after, .apply-body .form-group:after, .apply-body:after{
	display: table;
	content: '';
	clear: both;
}
.apply-body > .process-wizard > .process-wizard-step .process-wizard-stepnum{
	font-size: 14px !important;
	color: #b2b2b2;
	margin-bottom: 0;
}
.apply-body > .process-wizard .process-wizard-dot{
	cursor: initial;
}
.apply-body > .process-wizard {
	margin-bottom: 30px;
}
.apply-body .apply-form{
	margin-bottom: 0px;
}
.apply-body .apply-form .apply-label{
	display: block;
	color: #808080;
	padding: 11px 0px;
	font-size: 15px;
	font-weight: normal;
	height: 40px;
	line-height: 1;
	margin: 0;
	text-align: right;
}
.apply-body .apply-form label.red{
	color: #EA5B85;
}
.apply-body .apply-form .apply-label span.red{
	color: #EA5B85;
	margin-right: 3px;
}
.apply-body .apply-button{
	margin-top: 40px; 
}
.apply-body .apply-button .btn-primary:hover, .apply-body .apply-button .btn-primary:active, .apply-body .apply-button .btn-primary:focus, .apply-body .btn-primary:hover, .apply-body .btn-primary:active, .apply-body .btn-primary:focus{
	filter: brightness(120%);
	transition: all .3s;
}
.form-check-inline, .form-check-label{
	display: inline-block;
}
.form-check-inline{
	margin-right: 20px;
}
.form-check-inline:last-of-type{
	margin-right: 0px;
}
.apply-body .form-check-inline{
	padding: 5px 0px;
}
.apply-body .notice h4{
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 5px;
}
.apply-body .notice .notice-box{
	overflow: auto;
	padding: 10px 10px;
	border: 1px solid #ddd;
	width: 100%;
	height: 200px;
}
.apply-body .notice .notice-box h5{
	margin-bottom: 10px;
}
.apply-body .notice .notice-box ol{
	margin-bottom: 0px;
}
.apply-body .form-check{
	position: relative;
}
.apply-body .form-check .form-check-input{
	position: absolute;
	left:5px;
	top: 0;
	width: 20px;
}
.apply-body .form-check .form-check-label{
	margin-left: 30px; 
}
.check-code{
	padding: 5px 0px 0px 0px;
}
.apply-body .complete-notice{
	border: 1px solid #EA5B85;
	padding: 15px 20px;
	margin-bottom: 30px;
}
.apply-body .complete-notice p{
	margin: 0;
	color: #444853;
	font-size: 17px;
	line-height: 1.7;
}
.apply-body .complete-notice .red{
	color: #EA5B85;
}
.apply-body .complete-txt{
	margin-bottom: 30px;
}
.apply-body .complete-txt p{
	margin-bottom: 0px;
	line-height: 1.7;
	font-size: 15px;
	color: #808080;
}
.apply-body .complete-txt .red{
	color: #FF0000;
}
.apply-body .complete-txt .link{
	color: #EA5B85;
	text-decoration: underline;
}
.apply-body .complete-txt .link:hover{
	text-decoration: none;
}

@media only screen and (max-width: 768px) {
	.apply-box{
		padding: 0;
	}
	.apply-header{
		padding: 30px 15px;
	}
	.apply-body{
		padding: 30px 5px;
	}
	.apply-body .apply-form .apply-label{
		text-align: left;
		height: auto;
		line-height: 1.5;
		padding: 10px 0px 10px 8px; 
	}
	.apply-body .notice .notice-box{
		height:300px;
	}
	.apply-body .complete-notice{
		margin: 0px 8px 30px 8px;
	}
	.apply-body .complete-txt{
		margin: 0px 8px 30px 8px;
	}
}

/**20180530-貼圖**/
.sticker-area {
	position: relative;
	width: 100%
}
.stickers{
	cursor: pointer;
	position: relative;
	display: block;
	float: left;
	line-height: 1;
	text-align: center;
	width: 40px;
	height: 40px;
	padding: 5px 0px;
	margin-right: 10px;
	background-color: #999;
	color: #fff;
	border-radius: 6px;
	border-bottom: 3px solid rgba(0,0,0,0.2); 
}
.stickers:hover, .stickers:active, .stickers:focus{
	color: #fff !important;
	background-color: #bababa;
}
.stickers i{
	font-size: 14px;
	margin-bottom: 0px;
	color: #fff;
}
.stickers p.txt{
	font-size: 12px;
	margin-bottom: 0px;
}
.sticker-wrap{
	box-shadow:0px 4px 5px rgba(0,0,0,0.15);
	border:1px solid #ddd;
	border-radius:3px;
	font-size:14px;
	width: 500px;
	height: 350px;
	background: #fff;
	padding: 10px;
	overflow: auto;
	margin: auto; 
}
.sticker-content{
	width: 100%;
	height: auto;
	text-align: center;
}
.sticker-content > .sticker-box{
	width: 33.33%;
	height: auto;
	margin-bottom: 30px;
	float: left;
	padding: 0px 5px;
	text-align: center;
	overflow: hidden;
	z-index: 100;
}
.sticker-content a > .img{
	width: 100%;
	height: 125px;
	margin:0px auto 0px auto; 
	overflow: hidden;
}
.sticker-content > .sticker-box > a > .img img{
	max-width: 100%;
	height: auto;
}
.sticker-content > .sticker-box > a > .description{
	color: #666;
	margin-bottom: 0;
	white-space:nowrap;
	overflow: hidden;
}
.sticker-window{
	width: 500px;
	height: 350px;
	z-index: 99;
	position: absolute;
	left: 0;
	top: -365px;
}
.sticker-window .arrow{
	display: block;
	position: absolute;
	bottom:-10px;
	left: 28px;
	height:0;
	width: 0;
	border-width:11px;
	margin-left:-11px;
	border-color:transparent;
	border-style:solid;
	border-top-color: #ddd;
	border-bottom-width:0;
	pointer-events:none;
	z-index: 99;
}
.sticker-window .arrow:after{
	display: block;
	content: '';
	position: absolute;
	bottom:1px;
	height:0;
	width: 0;
	border-width:11px;
	margin-left:-11px;
	border-color:transparent;
	border-style:solid;
	border-top-color: #fff;
	border-bottom-width:0;
	z-index: 98;
}
.sticker-wrap:after{
	display: table;
	content: '';
	clear: both;
}
.media-image{
	display: block;
}
.media-image img{
	max-width: 250px;
}
@media only screen and (max-width: 765px) {
	.sticker-wrap, .sticker-window{
		width: 100%;
		margin: auto;
	}
	.sticker-content a > .img{
		max-width: 100%;
		height: 125px;
	}
	.sticker-content > .sticker-box{
		height: auto;
		margin-bottom: 20px;
		width: 50%;
		padding: 0px 10px;
	}
	.media-image img{
		max-width: 200px;
	}
}


/****20180531-戀愛學院****/
.school-banner{
	position: relative;
	padding: 0;
	width: 100%;
	height: 430px;
	overflow: hidden;
	border: 0;
}
.school-banner .banner-img{
	display: block;
	width: 100%;
}
.school-banner .banner-img img{
	
}
.school-banner .promo0530{
	position: absolute;
	right: 130px;
	top: 190px;
	text-align: right;
}
.school-banner .promo0530 h1.title{
	color: #fff;
	font-size: 57px;
	font-weight: normal;
	letter-spacing: 5px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	margin-bottom: 0px;
}
.school-banner .promo0530 p{
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
	margin-bottom: 0px;
}
.school-register{
	padding: 30px 0 20px 0;
	border: 0;
}
.school-register .register-box{
	background: #ea5b86;
	border-radius: 5px;
	padding: 20px; 
}
.school-register .register-box:after{
	content: '';
	display: table;
	clear: both;
}
.school-register .register-box > div{
	padding-left: 4px;
	padding-right: 4px;
}
.school-register .register-box h3{
	color: #fff;
	font-size: 17px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 15px;
}
.school-register .register-box .check{
	
}
.school-register .register-box .check img{
	height: 40px;
	width: 100%;
}
.school-register .register-box .confirm{
	color: #fff;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 12px;
	text-align: right; 
}
.school-register .register-box .confirm a{
	color: #fff;
}
.register-now{
	background: #ffff01;
	color: #000;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}
.school-article, .school-coach{
	padding: 20px 0px;
	border: 0;
}
.school-article h2.title, .school-coach h2.title{
	position: relative;
	color: #EA5B85;
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
	z-index: 2;
}
.school-article h2.title > span, .school-coach h2.title > span{
	background: #fff;
	padding: 0 5px;	
}
.school-article h2.title:after, .school-coach h2.title:after{
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 1px;
	background: #EA5B85;
	z-index: -1;
	content: '';
}
.school-article-item{
	padding: 0px 8px;
}
.school-article-item .article-box{
	background: #fff;
	padding: 14px;
	border: 1px solid rgba(0,0,0,0.1);
	text-align: left !important;
}
.school-article-item .article-box .photo{
	position: relative;
	width: 100%;
	height: 210px;
	overflow: hidden;
	margin-bottom: 10px;
}
.school-article-item .article-box .photo img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
	height: 100%;
	width: auto;
	margin: auto;
}
.school-article-post{
	margin: 0px 0px 10px 0px;
	padding: 0;
	height: 26px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
	list-style: none;
	white-space:nowrap;
}
.school-article-post > li{
	font-size: 11px;
	color: rgba(0,0,0,0.3);
	display: inline-block;
	white-space:nowrap;
}
.school-article-post > li + li{
	padding-left: 10px; 
}
.school-article-post > li > i{
	margin-right: 2px;
}
.school-article-item .article-box h3{
	color: #EA5B85;
	font-size: 17px;
	font-weight: normal;
	overflow: hidden;
	height: 41px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.school-article-item .article-box p{
	height: 42px;
	line-height: 1.5;
	margin-bottom: 5px;
	overflow: hidden;
	color: #666;
}
.school-article-slide .owl-controls .owl-buttons div , .school-coach-slide .owl-controls .owl-buttons div{
	background: rgba(255,255,255,0.9);
}
.article-more-btn{
	width: 100%;
	background: #FDEFF3;
	color: #EA5B85;
	font-size: 21px;
	padding: 7px 12px;
	height: 50px;
}
.article-more-btn:hover, .article-more-btn:active, .article-more-btn:focus{
	color: #EA5B85;
}
.school-coach-item{
	padding: 0px 8px;
	text-align: center; 
}
.school-coach-item .coach-box{
	display: block;
}
.school-coach-item .coach-box:hover{
	opacity: .9;
}
.school-coach-item .coach-box .photo{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	position: relative; 
	margin:0 auto 10px auto;
}
.school-coach-item .coach-box .photo img{
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: 0; 
	right: 0;
	height: auto;
	width: 100%;
	margin: auto;
}
.school-coach-item .coach-box h4{
	color: #000;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 0px;
	height: 30px;
	overflow: hidden;
	text-align: center;
}
.school-coach-item .coach-box p{
	color: #000;
	font-size: 17px;
	font-weight: normal;
	height: 25px;
	overflow: hidden;
	letter-spacing: 1px;
	margin-bottom: 0px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.school-banner .banner-img img{
		width: auto;
		margin-left: -100px; 
	}
	.school-banner .promo0530{
		right: 10px;
		top: 250px;
	}
	.school-banner .promo0530 h1.title{
		font-size: 43px;
	}
	.school-banner .promo0530 p{
		font-size: 14px;
		padding-left: 10px; 
	}
	.school-register .register-box h3{
		font-size: 15px;
	}
	.school-register{
		padding: 0;
		text-align: center;
	}
	.school-register .register-box{
		border-radius: 0; 
	}
	.register-now{
		width: auto;
		margin: auto;
		padding: 6px 25px;
	}
	.school-article h2.title, .school-coach h2.title{
		font-size: 20px;
	}
}

/****20180627情感諮詢****/
.consult-slider .owl-carousel .owl-controls{
	position: static !important;
}
.apply-header .box li .yellow{
	color: #FFFF00;
}
.apply-header .box li.first{
	margin-bottom: 20px;
}
.apply-body .apply-form p.p-link{
	margin-bottom: 5px;
	margin-top: 10px;
}
.apply-body .apply-form .link{
	color: #e5628a;
	text-decoration: underline;
}
.modal .modal-body .info-check{
	list-style: none;
	padding-left: 15px;
	margin: 0;
}
.modal .modal-body .info-check li{
	font-size: 15px;
	line-height: 1.8;
}
.complete-txt-red{
	color: #EA5B85;
	font-size: 15px;
	line-height: 1.8;
}
.complete-txt-red p{
	color: #EA5B85;
	margin: 0px 8px 20px 8px;
}
.complete-txt-red ol{
	color: #EA5B85;
	margin-bottom: 5px;
}
.apply-button .yellow{
	color: #FFFF00;
}
.application-form{
	min-height: 800px;
}
.lineID-txt{
	text-align: center;
}
.lineID-txt p{
	color: #000;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 15px;
	line-height: 1.4;
	background: #fdfbe9;
	border-radius:3px; 	
	border: 1px solid rgba(0,0,0,0.05);
	text-align: left;
}
.lineID-txt img{
	max-width: 100%;
	height: auto;
	margin:0px 0px 40px 0px;
}
#wrapper .container .row{
	/* margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;  */
}
@media only screen and (max-width: 768px) {
	.application-form{
		min-height: auto;
	}
}
.consult-photo img{
   max-width: 100%;
  }
  
/****20180705平板電腦上方主選單顯示修正****/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.photo-item .photo{
		height: 400px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#header a.logo>img, #header a.logo2>img{
		height:40px;
	}
	.nav > li > a{
		padding: 10px 6px 10px 6px;
	}
	#topMain.nav-pills>li>a.dropdown-toggle{
		padding-right: 21px !important;
	}
	.smoothscroll #wrapper{
		width: 100%;
	}
	.container{
		width: 100%;
	}
	#header.fixed{
		width: 100%;
	}
	#header.fixed #topNav a.logo>img, #header.fixed #topNav a.logo2>img{
		height: 40px;
	}
	#header ul.nav-second-main{
		font-size: 13px;
		line-height: 1.4;
		padding-left:10px;
	}
}
@media only screen and (max-width: 768px) {
	.coupon_search_section{
		padding: 0;
		background: #000;
	}
	.coupon_menu_txt{
		width: 90%;
		margin: 0px;
		letter-spacing: 1px;
		display: block;
	}
}


/****20180919徵心啟事****/
.recruit_vision{
	position: relative;
	background: url('../images/20180919/new_bg01.jpg') top center no-repeat #c7cdd0;	
	padding: 55px 30px;
	border: 0;
	overflow: hidden;
	background-size: auto auto !important;
}
.recruit_vision .container{
	height: 775px;
}
.recruit_vision .main-title{
	text-align: right;
	width: 100%;
	margin-bottom: 0px;
	display: block;
}
.recruit_vision .sub-title{
	text-align: right;
	width: 100%;
	margin-top: -20px;
	margin-bottom: 15px;
	display: block;
}
.recruit_vision .main-title img, .recruit_vision .sub-title img{
	max-width: 100%;
}
.recruit_vision .sub-title .sticker{
	margin-right: 10px; 
}
.recruit_vision .sub-title .s-title{
	margin-top:-35px;
}
.recruit_vision .bot-pink{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #e1abc1;
	padding: 25px 0px;
	z-index: 1;
}
.recruit_vision .bot-pink:before{
	position: absolute;
	left: -260px;
	top: 0;
	display: block;
	content: '';
	height: 100%;
	width: 260px;
	background: linear-gradient(180deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%); 
	background: -moz-linear-gradient(180deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%); 
	background: -webkit-linear-gradient(180deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%); 
	background: -o-linear-gradient(180deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%);   
}
.recruit_vision .bot-pink:after{
	position: absolute;
	right: -260px;
	top: 0;
	display: block;
	content: '';
	height: 100%;
	width: 260px;
	background: linear-gradient(0deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%); 
	background: -moz-linear-gradient(0deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%); 
	background: -webkit-linear-gradient(0deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%); 
	background: -o-linear-gradient(0deg, rgba(225, 171, 193, 1)25%, rgba(235, 220, 70, 0)80%);   
}
.recruit_vision .bot-pink .medal{
	position: absolute;
	left: 20px;
	top: -90px;
}
.recruit_vision .bot-pink .condition{
	width: 800px;
	text-align: center;
	color: #fff;
}
.recruit_vision .bot-pink .condition h3{
	color: #fff;
	text-align: center;
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 24px;
	margin-bottom: 30px;
}
.recruit_vision .bot-pink .condition .must{
	margin-top: 30px;
}
.recruit_vision .bot-pink .condition ol{
	list-style: none;
	margin: 0;
	padding: 0;
}
.recruit_vision .bot-pink .condition ol li{
	color: #fff;
	padding-left: 45px; 
	display: inline-block;
	text-align: left;
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 16px;
	position: relative;
}
.recruit_vision .bot-pink .condition ol li + li{
	margin-left: 15px;
}
.recruit_vision .bot-pink .condition ol li:nth-of-type(1):before,
.recruit_vision .bot-pink .condition ol li:nth-of-type(2):before,
.recruit_vision .bot-pink .condition ol li:nth-of-type(3):before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -10px;
	width: 40px;
	height: 40px;
	background: url('../images/20180919/li01.png') no-repeat;
}
.recruit_vision .bot-pink .condition ol li:nth-of-type(2):before{
	background: url('../images/20180919/li02.png') no-repeat;
}
.recruit_vision .bot-pink .condition ol li:nth-of-type(3):before{
	background: url('../images/20180919/li03.png') no-repeat;
}
.recruit_vision .recruit_register{
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	width: 340px;
	height: auto;
	z-index: 2;
}
.recruit_vision .recruit_register .box{
	text-align: center;
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 35px 10px 20px 10px;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
}
.recruit_vision .recruit_register .box .form-control{
	background: #f4f4f4;
	border:1px solid rgba(0, 0, 0, 0.14);
}
.recruit_vision .recruit_register .box .title{
	display: block;
	margin: 0 auto 25px auto;
}
.recruit_vision .recruit_register .box::before{
	position: absolute;
	display: block;
	content: '';
	background: url('../images/20180919/flower.png') no-repeat;
	width: 70px;
	height: 41px;
	top: -20px;
	left: 0;right: 0;
	margin: auto;
}
.recruit_vision .recruit_register .box form, .recruit_vision .recruit_register .box p{
	margin: 0;
}
.recruit_vision .recruit_register .box form .row{
	margin: 0 0 8px 0;
}
.recruit_vision .recruit_register .box .btn-forman, .recruit_vision .recruit_register .box .btn-forwoman{
	background: #aeb2c4;
	font-size: 14px;
	color: #fff;
	height: 40px;
	padding: 6px 12px;
	border: 0;
	transition: all .3s;
}
.recruit_vision .recruit_register .box .btn-forman:hover, .recruit_vision .recruit_register .box .btn-forwoman:hover,
.recruit_vision .recruit_register .box .btn-forman:active, .recruit_vision .recruit_register .box .btn-forwoman:active,
.recruit_vision .recruit_register .box .btn-forman:focus, .recruit_vision .recruit_register .box .btn-forwoman:focus{
	filter: brightness(110%);
	transition: all .3s;
}
.recruit_vision .recruit_register .box .btn-forwoman{
	background: #e6b0c7;
}
.recruit_vision .recruit_register .box .confirm{
	text-align: center;
	color: #979797;
	font-size: 11px;
}
.recruit_vision .recruit_register .box .confirm a {
	color: #979797;
}
.recruit_vision .recruit_register .box .confirm a:hover,.recruit_vision .recruit_register .box .confirm a:focus, .recruit_vision .recruit_register .box .confirm a:active {
	text-decoration: underline;
}
.certification{
	position: relative;
	padding: 70px 0 70px 0;
	background: #eff5f8;
	border: 0;
}
.certification .l-flower{
	position: absolute;
	left: 0;
	bottom: -120px;
}
.certification .r-flower{
	position: absolute;
	right: 0;
	bottom: -120px;
	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH;
}
.certification .title{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.certification .title img{
	max-width: 100%;
	margin-bottom: 15px;
}
.certification .title::after{
	display: block;
	width: 100%;
	height: 10px;
	text-align: center;
	content: '';
	background: url('../images/20180919/line.png') top center no-repeat;
}
.certification .offer{
	padding: 0;
	margin: 0;
	list-style: none;
}
.certification .offer li{
	position: relative;
	float: left;
	width: 20%;
	text-align: center;
}
.certification .offer li:nth-of-type(1):after,.certification .offer li:nth-of-type(3):after{
	position: absolute;
	right: -12px;
	bottom: -20px;
	content: '';
	display: block;
	width: 60px;
	height: 26px;
	background: url('../images/20180919/pink-line.png') top center no-repeat;
}
.certification .offer li:nth-of-type(2):after,.certification .offer li:nth-of-type(4):after{
	position: absolute;
	right: -50px;
	bottom: 40px;
	content: '';
	display: block;
	width: 60px;
	height: 26px;
	background: url('../images/20180919/pink-line.png') top center no-repeat;
	transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); 	/* IE 9 */
	-moz-transform:rotate(-30deg); 	/* Firefox */
	-webkit-transform:rotate(-30deg); /* Safari 和 Chrome */
	-o-transform:rotate(-30deg);
}
.certification .offer li:nth-of-type(2),.certification .offer li:nth-of-type(4){
	margin-top: 70px;
}
.logos{
	padding: 60px 0px 30px 0px;
	border: 0;
	background: url('../images/20180919/bg02.jpg') top center no-repeat;
	background-size: cover; 
}
.logos .title{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.logos .title img{
	max-width: 100%;
	margin-bottom: 15px;
}
.logos .title::after{
	display: block;
	width: 100%;
	height: 10px;
	text-align: center;
	content: '';
	background: url('../images/20180919/line-w.png') top center no-repeat;
}
.logos .logo-slide{
	padding: 0 50px;
}
.logos .logo-slide .owl-carousel{
	padding: 0 40px;
}
.logos .logo-slide .owl-controls{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.logos .logo-slide .owl-controls .owl-prev, .logos .logo-slide .owl-controls .owl-next{
	color: #fff;
	position: absolute;
}
.logos .logo-slide .owl-controls .owl-prev{
	left: 0;
	top: 40px;
}
.logos .logo-slide .owl-controls .owl-next{
	right: 0;
	top: 40px;
}
.reason{
	padding: 70px 0;
	background: url('../images/20180919/bg03.jpg') top center no-repeat;
	background-size: cover;
	border: 0; 
}
.reason .reason-img {
	text-align: center;
}
.reason .reason-img img{
	max-width: 100%;
	margin-top: 50px;
}
.reason .reason-txt{
	padding-top: 0;
}
.reason .box{
	background: #fff;
	padding: 15px;
	min-height: 150px;
	margin-bottom: 15px;
}
.reason .box p{
	margin: 0;
}
.reason .box .big-t{
	font-size: 18px;
}
.reason .title{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
}
.reason .title img{
	max-width: 100%;
	margin-bottom: 15px;
}
.reason .title::after{
	display: block;
	width: 100%;
	height: 10px;
	text-align: center;
	content: '';
	background: url('../images/20180919/line.png') top center no-repeat;
}
.recruit_joinus{
	padding: 70px 0px;
	background: url('../images/20180919/bg04.jpg') top center no-repeat;
	background-size: cover;
	border: 0; 
	overflow: hidden;
}
#wrapper .recruit_joinus .container{
	padding-left: 80px;
	padding-right: 80px;

}
.recruit_joinus .left-title h2{
	color: #fff;
	text-align: left;
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 73px;
	font-weight: normal;
	line-height: 1;
	margin-top: 80px;
	margin-bottom: 0px;
	letter-spacing: -2px;
}
.recruit_joinus .left-title span{
	color: #e1abc1;
}
.recruit_joinus .register{
	padding: 0 40px;
}
.recruit_joinus .register .box form{
	margin: 0;
}
.recruit_joinus .register .box{
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	border: 2px solid #fff;
	padding: 30px 20px 20px 20px;
}
.recruit_joinus .register .box .title{
	margin: 0 auto 30px auto;
}
.recruit_joinus .register .box .form-control{
	border: 0;
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}
.recruit_joinus .register .box option{
	background: #fff;
	color: #333;	
}
.recruit_joinus .register .box .form-control::-webkit-input-placeholder{
	color: #fff !important;
}
.recruit_joinus .register .box .form-control::-moz-placeholder{
	color: #fff !important;
}
.recruit_joinus .register .box .form-control:-moz-placeholder{
	color: #fff !important;
}
.recruit_joinus .register .box .form-control:-ms-input-placeholder{
	color: #fff !important;
}
.recruit_joinus .register .box .btn-limit{
	background: #e1abc1;
	color: #000;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	height: 50px;
	transition: all .3s;
}
.recruit_joinus .register .box .btn-limit:hover,
.recruit_joinus .register .box .btn-limit:active,
.recruit_joinus .register .box .btn-limit:focus{
	filter: brightness(110%);
	transition: all .3s;
}
.recruit_joinus .register .box .confirm{
	font-size: 11px;
	margin: 0;
	color: #fff;
}
.recruit_joinus .register .box .confirm a{
	color: #fff;
}
.recruit_joinus .register .box .confirm a:hover, .recruit_joinus .register .box .confirm a:active, .recruit_joinus .register .box .confirm a:focus{
	text-decoration: underline;
	color: #fff;
}
/****小平板****/
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.recruit_vision .main-title img{
		max-width: 60%;
	}
	.recruit_vision .sub-title {
		margin-top: 20px;
	}
	.recruit_vision .sub-title img{
		max-width: 40%;
	}
	.recruit_vision .sub-title .sticker{
		max-width: 12%;
	}
	.recruit_vision .recruit_register{
		width: 300px;
	}
	.recruit_vision form div.row>div.form-group>div, .recruit_vision form div.row>div{
		margin-bottom: 0;
	}
	.recruit_vision .recruit_register{
		bottom: 30px;
	}
	.recruit_vision .bot-pink .condition {
		width: 435px;
		text-align: left;
		padding-left: 50px;
	}
	.recruit_vision .bot-pink .condition h3{
		text-align: left;
	}
	.recruit_vision .bot-pink .condition ol li{
		display: block;
		margin-bottom: 25px;		
	}
	.recruit_vision .bot-pink .condition ol li:nth-of-type(3){
		margin-bottom: 5px;
	}
	.recruit_vision .bot-pink .condition ol li + li{
		margin-left: 0;
	}
	.recruit_vision .bot-pink .medal{
		top: -130px;
	}
	.certification .offer li img{
		max-width: 100%;
	}
	.certification .offer li:nth-of-type(1):after, .certification .offer li:nth-of-type(3):after{
		right: 0px;
		bottom: -30px;
	}
	.certification .offer li:nth-of-type(2):after, .certification .offer li:nth-of-type(4):after{
		right: -60px;
	}
	.toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label{
		background: #fff;
	}
	.recruit_joinus .left-title{
		padding: 0 40px 50px 40px;
	}
	.recruit_joinus .left-title h2{
		margin-top: 0;
		text-align: center;
	}
}
/****大平版****/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.recruit_vision .bot-pink .condition{
		width: 650px;
	}
	.recruit_vision .bot-pink .condition ol li{
		font-size: 14px;
	}
	.recruit_joinus .left-title h2{
		font-size: 65px;
	}
}
/****手機****/
@media only screen and (max-width: 630px) {
	.recruit_vision{
		padding: 20px 0px 0px 0px;
		background-size: 100% auto !important;	
		background: url('../images/20180919/new_bg01_m.jpg') top center no-repeat #162236;
	}
	.recruit_vision .container{
		height: 870px;
	}
	.recruit_vision .sub-title{
		margin-top: -5px;
		text-align: center;
	}
	.recruit_vision .sub-title .sticker{
		max-width: 25%;
	}
	.recruit_vision .sub-title .s-title{
		max-width: 60%;
	}
	.recruit_vision .recruit_register{
		width: 100%;
		right: 0;
		top: 240px;
		padding: 0 20px;
	}
	.recruit_vision form div.row>div.form-group>div, .recruit_vision form div.row>div{
		margin-bottom: 0;
	}
	.recruit_vision .bot-pink {
		padding: 20px 0;
	}
	.recruit_vision .bot-pink .condition{
		width: 100%;
		padding: 0 20px;
	}
	.recruit_vision .bot-pink .medal{
		max-width: 30%;
		right: 10px;
		left: initial;
		top: -20px;
	}
	.recruit_vision .bot-pink .condition h3{
		text-align: left;
		font-size: 20px;
		margin-bottom: 15px;
	}
	.recruit_vision .bot-pink .condition ol li{
		display: block;
		text-align: left;
		margin-bottom:10px;
		padding-left: 35px;
	}
	.recruit_vision .bot-pink .condition ol li + li{
		margin-left: 0;
	}
	.recruit_vision .bot-pink .condition ol li:nth-of-type(1):before, .recruit_vision .bot-pink .condition ol li:nth-of-type(2):before, .recruit_vision .bot-pink .condition ol li:nth-of-type(3):before{
		background-size: 100% 100%;
		width: 25px;
		height: 25px;
		top: 0;
	}
	.recruit_vision .bot-pink .condition .must{
		margin-top: 10px;
	}
	.certification .offer li{
		width: 50%;
		margin-bottom: 30px;
	}
	.certification .offer li:nth-of-type(3){
		width: 100%;
	}
	.certification .offer li:nth-of-type(2), .certification .offer li:nth-of-type(4){
		margin-top: 0;
	}
	.certification .offer li:nth-of-type(2):after, .certification .offer li:nth-of-type(4):after{
		display: none;
	}
	.certification .offer li:nth-of-type(1):after, .certification .offer li:nth-of-type(3):after{
		display: none;
	}
	.certification .r-flower, .certification .l-flower{
		bottom: -100px;
	}
	.certification .r-flower img, .certification .l-flower img{
		max-width: 80%;
	}
	.certification{
		padding: 50px 0 50px 0;
	}
	.logos .logo-slide{
		padding: 0;
	}
	.reason{
		padding: 50px 0;
	}
	.reason .title{
		margin-bottom: 30px;
	}
	.reason .reason-img img{
		margin-top: 0;
	}
	.toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label{
		background: #fff;
	}
	.recruit_joinus{
		padding: 50px 0;
	}
	#wrapper .recruit_joinus .container{
		padding: 0 20px;
	}
	.recruit_joinus .left-title h2{
		margin-top: 0;
		margin-bottom: 30px;
		text-align: center;
		font-size: 40px;
	}
	.recruit_joinus .register{
		padding: 0;
	}
	#wrapper .recruit_joinus .container .row{
		margin-bottom: 0;
	}
	.recruit_joinus .register .box .confirm{
		margin: 10px 0 0 0;
	}
	.recruit_joinus .register .box .title{
		max-width: 100%;
	}
	.recruit_joinus .register .box{
		padding: 20px 20px;
	}
}

.event-box-photo{
	width: 100%;
	height: 200px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.event-box-photo{
		height: 120px;
	}
}
/**** 20181214 一起出去玩活動頁跳出頁 ****/
.jump-page{
	padding: 40px 0px 40px 0px;
}
.jump-page .jump-page-txt{
	text-align: center;
	margin: 80px 0px 370px 0px;
}
.jump-page-txt h2.title{
	font-size: 32px;
	margin-bottom: 10px;
}
.jump-page-txt p.first-txt{
	font-size: 18px;
	margin-bottom: 10px;
}
.jump-page-txt p.last-txt{
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.jump-page-txt hr{
	margin-bottom: 35px;
}
.btn-jump{
	padding: 13px 20px;
	background-color: #d51820;
	color: #fff;
	transition: all .3s;
}
.btn-jump:hover, .btn-jump:focus, .btn-jump:active{
	color: #fff;	
	transition: all .3s;
}
/****手機****/
@media only screen and (max-width: 630px) {
	.btn-jump{
		padding: 10px 10px;
		font-size: 14px;
	}
}

/****20190418修改首頁會員照片輪播及註冊****/
.photo-item .photo{
	height: 120px;
	border: 4px solid #fff;
}
.photo-item a{
	margin-bottom: 5px; 
}
.photo-item .photo .name{
	padding: 3px 2px;
	font-size: 12px;
}

.index-regesterBox{
	background: rgba(0,0,0,0.5);
	border-radius: 8px;
	padding: 20px 8px;
	width: 100%;
}
.index-regesterBox form{
	margin-bottom: 0px;
}
#wrapper .container .index-regesterBox .row{
	margin-bottom: 10px;
}
.index-regesterBox h4{
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px; 
}
.index-regesterBox .confirm{
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	font-size: 11px;
}
.index-regesterBox .confirm a, .index-regesterBox .confirm a:hover, .index-regesterBox .confirm a:focus, .index-regesterBox .confirm a:active{
	color: #fff;
}
.index-regesterBox .btn-forman{
	color: #fff;
	background: #2e58a6;
	font-size: 18px;
	transition: all .3s;
}
.index-regesterBox .btn-forwoman{
	color: #fff;
	background: #bd1674;
	font-size: 18px;
	transition: all .3s;
}
.regesterBox-btn{
	padding-top: 25px;
}
.member-bockA{
	float: right;
}
.member-bockB{
	padding-right: 25px;
}
@media only screen and (max-width: 768px) {
	.member-bockA{
		float: none;
	}
	.index-regesterBox{
		margin-bottom: 30px;
	}
	.photo-item .photo{
		height: 165px;
	}
}
@media only screen and (max-width: 630px) {
	.topslider{
		border:0; 
	}
	.member-bockA{
		float: none;
	}
	.member-bockB{
		padding-right: 8px;
	}
	.index-regesterBox{
		margin-bottom: 30px;
	}
	.regesterBox-btn{
		margin-top: 10px;
	}
	#wrapper .container .index-regesterBox .form-group div{
		margin-bottom: 0px;
	}
	.regesterBox-btn{
		padding-top: 15px;
	}
	.photo-item .photo{
		width: 48%;
		height: 170px;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}

}

/*** 20190514 右邊浮動面版 & 下載APP廣告 & new Footer ***/
.app-promo{
	padding: 60px 0;
	border: 0; 
	background: radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -moz-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -webkit-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -o-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
}
.app-promo .app-left{
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: auto;
}
.app-promo img{
	max-width: 100%;
}
.app-promo .app-right{
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: auto;
	padding-left: 5%;
}
.app-right h3.tilte{
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 45px;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.25;
	color: #000;
}
.app-right ol.app{
	padding: 0;
	margin: 0;
}
.app-right ol.app li{
	list-style: 0;
	display: inline-block;
}
.app-right .app a{
	transition: all .3s;
}
.app-right .app a:hover, .app-right .app a:active, .app-right .app a:focus{
	transition: all .3s;
	opacity: .9;
}
.app-right ol.app li + li{
	margin-left: 10px;
}
.app-right p{
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	margin: 0;
	color: #000;
}
.app-right .promo{
	color: #000;
	font-size: 15px;
	font-weight: bold; 
	margin: 50px 0px 20px 0px;
}
.app-right .promo:after{
	display: table;
	content: '';
	clear: both;
}
.app-right .promo .a1{
	display: inline-block;
	float: left;
}
.app-right .promo .a1:after{
	display: inline-block;
	content: '';
	background: url('../images/app-icon-d.png') top center no-repeat;
	width: 54px;
	height: 56px;
	margin-left: 10px;
	position: relative;
	bottom: -5px;
}
.app-image-p{
	position: relative;
	margin-left: 20%;
}
.app-image-p .free{
	position: absolute;
	bottom: 80px;
	left: -20px;
}
.new-footer{
	padding: 50px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.15); 
}
.new-footer img{
	max-width: 100%;
}
.new-footer h5.title{
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin-bottom: 30px;
	text-align: center;
}
.new-footer ul.brnad-logo{
	text-align: center;
	padding: 0;
	margin: 0 auto 40px auto;
	list-style: none;
}
.new-footer ul.brnad-logo:after, .new-footer .infomation:after{
	display: table;
	content: '';
	clear: both;
}
.new-footer ul.brnad-logo a{
	transition: all .3s;
}
.new-footer ul.brnad-logo a:hover, .new-footer ul.brnad-logo a:active, .new-footer ul.brnad-logo a:focus{
	opacity: .8;
	transition: all .3s;
}
.new-footer ul.brnad-logo li{
	list-style: none;
	display: inline-block;
}
.new-footer ul.brnad-logo li + li{
	margin-left: 40px;
}
.new-footer .infomation{
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	padding: 15px 0px 0px 0px;
	margin: 0px 8px;
}
.new-footer .infomation .contactUS{
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 11px;
	display: block;
	width: 38%;
	float: left;
}
.new-footer .infomation .socail-media{
	width: 24%;
	float: left;
}
.new-footer .infomation .socail-media ul{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
.new-footer .infomation .socail-media ul li{
	text-align: right;
	list-style: none;
	display: inline-block;
}
.new-footer .infomation .socail-media ul li + li{
	margin-left: 5px;
}
.new-footer .infomation .socail-media ul li .social-instagram i.fa-instagram{
	font-size: 20px;
}
.new-footer .infomation .socail-media ul li .social-instagram, .new-footer .infomation .socail-media ul li .social-instagram:hover{
	background:linear-gradient( #964a97, transparent), linear-gradient(200deg, #d047d1, #ff0000,    #ffff00) !important;
}
.new-footer .infomation .socail-media ul li .social-email3, .new-footer .infomation .socail-media ul li .social-email3:hover{
	background-color: #c2267d !important;
}
.new-footer .socail-media .copyright{
	text-align: right;
	margin: 10px 0 0 0;
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	color: rgba(0,0,0,0.4);
	font-size: 10px;
}

.member-recommend .btn-forman, .member-recommend .btn-forwoman{
	height: 50px;
}
.member-recommend .regesterBox-btn{
	padding-top: 15px;
}
.smoothscroll #wrapper{
	position: relative;
}
.side-panel{
	position: fixed;
	top: 102px;
	right: 50%;
	margin-right: -765px;
	width: 180px;
	height: auto;
	overflow-x: hidden;
}
.side-panel .promo-event-btn{
	animation-name: fadeInLeft;
	animation-duration: 0.4s;
	animation-delay: 0.1s;
	animation-iteration-count: 1;
	display: block;
	width: 100%;
	margin-bottom: 4px;
	padding: 10px 2px 10px 18px;
	border-radius: 0px 40px 40px 0px;
	background: linear-gradient(0deg, rgba(200, 200, 200, 1)0%, rgba(247, 247, 247, 1)4%); 
	background: -moz-linear-gradient(0deg, rgba(200, 200, 200, 1)0%, rgba(247, 247, 247, 1)4%); 
	background: -webkit-linear-gradient(0deg, rgba(200, 200, 200, 1)0%, rgba(247, 247, 247, 1)4%); 
	background: -o-linear-gradient(0deg, rgba(200, 200, 200, 1)0%, rgba(247, 247, 247, 1)4%); 
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	transition: all .3s;
}
.side-panel .promo-event-btn:hover, .side-panel .promo-event-btn:active, .side-panel .promo-event-btn:focus{
	background: #ea5b85;
	transition: all .3s;
}
.side-panel .promo-event-btn:hover h5, .side-panel .promo-event-btn:active h5, .side-panel .promo-event-btn:focus h5{
	color: #fff;
}
.side-panel .promo-event-btn:nth-of-type(even):hover h5, .side-panel .promo-event-btn:nth-of-type(even):active h5, .side-panel .promo-event-btn:nth-of-type(even):focus h5{
	color: #fff;
}
.side-panel .promo-event-btn:hover p, .side-panel .promo-event-btn:active p, .side-panel .promo-event-btn:focus p{
	color: #fff;
}
.side-panel .promo-event-btn:nth-of-type(2){
	animation-delay: 0.2s;

}
.side-panel .promo-event-btn:nth-of-type(3){
	animation-delay: 0.3s;

}
.side-panel .promo-event-btn:nth-of-type(4){
	animation-delay: 0.4s;
	margin-bottom: 0;
}
.side-panel .promo-event-btn:nth-of-type(even):hover, .side-panel .promo-event-btn:nth-of-type(even):active, .side-panel .promo-event-btn:nth-of-type(even):focus{
	background: #2e58a6;
	transition: all .3s;
}
.side-panel .promo-event-btn:nth-of-type(even) h5{
	color: #2e58a6;
}
.side-panel .promo-event-btn h5{
	color: #ea5b85;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
}
.side-panel .promo-event-btn:hover h5 > i, .side-panel .promo-event-btn:active h5 > i, .side-panel .promo-event-btn:focus h5 > i{
	background-color: #fff;
	color: #ea5b85;
}
.side-panel .promo-event-btn:nth-of-type(even):hover h5 > i, .side-panel .promo-event-btn:nth-of-type(even):active h5 > i, .side-panel .promo-event-btn:nth-of-type(even):focus h5 > i{
	background-color: #fff;
	color: #2e58a6;
}
.side-panel .promo-event-btn h5 > i{
	margin-right: 6px;
	font-size: 10px;
	background-color: #ea5b85;
	padding: 6px;
	color: #fff;
	border-radius: 50%; 
	font-weight: normal;
	text-align: center;
	position: relative;
	top: -2px;
}
.side-panel .promo-event-btn:nth-of-type(even) h5 > i{
	background-color: #2e58a6;
}
.side-panel .promo-event-btn p{
	color: #666;
	margin-bottom: 0;
	font-size: 11px;	
	line-height: 1.3;
}
@media only screen and (max-width: 1024px) {
	.side-panel{
		position: relative;
		top: 0;
		right: 0;
		padding: 0px 8px;
		margin-right: 0px;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
	}
	.side-panel .promo-event-btn{
		animation-name: none;
		display: block;
		float: left;
		width: 25%;
		margin-bottom: 0px;
		padding: 15px 0px;
		text-align: center;
		border-radius: 0px;
		background: transparent;
		box-shadow: none;
	}
	.side-panel .promo-event-btn h5{
		text-align: center;
		font-size: 13px;
		color: #ea5b85;
	}
	.side-panel .promo-event-btn:nth-of-type(even) h5{
		color: #ea5b85;
	}
	.side-panel .promo-event-btn h5 > i{
		display: none;
	}
	.side-panel .promo-event-btn p{
		display: none;
	}
	.side-panel .promo-event-btn:hover, .side-panel .promo-event-btn:active, .side-panel .promo-event-btn:focus{
		background: #fff;
		transition: all .3s;
	}
	.side-panel .promo-event-btn:hover h5, .side-panel .promo-event-btn:active h5, .side-panel .promo-event-btn:focus h5{
		color: #ea5b85;
	}
	.side-panel .promo-event-btn:nth-of-type(even):hover h5, .side-panel .promo-event-btn:nth-of-type(even):active h5, .side-panel .promo-event-btn:nth-of-type(even):focus h5{
		color: #ea5b85;
	}
	.side-panel .promo-event-btn:nth-of-type(even):hover, .side-panel .promo-event-btn:nth-of-type(even):active, .side-panel .promo-event-btn:nth-of-type(even):focus{
		background: #fff;
		transition: all .3s;
	}
}
@media only screen and (max-width: 768px) {
	.app-right h3.tilte{
		font-size: 40px;
	}
	.app-image-p{
		margin-left: 0;
	}
	.app-right ol.app li{
		margin-bottom: 15px;
	}
	.app-right ol.app li + li{
		margin-left: 0px;
	}
	.app-image-p .free{
		left: 0;
	}
	.new-footer .infomation .contactUS{
		width: 76%;
	}
	.side-panel .promo-event-btn h5{
		color: #b60d8a;
	}
	.side-panel .promo-event-btn:nth-of-type(even) h5{
		color: #b60d8a;
	}
	.side-panel .promo-event-btn:hover h5, .side-panel .promo-event-btn:active h5, .side-panel .promo-event-btn:focus h5{
		color: #b60d8a;
	}
	.side-panel .promo-event-btn:nth-of-type(even):hover h5, .side-panel .promo-event-btn:nth-of-type(even):active h5, .side-panel .promo-event-btn:nth-of-type(even):focus h5{
		color: #b60d8a;
	}
}
@media only screen and (max-width: 630px) {
	.app-promo .app-left{
		text-align: center;
	}
	.app-promo .app-left, .app-promo .app-right{
		width: 100%;
	}
	.app-promo .app-left .app-image-p .main{
		max-width: 80%;
	}
	.app-promo .app-right{
		padding-left: 0;
		text-align: center;
	}
	.app-right .promo .a1{
		float: none;
	}
	.new-footer .infomation .contactUS{
		width: 100%;
		text-align: center;
	}
	.new-footer .infomation .socail-media{
		width: 100%;
		margin-top: 30px;
	}
	.new-footer .infomation .socail-media ul{
		text-align: center;
	}
	.new-footer .socail-media .copyright{
		text-align: center;
	}
	.new-footer ul.brnad-logo li{
		width: 45%;
	}
	.new-footer ul.brnad-logo li:nth-of-type(1),.new-footer ul.brnad-logo li:nth-of-type(2){
		margin-bottom: 25px;
	}
	.new-footer ul.brnad-logo li + li{
		margin-left: 0px;
	}
	.app-right .promo .a1:after{
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	.side-panel .promo-event-btn h5{
		font-size: 12px;
	}
}

/*** 20190520 新增首頁愛情故事 ***/
.love-story-index{
	padding: 40px 0 10px 0;
	background-color: #fff;
}
.love-story-index h3.title{
	color: #000;
	font-size: 27px;
	font-weight: bold;
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	margin-bottom: 15px;
}
.love-story-index h3.title > i{
	margin-right: 5px;
}
.love-story-index .love-story-col{

}
.love-story-index .love-box:after{
	display: table;
	content: '';
	clear: both;
}
.love-story-index .photo{
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}
.love-story-index .photo img{
	max-width: 100%;
}
.love-story-index .txt{
	display: block;
	float: left;
	width: 70%;
	margin-left: 5%;
}
.love-story-index .txt h4{
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #000;
}
.love-story-index .txt small{
	color: #666;
	margin-bottom: 10px;
	display: block;
}
.love-story-index .txt p{
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}
.love-story-index .txt a{
	color: #ea5b85;
	font-size: 14px;
	cursor: pointer;
}
.love-story-index .txt a:hover, .love-story-index .txt a:active, .love-story-index .txt a:focus{
	color: #ea5b85;
}
.love-story-index .txt a > i{
	margin-right: 5px;
}
.love-story-index .love-story-note > p{
	text-align: center;
	font-size: 12px;
	color: #666;
	font-family:'微軟正黑體',Arial,Helvetica,sans-serif;
	margin: 20px 0 0 0;
}
@media only screen and (max-width: 768px) {
	.love-story-index{
		padding: 25px 0;
	}
	.love-story-index .love-box{
		padding: 0 5px;
	}
	.love-story-index .love-story-col{
		margin-bottom: 30px;
	}
	.love-story-index .photo{
		margin-bottom: 15px;
	}
	.love-story-index .txt{
		margin: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 630px) {
	.love-story-index{
		padding: 15px 0px;
	}
	.love-story-index .photo{
		margin: 0 auto 15px auto;
		float: none;
	}
	.love-story-index .txt h4, .love-story-index .txt small{
		text-align: center;
	}
	.love-story-index .txt p{

	}
	.love-story-index .txt a{
		display: block;
	}	
	.love-story-index .love-story-note > p{
		text-align: center;
		background: rgba(0, 0, 0, 0.07);
		padding: 5px 12px;
		border-radius: 3px; 
	}
}

/*** 20190618 修改會員首頁+按鈕+改推薦會員照片 ***/
.side-slide .s-prev-btn, .side-slide .s-next-btn{
	display: none;
}
.side-panel{
	overflow-x:visible;
	padding: 0;
	margin: 0 -765px 0 0;
}
.side-panel li{
	list-style: none;
}
.side-pane:after, .s-dropdown:after{
	display: table;
	content: '';
	clear: both;
}
.side-panel li:nth-of-type(even) .promo-event-btn:hover, .side-panel li:nth-of-type(even) .promo-event-btn:active, .side-panel li:nth-of-type(even) .promo-event-btn:focus{
	background: #2e58a6;
	transition: all .3s;
}
.side-panel li:nth-of-type(even) .promo-event-btn h5{
	color: #2e58a6;
}
.side-panel li:nth-of-type(even) .promo-event-btn:hover h5, .side-panel li:nth-of-type(even) .promo-event-btn:active h5, .side-panel li:nth-of-type(even) .promo-event-btn:focus h5{
	color: #fff;
}
.side-panel li:nth-of-type(even) .promo-event-btn:hover h5 > i, .side-panel li:nth-of-type(even) .promo-event-btn:active h5 > i, .side-panel li:nth-of-type(even) .promo-event-btn:focus h5 > i{
	background-color: #fff;
	color: #2e58a6;
}
.side-panel li:nth-of-type(even) .promo-event-btn h5 > i{
	background-color: #2e58a6;
}
.side-panel .promo-event-btn:nth-of-type(4){
	margin-bottom: 4px;
}
.side-panel .promo-event-btn h5 > i{
	width: 24px;
	height: 24px;
}
.side-panel .s-dropdown-toggle{
	position: relative;
}
.side-panel .s-dropdown-toggle:after{
	display: block;
	content: "\f107";
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 36%;
	right: 20px;
	font-family: FontAwesome;
	line-height: 1em;
}
.side-panel .s-dropdown-toggle:hover:after, .side-panel .s-dropdown-toggle:active:after ,.side-panel .s-dropdown-toggle:focus:after{
	color: #fff;
}
.side-panel .s-dropdown{
	position: relative;
}
.side-panel .s-dropdown-menu{
	position: absolute;
	display: none;
	top: calc(100% - 4px);
	left: 18px;
	text-align: left;
	float: left;
	z-index: 1000;	
	background-clip: padding-box;
	background-color: rgba(247,247,247,1);
	border: 0;
	box-shadow: rgba(0,0,0,0.2) 0 6px 12px;
	list-style: none;
	min-width: 135px;
	transition: top .4s ease;
	padding: 0;
	margin: 0;
}
.side-panel .s-dropdown-menu li{
	display: block;
	padding: 0px;
	border-bottom: rgba(0,0,0,0.06) 1px solid; 
}
.side-panel .s-dropdown-menu li a{
	color: #666;
	font-size: 12px;
	display: block;
	padding: 7px 12px;
	line-height: 23px;
	font-weight: 400;
	white-space: nowrap;
}
.side-panel .s-dropdown-menu li.active>a, 
.side-panel .s-dropdown-menu li.active:hover>a, 
.side-panel .s-dropdown-menu li.active:focus>a, 
.side-panel .s-dropdown-menu li:hover>a, 
.side-panel .s-dropdown-menu li:focus>a, 
.side-panel .s-dropdown-menu li:focus>a {
	color:#000;
	background-color:rgba(0,0,0,0.05);
}
.member-recommend .photo-item .photo{
	height: 180px;
}
.profile-promo{
	margin-top: 10px;
	float: right;
}
.profile-promo:after{
	display: table;
	content: '';
	clear: both;
}
.profile-promo .profile-promo-btn{
	width: 100%;
	height: 50px;
	background: #bd1674;
	color: #fff;
	font-size: 18px;
	padding: 8px 16px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.3); 
}
.profile-promo .profile-promo-btn:hover,.profile-promo .profile-promo-btn:active,.profile-promo .profile-promo-btn:focus{
	filter: brightness(120%);
}
.profile-promo .profile-promo-btn > i{
	margin-left: 5px;
}
@media only screen and (max-width: 1024px) {
	.user-menu-btn .menu > li{
		width: 20%;
	}
	.user-menu-btn .menu > li > a{
		display: block;
		width: 100%;
		padding: 16px 0px;
	}
	.member-recommend .photo-item .photo{
		height: 240px;
	}
	.side-panel{
		padding: 0 8px;
		margin: 0 auto;
		width: auto;
		display: table;
	}
	.side-panel:after{
		display: block;
		content: '';
		clear: both;
	}
	.side-panel > li{
		width: auto;
		display: block;
		float: left;
		margin-right: 30px;
	}
	.side-panel > li:nth-last-of-type(1){
		margin-right: 0px;
	}
	.side-panel .s-dropdown-menu{
		top: 100%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, 0%)
	}
	.side-panel .promo-event-btn{
		width: 100%;
	}
	.side-panel .promo-event-btn + .promo-event-btn{
		margin-left: 40px;
	}
	.side-panel li:nth-of-type(even) .promo-event-btn h5{
		color: #ea5b85;
	}
	.side-panel li:nth-of-type(even):hover .promo-event-btn h5, .side-panel li:nth-of-type(even):active .promo-event-btn h5, .side-panel li:nth-of-type(even):focus .promo-event-btn h5{
		color: #ea5b85;
	}
	.side-panel li:nth-of-type(even):hover .promo-event-btn, .side-panel li:nth-of-type(even):active .promo-event-btn, .side-panel li:nth-of-type(even):focus .promo-event-btn{
		background: #fff;
		transition: all .3s;
	}
}
@media only screen and (max-width: 768px) {
	.member-recommend .photo-item .photo{
		height: 200px;
	}
	.side-panel li:nth-of-type(even) .promo-event-btn h5{
		color: #b60d8a;
	}
	.side-panel li:nth-of-type(even):hover .promo-event-btn h5, .side-panel li:nth-of-type(even):active .promo-event-btn h5, .side-panel li:nth-of-type(even):focus .promo-event-btn h5{
		color: #b60d8a;
	}
}
@media only screen and (max-width: 630px) {
	.member-recommend .photo-item .photo{
		height: 130px;
		width: 100%;
	}
	.side-panel{
		padding: 0px;
		height: 46px;
		border-bottom:0;
		display: block;
		width: auto;
		position: absolute;
		left: 0;
		top: 0;
	}
	.side-panel > li{
		width: auto;
		margin-right:0;
	}
	.side-panel li .promo-event-btn, .side-panel li.s-dropdown > .promo-event-btn{
		width: 100%;
	}
	.side-slide{
		position: relative;		
		padding: 0px;
		width: 100%;
		height: 46px;
		border-bottom: 1px solid rgba(0,0,0,.1); 
	}
	.side-slide-container{
		position: relative;
		width: 90%;
		height: 100%;
		margin: 0 auto;
	}
	.side-panel .s-dropdown-menu{
		min-width: 100%;
	}
	.side-slide .s-prev-btn, .side-slide .s-next-btn{
		display: block;
		position: absolute;
		color: rgba(0,0,0,0.2);
		height: 100%;
		padding: 0 6px;
		background: #fff;
		line-height: 46px;
	}
	.side-slide .s-prev-btn{
		display: none;
		left: 0;
		top: 0;
	}
	.side-slide .s-next-btn{
		right: 0;
		top: 0;
	}
	.side-panel .s-dropdown-toggle:after{
		color: rgba(0,0,0,0.5) !important;
	}
	.side-panel .s-dropdown-menu li{
		background: #fff;
	}
	.profile-promo{
		float: none;
		margin: 20px auto 0 auto;
	}
}

/*** 20190621 修改上面下拉選次選單 ***/
.smoothscroll #wrapper{
	/* overflow: visible; */
}
.member-recommend .member-bockB .photo-item .photo{
	height: 120px;
}
.dropdown-toggle-s{
	position: relative;	
}
.dropdown-toggle-s:after{
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	content: "\f107";
	color: rgba(0,0,0,0.4);
	font: normal normal normal 14px/1 FontAwesome;
}
.s-menu-down{
	background: rgba(0, 0, 0, 0.02);
	padding: 0 ;
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.s-menu-down li{
	text-indent: 10px;
	list-style: none;
}
@media only screen and (max-width: 1024px) {
	.member-recommend .member-bockB .photo-item .photo{
		height: 150px;
	}
}
@media only screen and (max-width: 768px) {
	.member-recommend .member-bockB .photo-item .photo{
		height: 200px;
	}
}
@media only screen and (max-width: 630px) {
	.member-recommend .member-bockB .photo-item .photo{
		float: left;
		width: 48%;
		height: 170px;
		margin-left: 1%;
		margin-right: 1%;
	}
}
@media only screen and (max-width: 630px) {
	.smoothscroll #wrapper{
		overflow: hidden;
	}
	.side-panel .s-dropdown-toggle:after{
		right: 12px;
	}
}

/*** 20190719修改宣傳頁(sale.asp)主視覺+註冊欄 ***/
.promo-bigbanner-pics2{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.promo-bigbanner-pics2 > .pics > img{
    width: 100%;
}
.promo-bigbanner-pics2 .lady{
    position: absolute;
    bottom: 0;
    right: 30px;
    max-width: 100%;
}
.promo-bigbanner-pics2 .reg-box{
    position: absolute;
    top: 70px;
    left: 80px;
    width: 520px;
}
.promo-bigbanner-pics2 .reg-box > .reg-form{
    position: relative;
    width: 100%;
    border-radius: 5px;    
    background: rgba(255, 255, 255, 0.95);
    padding: 30px 40px;
}
.promo-bigbanner-pics2 .reg-box > .reg-form::after{
    position: absolute;
    display: block;
    content: '';
    top: -10px;
    left: -10px;
    right: 0;
    bottom: 0;
     width: calc(100% + 20px);
    height: calc(100% + 20px);;
    border-radius: 5px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.3);
}
.promo-bigbanner-pics2 .reg-form > .header{
    text-align: center;
}
.promo-bigbanner-pics2 .reg-form > .header > .logo{
    width: 150px;
    margin-bottom: 10px;
}
.promo-bigbanner-pics2 .reg-form > .header > h3{
    color: #e4007f;
    font-size: 24px;
    margin-bottom: 25px;
}
.promo-bigbanner-pics2 .reg-form > .content{

}
.promo-bigbanner-pics2 .reg-form > .content form{
    margin: 0;
}
.promo-bigbanner-pics2 .form-control::placeholder{
    color: #666;
}
.promo-bigbanner-pics2 .form-group{
    margin-bottom: 10px;
}
.promo-bigbanner-pics2 .reg-form::after, .promo-bigbanner-pics2 .form-group::after{
    display: table;
    content: '';
    clear: both;
}
.promo-bigbanner-pics2 .password{
    margin-bottom: 25px;
}
.promo-bigbanner-pics2 .btn-woman, .promo-bigbanner-pics2 .btn-man{
    background: #0e6eb8;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    height: 50px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.3);
    transition: all .2s;
}
.promo-bigbanner-pics2 .btn-woman{
    background: #e4007f;
}
.promo-bigbanner-pics2 .btn-woman:hover, .promo-bigbanner-pics2 .btn-woman:active, .promo-bigbanner-pics2 .btn-woman:focus, .promo-bigbanner-pics2 .btn-man:hover, .promo-bigbanner-pics2 .btn-man:active, .promo-bigbanner-pics2 .btn-man:focus{
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
    transition: all .2s;
}
.promo-bigbanner-pics2 .confirm{
    text-align: center;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    margin-bottom: 0;
}
.promo-bigbanner-pics2 .confirm a, .promo-bigbanner-pics2 .confirm a:hover, .promo-bigbanner-pics2 .confirm a:active, .promo-bigbanner-pics2 .confirm a:focus{
    color: rgba(0,0,0,0.8);
}
.promo-date-title::before{
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .promo-bigbanner-pics2 .reg-box{
        top: 30px;
        left: 40px;
    }
    .promo-bigbanner-pics2 .lady{
        bottom: 0;
        right: 0px;
    }
}
@media only screen and (max-width: 768px) {
    .promo-bigbanner-pics2{
        margin-bottom: 20px;
    }
    .promo-bigbanner-pics2 .reg-box{
        left: 0;
        right: 0;
        top: 20px;
        bottom: 0;
        margin: auto;
    }
    .promo-bigbanner-pics2 .lady{
        display: none;
    }
    .promo-bigbanner-pics2 .reg-box > .reg-form{
        padding: 20px 30px;
    }
    .promo-bigbanner-pics2 > .pics{
        margin: 0;
    }
    .promo-bigbanner-pics2 > .pics > img{
        width: auto;
        height: 500px;;
    }
    .promo-what-title p img{
        width: auto;
    }
}
@media only screen and (max-width: 630px) {
    #wrapper .promo-bigbanner .container{
        padding-left: 0;
        padding-right: 0;
    }
    .promo-bigbanner-pics2 .reg-box{
        padding: 0 15px;
        top: 30px;
    }
    .promo-bigbanner-pics2 .btn-woman, .promo-bigbanner-pics2 .btn-man{
        font-size: 16px;
    }
    .promo-bigbanner-pics2 .reg-form > .header > h3{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .promo-bigbanner-pics2 .reg-box > .reg-form{
        padding: 15px 15px;
        border: 2px solid #fff;
    }
    .promo-what-title p{
        width: 50%;
    }
    .promo-bigbanner-pics2 > .pics{
        margin: 0 -15px;
    }
    .promo-bigbanner-pics2 .reg-box{
        width: 100%;
    }
}
/*20190731新增分享社群*/
.socail_media_icon_top{
	width: 150px;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 535px;
}
.socail_media_icon_span{
	display: block;
	font-size: 15px;
	color: #666;
	line-height: 30px;	
	float: left;
}
.socail_media_icon_a{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	float: left;
	margin-left: 5px;
}
.socail_media_icon_a img{
	width: 100%;
}
.socail_media_icon_bottom{
	width: 100%;
	height: auto;
	overflow: hidden;
}
@media only screen and (max-width: 1024px) {
	.socail_media_icon_top{
		margin-left: 437px;
	}
}
@media only screen and (max-width: 768px) {
	.socail_media_icon_top{
		margin-left: 301px;
	}
}
@media only screen and (max-width: 630px) {
	.socail_media_icon_top{
		padding-top: 10px;
		padding-bottom: 10px;
		float: right;
	}
	.subject-box h1.title{
		clear: both;
	}
}

/* 20190823修改首頁主視覺 */
.index-vs{
	position: relative;
	padding: 0;
	border: 0;
	background: url('../images/index-banner.jpg') center center no-repeat;
	background-size: cover;
	height: 665px;
	width: 100%;
}
.index-vs-center{
	padding: 120px 0px 10px 0px;
	text-align: center;
	width: 33.333%;
	margin: auto;
}
.index-vs-center h1{
	position: relative;
	color: #222;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 45px;
}
.index-vs-center h1::after{
	position: absolute; 
	top: -105px;
	right: -175px;
	left: 0;
	bottom: 0;
	margin: auto;
	content:'';
	display: block;
	background: url('../images/index-banner-go.png')no-repeat;
	width: 90px;
	height: 90px;
}
.index-vs-center h1 span{
	color: #c2267d;
}
.index-vs-center .index-vs-box{
	background: rgba(255, 255, 255, 0.95);
	border-radius: 5px;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
	padding: 20px;
}
.index-vs-box form .row{
	margin-left: -8px;
	margin-right: -8px;	
	margin-bottom: 10px;
}
.index-vs-box .code{
	overflow: hidden;
}
.index-vs-box .confirm, .index-vs-box form{
	margin-bottom: 0;
}
.index-vs-box .confirm{
	font-size: 12px;
}
.index-vs-box .confirm a{
	color: #666;
}
.index-vs-box .regesterBox-btn{
	padding-top: 15px; 
}
.index-vs-box .btn-forman, .index-vs-box .btn-forwoman{
	height: 50px;
	font-size: 16px; 
	color: #fff;
	transition: filter .3s;
}
.index-vs-box .btn-forman > i, .index-vs-box .btn-forwoman > i{
	float: right;
	margin-top: 2px;
}
.index-vs-box .btn-forman{
	background-color: #2e58a6;
}
.index-vs-box .btn-forwoman{
	background-color: #bd1674;
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 768px) {
	.index-vs{
		background-size: cover;
		height: 580px;
		width: 100%;
	}
	.index-vs-center{
		padding: 75px 0px 10px 0px;
		width: 50%;
	}
	.index-vs-center h1{
		position: relative;
		color: #222;
		font-size: 52px;
		font-weight: bold;
		line-height: 1.1;
		margin-bottom: 30px;
	}
	.index-vs form div.row>div{
		margin-bottom: 0;
	}
	.index-vs-center h1::after{
		top: -90px;
		right: -170px;
	}
	.owl-carousel .owl-item img {
		width: 100%;
	}
}
@media only screen and (max-width: 630px) {
	.index-vs{
		background-size: contain !important;
		height: auto;
		width: 100%;
		background: url('../images/index-banner-m.jpg') top no-repeat;
	}
	.index-vs-center{
		padding: 80px 10px 10px 10px;
		width: 100%;
	}
	.index-vs-center h1{
		position: relative;
		color: #222;
		font-size: 35px;
		font-weight: bold;
		line-height: 1.1;
		margin-bottom: 65px;
	}
	.index-vs-center h1::after{
		top: -30px;
		right: -125px;
		background-size: 70%;
	}
	.index-vs form div.row>div{
		margin-bottom: 0;
	}
	
	.side-slide{
		border-bottom: 0;
	}
}

/* 20190829新增3秒鐘讓你了解跨平台約會 */
.threeSecond{
	position: relative;
	padding: 40px 0px;	
}
.threeSecond:before{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 75px;
	height: 100%;
	background: url('../images/three_bg.png') right repeat-y;
}
.threeSecond:after{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 75px;
	height: 100%;
	transform: scaleX(-1);
	background: url('../images/three_bg.png') right repeat-y;
}
.threeSecond h3{
	font-size: 50px;
	line-height: 1;
	color: #222;
	text-align: center;
	margin-bottom: 15px;
}
.threeSecond h3 > span{
	color: #e28ab8;
}
.threeSecond h3 .big{
	font-size: 70px;
	font-style: normal;
}
.threeSecond h5{
	position: relative;
	font-size: 18px;
	color: #222;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 50px;
	z-index: 2;
}
.threeSecond h5::before{
	position: absolute;
	width: 80%;
	height: 3px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	content: '';
	background: url('../images/three_dot.png') center center repeat-x;
	display: block;
}
.threeSecond h5 span{
	background-color: #fff;
	color: #222;
	padding: 0px 10px;
}
.three-1 img, .three-2 img{
	max-width: 100%;
}
.three-1, .three-2{
	text-align: center;
}
.three-1{
	padding-left: 50px;
}
.three-2{
	padding-right: 50px;
}
.three-slogan{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 10px 5px;
	color: #222;
	letter-spacing: 2px;
	background-color: rgba(255, 255, 255, 0.6);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
	margin: auto;
	width: 60%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
@media only screen and (max-width: 768px) {
	.threeSecond:before{
		width: 45px;
	}
	.threeSecond:after{
		width: 45px;
	}
	.three-1, .three-2{
		margin-bottom: 20px;
		padding: 0px;
	}
}
@media only screen and (max-width: 630px) {
	.threeSecond:before, .threeSecond:after{
		display: none;
	}
	.threeSecond h3{
		font-size: 40px;
		margin-bottom: 5px;
		line-height: 1.2;
	}
	.threeSecond h3 .big{
		font-size: 40px;
		font-style: normal;
	}
	.threeSecond h5{
		font-size: 17px;
		letter-spacing: 0px;
		margin-bottom: 35px;
	}
	.threeSecond h5::before{
		position: relative;
		padding-bottom: 15px;
	}
	.threeSecond:before{
		width: 25px;
	}
	.threeSecond:after{
		width: 25px;
	}
	.three-slogan{
		font-size: 16px;
		width: 75%;
	}
	.threeSecond h5::before{
		width: 95%;
	}
}

/* 20190903關於我們 */
.aboutUs-kv{
	background-image: url(../images/aboutUs/aboutUs_full_kv.jpg);
	background-size: cover !important;
	background-attachment: scroll;
	background-position: center top;
	height: 760px;
	padding: 0;
	position: relative;
	width: 100%;
	border: 0;
}
.aboutUs-kv .kv{
	max-width: 100%;
}
.aboutUs-kv .kv_m{
	display: none;
}
.aboutUs-kv .aboutUs-ribbon{
	position: absolute;
	right: 0px;
	bottom: -100px;
}
.aboutUs-nav{
	padding: 15px 0px;
	margin: 10px 0 0 0;
	text-align: center;
	background-color: #eaa8c3;
}
.aboutUs-nav ul{
	list-style: none;
	padding: 0;
	margin: 0 auto;
}
.aboutUs-nav ul li{
	display: inline-block;
}
.aboutUs-nav ul li + li{
	margin-left: 40px;
}
.aboutUs-nav ul li a{
	display: block;
	color: #fff;
}
.aboutUs-nav ul li a:hover, .aboutUs-nav ul li a:active, .aboutUs-nav ul li a:focus{
	color: #fff;
}
.aboutUs-nav ul li a >i{
	margin-left: 10px;
}
.aboutUs_stitle{
	text-align: center;
	margin-bottom: 15px;
}
.aboutUs_stitle img{
	max-width: 100%;
}
.aboutUS_us{
	position: relative;
	border: 0;
	padding: 80px 0;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}
.aboutUS_us .p1{
	position: absolute;
	left: -50px;
	top: 50px;
	z-index: -1;
}
.aboutUS_us .p2{
	position: absolute;
	right: -200px;
	bottom: -20px;
	z-index: -1;
}
.aboutUS_us h3{
	color: #222;
	font-size: 28px;
	letter-spacing: 2px;
	margin-bottom: 25px;
}
.aboutUS_us p{
	font-size: 16px;
	line-height: 1.9;
	letter-spacing: 1px;
}
.aboutUS_us p:nth-of-type(1){
	margin-bottom: 80px;
}
.aboutUS_safe{
	position: relative;
	background: url('../images/aboutUs/aboutUs_safe_bg.jpg');
	background-size: cover;
	padding: 40px 40px;
	border: 0;
}
.aboutUS_safe_box{
	background-color: rgba(255, 255, 255, 0.9);
	padding: 60px 60px;
}
.aboutUs_btitle{
	font-family: 'Noto Serif TC', serif;
	font-size: 48px;
	color: #222;
	letter-spacing: 4px;
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
}
.aboutUs_btitle i{
	background-image: linear-gradient(#f4f6c6, #f4f6c6);
	background-repeat: no-repeat;
	background-size: 100% 0.5em;
	background-position: 0 100%;
	font-style: normal;
}
.aboutUs_sstitle{
	text-align: center;
	font-size: 20px;
	color: #222;
	letter-spacing: 4px;
	margin-bottom: 40px;
}
.aboutUs_btitle span{
	color: #222;
}
.aboutUs_btitle span:nth-of-type(1){
	margin-left: -20px;
}
.aboutUs_btitle span:nth-of-type(2){
	margin-right: -20px;
}
.aboutUS_safe .about-img{
	text-align: center;
}
.aboutUS_safe .about-img img{
	max-width: 100%;
}
.aboutUS_safe .about-txt{
	padding: 50px 0px 0px 0px;
}
.aboutUS_safe .about-txt img{
	margin-bottom: 20px;
}
.about-row{
	margin-bottom: 20px;
}
.about-row + .about-row{
	margin-bottom: 0px;
}
.about-row + .about-row .about-img{
	float: right;
}
.about-row::after,.wait_box_box::after{
	display: table;
	content:'';
	clear: both;
}
.aboutUS_safe .aboutUs-ribbon{
	position: absolute;
	transform: scaleX(-1);
	left: 0;
	top: -60px;
}
.aboutUs_att{
	position: relative;
	height: 100px;
	width: 100%;
}
.aboutUs_att img{
	position: absolute;
	left: 120px;
	bottom: -60px;
}
.aboutUs_att .att{
	position: absolute;
	left: 0px;
	top: 50px;
	width: 100%;
	padding: 15px;
	background-color: #f4f6c6;
	color: #d34780;
	border: 1px solid rgba(231, 235, 147, 1);
	text-align: center;
	font-weight: normal;
	font-size: 18px;
}
.aboutUs_att .att span{
	font-weight: bold;
}
.aboutUs_att .att > i{
	color: #d34780 !important;
	margin-right: 5px;
}
.aboutUs_wait{
	padding: 60px 0px 0px 0px;
	border: 0;
}
.aboutUs_wait .aboutUs-ribbon{
	position: absolute;
	right: 0;
	top: -80px;
	width: 150px;
}
.wait_box{
	background-color: #f9eff3;
	position: relative;
	padding: 50px;
}
.wait_box h3{
	color: #222;
}
.wait_box_box{
	background: url('../images/aboutUs/aboutUs_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding: 10px;
	position: relative;
}
.wait_box_box .girl{
	position: absolute;
	top: -196px;
	right: 0;
}
.rose1, .rose2, .rose3, .rose4{
	position: absolute;
}
.rose1{
	left: -40px;
	top: -30px;
	transform: scaleX(-1);
}
.rose2{
	right: 40%;
	bottom: -20px;
	width: 50px;
}
.rose3{
	right: 20%;
	bottom: -20px;
	width: 50px;
	transform: scaleX(-1);
}
.rose4{
	right: -40px;
	bottom: -20px;
	width: 90px;
}
.wait_box_box .photo{
	width: 400px;
	height: 235px;
	border: 2px solid #fff;
	overflow: hidden;
	float: left;
}
.wait_box_box .photo img{
	max-width: 100%;
}
.wait_box_box .txt{
	float: left;
	padding: 100px 0px 0px 100px;
}
.wait_box_box .txt h4{
	position: relative;
	color: #fff;
	font-size: 30px;
	letter-spacing: 2px;
}
.wait_box_box .txt h4:before{
	display: block;
	content: '';
	width: 95px;
	height: 67px;
	position: absolute;
	left: -50px;
	top: -55px;
	background: url('../images/aboutUs/option1.png');
}
.wait_box_box:nth-of-type(2) .txt h4:before{
	background: url('../images/aboutUs/option2.png');
}
.wait_box_box:nth-of-type(3) .txt h4:before{
	background: url('../images/aboutUs/option3.png');
}
.wait_box_box .txt a{
	position: absolute;
	right: 40px;
	top: 50px;
	display: block;
	border-radius: 50%;
	line-height: 140px;
	text-align: center; 
	width: 140px;
	height: 140px;
	background-color: rgba(255,255,255,0.3);
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	transition: background-color .3s;
}
.wait_box_box .txt a > i{
	margin-left: 8px;
}
.wait_box_box .txt a:hover, .wait_box_box .txt a:active, .wait_box_box .txt a:focus{
	background-color: rgba(255,255,255,0.5);
	color: #fff;
}
.wait_box_box + .wait_box_box{
	margin-top: 30px;
}
.nav > li > a{
	padding: 10px;
}
@media only screen and (max-width: 1024px) {
	.aboutUs-kv{
		height: 600px;
	}
	.aboutUs-kv .aboutUs-ribbon{
		width: 220px;
		bottom: -120px;
	}
	.aboutUS_us .p1{
		left: -120px;
	}
	.aboutUS_us .p2{
		width: 440px;
		right: -170px;
	}
	.aboutUS_safe .aboutUs-ribbon{
		width: 200px;
	}
	.aboutUs_att img{
		left: 90px;
	}
}
@media only screen and (max-width: 768px) {
	.aboutUs-kv{
		height: 500px;
	}
	.aboutUs-kv .aboutUs-ribbon{
		width: 190px;
	}
	.aboutUS_us .p1{
		width: 300px;
	}
	.aboutUS_us .p2{
		width: 320px;
		right: -120px;
	}
	.aboutUS_safe .aboutUs-ribbon{
		width: 160px;
		top: -130px;
	}
	.aboutUS_safe_box{
		padding: 45px;
	}
	.aboutUs_btitle{
		font-size: 42px;
	}
	.aboutUs_sstitle{
		font-size: 18px;
	}
	.aboutUS_safe .about-img{
		padding: 0 25px;
	}
	.aboutUS_safe .about-txt img{
		width: 150px;
	}
	.aboutUS_safe .about-txt{
		padding: 40px 0 0 0;
	}
	.aboutUs_att img{
		left: -10px;
		bottom: -45px;
	}
	.aboutUs_wait .aboutUs-ribbon{
		width: 130px;
	}
	.wait_box_box .girl{
		right: -40px;
	}
	.wait_box_box .photo{
		width: 100%;
		height: 380px;
	}
	.wait_box_box .txt{
		padding: 60px 0px 50px 60px;
	}
	.wait_box_box .txt a{
		bottom: 20px;
		top: inherit;
	}
}
@media only screen and (max-width: 630px) {
	.aboutUs-kv{
		height: auto;
		background-image: none;
		padding: 0;
	}
	#wrapper section.aboutUs-kv .container{
		padding: 0;
	}
	.aboutUs-kv .kv{
		display: none;
	}
	.aboutUs-kv .kv_m{
		display: block;
		width: 100%;
	}
	.aboutUs-kv .aboutUs-ribbon{
		width: 120px;
		bottom: -10px;
		right: -30px;
	}
	.aboutUs-nav ul li{
		display: block;
		width: 100%;
		text-align: center;
	}
	.aboutUs-nav ul li + li{
		margin: 10px 0 0 0;
	}
	.aboutUS_us{
		padding: 40px 15px;
	}
	.aboutUs_stitle{
		margin-bottom: 5px;
	}
	.aboutUS_us h3{
		font-size: 22px;
	}
	.aboutUS_us p{
		font-size: 14px;
	}
	.aboutUS_us p:nth-of-type(1){
		margin-bottom: 50px;
	}
	.aboutUS_us .p1{
		width: 100px;
		left: -40px;
	}
	.aboutUS_us .p2{
		width: 150px;
		right: -50px;
	}
	.aboutUS_safe .aboutUs-ribbon{
		width: 110px;
		top: -80px;
		left: -15px;
	}
	.aboutUS_safe{
		padding: 30px 20px;
	}
	.aboutUS_safe_box{
		padding: 45px 20px;
	}
	.aboutUs_btitle{
		font-size: 32px;
		line-height: 1.3;
	}
	.aboutUs_sstitle{
		font-size: 16px;
	}
	.aboutUS_safe .about-txt, .aboutUS_safe .about-img{
		float: none
	}
	.aboutUS_safe .about-img{
		padding: 0 15px;
	}
	.aboutUS_safe .about-txt{
		text-align: center;
		padding: 20px 0 0 0;
	}
	.aboutUS_safe .about-txt p{
		margin: 0;
	}
	.about-row + .about-row{
		margin-top: 40px;
	}
	.about-row + .about-row .about-img{
		margin-bottom: 30px
	}
	.aboutUs_att img{
		display: none;
	}
	.aboutUs_att .att{
		font-size: 16px;
	}
	.aboutUs_wait .aboutUs-ribbon{
		display: none;
	}
	.wait_box_box .girl{
		width: 160px;
		top: -140px;
		right: -15px;
	}
	.wait_box{
		padding: 60px 0px;
		background-color: initial;
	}
	.wait_box h3{
		font-size: 13px;
		margin-bottom: 45px
	}
	.rose1{
		width: 100px;
	}
	.wait_box_box .photo{
		height: auto;
		float: none;
	}
	.wait_box_box .txt{
		padding: 60px 0px 20px 0px;
		text-align: center;
		float: none;
	}
	.wait_box_box .txt a{
		position: relative;
		right: inherit;
		bottom: inherit;
		margin: auto;
	}
	.wait_box_box .txt h4{
		font-size: 26px;
	}
	.wait_box_box .txt h4:before{
		left: 0;
		top: -120px;
		bottom: 0;
		right: 0;
		margin: auto;
	}
	.rose2{
		right: 5%;
	}
}

/* 20190905修改愛情故事 */
.love-story-index .txt h4, .love-story-index .txt small, .love-story-index .txt p{
	text-align: left;
}
.love-story-index .txt p{
	margin-bottom: 0;
}
.love-story-index .owl-carousel{
	padding: 0 55px;
}
.love-story-index{
	padding: 35px 0;
}
.love-story-index .owl-carousel .love-story-col{
	float: left;
	width: 50%;
	padding: 0 8px;
}
.love-story-index .love-story-note{
	float: none;
}
@media only screen and (max-width: 630px) {
	.love-story-index .owl-carousel .love-story-col{
		float: none;
		width: 100%;
	}
	.love-story-index .owl-carousel .love-story-col + .love-story-col{
		margin-top: 30px;
	}
	.love-story-index .txt h4, .love-story-index .txt small{
		text-align: center;
	}
	.love-story-index .owl-carousel .love-story-col{
		margin-bottom: 0;
	}
}

/* 20191014修改主視覺+按鈕 & 新增大BANNER */
.index-vs-center{
	padding: 100px 0px 10px 0px;
}
.index-vs-center .index-vs-btn{
	color: #bd1674;
	font-weight: bold;
	border: 2px solid #bd1674;
	width: 160px;
	background-color: rgba(255,255,255,0.8);
	transition: filter .3s;
}
.index-vs-center .index-vs-btn:hover, .index-vs-center .index-vs-btn:active, .index-vs-center .index-vs-btn:focus{
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
.index-vs-center .index-vs-btn > i{
	float: right;
	margin-top: 5px;
}
.index-vs-center h1{
	margin-bottom: 15px;
	line-height: 1;
}
.index-vs-center .index-vs-box{
	margin-top: 35px;
}
.index-about{
	padding: 40px 0px;
	border: 0;
	height: 550px;
	background-image: url('../images/index-about.jpg');
	background-attachment: inherit;
}
.index-about .text{
	text-align: center;
	margin-top: 80px;
	width: 100%;
}
.index-about .text p{
	color: #222;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.index-about .text .t-img{
	margin-bottom: 60px;
}
.index-about .text .index-about-btn > i{
	float: right;
	margin-top: 8px;
}
.index-about .text .index-about-btn{
	background-color: #bd1674;
	height: 50px;
	border-bottom: 3px solid rgba(0,0,0,0.3); 
	font-size: 16px; 
	color: #fff;
	transition: filter .3s;
	line-height: 2;
	width: 270px;
}
.index-about .text .index-about-btn:hover, .index-about .text .index-about-btn:active, .index-about .text .index-about-btn:focus{
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
.index-about .text h2{
	display: none;
	text-align: left;
	color: #222;
	letter-spacing: 2px;
	line-height: 1.2;
}
@media only screen and (max-width: 1024px) {
	.index-about{
		height: 500px;
	}
	.index-about .text{
		margin-top: 65px;
	}
}
@media only screen and (max-width: 768px) {
	.index-about{
		background-image: url('../images/index-about-p.jpg');
	}
	.index-vs{
		background-size: cover;
		height: 580px;
		width: 100%;
	}
	.index-vs-center{
		padding: 55px 0px 10px 0px;
		width: 50%;
	}
	.index-vs-center .index-vs-box{
		margin-top: 20px;
	}
	.index-vs-center h1{
		position: relative;
		color: #222;
		font-size: 52px;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 630px) {
	.index-about{
		height: 400px;
		background-image: url('../images/index-about-m.jpg');
	}
	.index-about .text{
		margin-top: 25px;
	}
	.index-about .text p{
		letter-spacing: 1px;
	}
	.index-about .text .t-img{
		width: 110px;
	}
	.index-vs-center{
		padding: 70px 10px 10px 10px;
		width: 100%;
	}
	.index-vs-center h1{
		position: relative;
		color: #222;
		font-size: 35px;
		font-weight: bold;
		line-height: 1;
		margin-bottom: 15px;
	}
	.index-vs-center .index-vs-box{
		margin-top: 40px;
	}
	.index-vs-center .index-vs-btn{
		width: 135px;
	}
}

/* 20191023修改首頁主視覺 */
.index-vs-1023{
	position: relative;
	padding: 0;
	border: 0;
	background: url('../images/index-banner1023.jpg') center center no-repeat;
	background-size: cover;
	height: 665px;
	width: 100%;
}
.index-vs-1023 .index-vs-center{
	width: 400px;
	padding: 90px 0px 10px 0px;
	margin: 0 0 0 70px;
}
.index-vs-1023 .index-vs-box h4{
	text-align: left;
	color: #fff;
	font-size: 17px;
	margin: 18px 0 10px 0;
}
.index-vs-1023 .index-vs-box .title{
	text-align: left;
	color: #fff;
	font-size: 17px;
	margin: 0;
	line-height: 33px;
}
.index-vs-1023 .radio1023{
	text-align: left;
}
.index-vs-1023 .radio1023 > .radio{
	display: block;
	float: left;
	position: relative;
	width: 33px;
	height: 33px;
	margin: 0 10px 0 0;
}
.index-vs-1023 .radio1023 > .radio + .radio{
	margin: 0;
}
.index-vs-1023 .radio1023 > .radio i{
	width: 33px;
	height: 33px;
	top: 0px;
	border: 0;
	border-radius: 50%;
	overflow: hidden;
}
.index-vs-1023 .radio1023 > .radio i.male{
	background-color: #9fd2f1;
	color: #fff;
	line-height: 33px;
	font-size: 20px;
	text-align: center;
}
.index-vs-1023 .radio1023 > .radio i.female{
	background-color: #f79fcd;
	color: #fff;
	line-height: 33px;
	font-size: 20px;
	text-align: center;
}
.index-vs-1023 .radio1023 > .radio input:checked + i:after{
	display: none;
}
.index-vs-1023 .radio1023 > .radio input:checked + i.male{
	background-color: #fff;
	color: #222;
	font-weight: bolder;
}
.index-vs-1023 .radio1023 > .radio input:checked + i.female{
	background-color: #fff;
	color: #222;
	font-weight: bolder;
}
.index-vs-1023 .radio_require {
	float:left;
	width:1px;
	height:0px;
	border:0px;
	margin-top:33px;
	color:#404040;
	background:#404040;
}
.index-vs-1023 .index-vs-box .code{	
	text-align: left;
}
.index-vs-1023 .form-control{
	border: 0;
}
.index-vs-1023 .index-vs-center .index-vs-btn{
	color: #bd1674;
	font-weight: bold;
	border: 2px solid #bd1674;
	width: 160px;
	background-color: rgba(255,255,255,0.8);
	transition: filter .3s;
}
.index-vs-1023 .index-vs-center .index-vs-btn:hover, .index-vs-1023 .index-vs-center .index-vs-btn:active, .index-vs-1023 .index-vs-center .index-vs-btn:focus{
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
.index-vs-1023 .index-vs-center .index-vs-btn > i{
	float: right;
	margin-top: 5px;
}
.index-vs-1023 .index-vs-center h1{
	margin-bottom: 15px;
	line-height: 1;
	font-size: 44px;
}
.index-vs-1023 .index-vs-center h1::after{
	position: absolute; 
	top: -45px;
	right: -315px;
	left: 0;
	bottom: 0;
	margin: auto;
	content:'';
	display: block;
	background: url('../images/index-banner-go.png')no-repeat;
	background-size: 100%;
	width: 75px;
	height: 75px;
}
.index-vs-1023 .index-vs-center .index-vs-box{
	background-color: rgba(3, 18, 40, 0.7);
	box-shadow: inherit;
	margin-top: 35px;
}
.index-vs-1023 .index-vs-center .index-vs-box .confirm, .index-vs-1023 .index-vs-box .confirm a{
	color: #fff;
}
.index-vs-title1023{
	display: none;
}
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 768px) {
	.index-vs-1023 form div.row>div{
		margin-bottom: 0;
	}
	.index-vs-1023 .index-vs-center{
		width: 350px;
		margin: 0 0 0 20px;
	}
}
@media only screen and (max-width: 630px) {
	.index-vs-1023{
		background: url('../images/index-banner-m1023.jpg') top no-repeat;
		background-size: contain !important;
		height: auto;
	}
	.index-vs-1023 .index-vs-center{
		padding: 30px 0px 0px 0px;
		width: 100%;
		margin: 0;
		text-align: left;
	}
	.index-vs-1023 .index-vs-center h1{
		display: none;
	}
	.index-vs-title1023{
		display: block;
		margin:0 0 10px 15px;
		width: 160px;
	}
	.index-vs-1023 .index-vs-center h1::after{
		right: 30px;
		top: -20px;
		width: 60px;
		height: 60px;
	}
	.index-vs-1023 .index-vs-center .index-vs-btn{
		padding: 4px 8px;
		width: 140px;
		margin-left: 15px;
	}
	.index-vs-1023 .index-vs-center .index-vs-box{
		margin-top: 100px;
		background-color: rgba(255, 255, 255, 1);
		border-radius: 0;
	}
	.index-vs-1023 .index-vs-box .title, .index-vs-1023 .index-vs-box h4{
		color: #222;
	}
	.index-vs-1023 .form-control{
		border:#ddd 2px solid;
	}
	.index-vs-1023 .index-vs-center .index-vs-box .confirm{
		text-align: center;
	}
	.index-vs-1023 .index-vs-center .index-vs-box .confirm, .index-vs-1023 .index-vs-center .index-vs-box .confirm a{
		color: #666;
	}
	.index-vs-1023 .radio1023 > .radio input:checked + i.male, .index-vs-1023 .radio1023 > .radio input:checked + i.female{
		background-color: #222;
		color: #fff;
	}
.index-vs-1023 .radio_require {
	color:#fff;
	background:#fff;
}
}
@media only screen and (max-width: 320px) {
	.index-vs-1023 .index-vs-center{
		padding: 20px 0px 0px 0px;
	}
	.index-vs-title1023{
		width: 120px;
	}
	.index-vs-1023 .index-vs-center .index-vs-box{
		margin-top: 50px;
	}
}

/* 20191224首頁新增區塊---找到對的人，從這裡開始 */
.index-consult-scetion{
	text-align: center;
	border: 0;
	padding: 40px 30px;
	background: radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -moz-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -webkit-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
	background: -o-radial-gradient(center, ellipse cover, rgba(251, 235, 240, 1)21%, rgba(248, 220, 228, 1)60%); 
}
.index-consult-scetion h3{
	font-size: 45px;
	margin-bottom: 0;
	color: #222;
}
.index-consult-list{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.index-consult-list:after{
	content: '';
	display: table;
	clear: both;
}
.index-consult-list li{
	display: block;
	float: left;	
	width: 33.3333%;
}
.index-consult-list li img{
	max-width: 100%;
}
.index-consult-list li .index-consult-btn{
	display: block;
	width: 100%;
	height: 100%;
	transition: transform 0.3s;
}
.index-consult-btn:hover{
	transform: translateY(-5px);
}
.side-panel .consult{
	background: linear-gradient(0deg, rgba(191, 188, 142, 1)0%, rgba(249, 245, 186, 1)4%); 
	background: -moz-linear-gradient(0deg, rgba(191, 188, 142, 1)0%, rgba(249, 245, 186, 1)4%); 
	background: -webkit-linear-gradient(0deg, rgba(191, 188, 142, 1)0%, rgba(249, 245, 186, 1)4%); 
	background: -o-linear-gradient(0deg, rgba(191, 188, 142, 1)0%, rgba(249, 245, 186, 1)4%); 
}
.side-panel .consult h5{
	color: #2e58a6;
}
.side-panel .consult:hover h5{
	color: #fff;
}
.side-panel .consult h5 > i{
	color: #fff;
	background-color: #2e58a6 !important;
}
.side-panel .consult:hover h5 > i{
	color: #2e58a6 !important;
	background-color: #fff !important;
}
@media only screen and (max-width: 1024px) {
	.side-panel .consult{
		background: none;
	}
	.side-panel .consult h5, .side-panel .consult:hover h5, .side-panel .consult:focus h5, .side-panel .consult:active h5{
		color: #ea5b85;
	}
	.side-panel .s-dropdown-toggle:after{
		right: -12px;
	}
}
@media only screen and (max-width: 7px) {
	.side-panel .consult h5, .side-panel .consult:hover h5, .side-panel .consult:focus h5, .side-panel .consult:active h5{
		color: #b60d8a;
	}
}
@media only screen and (max-width: 630px) {
	.index-consult-list li{
		width: 100%;
		margin-bottom: 5px;
	}
	.side-panel .s-dropdown-toggle:after{
		right: 12px;
	}
}

/* 20200219會員主頁更改成速配推薦  */
.supay-box{
	width: 100%;
	display: block;
	border-radius: 30px;
	padding: 30px 30px;
	background-color: rgba(255, 255, 255, 0.08);
}
.supay-box + .supay-box{
	margin-top: 30px;
	background-color: rgba(0, 0, 0, 0.08);
}
.supay-box::after, .supay-member::after{
	display: table;
	clear: both;
	content: '';
}
.supay-item{
	width: 16.6666%;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.supay-title{
	color: #fff;
	font-size: 27px;
	font-weight: normal;
	letter-spacing: 1px;
}
.supay-area{
	color: #ffbaf9;
	font-weight: bold;
}
.supay-hobby{
	color: #ffcb40;
	font-weight: bold;
}
.supay-photo{
	border: 4px solid #fff;
	height: 180px;
	overflow: hidden;
	position: relative;
}
.supay-photo img{
	width: 100%;
}
.supay-name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	padding: 5px 2px;
	text-align: center;
	color: #fff;
	white-space:nowrap;
	background: rgba(0,0,0,0.5);
	font-size: 12px;
}
.supay-more{
	text-align: right;
}
.supay-btn{
	color: #ffff00;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}
@media only screen and (max-width: 1200px) {
	.supay-photo{
		height: 140px;
	}
}
@media only screen and (max-width: 900px) {
	.supay-item{
		width: 25%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.supay-photo{
		height: 180px;
	}
}
@media only screen and (max-width: 630px) {
	.user-menu-btn__supay .menu{
		margin: 0;
	}
	.supay-box{
		padding: 20px 10px;
		border-radius: 10px;
	}
	.supay-item{
		width: 33.3333%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.supay-title{
		font-size: 22px;
	}
	.supay-photo{
		height: 120px;
	}
	.supay-more{
		text-align: center;
		margin-top: 10px;
	}
	.supay-btn{
		border: 1px solid #ffff00;
		border-radius: 30px;
		width: 95%;
		padding: 8px;
	}
}
@media only screen and (max-width: 320px) {
	.supay-photo{
		height: 100px;
	}
}

/* 20200225會員個人頁修改 */
.user-profile__bg{
	background-color: #fff;
}
.user-profile__bg .nav-tabs>li.active>a{
	box-shadow: none;
}
.supay-box{
	position: relative;
	padding: 80px 30px 30px 30px;
	border-radius: 20px;
}
.supay-box:nth-of-type(1){
	background-color: #ffe3eb;
}
.supay-box:nth-of-type(2){
	background-color: #d2e2ff;
}
.supay-title{
	position: absolute;
	left: 0;
	top: 0;
	padding: 6px 25px;	
	border-radius: 0px 0px 20px 0px;
}
.supay-box:nth-of-type(1) .supay-title{
	background-color: #ea5b85;
}
.supay-box:nth-of-type(2) .supay-title{
	background-color: #2e58a6;
}
.supay-area, .supay-hobby{
	color: #ffff00;
}
.supay-name{
	color: #111;
	background: #fff;
}
.supay-item a{
	display: block;
}
.supay-photo{
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
	transition: all .2s;
}
.supay-item a:hover .supay-photo{
	box-shadow: 0px 5px 5px rgba(0,0,0,0.15);
	-webkit-transform: translateY(-5px);
	        transform: translateY(-5px);
}
.supay-btn{
	color: #ea5b85;
	background-color: #fff;
	border-radius:20px;
	border: 1px solid #ea5b85;
	padding: 5px 15px;
}
.supay-btn:hover, .supay-btn:focus, .supay-btn:active{
	background-color: #ea5b85;
	color: #fff;
}
@media only screen and (max-width: 630px) {
	.user-profile__bg .nav-tabs>li.active>a{
		background-color: rgba(0,0,0,0.05);
	}
	
}

/* 20200312新增line */
.social-line{
	background-color: #03be02;
}
.icon-line{
	padding: 0 4px;
	line-height: 18px !important;
}

/* 20200318新增及修改功能 */
.profile-introduce{
	margin-bottom: 40px;
}
.profile-introduce h5{
	font-size: 18px;
	margin-bottom: 10px;
}
.modal-form-others > div{
	display: inline-block;
}
.modal-form-others-text{
	width: 49%;
}
.modal-say{
	position: relative;
}
.modal-say form{
	margin: 0;
}
.modal-say .modal-content{
	background: url(../images/modal-bg.jpg) no-repeat #fff;
	background-size: 100% auto;
}
.modal-say .modal-content::before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	background: url(../images/modal-people.png) no-repeat;
	background-position: 20px 10px;
	background-size: 232px 208px;
}
.modal-say p.subtitle{
	margin-left: 250px;
	margin-top: 0px;
	color: #e58425;
	font-size: 28px;
	font-weight: bold;
}
.modal-say h3.title{
	margin-left: 250px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	line-height: 1;
	font-weight: bold;
	font-size: 36px;
	color: #4c1c0b;
	z-index: 2;
}
.modal-message{
	width: 80%;
	margin: 0 auto;
	height: 150px;
	position: relative;
	background-color: #fff;
	border: 2px solid #e1e1e1;
	border-radius: 3px;
	box-shadow: 0px 3px 0px #e1e1e1;
	transition: all .3s;
}
.modal-message-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.modal-message.active .modal-message-wrap{
	overflow-y: auto;
}
.modal-message.active{	
	height: 400px;
}
.modal-message::after{
	content:'';
	display: block;
	width: 30px;
	height:30px;
	position: absolute;
	left: 50%;
	top: -5px;
	background-color: #fff;
	border-radius: 3px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	transform: rotate(45deg) translateX(-50%);
}
.modal-message p{
	font-weight: bold;
	color: #414141;
}
.modal-message-send{
	text-align: center;
	margin: 30px 0 0 0;
}
.modal-message-select{
	list-style: none;
	padding: 0;
	margin: 0;
}
.modal-message-select li a{
	display: block;
	color: #414141;
	padding: 12px 10px;
}
.modal-message-select li + li{
	border-top:1px solid #e5e5e5;
}
.modal-message-select li a:hover, .modal-message-select li a:active, .modal-message-select li a:focus{
	background-color: #f3f3f3;
	color: #414141;
}
.modal-note .toggle{
	text-align: center;
	margin-top: 0px;
}
.modal-note .toggle label{
	font-size: 14px;
	color: #888;
}
.modal-note .toggle.active label{
	font-size: 18px;
	color: #333;
	padding: 15px 0 0 0;
	margin-bottom: 0;
	margin-top: 30px;
	border-top:1px solid #e5e5e5;
}
.modal-note .note{
	text-align: left;
	padding: 10px;
	background-color: #ebebeb;
	border-radius: 5px;
}
.modal-note .note ul{
	margin: 0;
	padding-left: 30px;
}
.modal-note .note ul li{
	font-size: 12px;
}
.modal-change-word{
	position: absolute;
	width: 100%;
	bottom: 12px;
	text-align: center;
}
.modal-change-word-btn, .modal-change-word-btn:hover, .modal-change-word-btn:active, .modal-change-word-btn:focus{
	color: #888 !important;
	background-color: #fff;
	padding: 5px;
}
.modal-message-slider{
	display: block;
	width: 200%;
	position: relative;
}
.modal-message-item{
	display: block;
	padding: 20px;
	width: 50%;
	float: left;
}
.btn-gray{
	background-color: #a0a0a0;
	color: #fff;	
}
.btn-gray:hover, .btn-gray:active, .btn-gray:focus{
	color: #fff;
}
@media only screen and (max-width: 630px) {
	.modal-form-others-text{
		width: 65%;
	}
	.modal-message{
		width: 100%;
	}
	.modal-say h3.title{
		margin-left: 0px;
		margin-top: 170px;
		text-align: center;
	}
	.modal-say p.subtitle{
		margin-left: 0px;
		margin-bottom: 20px;
		text-align: center;
	}
	.modal-say .modal-content::before{
		background-position: 50% 10px;
		background-size: 240px;
	}
}
/* 20200410修改 */
.modal-dialog-small{
	max-width: 500px;
}
.modal-dialog-small .modal-body, .modal-dialog-small .modal-header{
	padding: 15px 15px 15px 45px;
}
.modal-dialog-small .modal-footer{
	text-align: center;
}

/* 20200324修改 */
.sticker-area-counter{
	display: inline-block;
	margin-left: 15px;
}
.modal-counter .modal-header h3.modal-title{
	text-align: center;
	color: #ea5b85;
	font-size: 32px;
	margin: 10px 0 0 0;
}
.modal-counter .modal-body, .modal-counter .modal-footer, .modal-photo-update .modal-footer{
	text-align: center;
}
.modal-counter .modal-body p.txt{
	font-weight: bold;
	letter-spacing: 1px;
}
.modal-counter .modal-body p.txt2{
	margin-top: 15px;
}
.modal-counter .btn-main{
	padding: 10px 30px;
}
.modal-counter-num{
	color: #ea5b85;
	font-size: 20px;
}
.nomore{
	-webkit-appearance: none;
	color: #999;
}
.btn-disabled, .btn-disabled:hover, .btn-disabled:active, .btn-disabled:focus{
	background-color: #d3d3d3;
	color: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.05);
}
.modal-photo-update h3.modal-title{
	text-align: center;
}
.modal-photo-update .modal-body{
	text-align: center;
	padding: 25px;
}
.modal-photo-update .modal-body h5{
	font-size: 18px;
	text-align: left;
	margin-bottom: 0px;
	color: #ea5b85;
}
.modal-photo-update .modal-body p.txt{
	text-align: left;
}
.myphoto{
	padding: 40px 0;
	border: 0;
}
.myphoto-upload{
	border-top:1px solid rgba(0,0,0,0.1);
	padding: 40px 60px;
}
.myphoto-upload-box{
	font-size: 0;
}
.myphoto-upload-box::after{
	display: table;
	content: '';
	clear: both;
}
.myphoto-upload-photo{
	position: relative;
	display: inline-block;
	width: 20%;
	height: 220px;
	border: 8px solid #fff;
	overflow: hidden;
	cursor: pointer;
	background-color: #e1e1e1;
}
.myphoto-upload-photo .myphoto-hover-dark{
	display: none;
}
.myphoto-upload-hasimg:hover .myphoto-hover-dark, .myphoto-upload-hasimg:focus .myphoto-hover-dark, .myphoto-upload-hasimg:active .myphoto-hover-dark{
	background-color: rgba(0,0,0,0.3);
	display: block;
}
.myphoto-hover-dark{
	position: absolute;
	width: 100%;
	height:100%;
	left: 0;
	top:0;
	transition: all .2s;
	z-index: 2;
}
.myphoto-hover-dark .buttons{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	margin: auto;
	width: 60%;
	height: 100px;
	text-align: center;
}
.myphoto-hover-dark .buttons .btn{
	background: #fff;
	padding: 5px;	
	width:100%;
	opacity:0;
	transition: all .1s;
	margin-bottom: 10px;
}
.myphoto-upload-hasimg:hover .myphoto-hover-dark .btn{
	opacity:1;
}
.myphoto-upload-photo .lightbox{
	font-size:24px;
	color: #fff;
	opacity:0;
	text-align: center;
	display: block;
	width: 100%;
	z-index: 999;
	line-height: 1;
}
.myphoto-upload-photo:hover .lightbox, .myphoto-upload-photo:active .lightbox, .myphoto-upload-photo:focus .lightbox{
	opacity:1;
	color: #fff;
}
.myphoto-hover-dark .buttons .btn:hover{
	background-color: #ea5b85;
	color: #fff;
}
.myphoto-upload-photo img{
	max-width: 100%;
}
.myphoto-upload-photo:first-child{
	float: left;
	width: 40%;
	height: 440px;
	cursor: initial;
}
.myphoto-upload-photo .txt{
	position: absolute;
	display: none;
	left: -4px;
	bottom:0;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	text-align: center;
	padding: 5px;
	width: 100%;
	font-size: 14px;
	margin: 0 4px;
}
.myphoto-upload-photo:first-child .txt{
	display: block;
}
.myphoto-upload-photo:first-child .lightbox{
	font-size: 36px;
}
.myphoto-upload-photo:first-child .myphoto-hover-dark .btn-cover, .myphoto-upload-photo:first-child .myphoto-hover-dark .btn-del{
	display: none;
}
.myphoto-upload-photo:first-child:hover .myphoto-hover-dark{
	background-color: rgba(0, 0, 0, 0.3);
}
.myphoto-upload-photo .fileupload{
	-webkit-appearance: none;
	display: block;
	opacity: 0;
	border: 0;
	position: absolute;
	width: 100%;
	height:100%;
	left:0;
	top:0;
	cursor: pointer;
}
.myphoto-upload-photo .progress{
	display: none;
	position:absolute;
	bottom:0;
	left: 0;
	width: 100%;
	margin:0;
}
.myphoto-upload-hasimg .fileupload{
	display: none;
}
.myphoto-upload-txt{
	width: 100%;
}
.myphoto-upload-rule .myphoto-hover-dark{
	background-color: rgba(0,0,0,0.5);
	display: block;
	cursor: auto;
}
.myphoto-upload-rule .myphoto-hover-dark .buttons .btn-cover{
	display:none;
}
.myphoto-upload-rule .myphoto-hover-dark .buttons .lightbox{
	opacity:1;
	color: #fff;
}
.myphoto-upload-rule .myphoto-hover-dark .rule{
	color: #fff;
	text-align:center;
	line-height: 1.1;
	margin-bottom: 10px;
}
.myphoto-upload-rule .myphoto-hover-dark .rule span{
	font-size: 14px;
	font-weight:bold;	
}
.myphoto-upload-rule .myphoto-hover-dark .buttons .btn-del{
	opacity: 1;
}

.myphoto-tips{
	border: 0;
	background-color: rgba(234,91,133,0.1);
}
.myphoto-tips-title{
	text-align: center;
	margin-bottom: 15px;
}
.myphoto-tips-title h2{
	position: relative;
	bottom: -35px;
	font-size: 32px;
	line-height: 1.2;
	display: inline-block;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 0;
}
.myphoto-tips-title h2 span{
	font-size: 57px;
}
.myphoto-tips-title h2 .t1{
	color: #ea5b85;
}
.myphoto-tips-title h2 .t2{
	color: #2e58a6;
}
.myphoto-tips-title img{
	width: 280px;
	display: inline-block;
}
.myphoto-tips-box{
	border: 3px solid #ea5b85;
	background-color: #fff;
	border-radius: 0px 20px 20px 20px;
	position: relative;
	margin: 70px 8px 0 8px;
	padding: 30px;
}
.myphoto-tips-box .title{
	position: absolute;
	left: -3px;
	top: -50px;
	height: 50px;
	width: 400px;
	color: #fff;
	display: block;
	background-color: #ea5b85;
	padding:10px 20px;
	font-size:18px;
	font-weight:bold;
	border-radius: 20px 20px 0 0;	
}
.myphoto-tips-box .title img{
	width: 32px;
	margin-right: 5px;
}
.myphoto-tips-box h4{
	color: #ea5b85;
	font-size: 22px;
	text-align: center;
	margin-bottom:20px;
}
.myphoto-tips-box ul{
	list-style: none;
	margin:0 auto;
	text-align: center;
	padding:0;
	width: 100%;
}
.myphoto-tips-box ul:after{
	content:'';
	clear: both;
	display: table;
}
.myphoto-tips-box ul li{
	text-align: center;
	display: inline-block;
	padding: 0 8px;
}
.myphoto-tips-box ul li img{
	max-width: 220px;
	margin-bottom: 10px;
}
.myphoto-tips-box dl{
	width: 100%;
	display: block;
	background-color: rgba(234,91,133,0.1);
	border-radius: 5px;
	padding: 15px;
	margin: 0;
}
.myphoto-tips-box dl dt{
	color: #ea5b85;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.myphoto-tips-box dl dd{
	position: relative;
	font-size: 14px;
	padding-left: 20px;
	margin-bottom: 0px;
}
.myphoto-tips-box dl dd::before{
	position: absolute;
	left: 0;
	top: 2px;
	content: "\f138";
	font: normal normal normal 14px/1 FontAwesome;
}
.myphoto-tips-box:last-child{
	border: 3px solid #2e58a6;
}
.myphoto-tips-box:last-child .title{
	background-color: #2e58a6;
}
.myphoto-tips-box:last-child h4, .myphoto-tips-box:last-child dl dt{
	color: #2e58a6;
}
.myphoto-tips-box:last-child dl{
	background-color: rgba(46,88,166,0.1);
}
.attention{
	background-color: #fdeef3;
	color: #d9426e;
	border-top: 1px solid rgba(234,91,133,0.5);
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
}
.attention h5{
	color: #d9426e;
	font-size:20px;
	margin-bottom: 0px;
}
.attention p{
	color: #d9426e;
	font-size:14px;
	margin-bottom: 0px;
}
.myphoto-upload-txt {
	padding:0 60px;
}
.myphoto-upload-txt dl{
	margin: 0;
}
.myphoto-upload-txt dl dt{
	color: #ea5b85;
	font-weight: bold;
	margin-bottom:10px;
}
.myphoto-upload-txt dl dd{
	margin:0px;
	position: relative;
	padding-left: 20px;
}
.myphoto-upload-txt dl dd::before{
	position: absolute;
	left: 0;
	top: 2px;
	content: "\f138";
	font: normal normal normal 14px/1 FontAwesome;
}
.myphoto-notice{
	margin-bottom: 30px;
}
.myphoto-notice p{
	margin-bottom: 10px;
}
.myphoto-notice .btn-note{
	background-color: #fdeef3;
	color: #ea5b85;
	border-radius: 5px;
}
.myphoto-notice .btn-note:nth-of-type(2){
	color:#2e58a6;
	background-color:rgba(46,88,166,0.1);
}
.myphoto-notice .btn-note + .btn-note{
	margin-left: 5px;
}
.myphoto-notice h4{
	margin-bottom:0;
}
.myphoto-tips #tips01, .myphoto-tips #tips02{
	position: relative;
	top: -100px;
}

@media only screen and (max-width: 1200px) {
	.myphoto-tips-title{
		margin-bottom: 10px;
	}
	.myphoto-tips-title img{
		width: 240px;
	}
	.myphoto-tips-title h2{
		font-size: 26px;
	}
	.myphoto-tips-title h2 .t1, .myphoto-tips-title h2 .t2{
		font-size: 40px;
	}
	.myphoto-upload{
		padding: 40px 0px;
	}
	.myphoto-upload-txt {
		padding:0;
	}
}
@media only screen and (max-width: 1000px) {
	.myphoto-upload{
		border: 0;
		padding: 0;
		margin-bottom:20px;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.myphoto-upload-box{
		width: 2100px;
	}
	.myphoto-upload-photo:first-child, .myphoto-upload-photo{
		display: block;
		float: left;
		width: 280px;
		height: 330px;
		max-width: initial;
	}	
}
@media only screen and (max-width: 630px) {
	.myphoto-tips-title h2{
		margin-left: 0;
		bottom: 0;
	}
	.myphoto-tips-title h2 .t1, .myphoto-tips-title h2 .t2{
		font-size: 26px;
	}
	.myphoto-tips-box{
		width: 100%;
		margin: 20px 0 0 0;
		padding: 60px 15px 20px 15px;
		border-radius: 10px;
	}
	.myphoto-tips-box .title img{
		width: 24px;
	}
	.myphoto-tips-box .title{
		width: 100%;
		top: 0;
		left: 0;
		border-radius: 0;
		font-size: 16px;
	}
	.myphoto-tips-box h4{
		font-size: 18px;
	}
	.myphoto-tips-box ul li{
		width: 49%;
	}
	.myphoto-tips-box ul li img{
		max-width: 100%;
	}
	.sticker-area-counter{
		display: block;
		margin-left: 0px;
		margin-top: 15px;
	}
	.modal-counter .modal-header h3{
		font-size: 24px;
	}
	.attention h5{
		font-size: 17px;
	}
	.myphoto-upload-photo .lightbox{
		display: inline;
	}
	.myphoto-upload-photo:first-child .myphoto-hover-dark .buttons{
		height: 50px;
	}
	.myphoto-hover-dark .buttons{
		height: 80%;
	}
	.myphoto-tips #tips01, .myphoto-tips #tips02{
		top: 0px;
	}
	.myphoto-notice .btn-note{
		margin-bottom: 5px;
	}
	.myphoto-notice .btn-note + .btn-note{
		margin-left: 0px;
	}
	.myphoto-hover-dark .buttons .btn{
		height: auto;
	}
}

/* 20200420修改 */
.comments{
	margin-top: 30px;
}
.comments-more{
	margin-bottom: 40px;
}
.comments-more .btn-more{
	color: #ea565e;
	padding: 0;
	height: auto;
	font-size: 15px;
	position: relative;
}
.comments-more .btn-more::after{
	position: absolute;
	bottom: 3px;
	left: 0px;
	background-color:#ea565e;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
}
@media only screen and (max-width: 630px) {
	.comments{
		margin-top: 0px;
	}
}

/* 20200422修改 */
.profile-thumbnail-big{
	position: relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.profile-thumbnail{
	padding: 0px;
	border: 4px solid #fff;
}
@media only screen and (max-width: 992px){
	.profile-thumbnail{
		height: 180px;
	}
}
@media only screen and (max-width: 630px){
	.profile-thumbnail{
		height: 100px;
	}
}

/* 20200616新版首頁-大改 */
.index-kv-full{
	background-image: url(../images/index-kv-full-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center;
	min-height: 890px;
	border: 0;
	overflow: hidden;
}
.index-full-flower, .index-full-flower2{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/index-kv-flower.png);
	background-size: cover;
	background-position: center top;
}
.index-full-flower2{
	background-image: url(../images/index-kv-flower2.png);
}
.full-flower-animation{
	animation-name: index-kv-flower;
	animation-duration: 7s;
	animation-iteration-count: infinite;
}
.index-kv-title-animation{
	animation-name: index-kv-title;
	animation-duration: 1.3s;
	position: relative;
}
@keyframes index-kv-title{
	0%{	
		opacity: 0;
		top: -50px;
	}
	100%{
		opacity: 1;
		top: 0px;
	}
}
@keyframes index-kv-flower{
	0%{
		transform: scale(1);
		filter: blur(0px);
	}
	50%{
		transform: scale(1.03);
		filter: blur(5px);
	}
	100%{
		transform: scale(1);
		filter: blur(0px);
	}
}
.index-kv-full-block{
	padding-top: 100px;
	text-align: center;
}
.index-kv-full-title{
	margin: 0 auto 20px auto;
	display: block;
}
.index-kv-full-box .form-control{
	border: 0;
}
.index-kv-full-box .code{
	text-align: left;
}
.index-kv-full-box form .row{
	margin-bottom: 10px;
}
.index-kv-full-box .confirm, 
.index-kv-full-box .confirm > a{
	color: #fff;
}
.index-kv-full-box .confirm > a:hover, 
.index-kv-full-box .confirm > a:active, 
.index-kv-full-box .confirm > a:focus{
	color: #fff;
}
.index-kv-full-scrollTo{
	color: #fff;
}
.index-kv-full-scrollTo:hover, 
.index-kv-full-scrollTo:active, 
.index-kv-full-scrollTo:focus{
	color: #fff;
}
.index-kv-full-scrollTo:hover::after, 
.index-kv-full-scrollTo:active::after, 
.index-kv-full-scrollTo:focus::after{
	width: 0%;
}
.index-kv-full-scrollTo::after{
	content: '';
	position: relative;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background-color: #fff;
	display: block;
	margin: 0 auto;
	transition: width .2s;
}
.index-full-tilte-block{
	margin-bottom: 60px;
}
.index-full-tilte{
	color: #c2267d;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	font-size: 45px;
	line-height: 1.3;
}
.index-full-tilte::after{
	position: relative;
	display: block;
	width: 50px;
	height: 2px;
	bottom: -10px;
	background-color: #ca9868;
	margin: 0 auto;
	content: '';
}
.index-full-subtilte{
	text-align: center;
	font-weight: bold;
	margin: 0;
	font-size: 16px;
	letter-spacing: 1px;
}
.index-full-section{
	padding: 70px 0px;
	border: 0;
}
.index-full-section-bgcolor{
	background-color: #efece6;
}
.index-full-section-bgcolor2{
	background-color: #f9f8f4;
}
.index-member{
	background-image: url(../images/index-member-bg.jpg);
	background-size: cover;
	background-attachment: scroll;
}
.index-member-person{
	display: block;
	margin-bottom: 30px;
	color: #666;
}
.index-member-wrap{
	position: relative;
	width: 155px;
	height: 155px;
	margin: 0 auto 10px auto;
}
.index-member-photo{
	width: 100%;
	height: 100%;	
	border-radius: 50%;
	overflow: hidden;
}
.index-member-photo:hover img, 
.index-member-photo:active img,
.index-member-photo:focus img{
	transform: scale(1.07);
}
.index-member-photo img{
	width: 100%;
	transition: transform .2s;
}
.index-member-area, .owl-carousel .index-member-wrap .index-member-area{
	position: absolute;
	top: 5px;
	left: -10px;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	line-height: 50px;
}
.index-member-male{	
	background-color: #84b491;
}
.index-member-female{
	background-color: #ef90a4;
}
.index-member-name{
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
}
.index-member-slider .owl-carousel .owl-controls.clickable{
	top: initial !important;
	bottom: 0px;
	left: 0;
	margin: 0 auto -20px auto;
	text-align: center;
	display: inline;
}
.index-full-bg-bw{
	background-image: url(../images/index-full-bg-bw.jpg);
	background-size: cover;
	background-attachment: scroll;
	background-position: center top;
}
.index-counter-box{
	position: relative;
	width: 310px;
	height: 310px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 30px 30px rgba(0,0,0,0.1);
	text-align: center;
	padding-top: 30px;
	margin: 0 auto 0 auto;
}
.index-counter-text{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: 160px;
}
.index-full-couple{
	position: relative;
	margin: -60px 0 -70px 0;
	right: -300px;
}
.index-full-chart{
	position: absolute;
	bottom: 50px;
	left: 0px;
	z-index: 0;
}
.index-full-consultant-box{
	background-color: #fff;
	padding: 15px;
	box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
}
.index-full-consultant-photo{
	overflow: hidden;
	margin-bottom: 30px;
}
.index-full-consultant-photo img{
	width: 100%;
}
.consultant-name{
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
}
.consultant-title{
	font-size: 12px;
	text-align: center;
}
.index-full-wedding-box{
	padding: 5px;
}
.index-full-wedding-photo{
	overflow: hidden;
	margin-bottom: 40px;
}
.wedding-title{	
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}
.wedding-title::after{
	content: '';
	position: relative;
	bottom: -10px;
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 2px;
	background-color: rgba(0,0,0,0.1);
}
.wedding-name, .wedding-time{
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
}
.wedding-name > i{
	margin: 0 3px;
}
.wedding-toggle div.toggle > label{
	background-color: transparent;
	border: 0;
	text-align: center;
}
.wedding-toggle div.toggle div.toggle-content{
	background-color: transparent;
	text-align: left;
}
.wedding-toggle div.toggle.active > label:before, .wedding-toggle div.toggle > label:before{
	display: none;
}
.fa-round-border{
	border: 3px solid rgba(0,0,0,0.2);
	color: rgba(0,0,0,0.2);
	background-color: #fff;
	border-radius: 50%;
	padding: 10px;
	transition: all .2s;
}
.fa-round-border:hover, 
.fa-round-border:focus, 
.fa-round-border:active,
.wedding-toggle:hover .fa-round-border,
.wedding-toggle:focus .fa-round-border,
.wedding-toggle:active .fa-round-border{
	border: 3px solid rgba(0,0,0,0.3) !important;
	color: rgba(0,0,0,0.3) !important;
}
.wedding-toggle div.toggle.active > label > .fa-round-border{
	transform: rotate(180deg);
}
.index-full-single-flower{
	background-image: url(../images/index-full-bg-flower.jpg);
	background-attachment: scroll;
	background-position: left top;
	background-size: contain !important;
	overflow: hidden;
}
.index-full-section-box{
	background-color: #fff;
	padding: 40px 30px 0px 30px;
}
.index-full-event-item{
	
}
.index-full-event-box{
	padding: 0 30px;
	background-image: linear-gradient(180deg,#fff 25%, #f2f2f2 25% );
}
.index-full-event-photo{
	overflow: hidden;
	height: 180px;
	border: 5px solid #fff;
	margin-bottom: 30px;
	background-color: #ccc;
}
.index-full-event-text{
	padding: 0px 0 60px 0;
}
.index-full-event-text p{
	text-align: left;
	display:-webkit-box;
	height: 65px;
	overflow: hidden;
	-webkit-line-clamp:3;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
.index-full-event-photo img{
	width: 100%;
}
.index-full-event-slider .owl-wrapper :nth-child(odd) .index-full-event-item > .index-full-event-box{
	background-image: linear-gradient(180deg,#fff 25%, #f8f8f8 25% );
}
.index-full-event-slider .owl-wrapper :nth-child(n+1) .index-full-event-item > .index-full-event-box .index-full-event-title::after,
.index-full-event-slider .owl-wrapper :nth-child(n+1) .index-full-event-item > .index-full-event-box .btn-cta{
	background-color: #ca9868;
}
.index-full-event-slider .owl-wrapper :nth-child(3n+2) .index-full-event-item > .index-full-event-box .index-full-event-title::after,
.index-full-event-slider .owl-wrapper :nth-child(3n+2) .index-full-event-item > .index-full-event-box .btn-cta{
	background-color: #ef90a4;
}
.index-full-event-slider .owl-wrapper :nth-child(3n) .index-full-event-item > .index-full-event-box .index-full-event-title::after,
.index-full-event-slider .owl-wrapper :nth-child(3n) .index-full-event-item > .index-full-event-box .btn-cta{
	background-color: #84b491;
}
.index-full-event-title{
	text-align: center;
	font-size: 20px;
	padding: 0 50px;
	margin: 0 auto 40px auto;
}
.index-full-event-title::after{
	display: block;
	position: relative;
	margin: 0 auto;
	bottom: -10px;
	content: '';
	width: 30px;
	height: 2px;
	background-color: #ef90a4;
}
.index-full-event-list{
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.index-full-event-list li{
	display: inline;
}
.index-full-event-list li + li{
	margin-left: 5px;
}
.index-full-event-list li > i{
	margin-right: 0px;
}
.index-full-event-slider .owl-carousel{
	overflow: initial;
}
.index-full-event-slider .owl-controls{
	position: absolute;
	left: 0px;
	top: 50px;	
	width: 100%;	
}
.index-full-event-slider .owl-carousel{
	margin-bottom: 0;
}
.index-full-event-slider .owl-controls .owl-buttons .owl-prev{
	float: left;
	margin-left: -40px;
}
.index-full-event-slider .owl-controls .owl-buttons .owl-next{
	float: right;
	margin-right: -40px;
}
.index-full-rg-box{
	position: relative;
	background-color: #fff;
}
.index-full-rg-box::after{
	display: table;
	content: '';
	clear: both;
}
.index-full-rg-block{
	width: 50%;
	display: block;
	float: left;
}
.index-full-rg-text{
	padding: 50px;
}
.index-full-rg-text h3{
	text-align: center;
	margin: 30px auto 30px auto;
}
.index-full-rg-subtitle{
	text-align: center;
	color: #c2267d;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
}
.index-full-rg-photo{
	overflow: hidden;
	max-height: 700px;
}
.index-full-rg-photo img{
	width: 100%;
}
.index-full-rg-form form{
	margin: 0;
}
.index-full-rg-form .confirm{
	margin: 0;
	text-align: center;
	font-size: 12px;
}
.confirm a, .confirm a:hover, .confirm a:active, .confirm a:focus{
	color: #666
}
.index-full-rg-form .form-group{
	margin-bottom: 10px;
}
.index-full-rg-form .form-control{
	background-color: #f8f8f8;
	border: 0;
}
.index-full-rg-flower{
	position: absolute;
	right: -240px;
	bottom: -90px;
}
.index-full-app{
	background-color: #e7e7e7;
	padding: 20px 0;
	border: 0;
}
.index-full-app-list{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0;
	width: 100%;
}
.index-full-app-list li{
	display: inline-block;
	vertical-align: middle;
}
.index-full-app-list li + li{
	margin-left: 10px;
}
.index-kv-couple{
	display: none;
}
.index-cta-block{
	margin-top: 60px;
}
.index-member-slider .owl-controls{
	text-align: center;
}
.index-full-rg-text h3 img{
	max-width: 100%;
}
.cta-br{
	display: none;
}
.app-tilte{
	margin: 0;
	color: #737271;
}
.app-adroid img, .app-ios img{
	max-height: 50px;
}
.seo-only{
	text-indent: -9999px;
	overflow: hidden;
}
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
.text-main{
	color: #c2267d;
}
.font-josefin{
	font-family:'Josefin Sans',Arial,Helvetica,sans-serif !important;
}
.font-counter-p{
	line-height: 0.9;
	color: #c2267d;
	margin: 0;
}
.font-title-count{
	font-size: 130px;
	letter-spacing: -1px;	
}
.font-count{
	font-size: 52px;
}
.font-counter-small{
	margin: 0 auto;
	width: 70%;
	position: relative;	
	z-index: 2;
}
.font-counter-small > .line{
	position: absolute;
	top: 50%;
	z-index: -1;
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,0.1);
}
.font-counter-small .txt{
	background-color: #fff;
	display: block;
	width: 40%;
	margin: 0 auto;
}
.btn-cta{
	background-color: #c2267d;
	color: #fff;
	transition: all .2s;
}
.btn-cta > i.fa-angle-right{
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.btn-cta:hover,
.btn-cta:active,
.btn-cta:focus{
	color: #fff;
	filter: brightness(120%);
}
@media only screen and (max-width: 1200px) {
	.index-full-event-photo{
		height: 150px;
	}
}
@media only screen and (max-width: 1024px) {
	.index-kv-full-block{
		padding-right: 20px;
	}
	.index-full-rg-flower{
		right: -150px;
	}
	.index-full-rg-block{
		width: 100%;
	}
	.index-full-rg-block + .index-full-rg-block{
		display: none;
	}
	.index-full-rg-text{
		padding: 50px 30%;
	}
	.index-full-rg-photo{
		max-height: auto;
	}
	.index-full-event-list{
		text-overflow: ellipsis;
		white-space: normal;
		overflow: initial;
	}
	.index-full-event-list li{
		display: inline-block;
		margin-right: 5px;
	}
	.index-full-event-list li + li{
		margin-left: 0px;
	}
}
@media only screen and (max-width: 992px) {
	.index-kv-couple{
		display: block;
		max-width: 100%;
	}
	.index-kv-full{
		background-image: none;
		padding-top: 0;
		padding-bottom: 40px;
		background-color: #d5cecc;
	}
	.index-kv-full-block{
		padding: 0px 20%;
		margin-top: -250px;
	}
	.index-kv-full-box .confirm, .index-kv-full-box form{
		margin-bottom: 0;
	}
	.index-full-rg-text{
		padding: 50px 15%;
	}
	.index-full-rg-flower{
		display: none;
	}
	.index-full-flower, .index-full-flower2{
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	section.index-kv-full form div.row>div{
		margin-bottom: 0;
	}
	.index-full-couple{
		display: none;
	}
	.index-full-chart{
		position: relative;
		display: block;
		margin: 0 auto;
		bottom: initial;
		max-width: 90%;
	}
	.index-full-rg-text{
		padding: 30px 20px;
	}
	.index-full-rg-text h3 img{
		max-width: 80%;
	}
	.cta-br{
		display: initial;
	}
}
@media only screen and (max-width: 630px) {
	.index-kv-full-block{
		padding: 0px 20px;
		margin-top: -80px;
	}
	.index-kv-full-title{
		max-width: 60%;
	}
	.index-kv-full-scrollTo{
		font-size: 12px;
	}
	.index-kv-full-link{
		margin-bottom: 10px;
	}
	.index-full-event-title{
		padding: 0 20px;
	}
	.app-icon, .app-tilte{
		margin-bottom: 20px;
	}
	.app-adroid, .app-ios{
		display: block;
		margin-bottom: 10px;
	}
	.index-full-tilte{
		font-size: 40px;
	}
}

/* 20200624登入+註冊修改 */
.singleparty-login{
	background-color: #efefef;
	padding: 40px 0px;
	border: 0;
}
.singleparty-login-box{
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 3px;
	overflow: hidden;
	min-height: 740px;
}
.singleparty-login-title{
	background-color: #ea565e;
	padding: 15px 26px;
}
.singleparty-login-title2{
	background-color: #2e58a6;
}
.singleparty-login-title h2{
	color: #fff;
	margin-bottom: 0;
	font-size: 20px;
}
.singleparty-login-body{
	padding: 30px;
}
.singleparty-login .nav-tabs{
    display: none;
}
.singleparty-login .tab-content>.tab-pane{
	display: block;
	width: 50%;
	float: left;
	padding: 0px 10px;
}
.singleparty-login .tab-content>.active{
    display: block;
}
.singleparty-login .fade.in{
    opacity: 1;
}
.singleparty-login .fade{
    opacity: 1;
}
.singleparty-login .confirm{
	color: #666;
}
.singleparty-login .nav-tabs.nav-button-tabs>li>a{
	background-color: rgba(0,0,0,0.03) !important;
}
.singleparty-login .nav-tabs.nav-button-tabs>li.active>a{
	color: #666 !important;
	background-color: #fff !important;
}
.btn-second {
	color: #fff;
	background-color: #2e58a6;
	border-color: rgba(0,0,0,0.1);
}
.btn-second:hover,
.btn-second:focus,
.btn-second.focus {
	color: #fff;
}
@media (max-width: 992px) {
	.singleparty-login-box{
		min-height: auto;
	}
	.singleparty-login .nav-tabs{
		display: block;
	}
	.singleparty-login .tab-content>.tab-pane{
		width: 100%;
		float: initial;
		display: none;
		padding: 0px;
	}
	.singleparty-login .tab-content>.active{
		display: block;
	}
	.singleparty-login .fade.in{
		opacity: 1;
	}
	.singleparty-login .fade{
		opacity: 0;
	}
}

/* 20200624 滿版首頁修改 */
.index-full-event-title{
	min-height: 60px;
	margin: 0 auto 30px auto;
	line-height: 1.4;
}
@media (max-width: 320px) {
	.index-full-event-photo{
		height: 100px;
	}
	.index-member-wrap{
		width: 120px;
		height: 120px;
	}
	.index-full-event-box{
		padding: 0px 20px;
		background-image: linear-gradient(180deg,#fff 12%, #f2f2f2 12% );
	}
	.index-full-event-slider .owl-wrapper :nth-child(odd) .index-full-event-item > .index-full-event-box{
		background-image: linear-gradient(180deg,#fff 12%, #f8f8f8 12% );
	}
}
/* 20200715新增單身認證 */
.single-prove{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 48px;
	z-index: 99;
}
.single-prove img{
	max-width: 100%;
}

/* 20200812新增約會總覽列表 */
.date-boxlist{
	margin: 40px auto;
	width: 75%;
	/* box-shadow: 0px 0px 30px rgba(0,0,0,0.1); */
	border: 20px solid rgba(0,0,0,0.05);
}
.date-boxlist .nav-tabs > li{
	width: 33.333333%;
}
.date-boxlist .tab-content{
	padding: 40px 20px;
}
.date-boxlist .nav-tabs{
	border-bottom: 0;
}
.date-boxlist .nav-tabs>li>a{
	background-color: rgba(0,0,0,0.05);
	margin-right: 0;
	font-size: 18px;
	text-align: center;
	padding: 15px;
}
.date-boxlist .nav-tabs.nav-top-border>li.active>a,
.date-boxlist .nav-tabs.nav-top-border>li.active>a:hover{
	background-color: #fff;
}
.date-boxlist .nav-tabs > li.active > a, 
.date-boxlist .nav-tabs > li.active > a:hover, 
.date-boxlist .nav-tabs > li.active > a:focus{
	border-color: transparent;
}
.date-pagination{
	text-align: center;
}
.date-table{
	table-layout:fixed;
}
.date-table a{
	color: #ea565e;
}
.date-table tbody > tr:hover{
	background-color: rgba(0,0,0,0.03);
}
.date-table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.date-table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding: 16px 8px;
	text-align: center;
}
.date-table > thead > tr > th,
.date-table > tbody > tr > td{
	border-bottom: 1px solid #ececec;
}
.date-table > thead > tr > th{
	color: #c7c7c7;
}
/* 約會專家問卷調查表 */
.evaluation{
	border: 0;
	background-color: #f4f4f4;
}
.evalution-form{
	max-width: 820px;
	margin: 0 auto;
}
.evalution-box{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
}
.evalution-box + .evalution-box{
	margin-top: 20px;
	padding-top: 30px;
}
.evalution-header, .evalution-content{
	padding: 30px;
}
.evalution-header{
	background-color: #c2267d;
}
.evalution-header h1{
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.evalution-content h3{
	font-size: 18px;
	margin-bottom: 20px;
}
.evalution-content h3 > .label{
	color: #977524;
	background-color: #f7f2de;
	margin-left: 5px;
}
.evalution-content ol,
.evalution-content ul{
	padding: 0;
	list-style: none;
	margin: 0;
}
.evalution-question{
	position: relative;
	z-index: 10;
}
.evalution-question .col-md-4,
.evalution-question .col-xs-6{
	padding-left: 4px;
	padding-right: 4px;
}
.sp-label{	
	width: 100%;	
	padding: 4px 8px 4px 32px;
	margin-bottom: 8px;
	position: relative;
}
.label-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	border-radius:3px;
	border: 1px dotted rgba(194,38,125,0.2);
	transition: background-color .2s;
}
.sp-border-main{
	border: 2px dotted rgba(194,38,125,0.2);
}
.sp-border-main:focus{
	border: 2px dotted rgba(194,38,125,0.4);
}
.sp-label > i, .sp-label:hover > i, .sp-label:focus > i{
	top: 8px;
	left: 8px;
	border-color: rgba(0, 0, 0, 0.04) !important;
	background-color: rgba(0, 0, 0, 0.05);
}
.sp-label input:checked ~ .label-bg{
	background-color: rgba(194,38,125,0.9);	
}
.sp-label input:checked ~ span{
	color: #fff;
}
.sp-label input:checked + i{
	background: #fff;
	border-color: transparent;	
}
.sp-label input[type="radio"] + i:after{
	background-color: #c2267d;
}
.sp-label input[type="checkbox"] + i:after{
	background-color: #fff;
	color: #c2267d;
}
.evalution-question + .evalution-question,
.evalution-question-btn{
	margin-top: 60px;
}
.evalution-question .row{
	margin-left: -4px;
	margin-right: -4px;
}
.evalution-question label{
	color: #c2267d;
}
.evalution-question.readonly label{
	color: #ccc;
}
.evalution-question.readonly .label-bg, .evalution-question.readonly .sp-border-main{
	border: 1px dotted rgba(0,0,0,0.05);
}
.evaluation form div.row>div{
	margin-bottom: 0;
}
.evalution-start{
	font-size: 14px;
	padding-top: 20px;
	line-height: 1.1;
	color: #fff;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -35px;
	width: 90px;
	height: 80px;
	text-align: center;
	z-index: 2;
}
.evalution-start::before{
	content: '';
	background-image: linear-gradient(0deg, #c2267d 70%, transparent 100%);
	width: 52px;
	height: 35px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0px;
	z-index: -1;
}
.evalution-start::after{
	content: '';
	width: 100%;
	height: 0px;
	border-top:45px solid #c2267d;
	border-left:45px solid transparent;
	border-right:45px solid transparent;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
@media (max-width: 1024px) {
	.date-boxlist{
		width: 90%;
	}
}
@media (max-width: 768px) {
	.date-table{
		table-layout:auto;
	}
	.date-boxlist .nav-tabs>li>a{
		font-size: 14px;
	}
}
@media (max-width: 630px) {
	.date-boxlist{
		width: 95%;
	}
	.date-boxlist .tab-content{
		padding: 30px 15px;
	}
	.evalution-header h1{
		font-size: 30px;
	}
}

/* 20201207 */
.index-full-section-banner{
	padding: 40px 0;
}
.index-banner-slider .owl-carousel{
	margin-bottom: 0;
}
.index-banner-slider .owl-controls{
	text-align: center;
	margin-top: 10px;
}
.index-banner-slider-item img{
	max-width: 100%;
}
@media only screen and (max-width: 630px) {
	.index-full-section-banner{
		padding: 20px 0;
	}
}

/* 20210113首頁修改 */
.index-kv-full-slider{
	overflow: hidden;
}
.index-kv-register{
	position: absolute;
	max-width: 1400px;
	width: 100%;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.index-kv-register::after{
	display: table;
	content: '';
	clear: both;
}
.index-kv-register-block{
	width: 100%;
	max-width: 458px;
	padding: 0 15px;
	float: right;
}
.index-kv-full-slider{
	padding: 0;
	border: 0;
	position: relative;
	z-index: 2;
}
.index-kv-full-slider .owl-item > div{
	height: 890px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.index-kv-full-slider .owl-carousel{
	
}
.index-kv-register-title{
	width: 100%;
	max-width: 100%;
	margin-bottom: 60px;
}
.index-kv-register-block-box{
	width: 100%;
	padding-top: 150px;
}
.index-kv-register-block-form{
	padding-left:15px;
	padding-right: 15px;
}
.index-kv-register-block-form form .form-control{
	border: 0;
}
.index-kv-register-block-form form .row{
	margin-bottom: 10px;
}
.index-kv-full-slider .confirm, 
.index-kv-full-slider .confirm > a{
	margin-top: 20px;
	color: #414141;
}
.index-kv-full-slider .confirm > a:hover, 
.index-kv-full-slider .confirm > a:active, 
.index-kv-full-slider .confirm > a:focus{
	color: #414141;
}
.float-panel-line{
	z-index: 2;
}
.index-kv-full-slider .owl-fade-out{
	animation: fadeOut 1.4s both ease;
}
.index-full-chart-block{
	text-align: center;	
}
.index-full-chart-block img{
	max-width: 100%;
}
.index-full-single-flower{
	background-image: url(../images/index-full-bg-flower-light.jpg);
}
@keyframes index-kv-flower{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.03);
	}
	100%{
		transform: scale(1);
	}
}
@media only screen and (max-width: 992px){
	.index-kv-register{
		position: relative;
		background-color: #efece6;
	}
	.index-kv-full-slider .owl-item > div{
		height: auto;
	}
	.index-kv-register-block{
		margin: 0 auto;
		float: none;
	}
	.index-kv-register-block-box{
		padding: 30px 0px;
		text-align: center;
	}
	.index-kv-register-title{
		margin: 20px auto 50px auto;
	}
}
@media only screen and (max-width: 768px){
	.index-kv-full-slider form div.row>div{
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 630px){
	.index-kv-register-title{
		max-width: 80%;
	}
}

/* 20210305新增地址及營業時間 */
.new-footer h5.title{
	letter-spacing: 2px;
	margin-bottom: 60px;
}
.infomation-new{
	width: 70%;
	margin: 80px auto 0px auto;
	padding: 15px 0px;
}
.infomation-new::after{
	content:'';
	display: table;
	clear: both;
}
.infomation-new .info-item{
	font-size: 11px;
	text-align: center;
	float: left;
	width: 50%;
}
@media only screen and (max-width: 992px){
	.infomation-new{
		width: 100%;
		margin: 80px auto 0px auto;
		padding: 15px 0px;
	}
	.infomation-new .info-item{
		float: none;
		width: 100%;
	}
}

/* 20210408首頁banner輪播區塊標題 */
.index-full-love-tilte-block{
	margin-bottom: 40px;
}
.index-full-love-tilte{
	text-align: center;	
	margin: 0;
}
.index-full-love-tilte img{
	max-width: 215px;
	margin: 0 auto;
}

/* 20210601修改 */
.badge-sm{
	font-size: 12px;
	padding: 2px 5px;
}

/* 20210604修改 */
.index-letters-area{
	text-align: center;
	padding: 80px 15px;
	min-height: 400px;
	background-image: url(../images/index-full-bg-letters.jpg);
	background-size: cover;
	background-attachment: scroll;
}
.index-letters-area h3{
	color: #2d2d2d;
	font-size: 45px;
	line-height: 1.2;
	margin-bottom: 15px;
	text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 5px #fff;
}
.index-letters-area p{
	color: #2d2d2d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 50px;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 5px #fff;
}
.index-letters-area .btn-cta{
	min-width: 200px;
}
@media only screen and (max-width: 630px){
	.index-full-section-letters{
		padding: 15px 0;
	}
	.index-letters-area h3{
		font-size: 32px;
		line-height: 1.4;
	}
	.index-letters-area h3 > br{
		display: none;
	}
}

/* 20210706新增 */
.header-banner{
	background-color: #00A0E9;
	color: #fff;
	text-align: center;
}
.header-banner a{
	color: #fff;
	display: block;
	padding: 6px 10px;
	letter-spacing: 2px;
	font-size: 16px;
	font-weight: bold;
}
.header-banner a:hover,
.header-banner a:focus,
.header-banner a:active{
	color: #fff !important;
}
#header.fixed + .header-banner{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9;
}

/* 20210923 會員牆 */
.index-member-item2{
	padding: 0 8px;
}
.index-member-person2{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 120%;
	overflow: hidden;
	margin-bottom: 16px;
	background-color: #f0f0f0;
}
.index-member-person2::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-image: linear-gradient( 0deg, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 50%);
}
.index-member-person2 > img{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-width: 100%;
}
.index-member-btns{
	position: absolute !important;
	bottom: 8px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	text-align: center;
}
.index-member-name2{
	color: #fff;
	font-size: 12px;
	margin-bottom: 0;
}
.index-member-icon{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	margin-bottom: 4px;
}
.index-member-icon:hover, .index-member-icon:focus, .index-member-icon:active,
.index-member-icon:hover > i, .index-member-icon:focus > i, .index-member-icon:active > i{
	color: #fff !important;
	filter: brightness(110%);
}
.index-member-icon > i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.index-member-icon + .index-member-icon{
	margin-left: 12px;
}
.index-member-icon.phone{
	background-color: #84b491;
}
.index-member-icon.message{
	background-color: #ef90a4;
}
@media only screen and (max-width: 630px){
	.index-member-person2{
		margin-bottom: 0;
	}
	.index-member-person2 + .index-member-person2{
		margin-top: 16px;
	}
}
/* 20221125 LINE@ */
.side-panel {
    width: 70px;
    height: auto;
    position: fixed;
    right: 1%;
    top: 40%;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 99;
}
.side-panel li a {
    display: block;
    width: 70px;
    height: 70px;    
    line-height: 5;
    border-radius: 50%;
    transition: all .2s;
    background-color: #00b900;
    color: #fff;
}
.side-panel li a.lineat{
    background-color: #00b900;
    color: #fff;    
}
.side-panel li a .lineat{
    width: 65%;
}
.side-panel li a .line-icon {
    width: 65%;
    margin: 0 18%;
}
@media only screen and (max-width: 630px){
	.side-panel {
	    width: auto;
	    display: table;
	    height: auto;
	    position: fixed;
	    left: unset;
	    right: 0;
	    top: 30%;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    z-index: 99;
	}
}
/* 20221125 LINE@