/* PLACE YOU CUSTOM STYLES IN THIS FILE */
@font-face {
	font-family: 'Handel-Gothic';
	src: url('/font/Handel-Gothic/Handel-Gothic.eot?#iefix') format('embedded-opentype'),  url('/font/Handel-Gothic/Handel-Gothic.woff') format('woff'), url('/font/Handel-Gothic/Handel-Gothic.ttf')  format('truetype'), url('/font/Handel-Gothic/Handel-Gothic.svg#Handel-Gothic') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, .nk-sub-title, .nk-counter-3 .nk-counter-title, .nk-pricing-2 .nk-pricing-currency, .nk-pricing-2 .nk-pricing-period, .nk-pricing-3 .nk-pricing-currency, .nk-pricing-3 .nk-pricing-period
,h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4, .nk-mega-item > .dropdown > ul li > label, .nk-carousel .nk-carousel-prev .nk-carousel-arrow-name, .nk-carousel .nk-carousel-next .nk-carousel-arrow-name, .nk-carousel-3 .nk-carousel-prev .nk-carousel-arrow-name, .nk-carousel-3 .nk-carousel-next .nk-carousel-arrow-name, .nk-countdown > div > span, .nk-counter .nk-count, .nk-counter-2 .nk-count, .nk-counter-3 .nk-count, .nk-dropcap-3, .nk-pricing-1 .nk-pricing-price, .nk-pricing-2 .nk-pricing-price, .nk-pricing-3 .nk-pricing-price, .nk-progress .nk-progress-title, .nk-page-nav-3 .nk-page-nav-title,
button, input, optgroup, select, textarea{
	font-family: 微軟正黑體,Arial;
}
body{
	line-height: 1.4;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height: 1.3;
}
.nk-navbar, .nk-navbar.nk-navbar-solid{
	background-color: #005399;
}
.nk-navbar .nk-nav > li.language > a{
	padding: 6px 8px;
	color: rgba(255,255,255,0.8);
}
.nk-navbar .nk-nav > li.language.active > a{
	color: #fff;
}

.nk-navbar .nk-nav  li.language:nth-last-child(3){
	border-left: 1px solid rgba(255,255,255,0.3);
	padding-left: 15px;
}
.nk-navbar .nk-nav > li.language > a:before,.nk-navbar .nk-nav > li.language > a:after{
	display: none;
}
.nk-navbar .nk-nav{
	padding: 10px 0px;
}
.icon-group{
	padding-right: 24%;
	margin-top: 40px;
}
.icon-card{
	text-align: center;
}
.icon-card span{
	display: block;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 10px;
}
.feature-content{
	padding: 0px 11%;
}

.logo-bg{
	background-size: contain;
	background-repeat: no-repeat;
}
.map-bg{
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 48%;
}
.product-index{
	position: relative;
}
.product-index p{
	position: absolute;
	bottom: 0px;
	left: 20px;
	color: #fff;
	font-size: 1.6rem;
	text-align: left;
	text-shadow: 0px 0px 9px rgba(0,0,0,1);
	font-weight: 800;
	z-index: 2;
}
.product-index:hover:after{
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	opacity: 0.3;
	z-index: 1;


}
.nk-copyright {
	background-color: #005399;
}
.footer-ul{
	text-align: right;

}
.footer-ul ul{
	list-style: none;
	padding-left: 0;
	display: inline-block;
	margin-bottom: 0;
}
.footer-ul ul li{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}
.footer-ul .logo{
	margin-left: 15px;
	vertical-align: middle;
	margin-top: -5px;
	display: inline-block;
	opacity: 0.7;
}
.copyright-span{
	display: block;
	text-align: left;
}
.flag{
	text-align: left;
	margin-right: -15px;
	margin-bottom: 20px;
}
.flag img{
	width: 46%;
}
.flag span{
	font-size: 12px;
}
.nk-icon-burger .nk-t-1,.nk-icon-burger > span{
	width: 25px;
}

.mobile-logo{
	float: left;
	line-height: 32px;
	margin-left: 15px;
}

.header-logo-bar{
	background-color: #3a8ace;
}

.index-slide-item{
	background-position: center;
	background-size: cover;
	position: relative;
	color: #fff;
}
.index-slide-item .container{
	height: 700px;
}
.index-slide-item .title{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.index-slide-item .info{
	position: absolute;
	bottom: 10%;
	
}

.index-slide-item .title h2{
	font-size: 3rem;
	font-weight: 300;
}
.index-slide-item .title h2 strong{
	font-size: 3.7rem;
	font-weight: 900;
	letter-spacing: 0.5rem;
	font-family: 微軟正黑體,'Handel-Gothic';
}
div.nk-error{
	font-weight: 700;
}
.index-slide-item .info h5{
	margin-bottom: 5px;
}
.index-slide-item .info p{
	font-size: 0.7rem;
}
.nk-header-title .nk-header-table{
	min-height: 400px;
	padding-top: 0 !important;
}
.nk-header-title h1{
	font-size: 2.8rem;
}
.align-items-center:nth-child(odd) .img-area{
	margin-right: -15px;
}
.align-items-center:nth-child(even) .img-area{
	margin-left: -15px;
}
.align-items-center .content-area{
	padding: 0px 50px;
}
/*.align-items-center:nth-child(even) .content-area{
	padding-left: calc(100vh/2 - 30%);
	}*/
	.products-item{
		margin-bottom: 30px;
	}
	.products-list a{
		color: #fff;
		text-decoration: none;
	}
	.products-list a:hover{
		text-decoration: none;
	}
	.nk-modal .modal-header{
		border:0;padding-bottom: 0;
	}
	.products-content img{
		max-width: 100%;
	}
	.nk-modal .modal-footer{
		border: 0;
		padding-top: 0;
	}
	.products-modal .modal-footer p{

		padding-top: 15px;
	}
	.products-modal .modal-footer div{
		border-top:1px solid #9b9b9b ;
	}
	.products-modal .close{
		opacity: 1;
	}
	.modal-backdrop.show {
		opacity: 1;
	}
	.modal-backdrop{
		background-color: #fff;
	}
	.contact-area{
		margin: 100px 50px;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
		background-color: #fff;
	}
	.contact-form{
		padding: 80px 50px;
	}
	.contact-form .form-control{
		background-color: transparent;
		border-bottom: 1px solid rgba(255,255,255,0.7);
		padding-left: 0;
	}
	.contact-area .content{
		position: relative;
		padding: 40px;
		height: 100%;
	}
	.contact-area .content .qrcode{
		width: 100px;
		height: auto;
		float: right;
	}
	.contact-area .content .company-info{
		position: absolute;
		bottom: 20px;
		left:0;
	}
	.company-info img{
		width: 100px;
		height: auto;
		margin-bottom: 20px;
	}
	.company-info p{
		margin-bottom: 10px;
	}
	.company-info a{
		font-weight: 600;
	}
	.nk-header{
		box-shadow: 0 4px 7px 1px rgba(0,0,0,0.1);
	}
	.join-area{
		height: 100%;
		margin-left: -30px;
		padding-left: 30px;
		position: relative;
		margin-right: -1px;
	}
	.join-area .info{
		position: absolute;top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.news-list a{
		transition-duration: 0.3s;
	}
	.news-list a:hover{
		text-decoration: none;
		color: rgba(255,255,255,0.6);
	}
	.news-item{
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}
	.join-card .info{
		background-color: #fff;
		padding: 20px;
	}
	.join-card .info h1{
		margin-bottom: 0;
		line-height: 1;
		font-weight: 900;
		font-size: 3rem;
	}
	.join-card .info h4{
		margin-bottom: 0;
	}
	.nk-title small{
		font-size: 1.6rem
	}
	.m-btn-width{
		width: 73%;
	}
	.year-block{
		text-align: left;
		padding: 15px;
		border-radius: 5px;
		margin-bottom: 30px;
		border: 1px solid #fff;
		background: 
		-webkit-linear-gradient(
			#03589f, rgba(135, 60, 255, 0.0) 0%),
		-webkit-linear-gradient(-45deg, #1575c5

			50%, 
			#03589f 0%);
	}
	.year-block p{
		min-height: 5em;
		font-size: 13px;
	}
	.none-pic{
		width: 100%;
		padding-top: 57.89%;
	}

	.nk-title small span{
		font-weight: 900;
	}
	.nk-pagination nav a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		color: #1575c5;
		background-color: #fff;
		padding: 0;
	}
	.nk-pagination nav > *.nk-pagination-current, .nk-pagination nav > *.nk-pagination-current-white {
		width: 30px;
		height: 30px;
		line-height: 30px;
		color: #fff;
		background-color: #0f3d65;
		padding: 0;
		border-radius: 0;
	}

	.join-area{
		background-color: #1575c5;
		color: #fff;
	}

	.success-block{
		background-color: #fff;
		color: #1575c5;
		padding: 20px;
		text-align: left;
		margin-bottom: 30px;
	}
	.success-block .logo-area{
		height: 140px;
		vertical-align: middle;
		position: relative;
	}
	.success-block hr{

		border-color: #1575c5 !important;
	}
	.success-block img{
		display: block;width: 50%;margin:0 auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	.success-block p{
		min-height: 21em;
	}

	#products .modal-footer img{
		max-width: 100%;
		height: auto !important;
	}
	.index-s-bg{
		/*background-image: url(assets/images/img-01.jpg);*/
	}

	.pd-img{
		padding-top: 100%;
		background-size: cover;
		background-position: center;
	}
	.join-mask{
		position: relative;
		display: block;
	}
	.join-mask:hover:before{
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
		position: absolute;
		left: 0;
	}
	.join-link-c{
		color: #1575c5;
	}
	.join-link-c:hover{
		color: #333 !important;
		text-decoration: initial;
	}
	.join-link-c2{
		color: #fff;
	}
	.join-link-c2:hover{
		color: #333 !important;
		text-decoration: initial;
	}
	.p-cat-img{
		background-size: cover;
		background-position: center;
		padding-top: 41.6666%
	}

	.myVideo{
		width: 100%;
		margin-top: -10%;
	}
	.product-modal-name{
		width:100%; word-wrap: break-word; word-break: normal;
	}

	.nk-header-title .nk-header-table{
		display: block;
		position: relative;
	}
	.nk-header-title .nk-header-table-cell{
		display: block;
		top: 50%;
		position: absolute;
		width: 100%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.cc-img{
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		padding-top: 100%;
	}
	.nk-navbar-overlay{
		cursor: pointer;
	}
	/*setting===========================================================================*/
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .display-1, .display-2, .display-3, .display-4, .nk-mega-item > .dropdown > ul li > label, .nk-carousel .nk-carousel-prev .nk-carousel-arrow-name, .nk-carousel .nk-carousel-next .nk-carousel-arrow-name, .nk-carousel-3 .nk-carousel-prev .nk-carousel-arrow-name, .nk-carousel-3 .nk-carousel-next .nk-carousel-arrow-name, .nk-countdown > div > span, .nk-counter .nk-count, .nk-counter-2 .nk-count, .nk-counter-3 .nk-count, .nk-dropcap-3, .nk-pricing-1 .nk-pricing-price, .nk-pricing-2 .nk-pricing-price, .nk-pricing-3 .nk-pricing-price, .nk-progress .nk-progress-title, .nk-page-nav-3 .nk-page-nav-title{
		font-weight: 600;
	}
	.text-white hr{
		border-color: #fff;
	}
	.text-blue hr{
		border-color: #1575c5;
	}
	.outter-fit{
		margin-left: -15px;
		margin-right: -15px;
	}
	.text-shadow,.index-slide-item h2,.index-slide-item h5,.index-slide-item p{
		text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	}
	.bg-white{
		background-color: #fff;
	}
	.bg-blue{
		background-color: #1575c5;
	}
	.bg-blue-s{
		background-image: linear-gradient(to bottom, #085aa0, #1575c5);
	}
	.icon-card,.text-blue,.modal-title,.close,.company-info a,.text-blue .products-list a{
		color: #1575c5;
	}
	.news-list a{
		color: #fff;
	}
	.width100{
		width: 100%;
	}
	img.width100{
		width: 100%;
		height: auto;
	}
	.mb0{
		margin-bottom: 0;
	}
	.mb10{
		margin-bottom: 10px;
	}
	.mb20{
		margin-bottom: 20px;
	}
	.mb30{
		margin-bottom: 30px;
	}
	.mb40{
		margin-bottom: 40px;
	}
	.mb50{
		margin-bottom: 50px;
	}
	.mt0{
		margin-top: 0;
	}
	.mt10{
		margin-top: 10px;
	}
	.mt20{
		margin-top: 20px;
	}
	.mt30{
		margin-top: 30px;
	}
	.mt40{
		margin-top: 40px;
	}
	.mt50{
		margin-top: 50px;
	}

	.btn{
		padding: 5px 20px;
		border-radius: 0;
		cursor: pointer;
		font-weight: 600;
		font-size: 1rem;
		border: 0;
	}
	.btn-s{
		padding: 8px 14px;
		border-radius: 0;
		cursor: pointer;
		font-weight: 600;
		display: inline-block;
		border: 0;
		font-size: 1rem;
	}
	.btn-b{
		padding: 8px 20px;
		border-radius: 0;
		cursor: pointer;
		font-weight: 600;
		display: inline-block;
		border: 0;
		font-size: 1rem;
	}

	.btn-white{
		background-color: #fff;
		color: #1575c5;
	}
	.btn-blue{
		background-color: #1575c5;
		color: #fff;
	}

	.btn-big{
		padding: 15px 40px;
	}
	.btn:hover,.btn-b:hover{
		background-color: #777;
		color: #fff;
		text-decoration: none;
	}
	.cms-area img{
		max-width: 100%;
	}

	/*slick=============================================================================*/

	.slick-prev, .slick-next {
		position: absolute;
		cursor: pointer;
		text-align: center;
		background-color: #1c1c1c;
		color: #fff;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 10px;
		width: 50px;
		height: 50px;
		line-height: 1.4;
		border-radius: 50%;
		opacity: 0.6;
		z-index: 1;
		transition: .3s opacity;
	}
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
		background-color: #1c1c1c;
		color: #fff;
	}
	.slick-prev:hover {
		opacity: 1;
	}
	.slick-prev {
		left: 20px;
	}
	.slick-next {
		right: 20px;
	}
	.slick-prev:before, .slick-next:before{
		font-family: "Ionicons";
		font-size: 2rem;
	}
	.slick-prev:before{
		content: "\f3d5";
	}
	.slick-next:before{
		content: "\f3d6";
	}
	.slick-dots{
		bottom: 25px;
	}
	.slick-dots li{
		width: 100px;
		height: 6px;
	}
	.slick-dots li button::before{
		content: '';
		width: 100%;
		height: 6px;
		display: inline-block;
		background-color: #fff;
		opacity: 1;
	}
	.slick-dots li.slick-active button:before{
		background-color: #1575c5;
		opacity: 1;
	}
	.slick-dotted.slick-slider{
		margin-bottom: 0;
	}
	.brand-block .nk-box-1{
		position: relative;height: 165px;
	}
	.brand-block .nk-box-1 a{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 0;
	}


	/*rwd ==================================================================================*/
	@media (max-width: 1024px) {
		.footer-ul ul li{
			padding: 0;
			font-size: 12px;
		}
		.footer-ul .logo{
			margin-left: 5px;
		}
		.footer-ul .logo img{
			width: 90px;
		}
	}
	@media (min-width: 991px) and (max-width: 1024px){
		.success-block p {
			min-height: 16em;
		}
	}
	@media (min-width: 768px) and (max-width: 991px){
		.feature-content{
			padding: 40px 5%;
		}
	}
	@media (max-width: 991px) {
		.myVideo{
			margin-top: 0;
		}
		.copyright-span{
			text-align: center;
		}
		.footer-ul .logo{
			display: block;
			margin-top: 25px;
		}
		.footer-ul .logo img{
			width: 140px;
		}
		.footer-ul{
			text-align: center;
			margin-top: 20px;
		}
		.feature-content{
			padding: 50px 11%;
		}
		.footer-ul ul li{
			font-size: 16px;
		}
		.nk-navbar .nk-nav > li.language > a{
			padding: 5px 40px;
		}
		.nk-navbar .nk-nav li.language:nth-last-child(3){
			padding-left: 0;
			border-left: 0;

		}

		.nk-navbar .nk-nav li.language:nth-last-child(3) a{
			padding-top: 24px;
		}
		.nk-navbar .nk-nav li.language:nth-last-child(3) a:before{
			border-top: 1px solid rgba(255,255,255,0.6);
			border-left: 0;
			width: 70%;
			content: '';
			display: block;
			position: absolute;
			top: 5px;
			left: 50%;
			transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			opacity: 1;
		}
		.brand-block .nk-box-1{
			position: relative;height: 125px;
		}
		.main-product-area{
			padding: 20px;

		}
		.align-items-center:nth-child(odd) .img-area{
			margin-right: 0;
		}
		.align-items-center:nth-child(even) .img-area{
			margin-left: 0;
		}
		.align-items-center .content-area{
			background-color: #fff;
			padding: 20px;
			margin-bottom: 20px;
		}
		.align-items-center:nth-child(even) .content-area{
			padding: 20px;
		}
		.main-product-area .content-area p{
			margin-bottom: 50px;
		}
		.m-nk-main{
			background-color: #1674c5;
		}
		.brand-block p{
			min-height: initial;
		}
		.index-s-bg{
			/*background-image: url(assets/images/img-01.jpg);*/
			background-position-y: 21%;
			background-position-x: 100%;
		}

	}

	@media (max-width: 767px) {
		.myVideo{
			margin-top: 0;
			width: auto;
			height: 100%;
			margin-left: -20%;
		}
		.map-bg{
			padding-top: 0%;
		}
		.logo-bg{
			display: none;
		}
		.product-index{
			margin-bottom: 40px;
		}
		.icon-group{
			padding-right: 0;
			padding: 25px;
		}
		.icon-card{
			margin-bottom: 30px;
		}
		.nk-title.style2{
			font-size: 1.6rem;
		}
		.feature-content{
			padding: 0px 11%;
		}
		.slick-dots li {
			width: 18%;
		}
		.index-slide-item .title h2 {
			font-size: 2.3rem;
			font-weight: 300;
			margin-bottom: 0;
		}
		.index-slide-item .title h2 strong {
			font-size: 2.6rem;
			font-weight: 900;
			letter-spacing: 0;
		}
		.index-slide-item .title h5,.index-slide-item .info h5{
			font-size: 1rem;
		}
		.xs-col-full{
			width: 100%;
		}
		.index-slide-item .info{
			padding-right: 15px;
		}
		.nk-header-title h1{
			font-size: 1.5rem;
			line-height: 1;
		}
		.nk-title small{
			font-size: 1rem;
			letter-spacing: 1px;
			display: block;
		}
		.contact-area{
			margin: 50px 15px;
		}
		.contact-form{
			padding: 20px;
			padding-bottom: 40px;
		}
		.m-btn-full{
			width: 100%;
		}
		.contact-area .content{
			padding: 20px;

		}
		.contact-area .content .company-info{
			position: relative;
			bottom: auto;
			left: auto;
		}
		.company-info p:last-child{
			margin-bottom: 0;
		}
		.join-area{
			background-color: #1575c5;
			color: #fff;
			margin-left: 0;
			padding-left: 0;
		}
		.join-area .info{
			position: relative;
			transform: none;
			-ms-transform: none;
			-webkit-transform: none;
			top: auto;
			padding: 15px 30px;
		}
		.join-area .info h4{
			margin-bottom: 0;
		}
		.contact-area{
			box-shadow: 6px 7px 16px rgba(0,0,0,0.2);
		}

	}
	@media (max-width: 525px) {
		.myVideo{
			margin-left: -50%;
		}
	}
	@media (max-width: 350px){
		.nk-title.style2 {
			font-size: 1.4rem;
		}

	}




	/* 以下是新增的ＣＳＳ樣式 --------------------------------------------------------------------------------------*/

	.nk-navbar, .nk-navbar.nk-navbar-solid {
		background-color: #ffffff;
	}
	.nk-navbar .link-effect-2, .nk-navbar .link-effect-3, .nk-navbar .link-effect-2 .link-effect-shade, .nk-navbar .link-effect-3 .link-effect-shade, .nk-navbar .active > .link-effect-2, .nk-navbar .active > .link-effect-3 {
		color: #000;
	}
	.separation-line {
		border-right: 2px solid #ee1e25;
	}
	.nk-navbar .nk-nav > li > a {
		position: relative;
		padding: 6px 16px !important;
		display: block;
		font-size: 15px;
	}
	.nk-navbar ul > li > a:hover, .nk-navbar ul > li > a:focus {
		text-decoration: none;
		color: #ffffff;
		margin-bottom: 0;
	}
	.nk-navbar.nk-navbar-blur.nk-navbar-transparent::after {
		background-color: #fff;
	}
	.nk-navbar .link-effect-2, .nk-navbar .link-effect-3, .nk-navbar .link-effect-2 .link-effect-shade, .nk-navbar .link-effect-3 .link-effect-shade, .nk-navbar .active > .link-effect-2, .nk-navbar .active > .link-effect-3 {
		color: #000;
	}

	.nk-navbar .nk-nav .dropdown {
  /*position: absolute;
  display: none;
  padding: 20px 0;
  margin-top: 12px;*/
  background-color: #ee1e25 !important;
  /*opacity: 0;
  z-index: 1;
  color: black*/
}

.nk-navbar .nk-nav > li > a::before {
	top: 0;
	left: 0;
	border-width: 0;
	-webkit-transform: translate(10px, 10px);
	-ms-transform: translate(10px, 10px);
	transform: translate(10px, 10px);
}
.nk-navbar .nk-nav > li > a::before, .nk-navbar .nk-nav > li > a::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: none;
	opacity: 0;
}
.separation-line {
	border-right: 2px solid #ee1e25;
	padding-top: 0px !important;
	padding-bottom: 0 !important;
}
.separation-line-pad {
	border-right: 2px solid #fff;
	padding-top: 0px !important;
	padding-bottom: 0 !important;
	margin-right: 20px;
}
.translation a {
	background-color: #9fa0a0;
	color: #fff !important;
	border-radius: 5px;
}
.translation a:hover {
	background-color: #ee1e25;
	color: #fff !important;
	border-radius: 5px;
	transition: all 0.3s ease;
}
.nk-navbar .nk-nav li.single-icon > a {
	padding: 0 15px;
	color: #ee1c24;
}
.nk-icon-burger > span {
	position: absolute;
	display: block;
	width: 20px;
	height: 0;
	border-bottom: 2px solid;
	top: 50%;
	transition: .3s .2s width, .3s opacity, .2s -webkit-transform;
	transition: .3s .2s width, .3s opacity, .2s transform;
	will-change: width, opacity, transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.nk-icon-burger .nk-t-1 {
	margin-top: -7px;
}
.nk-icon-burger .nk-t-3 {
	margin-top: 7px;
}


/*輪播-------------------------------------------------------------------------------------------------------*/
h1 {
	color: #ed1c23;
}
.slick-dots li.slick-active button:before {
	background-color: #ee1e25;
	opacity: 1;
}
/*END 輪播---------------------------------------------------------------------------------------------------*/


/*首頁搜尋----------------------------------------------------------------------------------------------------*/
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ffffff00;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border: #fff 1px solid;
	border-radius: 0;
}
.nk-btn-color-dark-1 {
	background-color: #ee1e25;
	border-color: #ee1f25;
	border-style: solid;
}
select.form-control:not([size]):not([multiple]) {
	height: calc(3rem + 2px);
}
.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	background-color: #ffffff00;
	/*padding: 0 200px;*/
}
.nk-form-style-1 .form-control {
	color: #1c1c1c;
	background-color: #ffffff;
	border: #9fa0a0 1px solid;
}
.nk-btn {
	display: inline-block;
	padding: 9px 29px;
	font-size: 2em;
	font-weight: 400;
	line-height: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0;
	-webkit-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
	border-radius: 0 6px 6px 0;
}
.rt-mr {
	margin-right: 10px !important;
}
.rt-header-search-select-wrap {
	background: rgba(124,124,124,.08);
}
.rt-header-search-keyword-wrap, .rt-header-search-select-wrap {
	position: relative;
	padding: 0 10px;
}
.rt-mr {
	margin-right: 0 !important;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
}
div {
	display: block;
}
.index-header-search .rt-header-search {
	margin-left: 0;
	padding: 0;
	line-height: 0;
	border: #9fa0a0 2px solid;
	border-radius: 8px;
}
.rt-header-search {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
	padding: 5px 10px 5px 0;
	line-height: 22px;
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.18), inset 1px 1px 6px rgba(0,0,0,.12);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.18), inset 1px 1px 6px rgba(0,0,0,.12);
	border-radius: 2px;
}
.rt-header-search-keyword-wrap, .rt-header-search-select-wrap {
	position: relative;
	padding: 0;
	background-color: #ffffff;
	border-radius: 8px 0 0 8px;
	width: 24%;
}
.search-padding {
	padding: 0 200px;
}
h2 {
	margin-bottom: 1rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #ee1f26;
}
.form-control:focus, .form-control.focus {
	background-color: rgba(162, 162, 162, 0.4);
	color: #000;
}
/*END 首頁搜尋------------------------------------------------------------------------------------------------*/


/*首頁列表----------------------------------------------------------------------------------------------------*/
.nk-isotope .nk-isotope-item {
	display: block;
	float: left;
	width: 100%;
}
.nk-isotope.nk-isotope-gap-small .nk-isotope-item {
	padding: 0;
}
.nk-image-box-1 .nk-image-box-overlay, .nk-image-box-1-a .nk-image-box-overlay {
	top: 215px;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
	background-color: #ff0009de;
	opacity: 0;
	-webkit-transition: .4s opacity;
	-o-transition: .4s opacity;
	transition: .4s opacity;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border-radius: 0 0 12px 12px;
}
.nk-image-box, .nk-image-box-1, .nk-image-box-1-a, .nk-image-box-2, .nk-image-box-3, .nk-image-box-4, .nk-image-box-5 {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 0 0 0 rgba(0,0,0,0.2), 0 0 12px 0 rgba(0,0,0,0.19);
}
.h3 {
	margin-bottom: 1rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 24px;
}
/*END 首頁列表------------------------------------------------------------------------------------------------*/


/*頁碼-------------------------------------------------------------------------------------------------------*/
.nk-pagination nav a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	background-color: #ee1e25;
	padding: 0;
}
.nk-pagination nav > *.nk-pagination-current, .nk-pagination nav > *.nk-pagination-current-white {
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #9fa0a0;
	padding: 0;
	border-radius: 0;
}
.nk-pagination nav > * {
	display: inline-block;
	padding: 9px;
	color: #ee1f26;
}
.angle-colo i {
	color: #9fa0a0;
}
/*END 頁碼---------------------------------------------------------------------------------------------------*/


/*商品內頁----------------------------------------------------------------------------------------------------*/
.nk-store-product .nk-product-carousel .nk-product-carousel-thumbs > div > div.active img {
	opacity: 1;
	border: #ee1e25 1px solid;
}
.nk-tabs .nav-tabs .nav-link.active, .nk-tabs .nav-tabs .nav-link.active:focus, .nk-tabs .nav-tabs .nav-link.active:hover {
	border-bottom: 0;
	background-color: #ee1e25;
	color: #fff;
}
.nk-tabs .nav-tabs .nav-link {
	padding: 10px 20px;
	border: none;
	border-bottom: 0;
	background-color: #9fa0a0;
	color: #fff;
	margin: 0 5px;
}
.nk-tabs .nav-tabs .nav-link:hover{
	color: #fff;
	background-color: #cccccc;
}
.margin0 {
	margin: 0 5px 0 0 !important;
}
.tab-box{
	border: #ee1f26 1px solid;
	padding: 5px 60px 60px 60px;
	margin-top: 1px;
}
p {
	line-height: 28px;
}
.red-title{
	color: #ee1f26;
}
.down-btn{
	border-radius: 6px;
	margin-top: 40px;
	font-size: 1.5em;
}
/*END 商品內頁------------------------------------------------------------------------------------------------*/


/*最新消息列表------------------------------------------------------------------------------------------------*/
.index-s-bg-new {
	background-image: url(assets/images/img-09.jpg);
}
.border-top-new{
	border-top: #9fa0a0 1px solid; 
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 30px;
}
.border-top-b{
	border-top: #9fa0a0 3px solid; 
}
.nk-post-text {
	margin: 0;
}
.new-i i {
	color: #ee1f26;
}
.vertical-gap {
	margin-top: 0;
	margin-bottom: 31px;
}
.new-tit{
	color: #676767;
}
.new-tit span{
	font-size: 20px;
	color: #ee1f26;
}
.new-tit span:hover {
	font-size: 20px;
	color: #ae8952;
}
/*END 最新消息列表------------------------------------------------------------------------------------------------*/


/*下載列表頁--------------------------------------------------------------------------------------------------*/
.more-box nav a {
	background-color: #fafafa00 !important;
}

.more-box a {
	color: #ee1f26 !important;
}
.rt-header-search {
	box-shadow: none;
}
.search-padding-s{
	padding: 0 105px;
}
.nk-btn-color-dark-1:hover, .nk-btn-color-dark-1.hover {
	background-color: #9fa0a0;
	border-color: #9fa0a0;
}
a:focus, a:hover {
	color: #ae8952;
	text-decoration: none;
}
/*END 下載列表頁----------------------------------------------------------------------------------------------*/


/*聯絡我們----------------------------------------------------------------------------------------------*/
.bg-dark-2 {
	background-color: #ee1e25 !important;
}
/*END 聯絡我們----------------------------------------------------------------------------------------------*/


/*登入相關----------------------------------------------------------------------------------------------*/
.signin button{
	color: #caa586;
	background-color: #ffffff00;
	font-weight: 300;
}

.signin button:hover {
	color: #000;
	background-color: #ffffff00;
	font-weight: 300;
}
.icon-card, .text-blue, .modal-title, .close, .company-info a, .text-blue .products-list a {
	color: #ee1e25;
}
.btn-primary {
	color: #fff;
	background-color: #ee1f26;
	border-color: #ee1f26;
	border-radius: 5px;
}
.btn-primary:hover {
	background-color: #6cc340;
	color: #fff;
	text-decoration: none;
}
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fbfbfb;
	background-clip: padding-box;
	border: 1px solid #dcdcdc !important;
}
.btn-secondary {
	color: #a2a2a2;
}
.btn-secondary:hover {
	color: #a2a2a2;
	background-color: #fff;
}



/*footer----------------------------------------------------------------------------------------------------*/
.nk-footer {
	position: relative;
	color: #000;
	background-color: #efefef;
	overflow: hidden;
	z-index: 1;
}
a {
	color: #ee1e25;
}
.nk-copyright {
	background-color: #9fa0a0;
}
.nk-copyright a, .nk-copyright-2 a {
	color: #000;
}
/*END footer------------------------------------------------------------------------------------------------*/


/*RWD 768px-------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.nk-image-box-1 .nk-image-box-overlay, .nk-image-box-1-a .nk-image-box-overlay {
		top: 82px;
		right: 0;
		bottom: 0;
		left: 0;
		color: #fff;
		text-align: center;
		background-color: #ff0009de;
		opacity: 0;
		-webkit-transition: .4s opacity;
		-o-transition: .4s opacity;
		transition: .4s opacity;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		border-radius: 0 0 12px 12px;
	}
}
/*END RWD 768px---------------------------------------------------------------------------------------------*/


/*RWD 414px-------------------------------------------------------------------------------------------------*/
@media (max-width: 414px) {
	.marg10{
		margin: 20px 0;
	}
	.nk-footer-logo {
		margin: 27px 0;
	}
	.nk-copyright {
		background-color: rgba(28, 28, 28, 0.6);
		padding: 3px;
	}
	.search-padding {
		padding: 0;
	}
	.rt-header-search-keyword-wrap, .rt-header-search-select-wrap {
		position: relative;
		padding: 0;
		background-color: #ffffff;
		border-radius: 8px 0 0 8px;
		width: 60%;
	}
	select.form-control {
		padding: 0px 9px;
	}
	h1 {
		font-size: 48px !important;
		margin: 0 18px;
	}
	.index-slide-item .container {
		height: 531px;
	}
	.translation a {
		background-color: #ee1e25;
		color: #fff !important;
		border-radius: 0;
	}
	.separation-line {
		border-right: 0;
		padding-top: 0 !important;
		padding-bottom: 32px !important;
	}
	.separation-line-pad {
		padding-top: 0px !important;
		padding-bottom: 32px !important;
		margin-right: 0;
	}
	.nk-navbar-side .nk-nav .nk-drop-item .nk-drop-item > a:after, .nk-navbar-side .nk-nav .nk-drop-item > a:after, .nk-navbar-side .nk-nav > .nk-drop-item > a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -1px;
		right: -30px;
		left: auto;
		color: inherit;
		width: 0;
		height: 0;
		border: none;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		border-left: 2px solid;
		transition: .3s opacity;
		will-change: opacity;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 0.6 !important;
	}
	.nk-image-box-1 .nk-image-box-overlay, .nk-image-box-1-a .nk-image-box-overlay {
		top: 215px;
		right: 0;
		bottom: 0;
		left: 0;
		color: #fff;
		text-align: center;
		background-color: #ff0009de;
		opacity: 0;
		-webkit-transition: .4s opacity;
		-o-transition: .4s opacity;
		transition: .4s opacity;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		border-radius: 0 0 12px 12px;
	}
	.nk-pagination.nk-pagination-right {
		text-align: center;
	}
	.nk-navbar .nk-nav > li.language > a, .nk-navbar .nk-nav > li > a {
		padding: 12px 30px !important;
	}
	.tab-box {
		border: #ee1f26 1px solid;
		padding: 0 20px 50px 20px;
		margin-top: 1px;
	}

	.btn-xs-w {
		padding: 15px 123px;
	}
}
/*END RWD 414px---------------------------------------------------------------------------------------------*/






/*...................*/
/* PuriVet 專案ＣＳＳ */
/*..................*/


/*字體規範------------------------------------------------------------------------------------------------------*/
* {
	font-family: 微軟正黑體;
}
p {
	font-family: 微軟正黑體;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 微軟正黑體;
}
a {
	font-family: 微軟正黑體;
}
span {
	font-family: 微軟正黑體;
}
header .bottom-header .navbar-default .navbar-nav>li>a {
	font-family: 微軟正黑體;
}
.navbar .navbar-nav li .dropdown-menu>li>a {
	font-family: 微軟正黑體;
}
.toolbar ul li a {
	font-family: 微軟正黑體;
}
.footer-a a {
	font-family: 微軟正黑體;
}
.car-block-wrap h4 a {
	font-family: 微軟正黑體;
}
ul.nav-tabs li.active a {
	font-family: 微軟正黑體;
}



/*電腦版---------------------------------------------------------------------------------------------*/

/*菜單*/
.nk-header {
	box-shadow: none;
}
.nk-navbar, .nk-navbar.nk-navbar-solid {
	background-color: #aa1f22;
}
.nk-navbar .link-effect-2, .nk-navbar .link-effect-3, .nk-navbar .link-effect-2 .link-effect-shade, .nk-navbar .link-effect-3 .link-effect-shade, .nk-navbar .active > .link-effect-2, .nk-navbar .active > .link-effect-3 {
	color: #fafafa;
}
.nk-navbar .nk-nav > li > a {
	position: relative;
	padding: 6px 20px !important;
	display: block;
	font-size: 18px;
	font-weight: 900;
}
.nk-navbar ul > li > a:hover, .nk-navbar ul > li > a:focus {
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 0;
}

/*Banner*/
.index-s-bg {
	background-image: url(assets/images/img-01.jpg);
	padding: 100px;
	background-size: 1100px;
	background-repeat: no-repeat;
	background-color: #ac1d1c;
	padding-top: 0;
	top: -82px;
}


/*首頁*/
.nav-tabs {
	border-bottom: none;
}
.tabs-box>li {
	margin-right: 10px;
}
.tabs-box>li>a {
	color: #000;
	padding: 10px 40px;
	border: #000 1px solid;
	background-color: #ffffff;
}
.nk-tabs .nav-tabs .nav-link {
	padding: 10px 20px;
	border-bottom: 0;
	background-color: #ffffff;
	color: #000;
	border: #000 1px solid;
	border-radius: unset;
	margin-right: 10px !important;
}
.nk-tabs .nav-tabs .nav-link.active, .nk-tabs .nav-tabs .nav-link.active:focus, .nk-tabs .nav-tabs .nav-link.active:hover {
	border-bottom: 0;
	background-color: #ae1b14;
	color: #fff;
	border: #ae1b14 1px solid;
	margin-right: 10px !important;
}
.nk-tabs .nav-tabs .nav-link:hover {
	color: #fff;
	background-color: #88100a;
	border: #88100a 1px solid;
	margin-right: 10px !important;
}
.tab-box {
	border: none;
	padding: 0;
	margin-top: 1px;
}
.tab-01 {
	text-align: center;
}
.tab-01 p {
	text-align: left;
}
.tab-01 img{
	margin-top: 40px;
	width: 800px;
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid black;
	border-radius: 0;
	color: #000;
	margin-right: 0;
	border-radius: 100px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #ae1b14;
	border: 1px solid #ae1b14;
	border-bottom-color: transparent;
	margin-right: 0;
}
.nav-tabs>li>a:hover {
	border-color: #ae1b14;
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	color: #ae1b14;
	background-color: #fff;
}
.arrow-box {
	position: absolute;
	top: 725px;
	left: 941px;
}
.arrow-box img{
	width: 40px;
}


/*聯絡團隊*/
.contact_team {
	text-align: center;
}
.contact_team a {
	width: 300px;
	height: 180px;
	padding-top: 30px;
	border: #ae1b14 5px solid;
	border-radius: 15px;
	color: #ae1b14;
	display: inline-block;
}
.contact_team a:hover{
	width: 300px;
	height: 180px;
	padding-top: 30px;
	border: #ae1b14 5px solid;
	border-radius: 15px;
	color: #ae1b14;
	display: inline-block;
	background-color: #f3b0a8;
}
.contact_team h4{
	font-size: 18px;
	font-weight: 600;
}
.contact_team img{
	width: 65px;
	margin-bottom: 10px;
}
.mar-rig30{
	margin-right: 30px;
}
.mar-rig40{
	margin-right: 40px;
}

/*最新消息*/
.news-box {
	text-align: center;
}
.news-box a{
	text-align: left;
	padding: 20px;
	border-bottom: #e6e6e6 1px solid; 
	display: block;
	color: #000;
}
.news-box a:hover{
	color: #ae1b14;
}
.news-box a>span{
	margin-right: 20px;
}

/*採用小動物輸血前減白院所*/
.hospital-box {
	padding: 80px;
}
.hospital-alone {
	padding: 170px;
	border-radius: 100%;
	background-color: #000;
}
.nk-image-box, .nk-image-box-1, .nk-image-box-1-a, .nk-image-box-2, .nk-image-box-3, .nk-image-box-4, .nk-image-box-5 {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 100%;
	box-shadow: none;
	height: 278px;
	margin: 36px;
}

/*輪播*/
.carousel {
	position: relative;
	background-color: #ac1d1c;
}
.carousel-inner>.item {
	padding: 20px;
}

.carousel-indicators li {
	background-color: #cacaca;
	border: 1px solid #cacaca;
	margin: 0 5px;
}
.carousel-indicators {
	bottom: -40px;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #ae1b14;
	border: 1px solid #ae1b14;
	margin: 0 5px;
}
.slides-p h5 {
	color: #fff;
	font-size: 20px;
	line-height: 32px;
	margin-top: 150px;
	font-weight: 400;
}
.slides-p p {
	color: #fff;
	float: right;
	margin-top: 50px;
}

/*其他頁上方留白*/
.mar-top {
	margin-top: 120px;
} 

/*消除藍色背景*/
.bg-blue-s {
	background-image: none;
}

/*聯絡我們*/
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #dcdcdc !important;
	border-radius: 10px;
	margin-top: 12px;
	margin-bottom: 40px;
}
select.form-control:not([size]):not([multiple]) {
	height: 47px;
}
.form-control:focus, .form-control.focus {
	background-color: #ffffff;
	color: #000;
}
.btn-default {
	color: #fff;
	background-color: #ac1d1c;
	border-radius: 8px;
	float: right;
}
.btn {
	padding: 12px 40px;
	cursor: pointer;
	font-weight: 600;
	font-size: 1rem;
	border: 0;
}


/*footer*/
.nk-footer {
	position: relative;
	color: #fff;
	background-color: #ac1d1c;
	overflow: hidden;
	z-index: 1;
}
.nk-copyright {
	background-color: #ae1b14;
}
.nk-copyright a, .nk-copyright-2 a {
	color: #ffffffb3;
}
.footer-a {
	text-align: center;
	margin-top: 60px;
}
.footer-a li{
	list-style-type:none;
	display: inline-block;
}
.footer-a li>a{
	color: #fff;
	margin: 10px 20px;
}
.nk-footer-logo a>img{
	width: 250px;
}


/*Q&A*/
.panel-group .panel-heading {
	border-bottom: 0;
	color: #000000;
	background-color: #f0f0f0;
	border: #c3c3c3 1px solid;
	border-radius: 5px;
	padding: 18px;
}
.panel-body {
	padding: 24px;
	background-color: #f6eaeb;
	border: #ac1d1c 1px solid;
	border-radius: 5px;
	margin-top: 10px;
}
.panel-default {
	border-color: #fff0;
}
.nav-tabs-qa {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #cecece 1px solid;
}
.nav-tabs-qa>li.active>a, .nav-tabs-qa>li.active>a:focus, .nav-tabs-qa>li.active>a:hover {
	color: #ae1b14;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ae1b14;
	border-bottom-color: #ac1d1c;
	margin-right: 10px;
	border-radius: 100px;
}
.nav-tabs-qa>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid black;
	border-radius: 0;
	color: #000;
	margin-right: 10px;
	border-radius: 100px;
}

/*獸醫夥伴*/
.form-control-partners {
	padding: 23px;
	width: 500px !important;
}
.btn-partners {
	margin-top: -29px;
	margin-left: 20px;
}
.btn:hover {
	background-color: #900201;
}
.btn-partners:hover {
	background-color: #900201;
}
select.form-group-partners:not([size]):not([multiple]) {
	width: 232px;
	margin-right: 15px;
}

/*產品介紹*/
.product-box {
	height: 400px;
	border: #f1f1f1 10px solid;
	border-radius: 10px;
	margin: 40px 40px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.product-left {
	background-image: url(assets/images/img-11@2x.png);
	background-position: 90% 90%;
}
.product-right {
	background-image: url(assets/images/img-12@2x.png);
	background-position: 90% 90%;
}
.product-all {
	text-align: center;
}
.product-all p{
	font-weight: 900;
	font-size: 22px;
}
.product-all hr{
	border: 0;
	border-top: 2px solid #000;
	width: 478px;
}
.btn-product {
	color: #000;
	background-color: #fff;
	border-radius: 8px;
	float: none;
	border:#000 1px solid; 
	margin-right: 13px;
	padding: 12px 33px;
}
.btn-product:hover {
	color: #fff;
	background-color: #ac1d1c;
	border-radius: 8px;
	float: none;
	border:#ac1d1c 1px solid; 
}
.btn-product:focus {
	color: #fff;
	background-color: #ac1d1c;
	border-radius: 8px;
	float: none;
	border:#ac1d1c 1px solid; 
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 14px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	text-align: center;
}
.table-hover>tbody>tr:hover {
	background-color: #fff8f8;
	color: #ac1d1c;
	border-top: #ac1d1c 2px solid;
	border-bottom: #ac1d1c 2px solid;
}
.benefit-box{
	text-align: center;
}
.benefit-box p{
	color: #ac1d1c;
	font-weight: 600;
}
.benefit-img{
	border: #ac1d1c 1px solid;
	border-radius: 8px;
	margin: 55px;
	height: 230px;
	margin-bottom: 20px;
}
.benefit-img img{
	height: 110px;
	margin: 40px;
	margin-top: 60px;
}
.benefit-img3 img{
	height: 90px;
}
.description-box {
	border:#000 1px solid; 
	border-radius: 10px;
	padding: 40px;
	margin-bottom: 20px;
}
.language-box {
	position: absolute;
	top: 400px;
	right: 337px;
}
.language-box a{
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
.language-box a:focus, .language-box a:hover{
	color: #ffffff8f;
	display: block;
	margin-bottom: 10px;
}


.success-right {
	color:#000;
}
.success-right:hover {
	color: #ac1d1c;
}
.success-right:focus {
	color: #ac1d1c;
}

/*RWD 1600px-------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
	.arrow-box {
		position: absolute;
		top: 725px;
		left: 784px;
	}
	.arrow-box img{
		width: 40px;
	}
	.language-box {
		position: absolute;
		top: 400px;
		right: 190px;
	}
}


/*RWD 1440px-------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	.arrow-box {
		position: absolute;
		top: 725px;
		left: 702px;
	}
	.arrow-box img{
		width: 40px;
	}
	.language-box {
		position: absolute;
		top: 400px;
		right: 105px;
	}
}


/*RWD 1366px-------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
	.arrow-box {
		position: absolute;
		top: 725px;
		left: 668px;
	}
	.arrow-box img{
		width: 40px;
	}
	.language-box {
		position: absolute;
		top: 400px;
		right: 65px;
	}
}


/*RWD 1280px-------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
	.arrow-box {
		position: absolute;
		top: 725px;
		left: 623px;
	}
	.arrow-box img{
		width: 40px;
	}
	.language-box {
		position: absolute;
		top: 400px;
		right: 25px;
	}
}


/*RWD 768px-------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.index-s-bg {
		background-image: url(assets/images/img-01.jpg);
		padding: 0;
		background-size: 768px;
		background-repeat: no-repeat;
		background-color: #ac1d1c;
		padding-top: 0;
		top: -82px;
	}
	.index-slide-item .container {
		height: 550px;
		margin-top: 54px;
	}
	.arrow-box {
		position: absolute;
		top: 481px;
		left: 373px;
	}
	.slides-p h5 {
		color: #fff;
		font-size: 20px;
		line-height: 32px;
		margin-top: 50px;
		font-weight: 400;
	}
	.nk-image-box, .nk-image-box-1, .nk-image-box-1-a, .nk-image-box-2, .nk-image-box-3, .nk-image-box-4, .nk-image-box-5 {
		position: relative;
		display: block;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: none;
		height: 100%;
		margin: 36px;
	}
	.product-box {
		height: 600px;
		border: #f1f1f1 10px solid;
		border-radius: 10px;
		margin: 40px 40px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
}


/*RWD 480px-------------------------------------------------------------------------------------------------*/
@media (max-width: 736px) {
	.table-rwd{min-width: 100%;}
	/*針對tr去做隱藏*/
	tr.tr-only-hide {display: none !important;}
	/*讓tr變成區塊主要讓他有個區塊*/
	.table-rwd tr {
		display: block;
		border: 1px solid #ddd;
		margin-bottom: 25px;
	}
	.table-rwd td {
		text-align: left;
		font-size: 15px;
		overflow: hidden;
		width: 100%;
		display: block;
	}
	.table-rwd td:before {
		/*最重要的就是這串*/
		content: attr(data-th) " : ";
		/*最重要的就是這串*/
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
		margin-right: 10px;
		color: #D20B2A;
	}
	/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
	.table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding: 14px;
		line-height: 1.42857143;
		vertical-align: top;
		border: 1px solid #ac1d1c;
		text-align: left;
	}	
	.table-hover>tbody>tr:hover {
		background-color: #fff8f8;
		color: #000;
		border-top: #ac1d1c 1px solid;
		border-bottom: #ac1d1c 1px solid;
	}
}

/*RWD 414px-------------------------------------------------------------------------------------------------*/
@media (max-width: 414px) {
	.tab-01 img {
		margin-top: 40px;
		width: 100%;
	}
	.index-s-bg {
		background-image: url(assets/images/img-01.jpg);
		padding: 0;
		background-size: 418px;
		background-repeat: no-repeat;
		background-color: #ac1d1c;
		padding-top: 0;
		top: -14px;
	}
	.index-slide-item .container {
		height: 300px;
	}
	.nav-tabs .nav-item {
		margin-bottom: -1px;
		display: -webkit-box;
	}
	.footer-a {
		text-align: center;
		margin-top: 0;
	}
	.footer-a li {
		list-style-type: none;
		display: inline-block;
		margin: 12px;
	}
	.contact_team a {
		width: 386px;
		height: 180px;
		padding-top: 30px;
		border: #ae1b14 5px solid;
		border-radius: 15px;
		color: #ae1b14;
		display: block;
		margin-bottom: 31px;
	}
	.nk-gap-5 {
		height: 50px;
	}
	h3{
		font-family: 微軟正黑體;
		font-size: 24px;
	}
	.nk-navbar .nk-nav li.single-icon > a {
		padding: 0 15px;
		color: #fafafa;
	}
	.nk-navbar .link-effect-2 > span, .nk-navbar .link-effect-3 > span {
		color: #fff;
	}
	.nk-navbar-side.nk-navbar-left-side {
		width: 280px;
		margin-left: -280px;
	}
	.nk-navbar-side .nk-nav .dropdown > li, .nk-navbar-side .nk-nav > li {
		position: static;
		display: block;
		border-bottom: #ffffff7a 1px solid;
	}
	.nk-navbar .nk-nav > li > a {
		position: relative;
		padding: 14px 20px !important;
		display: block;
		font-size: 18px;
		font-weight: 900;
	}
	.nk-navbar-side .nk-nav-logo {
		display: block;
		width: 100%;
		padding: 0;
		margin-top: 22px;
		text-align: center;
	}
	.nk-navbar ul > li > a:hover, .nk-navbar ul > li > a:focus {
		text-decoration: none;
		color: #ffffff;
		background-color: #920605;
		margin-bottom: 0;
	}
	.nk-footer-logo a>img {
		width: 189px;
	}
	.nk-navbar .nk-nav li.single-icon > a {
		padding: 8px 15px !important;
	}
	.nk-navbar {
		padding: 9px 0;
	}
	.header-gap {
		height: 0;
	}
	.slides-p h5 {
		color: #fff;
		font-size: 17px;
		line-height: 32px;
		margin-top: 13px;
		font-weight: 400;
	}
	.slides-p p {
		color: #fff;
		float: right;
		margin-top: 10px;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		color: #fff;
		cursor: default;
		background-color: #ae1b14;
		border: 1px solid #ae1b14;
		border-bottom-color: transparent;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
	}
	.nav-tabs>li>a {
		margin-right: 2px;
		line-height: 1.42857143;
		border: 1px solid black;
		border-radius: 0;
		color: #000;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
		border-radius: 100px;
	}
	.no-link-effect {
		margin-left: 215px;
	}
	.nk-image-box, .nk-image-box-1, .nk-image-box-1-a, .nk-image-box-2, .nk-image-box-3, .nk-image-box-4, .nk-image-box-5 {
		position: relative;
		display: block;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: none;
		height: 311px;
		margin: 36px;
	}
	h5 {
		font-size: 18px;
	}
	.product-box {
		height: 300px;
		border: #f1f1f1 10px solid;
		border-radius: 10px;
		margin: 40px 40px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.btn {
		padding: 12px 40px;
		cursor: pointer;
		font-weight: 600;
		font-size: 1rem;
		border: 0;
		width: 100%;
	}
	.btn-product {
		color: #000;
		background-color: #fff;
		border-radius: 8px;
		float: none;
		border: #000 1px solid;
		margin-right: 0;
		margin-bottom: 12px;
		width: 100%;
	}
	.nav-tabs-qa>li>a {
		margin-right: 0;
		line-height: 1.42857143;
		border: 1px solid black;
		border-radius: 0;
		color: #000;
		/*margin-right: 10px;*/
		border-radius: 100px;
	}
	.form-control-partners {
		padding: 23px;
		width: 100% !important;
	}
	select.form-group-partners:not([size]):not([multiple]) {
		width: 100%;
		margin-right: 15px;
	}
	.btn-partners {
		margin-top: -29px;
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.product-all hr {
		border: 0;
		border-top: 2px solid #000;
		width: 100%;
	}
	.index-slide-item .container {
		margin-top: 0;
	}
	.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		margin-right: 10px;
	}
}


@media (max-width: 411px){
	.product-box {
		height: 280px;
		border: #f1f1f1 10px solid;
		border-radius: 10px;
		margin: 40px 40px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.index-slide-item .container {
		margin-top: 0;
	}
}


@media (max-width: 375px) {
	.tab-01 img {
		margin-top: 40px;
		width: 100%;
	}
	.index-s-bg {
		background-image: url(assets/images/img-01.jpg);
		padding: 0;
		background-size: 400px;
		background-repeat: no-repeat;
		background-color: #ac1d1c;
		padding-top: 0;
		top: -14px;
	}
	.index-slide-item .container {
		height: 300px;
	}
	.nav-tabs .nav-item {
		margin-bottom: -1px;
		display: -webkit-box;
	}
	.footer-a {
		text-align: center;
		margin-top: 0;
	}
	.footer-a li {
		list-style-type: none;
		display: inline-block;
		margin: 12px;
	}
	.contact_team a {
		width: 344px;
		height: 180px;
		padding-top: 30px;
		border: #ae1b14 5px solid;
		border-radius: 15px;
		color: #ae1b14;
		display: block;
		margin-bottom: 31px;
	}
	.nk-gap-5 {
		height: 50px;
	}
	h3{
		font-family: 微軟正黑體;
		font-size: 24px;
	}
	.nk-navbar .nk-nav li.single-icon > a {
		padding: 0 15px;
		color: #fafafa;
	}
	.nk-navbar .link-effect-2 > span, .nk-navbar .link-effect-3 > span {
		color: #fff;
	}
	.nk-navbar-side.nk-navbar-left-side {
		width: 280px;
		margin-left: -280px;
	}
	.nk-navbar-side .nk-nav .dropdown > li, .nk-navbar-side .nk-nav > li {
		position: static;
		display: block;
		border-bottom: #ffffff7a 1px solid;
	}
	.nk-navbar .nk-nav > li > a {
		position: relative;
		padding: 11px 20px !important;
		display: block;
		font-size: 18px;
		font-weight: 900;
	}
	.nk-navbar-side .nk-nav-logo {
		display: block;
		width: 100%;
		padding: 0;
		margin-top: 22px;
		text-align: center;
	}
	.nk-navbar ul > li > a:hover, .nk-navbar ul > li > a:focus {
		text-decoration: none;
		color: #ffffff;
		background-color: #920605;
	}
	.nk-footer-logo a>img {
		width: 189px;
	}
	.nk-navbar .nk-nav li.single-icon > a {
		padding: 8px 15px !important;
	}
	.nk-navbar {
		padding: 9px 0;
	}
	.header-gap {
		height: 0;
	}
	.slides-p h5 {
		color: #fff;
		font-size: 17px;
		line-height: 32px;
		margin-top: 13px;
		font-weight: 400;
	}
	.slides-p p {
		color: #fff;
		float: right;
		margin-top: 10px;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		color: #fff;
		cursor: default;
		background-color: #ae1b14;
		border: 1px solid #ae1b14;
		border-bottom-color: transparent;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
	}
	.nav-tabs>li>a {
		margin-right: 2px;
		line-height: 1.42857143;
		border: 1px solid black;
		border-radius: 0;
		color: #000;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
		border-radius: 100px;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		color: #fff;
		cursor: default;
		background-color: #ae1b14;
		border: 1px solid #ae1b14;
		border-bottom-color: transparent;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
	}
	.nav-tabs>li>a {
		margin-right: 2px;
		line-height: 1.42857143;
		border: 1px solid black;
		border-radius: 0;
		color: #000;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
		border-radius: 100px;
	}
	.no-link-effect {
		margin-left: 180px;
	}
	.product-box {
		height: 258px;
		border: #f1f1f1 10px solid;
		border-radius: 10px;
		margin: 40px 40px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.index-slide-item .container {
		margin-top: 0;
	}
}

@media (max-width: 360px){
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		color: #fff;
		cursor: default;
		background-color: #ae1b14;
		border: 1px solid #ae1b14;
		border-bottom-color: transparent;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
	}
	.nav-tabs>li>a {
		line-height: 1.42857143;
		border: 1px solid black;
		border-radius: 0;
		color: #000;
		margin: 7px 0;
		margin-right: 0;
		width: 100%;
		border-radius: 100px;
	}
	.nk-navbar .nk-nav li.single-icon > a {
		padding: 8px 4px !important;
	}
}

@media (max-width: 320px){
	.product-box {
		height: 230px;
		border: #f1f1f1 10px solid;
		border-radius: 10px;
		margin: 20px 20px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.benefit-img {
		border: #ac1d1c 1px solid;
		border-radius: 8px;
		margin: 20px;
		height: 230px;
		margin-bottom: 20px;
	}
	.benefit-img img {
		height: 110px;
		margin: 0;
		margin-top: 60px;
	}
	.index-slide-item .container {
		margin-top: 0;
	}
	.nk-navbar .nk-nav li.single-icon > a {
    padding: 8px 0 !important;
    margin-left: 140px;
}
}