@media only screen and (min-width: 1024px) {
	#wrapper {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 100vh;
		display: block;	
		padding: 0;
	}
	@-webkit-keyframes hvr-pop {
	  50% {
		-webkit-transform: scale(1.1); 
		transform: scale(1.1);
	  }
	}
	@keyframes hvr-pop {
	  50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	  }
	}
	.hvr-pop {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(0.5px) translateZ(0);
	  transform: perspective(0.5px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	}
	.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
	  -webkit-animation-name: hvr-pop;
	  animation-name: hvr-pop;
	  -webkit-animation-duration: 0.2s;
	  animation-duration: 0.2s;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}
	.blind {
		pointer-events: none;	
		filter: grayscale(100%);
	}
/*----------------------------------------------------------------------------------------*/
/*-MENU------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.menu {
	width: 100%;
	height: auto;
	display: flex;
	padding: 15px 25px 15px 25px;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	
}
	.menu .logo {
		width: auto;
		height: auto;
		display: inline-block;
		position: absolute;
		left: 25px;
	}
	.menu-icon span {
        width:auto;
        height: 36px;
        display: inline-block;
    }
       .menu .logo svg {
            width:auto;
            height: 36px;
            display: block;
        }		
           .menu .logo path{
                fill:#FFF;
            }	
	.menu .link {		
		width: auto;
		height: auto;
		display: inline-flex;
		align-items: center;
		margin-left: 20px;
	}
		.menu .link a {		
			font-size: 0.8rem;
			color: #D2A4F0;
			margin-left: 20px;
		}
		.menu .link a.active {		
			color: #FFF;
		}
	.menu .small-link {
		display: none;
	}
	.menu .flag {
		width: auto;
		height: auto;
		display: inline-flex;
		align-items: center;
		margin-left: 20px;
		position: relative;
	}
		.menu .flag .option {
			width: auto;
			height: auto;
			display: inline-flex;
			align-items: center;
		}
		.menu .flag .option .icon {
			width:30px;
			height: 30px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			background-color: #FFF;
			border-radius: 50%;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}
		.menu .flag .option .icon svg {
            width:auto;
            height: 26px;
            display: block;
        }		
		.menu .flag .option .arrow {
			width:auto;
			height: 8px;
			margin-left: 5px;
		}
		.menu .flag .option .arrow svg {
            width:auto;
            height: 8px;
            display: block;
        }	
			.menu .flag .option .arrow svg path {
                fill:#FFF;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
            }	
		.menu .flag .option.active .icon {			
			background-color:#FF9600;
		}
		.menu .flag .option.active .arrow svg path {			
			fill:#FF9600;
		}
		.menu .flag .lang-down-box {
			width: auto;
			height: auto;
			display: block;
			padding: 8px 16px;
			position: absolute;
			border-radius: 10px;
			background-color: #D2A4F0;
			top: 20px;
			right: -10px;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}
		.menu .flag .lang-down-box.active {
			top: 40px;
			opacity: 1;
			visibility: inherit;
		}
			.menu .flag .lang-down-box a {
				width: 100%;
				height: auto;
				display: flex;
				align-items: center;
				margin: 8px 0;
				font-size: 0.75rem;
				color: #111;
			}
			.menu .flag .lang-down-box svg {
				width:auto;
				height: 26px;
				display: block;
				margin-right: 10px;
			}		
/*----------------------------------------------------------------------------------------*/
/*-HEADER--------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.header {
	width: 100%;
	height: auto;
	display: block;
	background-color: #561280;
}
	.header .header-set {
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
		height: auto;
		display: block;
	}
/*----------------------------------------------------------------------------------------*/
/*-CONTENT--------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.content {
		width: 100%;
		height: auto;
		display: block;
		transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
	}
	.content .content-set {
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
		height: auto;
		display: block;
	}
	.content-gray {
		width: 100%;
		height: auto;
		display: block;
		background-color: #F9F9F9;
		transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
	}
	.content-gray .content-gray-set {
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
		height: auto;
		display: block;
	}
/*----------------------------------------------------------------------------------------*/
/*-MAIN TITLE-----------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.main-title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;		
		font-size: 1.5rem;
		color: #561280;
		font-weight: bold;
		margin-bottom: 50px;
	}
		.main-title span {
			width: 50px;
			height: 6px;
			border-radius: 6px;
			background-color: #FF9600;
			position: absolute;
			bottom: -10px;
		}
	.minor-title {
		width: 100%;
		height: auto;
		display: block;
		position: relative;	
		text-align: center;
		font-size: 1.1rem;
		color: #561280;
		font-weight: bold;
		margin-bottom: 30px;
	}
/*----------------------------------------------------------------------------------------*/
/*-INDEX--------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.index-welcome-bg {
		background-image: url("../img/objects/index-welcome-bg.png");
		background-position:bottom;
		background-size: cover;
		background-attachment: fixed;
	}
	.index-banner {
		width: 100%;
		height: auto;
		display: flex;
		align-content: center;
		padding: 30px 25px 45px 25px;
	}
	.index-banner .left {
		width: 50%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.index-banner .right {
		width: 50%;
		height: auto;
		display: block;
		text-align: center;
	}
	.index-banner .index-welcome {
		width: auto;
		height: auto;
		display:inline-block;
	}
	.index-banner .index-welcome .level {
		width: auto;
		height: auto;
		display:inline-flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.index-welcome .logo svg {
        width:auto;
        height: 100px;
        display: block;
		margin-right: 15px;
    }		
      .index-welcome .logo path{
            fill:#FFF;
        }	
	.index-welcome .main-text {
		color: #FFF;
		font-size: 3.1rem;
    }	
	.index-welcome .text {
		color: #EFD7FF;
		font-size: 1.3rem;
		line-height: 1.1;
    }
	.index-welcome .des {
		color: #FFF;
		font-size: 0.85rem;
		font-weight: 300;
    }	
	.index-banner .banner-img {
		width: 50%;
		display: inline-block;
	}
	
	.index-highlight {
		width: 100%;
		height: auto;
		display: flex;
		align-content: center;
		justify-content: center;
		position: relative;
		margin-top: -30px;
	}
		.index-highlight p {
			width: auto;
			height: 60px;
			display: inline-flex;
			align-items: center;
			background-color: #FF9600;
			color: #FFF;
			font-size: 1.1rem;
			border-radius: 30px;
			padding: 10px 30px;
		}
	.index-service {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px ;
	}
	.index-service .index-service-column-box {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: grid !important;
		grid-template-columns: repeat(auto-fill, 24%);
		justify-content: space-between;
	}
	.index-service .index-service-list {
		width: 100%;
		height: auto;
		display: block;
		background-color: #F9F9F9;
		margin-bottom: 20px;
		position: relative;
		border-radius: 15px;
		padding:20px 15px 0 15px;
	}
		.index-service .index-service-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 15px;
		}
			.index-service .index-service-list .icon img {
				width: auto;
				height: 100px;
				display: inline-block;
			}
		.index-service .index-service-list .title {
			width: 100%;
			height: auto;
			min-height: 54px;
			display:flex;
			align-items: center;
			justify-content: center;
			color: #561280;
			font-size: 0.9rem;
			margin-bottom: 5px;
		}
			.index-service .index-service-list .title span {
				width: 100%;
				height: auto;
				text-align: center;
			}
		.index-service .index-service-list .text {
            width: 100%;
            height: auto;
            display: block;
            text-align: center;
            color: #444;
            font-size: 0.8rem;
			font-weight: 300;			
        }
		.index-service .index-service-list .btn-box {
            width: 100%;
            height: 40px;
            display: flex;
			align-items: center;
			justify-content: center;
        }
			.index-service .index-service-list .btn-box a {
				width: auto;
				height:  auto;
				display: inline-flex;
				align-items: center;
				background-color: #561280;
				color: #FFF;
				font-size: 0.9rem;
				border-radius: 20px;
				padding: 6px 23px;
				position: absolute;
				bottom: -20px;
			}
			.index-service .index-service-list .btn-box a svg {
				width:auto;
				height: 12px;
				display: block;
				margin-left: 10px;
			}		
			.index-service .index-service-list .btn-box a svg g {
				fill:#FFF;
			}	
	.why-content {
		width: 100%;
        height: auto;
        display: block;
		padding: 50px 25px ;
	}
		.why-content .why-set {
			width: 100%;
        	height: auto;			
        	display: flex;
		}
		.why-content .why-set .left {
			width: 35%;
        	height: auto;			
			display: block;
			text-align: center;
		}
		.why-content .why-set .right {
			width: 65%;
        	height: auto;				
			display: block;
		}
	.why-content  .why-img {
		width: 70%;
    	display: inline-block;
	}
	.why-content  .title {
		color: #561280;
    	font-size: 1rem;
		font-weight: bold;
	}
	.why-content  .text {
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
		margin-top: 20px;
	}
		.why-content  .text b, .why-content  .text strong {
			color: #570E82;
		}
		.why-content  .text p {
			line-height: 25px;
			min-height: 25px;
		}
	.comment-content {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
	.comment-content .comment-column {
		width: 100%;
		height: auto;
		display:block;
		position: relative;
		background-color: #F9F9F9;
		border-radius: 10px;
	}
	.comment-content .comment-column .comment-list {
		width: 100%;
		height: auto;
		display: inline-block;
		position: relative;
		text-align: center;
		padding: 20px 100px;
	}
	.comment-content .comment-column .prev-arrow {
		width: 26px;
		display: block;
		position: absolute;
		top: 45%;
		left: -30px;
		opacity: 0.1;
	}
	.comment-content .comment-column .next-arrow {
		width: 26px;
		display: block;
		position: absolute;
		top: 45%;
		right: -30px;
		opacity: 0.1;
	}
	.comment-content .comment-column .prev-arrow:hover {
		opacity: 0.3;
	}
	.comment-content .comment-column .next-arrow:hover {
		opacity: 0.3;
	}
	.comment-column  .title {
		color: #561280;
    	font-size: 1rem;
		font-weight: bold;
	}
	.comment-column .text {
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
		margin-top: 20px;
	}
	.customer {
		width: 100%;
        height: auto;
        display: block;
		padding: 0 0 50px 0 ;
	}
		.customer .btn-box {
			width: 100%;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 40px;
		}
			.customer .btn-box a {
				width: auto;
				height:  auto;
				display: inline-flex;
				align-items: center;
				background-color: #561280;
				color: #FFF;
				font-size: 0.9rem;
				border-radius: 20px;
				padding: 6px 23px;
			}
			.customer .btn-box a svg {
				width:auto;
				height: 12px;
				display: block;
				margin-left: 10px;
			}		
			.customer .btn-box a svg g {
				fill:#FFF;
			}	
	.customer-column {
		width: 100%;
		height: 50px;
		display:flex;
		align-items: center;
	}
	.customer-column .customer-list {
		width: auto;
		height: auto;
		display: inline-block;
		position: relative;
		text-align: center;
		padding: 0 20px;
	}
	.customer-column .customer-list img {
		width: auto;
		height: 50px;
	}
	.customer-show-content {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
		.customer-show-column {
			width: 100%;
			height: auto;
			margin-top: 10px;
			display: grid !important;
			grid-template-columns: repeat(auto-fill, 15%);
			justify-content: space-between;
			padding: 20px 0 0 0;
		}
			.customer-show-column .customer-show-list {
				width: 100%;
				height: auto;
				display: block;
				padding: 10px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.customer-show-list .flag {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				margin-bottom: 5px;
			}
				.customer-show-list .flag img {
					width: 80%;
					height: auto;
					display: inline-block;
				}
			.customer-show-list .name {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				color: #B5B5B5;
				font-size: 0.6rem;
			}
.awards-content {
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 150px;
}
	.awards-content .awards-column-box {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: grid !important;
		grid-template-columns: repeat(auto-fill,49%);
		justify-content: space-between;
	}
	.awards-content .awards-list {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 20px;
		position: relative;
		border-radius: 15px;
		padding: 20px 20% 0 20%;
	}
		.awards-content .awards-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
		}
			.awards-content .awards-list .icon img {
				width: 50%;
				height: auto;
				display: inline-block;
			}
		.awards-content .awards-list .title {
			width: 100%;
			height: auto;
			min-height: 54px;
			display:flex;
			align-items: center;
			justify-content: center;
			color: #561280;
			font-size: 0.9rem;
			margin-bottom: 5px;
		}
			.awards-content .awards-list .title span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.awards-content .awards-list .btn-box {
            width: 100%;
            height: 40px;
            display: flex;
			align-items: center;
			justify-content: center;
        }
			.awards-content .awards-list .btn-box a {
				width: auto;
				height:  auto;
				display: inline-flex;
				align-items: center;
				background-color: #561280;
				color: #FFF;
				font-size: 0.9rem;
				border-radius: 20px;
				padding: 6px 23px;
				position: absolute;
			}
			.awards-content .awards-list .btn-box a svg {
				width:auto;
				height: 12px;
				display: block;
				margin-left: 10px;
			}		
			.awards-content .awards-list .btn-box a svg g {
				fill:#FFF;
			}	
/*----------------------------------------------------------------------------------------*/
/*-FOOTER--------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.footer {
	width: 100%;
	height: auto;
	display: block;
	background-color: #561280;
	background-image: url("../img/objects/footer-bg.png");
	background-size:  cover;
	background-position: bottom;
}
	.footer .footer-set {
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
		height: auto;
		display: flex;
		padding: 80px 25px 50px 25px;
	}
	.footer .footer-set .left {
		width: 40%;
		height: auto;
		display: block;
		padding-right: 15px;
	}
	.footer .footer-set .center {
		width: 30%;
		height: auto;
		display: block;
	}
	.footer .footer-set .right {
		width: 30%;
		height: auto;
		display: flex;
		align-items: center;
	}
	.footer .brand {
		width: auto;
		height: auto;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
		.footer .brand .logo {
			width:auto;
			height: 34px;
			display: inline-block;
		}
		.footer .brand .logo svg {
				width:auto;
				height: 34px;
				display: block;
			}		
			  .footer .brand .logo path{
					fill:#FFF;
				}	
		.footer .brand .name {
			font-size: 1rem;
			color: #FFF;
		}
	.footer .big-text {       
		font-size: 0.8rem;
		color: #FFF;
		margin-bottom: 5px;
    }
	.footer .big-text.add-top {       
		margin-top: 20px;
    }
	.footer .text {
		font-size: 0.7rem;
		font-weight: 300;
        color: #F8EDFF;
    }
	.footer .text strong {
		font-size: 0.8rem;
		color: #FFF;
		font-weight: normal;
    }
	.footer .text p {
		line-height: 25px;
		min-height: 25px;
    }
	.footer .contact-box {
		width: 100%;
		height: auto;
		display: table;		
		padding-left: 10px;
	}
		
		.footer .contact-box a {
			width: auto;
			height: auto;
			display: inline-flex;
			align-items: center;
			font-size: 0.8rem;
			font-weight: 300;
			color: #FFF;
		}
			.footer .contact-box a span {
                width: 28px;
                height: 28px;
                display: inline-flex;
				align-items: center;
				justify-content: center;
				border: 2px solid #FFF;
				border-radius: 50%;
				margin-right:10px;
            }
			.footer .contact-box a span svg {
				width:auto;
				height: 12px;
				display: inline-block;
			}		
			  .footer .contact-box a span svg path{
					fill:#FFF;
				}
	.footer .social-box {
		width: 100%;
		height: auto;
		display: table;		
		padding-left: 10px;
	}
		
		.footer .social-box a {
			width: auto;
			height: auto;
			display: inline-flex;
			align-items: center;
			font-size: 0.8rem;
			font-weight: 300;
			color: #FFF;
		}
			.footer .social-box a span {
               width:auto;
                height: 28px;
                display: inline-block;
				margin-right:20px;
            }
			.footer .social-box a span svg {
				width:auto;
				height: 28px;
				display: inline-block;
			}		
			  .footer .social-box a span svg path{
					fill:#FFF;
				}	
	.footer .qrcode {
		width: 100%;
	}
/*----------------------------------------------------------------------------------------*/
/*-TRANSLATION-----------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.translat-welcome-bg {
		background-image: url("../img/objects/translat-welcome-bg.png");
		background-position:bottom;
		background-size: cover;
		background-attachment: fixed;
	}
	.translat-banner {
		width: 100%;
		height: auto;
		display: flex;
		align-content: center;
		padding: 30px 25px;
	}
	.translat-banner .left {
		width: 50%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.translat-banner .right {
		width: 50%;
		height: auto;
		display: block;
		text-align: center;
	}
	.translat-banner .translat-welcome {
		width: auto;
		height: auto;
		display:inline-block;
	}
	.translat-banner .translat-welcome .level {
		width: auto;
		height: auto;
		display:inline-flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.translat-welcome .logo svg {
        width:auto;
        height: 100px;
        display: block;
		margin-right: 15px;
    }		
      .translat-welcome .logo path{
            fill:#FFF;
        }	
	.translat-welcome .main-text {
		color: #FFF;
		font-size: 3.1rem;
    }	
	.translat-welcome .text {
		color: #EFD7FF;
		font-size: 1.3rem;
		line-height: 1.1;
    }
	.translat-welcome .des {
		color: #FFF;
		font-size: 0.85rem;
		font-weight: 300;
    }	
	.translat-banner .banner-img {
		width: 50%;
		display: inline-block;
	}
	.haveyou-content {
		width: 100%;
		height: auto;
		display: block;
			padding: 50px 25px;
	}
		.haveyou-content .haveyou-title {
			width: auto;
			height: auto;
			display: inline-flex;
			align-items: center;
			background-color: #FF9600;
			color: #FFF;
			font-size: 1rem;
			border-radius: 30px;
			padding: 5px 20px;
			margin: 0 0 15px 0;
		}
		.haveyou-content .haveyou-box {
			width: 100%;
			height: auto;
			display: block;
			padding-left: 30px;
		}
		.haveyou-content .haveyou-list {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			margin-top: 10px;
			font-size: 0.9rem;
			color: #444;
			font-weight: 300;
		}
			.haveyou-content .haveyou-list span {
                width: 30px;
                height: 30px;
                display: inline-flex;
				align-items: center;
				justify-content: center;
				background-color: #561280;
				border-radius: 50%;
				margin-right:10px;
            }
			.haveyou-content .haveyou-list span svg {
				width:auto;
				height: 16px;
				display: inline-block;
			}		
			 .haveyou-content .haveyou-list span svg path{
					fill:#FFF;
				}
	.translat-why {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
	.translat-why .des {
		width: 100%;
		height: auto;
		display: block;
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
		text-align: center;
		padding: 0 100px;
		margin: 20px 0;
	}
		.translat-why .des b {
			color: #570E82;
		}
		.translat-why .des strong {
			color: #570E82;
		}
	.translat-why .translat-why-column-box {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: grid !important;
		grid-template-columns: repeat(auto-fill, 32%);
		justify-content: space-between;
		padding: 40px 50px 0 50px;;
	}
	.translat-why .translat-why-list {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		padding: 0 20px;
	}
	.translat-why .translat-why-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 15px;
		}
			.translat-why .translat-why-list .icon img {
				width: 30%;
				height: auto;
				display: inline-block;
			}
	.translat-why .translat-why-list .title {
		width: 100%;
		height: auto;
		min-height: 54px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 5px;
	}
		.translat-why .translat-why-list .title span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.translat-service {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px  25px 0  25px;
	}
	.translat-service .translat-service-set {
		width: 100%;
		height: auto;
		display:flex;margin-bottom: 50px;
		justify-content: space-between;
	}
		.translat-service .translat-service-set .left {
			width: 48%;
			height: auto;
			display: block;
			background-color: #F9F9F9;
			border-radius: 20px;
		}
		.translat-service .translat-service-set .right {
			width: 48%;
			height: auto;
			display: block;
			background-color: #F9F9F9;
			border-radius: 20px;
		}
		
		.translat-service .translat-service-set .mini {
			width: 23%;
			height: auto;
			display: block;
			background-color: #F9F9F9;
			border-radius: 20px;
		}
	.translat-service .translat-service-list {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		padding: 30px 25px;
	}
	.translat-service .translat-service-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 10px;
		}
			.translat-service .translat-service-list .icon img {
				width: 20%;
				height: auto;
				display: inline-block;
			}
			.translat-service .mini .translat-service-list .icon img {
				width: 30%;
			}
	.translat-service .translat-service-list .title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 10px;
	}
		.translat-service .translat-service-list span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.translat-service .translat-service-list .text {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
	}
	.translat-language-content {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
		.translat-language-content .des {
			width: 100%;
			height: auto;
			display: block;
			color: #444;
			font-size: 0.8rem;
			font-weight: 300;
			text-align: center;
			padding: 0 100px;
			margin: 20px 0;
		}
			.translat-language-content .des b {
					color: #570E82;
				}
			.translat-language-content .des strong {
					color: #570E82;
				}
		.translat-language-column {
			width: 100%;
			height: auto;
			margin-top: 10px;
			display: grid !important;
			grid-template-columns: repeat(auto-fill, 12%);
			justify-content: space-between;
			padding: 20px 0 0 0;
		}
			.translat-language-column .translat-language-list {
				width: 100%;
				height: auto;
				display: block;
				padding: 10px;
				margin-top: 10px;
			}
			.translat-language-list .flag {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				margin-bottom: 10px;
			}
				.translat-language-list .flag img {
					width: 60%;
					height: auto;
					display: inline-block;
					border-radius: 5px;
				}
			.translat-language-list .flag img.flag {
				
					border: 2px solid #000;
			}
			.translat-language-list .name {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				color: #444;
				font-size: 0.7rem;
			}
	
	
	
	.expat-service {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
	.expat-service-top-set {
		width: 100%;
        height: auto;
        margin-top: 10px;
        display: grid !important;
        grid-template-columns: repeat(auto-fill, 32%);
        justify-content: space-between;
        padding: 20px 0 0 0;
	}
	.expat-service-top-set .expat-service-top-list {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		background-color: #F9F9F9;
		border-radius: 20px;
		padding: 30px 25px;
	}
	.expat-service-top-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 10px;
		}
			.expat-service-top-list .icon img {
				width: 25%;
				height: auto;
				display: inline-block;
			}

	.expat-service-top-list .title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 10px;
	}
		.expat-service-top-list .title span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.expat-service-top-list .text {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		color:#444;
		font-size: 0.8rem;
		font-weight: 300;
	}
	.expat-service-low-list {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		background-color: #F9F9F9;
		border-radius: 20px;
		padding: 15px 25px;
		margin-top: 30px;
	}
		.expat-service-low-list .left {
			width: 30%;
			height: auto;
			display: block;
			padding-right: 20px;
		}
		.expat-service-low-list .right {
			width: 70%;
			height: auto;
			display: flex;
			display: grid !important;
			grid-template-columns: repeat(auto-fill, 50%);
			justify-content: space-between;
		}
	
	.expat-service-low-list .title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 10px;
	}
		.expat-service-low-list .title span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.expat-service-low-list .text {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
	}
	.expat-service-low-list .left .icon {
        width: 100%;
        height: auto;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
        .expat-service-low-list .left .icon img {
            width: 25%;
            height: auto;
            display: inline-block;
        }
	.expat-service-low-list .mini-bar {
		width: 100%;
        height: auto;
        display:flex;
		margin: 15px 0;
	}
		.expat-service-low-list .mini-bar .icon {
			width: 20%;
			height: auto;
			display: block;
			padding-right: 10px;
		}
		.expat-service-low-list .mini-bar .detail {
			width: 80%;
			height: auto;
			display: block;
			text-align: left;
		}
		.expat-service-low-list .mini-bar .title {
			justify-content:flex-start;
			margin-bottom: 5px;
		}
			.expat-service-low-list .mini-bar .title span {
					height: auto;
					text-align: left;
				}
		.expat-service-low-list .mini-bar .text {
			text-align: left;
		}
	.company-service {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
	.company-service .company-service-column-box {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: grid !important;
		grid-template-columns: repeat(auto-fill, 32%);
		justify-content: space-between;
		padding: 20px 0 0 0
	}
	.company-service-column-box .company-service-list {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		background-color: #F9F9F9;
		border-radius: 20px;
		padding: 30px 25px;
	}
	.company-service-column-box .company-service-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 10px;
		}
			.company-service-column-box .company-service-list img {
				width: 25%;
				height: auto;
				display: inline-block;
			}
	.company-service-column-box .company-service-list .title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 10px;
	}
		.company-service-column-box .company-service-list span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.company-service-column-box .company-service-list .text {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
	}
	.company-service-column-box.two {
		grid-template-columns: repeat(auto-fill, 49%);
	}
	.company-service-column-box.two .company-service-list img {
		width: 17%;
	}
	/*----------------------------------------------------------------------------------------*/
	/*-PRICING---------------------------------------------------------------------------*/
	/*----------------------------------------------------------------------------------------*/
	.pricing-banner {
		width: 100%;
		height: auto;
		display: flex;
		align-content: center;
		padding: 30px 0 30px 0;
	}
	.pricing-banner .left {
		width: 50%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.pricing-banner .right {
		width: 50%;
		height: auto;
		display: block;
		text-align: center;
	}
	.pricing-banner .pricing-welcome {
		width: auto;
		height: auto;
		display:inline-block;
	}
	.pricing-banner .pricing-welcome .level {
		width: auto;
		height: auto;
		display:inline-flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.pricing-welcome .logo svg {
        width:auto;
        height: 100px;
        display: block;
		margin-right: 15px;
    }		
      .pricing-welcome .logo path{
            fill:#FFF;
        }	
	.pricing-welcome .main-text {
		color: #FFF;
		font-size: 3.1rem;
    }	
	.pricing-welcome .text {
		color: #EFD7FF;
		font-size: 1.3rem;
		line-height: 1.1;
    }
	.pricing-welcome .des {
		color: #FFF;
		font-size: 0.85rem;
		font-weight: 300;
    }	
	.pricing-banner .banner-img {
		width: 30%;
		display: inline-block;
	}
	
	.pricing-content {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
		.pricing-content .pricing-step-text {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.pricing-content .pricing-step-text .number {
			width: auto;
			height: auto;
			display: block;
		}
		.pricing-content .pricing-step-text .text {
			width: auto;
			height: auto;
			display: block;
			color: #444;
			font-size: 0.8rem;
			font-weight: 300;
		}
		.pricing-content .pricing-step-text .icon {
			width: 36px;
			height: 36px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #FF9600;
			color: #FFF;
			margin-right: 10px;
			border-radius: 50%;
		}
	.pricing-step-main-set {
		width: auto;
        height: auto;
        display: flex;
		align-items: center;
		justify-content: center;
	}
		.pricing-step-main-set .pricing-step-main-list {
			width: 25%;
			height: auto;
			display: block;
			padding: 10px;
			background-color: #F9F9F9;
			border: 5px solid #F9F9F9;
			border-radius: 10px;
			margin:  30px 10px 0 10px;
			cursor: pointer;
		}
		.pricing-step-main-list .icon {
            width: 100%;
            height: auto;
            display: block;
            text-align: center;
            margin-bottom: 5px;
        }
            .pricing-step-main-list .icon img {
                width: auto;
                height: 80px;
                display: inline-block;
            }
	.pricing-step-main-list .title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
	}
		.pricing-step-main-list .title span {
            width: 100%;
            height: auto;
            text-align: center;
        }
	.pricing-step-main-list.active {
		border: 5px solid #561280;
		pointer-events: none;
	}
	.pricing-step-other-set {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: grid;
		grid-template-columns: repeat(auto-fill, 19%);
		justify-content: space-between;
		padding:0 50px 0 50px;
	}
	.pricing-step-other-set .pricing-step-other-list {
		width: 100%;
        height: auto;
        display: flex;
		align-items: center;
        padding: 5px 10px 7px 10px;
		border-radius: 10px;
        background-color: #F0EAF4;
		cursor: pointer;
		margin-top: 10px;
	}
		.pricing-step-other-list .flag {
			width: 20%;
			height: auto;
			display: block;
		}
			.pricing-step-other-list .flag img {
				border-radius: 5px;
			}
		.pricing-step-other-list .text {
			width: 80%;
			padding-left: 10px;
			height: auto;
			display: block;
			color: #444;
			font-size: 0.8rem;
		}
	.pricing-step-other-set .pricing-step-other-list.active {
		background-color: #561280;
		pointer-events: none;
	}
	.pricing-step-other-set .pricing-step-other-list.active .text {
		color: #FFF;
	}
	.price-table-box {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 20px 25px 0 25px;
	}
		.price-table-box .price-table-grid {
			width: 33%;
			height: auto;
			display: block;
			padding: 10px 5px 0 5px; 
		}
		.price-table-box .price-table-list {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 10px;
			border: 5px solid #561280;
		}
		.price-table-list .title {
			width: 100%;
			height: auto;
			display: block;
			color: #444;
			font-size: 0.9rem;
			text-align: center;
			padding: 5px;
			border-bottom: 1px dashed #561280;
		}
		.price-table-list .price {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			font-size: 1.5rem;
			color: #561280;
			padding: 0;
			font-weight: bold;
		}
		.price-table-list .text {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			font-size: 0.8rem;
			color: #888;
			padding: 5px;
			font-weight: 300;
		}
			.price-table-list b {
				color: #561280;
				font-weight: normal;
			}
	.pricing-content .price-detail {
		width: 100%;
        height: auto;
        display: block;
        font-size: 0.8rem;
		font-weight: 300;
        color: #444;
		padding: 20px 50px 0 50px;
	}
	.article-content {
		width: 100%;
        height: auto;
        display: block;
		padding: 50px 25px;
	}
		.article-content .des {
			width: 100%;
			height: auto;
			display: block;
			color: #444;
			font-size: 0.8rem;
			font-weight: 300;
			text-align: center;
			padding: 0 100px;
			margin: 20px 0;
		}
			.article-content .des b {
                color: #570E82;
            }
			.article-content .des strong {
                color: #570E82;
            }
	.article-content .article-set {
		width: 100%;
        height: auto;
        display: grid !important;
        grid-template-columns: repeat(auto-fill, 23%);
        justify-content: space-between;
		padding: 20px 0 0 0;
	}
	.article-content .article-list {
		width: 100%;
        height: auto;
		display: block;
		margin-bottom: 30px;
	}
		.article-content .article-list .cover {
			width: 100%;
			height: auto;
			display: block;
			margin-bottom: 5px;
		}
			.article-content .article-list .cover img {
				width: 100%;
				height: auto;
				display: block;	
				border-radius: 10px;
			}
		.article-content .article-list .name {
			 color: #444;
			font-size: 0.8rem;
		}
	.article-content .article-list:hover .name {
		color: #561280;
	}
	.article-read-content {
		width: 60%;
        height: auto;
        display: block;
		padding: 50px 0;
		margin: 0 auto;
	}
	.article-read-content .title {
		width: 100%;
		height: auto;
		display: block;
		font-size: 1.1rem;
		color: #561280;
		font-weight: bold;
	}
	.article-read-content .article-cover {
		width: 100%;
		height: auto;
		display: block;
		margin: 15px 0;
	}
	.article-read-content .detail {
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
		margin-top: 20px;
		line-height: 1.3rem;
	}
	.article-read-content .detail p {
		display: block;
		line-height: 1.3rem;
		min-height: 1.3rem;
	}
	.article-read-content .detail a {
		color: #561280;
		text-decoration: underline;
	}
	.article-read-content .detail a:hover {
		color: #9842CD;
	}
	.article-read-content .detail table {
		margin: 0 auto;
		border: 1px solid #B3B3B3;
		border-collapse: collapse;
	}
	 .article-read-content .detail th{
		border: 1px solid #B3B3B3;
	}
	.article-read-content .detail td {
		padding: 5px;
		border: 1px solid #B3B3B3;
	}
	.article-read-content .detail  blockquote {
		display: block;
		font-size: 1rem;
		color: #561280;
		margin: 20px 0;
		padding: 20px;
		text-align: center;
		font-weight: bold;
	}
	.article-read-content .detail .image-style-align-left  {
		width: 50%;
		float: left;
	}
	.article-read-content .detail .image-style-align-right  {
		width: 50%;
		float: right;
	}
	.article-read-content .detail figcaption {
		color: #333;
		background-color: #f7f7f7;
		padding: 0.6em;
		font-size: .75em;
		display: block;
		text-align: center;
		    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
	}
/*----------------------------------------------------------------------------------------*/
/*-INTERPRETATION-------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.interp-welcome-bg {
		background-image: url("../img/objects/interp-welcome-bg.png");
		background-position:bottom;
		background-size: cover;
		background-attachment: fixed;
	}
	.interp-banner {
		width: 100%;
		height: auto;
		display: flex;
		align-content: center;
		padding: 30px 25px 30px 25px;
	}
	.interp-banner .left {
		width: 50%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.interp-banner .right {
		width: 50%;
		height: auto;
		display: block;
		text-align: center;
	}
	.interp-banner .interp-welcome {
		width: auto;
		height: auto;
		display:inline-block;
	}
	.interp-banner .interp-welcome .level {
		width: auto;
		height: auto;
		display:inline-flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.interp-welcome .logo svg {
        width:auto;
        height: 100px;
        display: block;
		margin-right: 15px;
    }		
      .interp-welcome .logo path{
            fill:#FFF;
        }	
	.interp-welcome .main-text {
		color: #FFF;
		font-size: 3.1rem;
    }	
	.interp-welcome .text {
		color: #EFD7FF;
		font-size: 1.3rem;
		line-height: 1.1;
    }
	.interp-welcome .des {
		color: #FFF;
		font-size: 0.85rem;
		font-weight: 300;
    }	
	.interp-banner .banner-img {
		width: 50%;
		display: inline-block;
	}
	.interp-haveyou-content {
		width: 100%;
		height: auto;
		display: block;
			padding: 50px 25px;
	}
		.interp-haveyou-content .haveyou-title {
			width: auto;
			height: auto;
			display: inline-flex;
			align-items: center;
			background-color: #FF9600;
			color: #FFF;
			font-size: 1rem;
			border-radius: 30px;
			padding: 5px 20px;
			margin: 0 0 15px 0;
		}
		.interp-haveyou-content .haveyou-box {
			width: 100%;
			height: auto;
			display: block;
			padding-left: 30px;
		}
		.interp-haveyou-content .haveyou-list {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			margin-top: 10px;
			font-size: 0.9rem;
			color: #444;
			font-weight: 300;
		}
			.interp-haveyou-content .haveyou-list span {
                width: 30px;
                height: 30px;
                display: inline-flex;
				align-items: center;
				justify-content: center;
				background-color: #561280;
				border-radius: 50%;
				margin-right:10px;
            }
			.interp-haveyou-content .haveyou-list span svg {
				width:auto;
				height: 16px;
				display: inline-block;
			}		
			 .interp-haveyou-content .haveyou-list span svg path{
					fill:#FFF;
				}
	.interp-why {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
	.interp-why .des {
		width: 100%;
		height: auto;
		display: block;
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
		text-align: center;
		padding: 0 100px;
		margin: 20px 0;
	}
		.interp-why .des b {
			color: #570E82;
		}
		.interp-why .des strong {
			color: #570E82;
		}
	.interp-why .interp-why-column-box {
		width: 100%;
		height: auto;
		margin-top: 10px;
		display: grid !important;
		grid-template-columns: repeat(auto-fill, 32%);
		justify-content: space-between;
		padding: 40px 50px 0 50px;;
	}
	.interp-why .interp-why-list {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		padding: 0 20px;
	}
	.interp-why .interp-why-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 15px;
		}
			.interp-why .interp-why-list .icon img {
				width: 30%;
				height: auto;
				display: inline-block;
			}
	.interp-why .interp-why-list .title {
		width: 100%;
		height: auto;
		min-height: 54px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 5px;
	}
		.interp-why .interp-why-list .title span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.interp-service {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
	.interp-service .interp-service-set {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		padding: 0 0 0 0;
	}
	.interp-service .interp-service-list {
		width: 23%;
		height: auto;
		display: block;
		position: relative;
		background-color: #F9F9F9;
		border-radius: 20px;
		padding: 30px 25px;
		margin: 30px 1% 0 1%;
	}
	.interp-service .interp-service-list .icon {
			width: 100%;
			height: auto;
			display: block;
			text-align: center;
			margin-bottom: 10px;
		}
			.interp-service .interp-service-list .icon img {
				width: 30%;
				height: auto;
				display: inline-block;
			}

	.interp-service .interp-service-list .title {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #561280;
		font-size: 0.9rem;
		margin-bottom: 10px;
	}
		.interp-service .interp-service-list span {
				width: 100%;
				height: auto;
				text-align: center;
			}
	.interp-service .interp-service-list .text {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		color: #444;
		font-size: 0.8rem;
		font-weight: 300;
	}
	.interp-language-content {
		width: 100%;
		height: auto;
		display: block;
		padding: 50px 25px;
	}
		.interp-language-content .des {
			width: 100%;
			height: auto;
			display: block;
			color: #444;
			font-size: 0.8rem;
			font-weight: 300;
			text-align: center;
			padding: 0 100px;
			margin: 20px 0;
		}
			.interp-language-content .des b {
					color: #570E82;
				}
			.interp-language-content .des strong {
					color: #570E82;
				}
		.interp-language-column {
			width: 100%;
			height: auto;
			margin-top: 10px;
			display: grid !important;
			grid-template-columns: repeat(auto-fill, 12%);
			justify-content: space-between;
			padding: 20px 0 0 0;
		}
			.interp-language-column .interp-language-list {
				width: 100%;
				height: auto;
				display: block;
				padding: 10px;
				margin-top: 10px;
			}
			.interp-language-list .flag {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				margin-bottom: 10px;
			}
				.interp-language-list .flag img {
					width: 60%;
					height: auto;
					display: inline-block;
					border-radius: 5px;
				}
			.interp-language-list .flag img.flag {
				
					border: 2px solid #000;
			}
			.interp-language-list .name {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				color: #444;
				font-size: 0.7rem;
			}
/*-----------------------------------------------------------------------------*/
/*-PAGINATION ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.pagination-box {
    display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    height: auto;
	margin-top: 20px;
}
	.pagination-box a {		 		
		display: inline-flex;
		font-size: 0.6rem;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin: 0 8px;
		text-align: center;
		font-weight: bold;
		color: #FFF;
		background-color: #999;
		 -webkit-transition: all 0.2s ease-in;
    	-moz-transition: all 0.2s ease-in;
    	-o-transition: all 0.2s ease-in;
    	transition: all 0.2s ease-in;
	}
	.pagination-box a.arrow {
		display: flex;
		align-items: center;		
	}
	.pagination-box a.arrow span {
		width: auto;
		height: 11px;
		display: inline-block;
	}
	.pagination-box a.arrow span svg {
		width: auto;
		height: 11px;
		display: block;
	}
	.pagination-box a.arrow span svg path {
		fill: #FFF;
	}

	.pagination-box a:hover, .pagination-box a:focus, .pagination-box a:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.1s;
		animation-duration: 0.1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		background-color: #666;
	}
	
	.pagination-box a.arrow:hover, .pagination-box a.arrow:focus, .pagination-box a.arrow:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.1s;
		animation-duration: 0.1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		background-color: #666;
	}
	.pagination-box a.active {
		background-color:#561280;
		color: #FFF;
		pointer-events: none;
	}
/*-----------------------------------------------------------------------------*/
/*-ฺBACK LINK ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
	.back-link {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.back-link a {
		color: #444;
    	font-size: 0.8rem;
		display: inline-flex;
		align-items: center;	
	}

	.back-link a span {
		width: auto;
		height: 11px;
		display: inline-block;
		margin-right: 5px;
		margin-top: 3px;
	}
	.back-link a span svg {
		width: auto;
		height: 11px;
		display: block;
	}
	.back-link a span svg path {
		fill: #444;
	}
	.back-link a:hover {
		text-decoration: underline;
		color: #333;
	}
/*-----------------------------------------------------------------------------*/
/*-ฺSelect Language ----------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
	.select-language-bg {
	    background-image: url(../img/objects/index-welcome-bg.png);
		background-position: bottom;
		background-size: cover;
		background-attachment: fixed;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #561280;
	}
	.select-language-set {
		width: 30%;
		height: auto;
		display: block;
		text-align: center;
	}
	.select-language-bg .logo {
		width: auto;
		height: auto;
		display: inline-flex;
		align-items: center;
		color: #FFF;
		font-size: 1.5rem;
	}
	.select-language-bg .logo svg {
        width:auto;
        height: 50px;
        display: block;
		margin-right: 5px;
    }		
     .select-language-bg .logo path{
            fill:#FFF;
        }	
	.select-language-bg .text {
		color: #FFF;
		font-size: 0.85rem;
    	font-weight: 300;
	}
	.language-btn-box {
		width: 100%;
		height: auto;
		display: block;
		margin: 40px 0;
		padding: 0 100px;
	}
		.language-btn-box .language-list {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			background-color: #FFF;
			border: 3px solid rgba(0,0,0,0);
			color: #444;
			font-size: 0.8rem;
			padding: 10px;
			margin-top: 10px;
			border-radius: 10px;
			cursor: pointer;
		}
		.language-btn-box .language-list:hover {
			background-color: #F0F0F0;
		}
		.language-btn-box .language-list.active {
			border: 3px solid #C782F3;
			background-color: #EFD6FF;
			color: #561280;
			pointer-events: none;
		}
		 .language-btn-box .language-list svg {
            width:auto;
            height: 26px;
            display: block;
			 margin-right: 10px;
        }
	.done-btn-box {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		margin-top: 10px;
	}
		.done-btn-box .done-btn {
			width: auto;
			height: auto;
			display: inline-block;
			padding: 8px 20px;
			border-radius: 10px;color: #FFF;
			background-color: #7B319F;
		}
		.done-btn-box .done-btn:hover {
			background-color: #8242A1;
		}
}