@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

@font-face {
  font-family: 'Conv_Muli';
  src: url("../fonts/Muli.eot");
  src: url("../fonts/Muli.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Muli.woff") format("woff"),
       url("../fonts/Muli.ttf") format("truetype"),
       url("../fonts/Muli.svg#Muli") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Conv_Muli-SemiBold';
  src: url("../fonts/Muli-SemiBold.eot");
  src: url("../fonts/Muli-SemiBold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Muli-SemiBold.woff") format("woff"),
       url("../fonts/Muli-SemiBold.ttf") format("truetype"),
       url("../fonts/Muli-SemiBold.svg#Muli") format("svg");
	font-weight: normal;
	font-style: normal;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/


.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#43b97e;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Noto Sans TC', sans-serif;
}


textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
}

/* Typography */

h1{
	font-size:55px;
}

h2{
	font-size:40px;
}

h3{
	font-size:30px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

/* List Style One */

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#06092d;
	font-size:16px;
	padding-left:65px;
	font-weight:400;
	line-height:1.9em;
	margin-bottom:25px;
}

.list-style-one li:last-child{
	margin-bottom:0px;
}

.list-style-one li strong{
	position:relative;
	display:block;
	color:#000000;
	font-size:24px;
	font-weight:700;
	margin-bottom:10px;
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color:#ffffff;
	font-size:22px;
	line-height:34px;
	font-weight:300;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.list-style-one li .icon:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:20px;
	height:38px;
	z-index:-1;
	display:inline-block;
	transform:rotate(30deg);
	background-color:#44bb7f;
}

.list-style-one li:nth-child(2) .icon:after{
	background-color:#fe6b8d;
}

.list-style-one li:nth-child(3) .icon:after{
	background-color:#fbb890;
}

/* List Style Two */

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding-left:30px;
	font-weight:400;
	line-height:1.6em;
	margin-bottom:20px;
}

.list-style-two li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color:#ffffff;
	font-size:18px;
	line-height:1em;
	font-weight:300;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 15px 56px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 3px;
	overflow:hidden;
	background-color:#43b97e;
	text-transform: capitalize;
	border:5px solid #eef4f1;
	font-family: 'Noto Sans TC', sans-serif;
}

.btn-style-two:before{
	position: absolute;
	content: '';
    left: 110%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #ffe00c;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two .txt:before{
	position:absolute;
	content:'';
	left:-30px;
	top:10px;
	width:21px;
	height:4px;
	background:url(../images/icons/button-icon-one.png) no-repeat;
}

.btn-style-two .txt:after{
	position:absolute;
	content:'';
	right:-30px;
	top:10px;
	width:21px;
	height:4px;
	background:url(../images/icons/button-icon-two.png) no-repeat;
}

.btn-style-two:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover{
	color: #222222;
	border-color:#ffe00c;
}

/* For enquiry */


.enquirybtn-style-two{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	padding: 10px 36px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 10px;
	overflow:hidden;
	/* background-color:#43b97e; */
	background-color: #ffffff;
	text-transform: capitalize;
	border:1px solid #eef4f1;
	font-family: 'Noto Sans TC', sans-serif;
}

.enquirybtn-style-two:before{
	position: absolute;
	content: '';
    left: 110%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #ffe00c;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

.enquirybtn-style-two .txt{
	position:relative;
	z-index:1;
}

.enquirybtn-style-two .txt:before{
	position:absolute;
	content:'';
	left:-30px;
	top:10px;
	width:21px;
	height:4px;
	background:url(../images/icons/button-icon-one.png) no-repeat;
}

.enquirybtn-style-two .txt:after{
	position:absolute;
	content:'';
	right:-30px;
	top:10px;
	width:21px;
	height:4px;
	background:url(../images/icons/button-icon-two.png) no-repeat;
}

.enquirybtn-style-two:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.enquirybtn-style-two:hover{
	color: #4a4c70;
	border-color:#ffe00c;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#222222;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#000000;
}


/*** 

====================================================================
	Benefit Section
====================================================================

***/

.benefit-section{
	position: relative;
    /* padding: 150px 0px 0px; */
    padding: 30px 0px 0px;
    top: -70px;
}

.benefit-section .background-layer-one{
	position:absolute;
	right:0px;
	top:20px;
	width:606px;
	height:343px;
	background-repeat:no-repeat;
}

.benefit-section .background-layer-two{
	position:absolute;
	left:0px;
	bottom:0px;
	width:774px;
	height:416px;
	background-repeat:no-repeat;
}

.benefit-section .images-column{
	position:relative;
	margin-bottom:40px;
}

.benefit-section .images-column .inner-column{
	position:relative;
	margin-left:-50px;
}

.benefit-section .images-column .color-layer{
	position:absolute;
	right:80px;
	top:-60px;
	width:350px;
	height:720px;
	background: #F2B4C4;
	background: -webkit-linear-gradient(to right, #F2B4C4 0%, #f4e3fb 100%);
	background: -moz-linear-gradient(to right, #F2B4C4 0%, #f4e3fb 100%);
	background: linear-gradient(to right, #F2B4C4 0%, #f4e3fb 100%);
}

.benefit-section .images-column .inner-column .pattern-layer{
	position:absolute;
	left:40px;
	top:-150px;
	width:241px;
	height:388px;
	background-repeat:no-repeat;
}

.benefit-section .images-column .inner-column .pattern-layer-two{
	position:absolute;
	left:-80px;
	bottom:-40px;
	width:241px;
	height:388px;
	background-repeat:no-repeat;
}

.benefit-section .images-column .image{
	position: relative;
    padding: 10px;
    display: inline-block;
    /* background-color: # ffffff; */
    /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); */
    top: -25px;
}

.benefit-section .images-column .image-two{
	position:relative;
	margin-left:130px;
	margin-top:-160px;
	padding:10px;
	display:inline-block;
	background-color:#ffffff;
	box-shadow:0px 10px 35px rgba(0,0,0,0.25);
}

.benefit-section .images-column .image-three{
	position:absolute;
	right:15px;
	top:130px;
	padding:10px;
	display:inline-block;
	background-color:#ffffff;
	box-shadow:0px 10px 25px rgba(0,0,0,0.25);
}

.benefit-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.benefit-section .content-column .inner-column{
	position:relative;
	margin-right:-60px;
}

.benefit-section .content-column .inner-column .btn-box{
	position:relative;
	margin-top:40px;
}

.benefit-section .lower-text{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.benefit-section .lower-text p{
	position:relative;
	color:#06092d;
	font-size:24px;
	line-height:1.6em;
	font-weight:500;
}

@media only screen and (min-width: 0px) and (max-width: 600px){
    .benefit-section .lower-text {
		/* position: relative;
		text-align: center;
		margin-top: 30px; */
		display: none;
	}
  }